@charset "utf-8";
/*==structure=================
$H2		H2's style
----------------------------*/
/* _H2
---------------------*/
#contentLeft h2{
	text-indent:-9999px;
	padding-bottom:10px;	
	}
h2[id*=h2Index]	{
	/*height:65px;*/
	}
#h2IndexA{
	background:url(../images/img_title1.gif) no-repeat;
	height:65px;
	}
#h2IndexB{
	background:url(../images/img_title2.jpg) no-repeat;
	height:65px;
	}
#h2IndexC{
	background:url(../images/img_title3.jpg) no-repeat;
	height:45px;
	}
/*end*/	
#contentLeft  p{
	padding:8px 0 16px 0;
	color:#666;
	font-size:12px;
	}
#indexHead{
	height:155px;
	padding: 15px 50px 0;
	background:url(../images/bg01_header.jpg) #fff left top no-repeat;
	}
#indexHead h1{
	font-size:11px;
	color:#000;
	padding-left: 7px;
	}
/*h3IndexBox*/	
.h3IndexBox{
	float:left;
	width:49%;
	}
.h3IndexBox a{
	color:#09f;
	text-decoration:underline;
	font-weight:normal;
	}
.h3IndexBox a:hover{
text-decoration:none;
	color:#f60;
	}	
.h3IndexBox strong{
	display:block;
	background:url(../images/ico_ulA.gif) left center no-repeat;
	padding:8px 0 8px 18px;
	}
/*H3 style*/	
#h3IndexA a{
	display:block;
	background:url(../images/btn_index1.jpg) left top no-repeat;
	height:45px;
	text-indent:-9999px;
	}
#h3IndexB a{
	display:block;
	background:url(../images/btn_index2.jpg) left top no-repeat;
	height:45px;
	text-indent:-9999px;
	}	
#h3IndexC a{
	display:block;
	background:url(../images/btn_index3.jpg) no-repeat;
	height:45px;
	text-indent:-9999px;
	}
#h3IndexD a{
	display:block;
	background:url(../images/btn_index4.jpg) no-repeat;
	height:45px;
	text-indent:-9999px;
	}
#h3IndexE a{
	display:block;
	background:url(../images/btn_index5.jpg) no-repeat;
	height:45px;
	text-indent:-9999px;
	}
#h3IndexF a{
	display:block;
	background:url(../images/btn_index6.jpg) no-repeat;
	height:45px;
	text-indent:-9999px;
	}
/*end*/	
#h2A p {
	padding-right:35px;
	padding-left:5px;
	letter-spacing: 0.2em;
	}
.h2Box{
	clear:both;
	padding-bottom:20px;
	}
#h2B p{
	padding-left:45px;
	padding-right:30px;
	letter-spacing: 0.2em;
	}	
	
#h2ALeft{
	width:270px;
	float:left;
	}
#h2ALeft h4{
	font-size:13px;
	background:url(../images/ico_ulA.gif) 8px center no-repeat;
	padding:0 0 0 25px;
	line-height:1.7;
	}
#h2A h4	a{
	color:#09f;
	text-decoration:underline;}
#h2A h4	a:hover{
	text-decoration:none;
	color:#f60;
	}	
/*end*/	
#h2ARight{
	margin:0 0 0 265px;
	width: 395px;
	}
.h4IndexBox {
	float:left;
	width:185px;
	}
.h4IndexBox a{
	color:#ff6600;
	}	

.h4IndexBox img{
	vertical-align:middle;
	margin-right:5px;
	}
/*.h4IndexBox2{
	margin-bottom:10px;
	}*/
.titBox{
	float:left;
	width: 33%;
	padding-bottom: 10px;
	}
.titBox h4{
	background:url(../images/ico_ulA.gif) 13px 5px no-repeat;
	padding:0 0 0 33px;
	line-height:1.8;
	font-size:13px;
	}	
.titBox a{
	color:#09f;
	text-decoration:underline;
	}
.titBox a:hover{
	text-decoration:none;
	color:#f60;
	}
	
.dot{border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px; height:1%; overflow:hidden;}
ul.list li{
	list-style-type:none;
	font-size:13px;
	background:url(../images/ico_ulA.gif) no-repeat 15px 5px;
	padding:0 0 0 35px;
	line-height:1.7;
	width:150px;
	}
ul.list li	a{
	color:#09f;
	text-decoration:underline;}
ul.list li	a:hover{
	text-decoration:none;
	color:#f60;
	}