@charset "UTF-8";


/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	#left_box
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#left_box{
width:490px;
float:left;
margin-right:18px;
}




/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	#right_box
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#right_box{
width:310px;
float:left;
}



/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	#flash_box
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#flash_box{
clear:both;
float:left;
margin:20px 0;
}



/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	#recommend
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#recommend{
width:490px;
border:1px solid #CCCCCC;
background:url(../images/top/box_recommend.gif) top repeat-y;
}


div#recommend p{
line-height:1.5em;
}


div#recommend div.reco_box_top{
float:left;
}


div#recommend div.reco_box_bottom{
border-top:2px dotted #CCCCCC;
float:left;
}


div#recommend div.recommend_box1{
width:225px;
float:left;
padding:10px;
}
div#recommend div.recommend_box2{
width:225px;
float:left;
padding:10px;
}
div#recommend div.recommend_box3{
width:225px;
float:left;
padding:10px;
}
div#recommend div.recommend_box4{
width:225px;
float:left;
padding:10px;
}

div#recommend img{
display:block;
width:110px;
height:110px;
margin:20px auto;
}

div#recommend h2{
background:url(../images/top/h_recommend.jpg) no-repeat;
width:490px;
height:32px;
text-indent:-9999px;
}

div#recommend h3{
font-size:0.875em;
color:#333333;
font-weight:normal;
background:url(../images/arrow_link.gif) no-repeat left center;
min-height:12px;
padding-left:13px;
}



/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	#information
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#information{
width:490px;
margin-top:20px;
border:1px solid #CCCCCC;
}

div#information h2{
background:url(../images/top/h_information.jpg) no-repeat;
width:490px;
height:32px;
text-indent:-9999px;
}

div#information dl.dl_01{
margin-top:10px;
padding:0 0 5px 10px;
width:470px;
border-bottom:1px dotted #CCCCCC;
}

div#information dl.dl_02{
margin-top:10px;
padding:0 0 5px 10px;
width:470px;
}

div#information dl dt{
font-size:0.75em;
width:90px;
color:#333333;
float:left;
}

div#information dl dd{
width:380px;
float:left;
font-size:0.75em;
color:#333333;
}



/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	#total_support
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#total_support{
width:290px;
padding:10px;
background:url(../images/top/box_about.jpg) no-repeat bottom;
border:1px solid #CCCCCC;
float:left;
}

div#total_support h2{
background:url(../images/top/h2_total_support.gif) no-repeat;
width:290px;
height:50px;
text-indent:-9999px;
margin-bottom:15px;
}

div#total_support p.p_total_support{
margin-top:15px;
line-height:1.5em;
color:#42210b;
}

div#total_support p.p_total_support_link{
margin-top:10px;
float:right;
background:url(../images/arrow_link.gif) no-repeat left center;
min-height:12px;
padding-left:13px;
}



/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	#content
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#content{
width:288px;
min-height:142px;
padding:0 10px;
margin-top:20px;
border:1px solid #CCCCCC;
float:left;
clear:both;
}
*html div#content{
width:288px;
height:142px;
padding:0 10px;
margin-top:20px;
border:1px solid #CCCCCC;
}

div#content dl.content_dl01{
border-bottom:1px dotted #CCCCCC;
padding-bottom:10px;
float:left;
}

div#content dl.content_dl01 dd{
padding-top:5px;
}

div#content dl dt{
clear:both;
width:50px;
height:50px;
float:left;
padding-right:10px;
margin-top:10px;
}

div#content dl dd{
width:228px;
color:#333333;
font-size:0.75em;
line-height:1.5em;
float:left;
margin-top:10px;
}



/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

	#group_banner
	
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□*/

div#group_banner{
background:url(../images/top/box_banner.gif) no-repeat;
width:285px;
height:237px;
margin:20px 0 0 13px;
clear:both;
float:left;
}

/*ie huck*/
*html div#group_banner{
background:url(../images/top/box_banner.gif) no-repeat;
width:285px;
height:237px;
margin:20px 0 0 7px;
float:left;
clear:both;
}

div#group_banner h2{
text-indent:-9999px;
font-size:12px;
}

div#group_banner ul{
margin:20px auto 0 auto;
font-size:12px;
}

div#group_banner ul li a{
display:block;
text-indent:-9999px;
background:url(../images/sb_banner.jpg) no-repeat;
width:257px;
height:62px;
overflow:hidden;
margin:0 auto;
}

div#group_banner ul li.banner01 a{
background:url(../images/zm_banner_sp.jpg) no-repeat;
}

div#group_banner ul li.banner02 a{
background:url(../images/sb_banner_sp.jpg) no-repeat;
margin-top:5px;
}

div#group_banner ul li.banner03 a{
background:url(../images/sr_banner_sp.jpg) no-repeat;
margin-top:5px;
}

div#group_banner ul li a:hover{
background-position:0 -62px;
}