@charset "UTF-8";
/* CSS Document */

/**********************************************************************************************

	Title: CSS for 32901
	Author: SAYA  (by Ollie Chang)
	Date: 2010 /  07  / 26  

***********************************************************************************************
		0 Global Reset
		1 body
			1.0 defind
			1.1 wrapper
			1.2 header
			1.3 navigation
			1.4 logo
			1.5 content
			1.6 footer
		2 link
		3 Button
		4 input,select,textarea
		5 user_setting
		6 class
		
***********************************************************************************************/



/* 0. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
@import url(http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css);		

/* 1. body
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
/*1.0 defind*/

html{}

body{
font-size:13px;
line-height:1.8;}

h2{}

h3{
font-size:15px;
color:#d12b2f;
font-weight:bold;}

h4{
font-size:15px;
color:#0E6C9F;
border-bottom:#CCCCCC 1px dashed;}

h5{}

h6{}


/*1.1 wrapper*/
#out_wrapper{}

#head_wrapper{
width:980px;
margin:0 auto;}

#content_wrapper{
}

#footer_wrapper{
background:url(../images/footer_weapper.jpg) repeat-x;
height:92px;
}

/*1.2 header*/

#head{}

/*1.3 navigation*/

/*1.4 logo*/

/*1.5 content*/

#content{
width:980px;
margin:0 auto;} 

#left_content{
width:224px;
border-right:#CCCCCC 1px solid;
padding:0 1px 0 0;
float:left;
background:url(../images/left.jpg) no-repeat;
height:495px;
}

#left_content_all{
background:url(../images/20110704inside_cut_06.jpg) no-repeat;
width:224px;
padding:40px 0 0 0;
float:left;
border-right:#CCCCCC 1px solid;
font-size:15px;}

#right_content{
float:left;
width:740px;
margin:0 0 0 5px;} 

#kv{
background:url(../images/kv.jpg) top center no-repeat;
height:430px;}

#kv_inside{
background:url(../images/kv_inside.jpg) top center no-repeat;
height:140px;}

/*1.6 footer*/

#footer{
background:url(../images/footer.jpg) top center no-repeat;
height:92px;
text-align:right;
padding:20px 0 0 0;
color:#000;
width:950px;
margin:0 auto;}

/* 2. link
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

#footer a{
color:#000;}

#left_content_all a{
color:#333333;
text-decoration:none;}

/*3 Button
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.btn{
float:left;
background:#0E6C9F;
margin:5px;
font-size:15px;}

.btn a{
padding:3px 5px;
text-decoration:none;
margin:2px 3px;
color:#ddd;}

.btn a:hover{
background:#006699;
color:#FFFFFF;}

/* 4 input,select,textarea
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
/*5 user_setting
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/*6 class
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.red_font{
color:#d12b2f;
font-weight:bold;}

.inside_txt{
padding:0 18px;}

.inside_txt1{
padding:0 5px;}

.title_profile{
background:url(../images/title.jpg) 0px 0px no-repeat;
width:746px;
height:40px;
text-indent:-9999px;}

.title_products{
background:url(../images/title.jpg) 0px -36px no-repeat;
width:746px;
height:40px;
text-indent:-9999px;}

.title_contact{
background:url(../images/title.jpg) 0px -73px no-repeat;
width:746px;
height:40px;
text-indent:-9999px;}

.menu_title{
margin:5px 0;}

.menu_li{
background:url(../images/menu_09.jpg) 0px 8px no-repeat;
padding:0 0 0 15px;}

.product_title1{
background:url(../images/product_title.jpg) 0px 0px no-repeat;
width:730px;
height:30px;
text-indent:-9999px;
margin:0 0 5px 0;}

.product_title2{
background:url(../images/product_title.jpg) 0px -30px no-repeat;
width:730px;
height:22px;
text-indent:135px;
margin:0 0 5px 0;
padding:8px 0 0 0;
color:#0E6C9F;
font-weight:bold;}

.product_title3{
background:url(../images/product_title.jpg) 0px -60px no-repeat;
width:730px;
height:22px;
text-indent:95px;
margin:0 0 5px 0;
padding:8px 0 0 0;
color:#0E6C9F;
font-weight:bold;}

.product_title4{
background:url(../images/product_title.jpg) 0px -90px no-repeat;
width:730px;
height:22px;
text-indent:95px;
margin:0 0 5px 0;
padding:8px 0 0 0;
color:#0E6C9F;
font-weight:bold;}

.product_title5{
background:url(../images/product_title.jpg) 0px -120px no-repeat;
width:730px;
height:22px;
text-indent:55px;
margin:0 0 5px 0;
padding:8px 0 0 0;
color:#0E6C9F;
font-weight:bold;}

.product_title6{
background:url(../images/product_title.jpg) 0px -150px no-repeat;
width:730px;
height:22px;
text-indent:55px;
margin:0 0 5px 0;
padding:8px 0 0 0;
color:#0E6C9F;
font-weight:bold;}

 /* Clear Fix */   
   
 .clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac */   
 .clearfix {
	display:block;
}   
 /* End hide from IE Mac */   
 /* end of clearfix */