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


/* css file import */

@import "base.css";

/***************************
01 base
***************************/

#navi{
	margin:0;
	padding-bottom:4px;
	background:url(../img/bg_navi-t.gif) bottom no-repeat;
	}

#main{
	width:806px;
	margin:0 auto; 
	padding:18px 0 0;
	background:url(../img/bgfr_main.jpg) repeat-y;
	}

#left{
	float:left;
	width:518px;
	margin:0;
	text-align:left;
	}
	
#right{
	float:left;
	width:288px;
	margin:0 auto;
	text-align:left;
	}



#footer{
	width:806px;
	height:100px;
	margin:0;
	padding:0;
	background:url(../img/bgfr_footer.jpg) top no-repeat;
	}

	
/***************************
02 head
***************************/

#header{
	width:806px;
	height:427px;
	position:relative;
	}
#header img{
	vertical-align:top;
	}

/***************************
03 left
***************************/

.topics{
	margin-left:38px;
	text-align:center;
	}
.topics iframe{
	margin:0 auto;
	}


.recommend{
	width:475px;
	height:470px;
	margin:10px 0 0 43px;
	position:relative;
	z-index:10;
	}
.recommend .box01{
	width:475px;
	height:315px;
	position:relative;
	z-index:20;
	}
.recommend .box01 img{
	float:left;
	vertical-align:text-bottom;
	}
.recommend .box02{
	width:290px;
	height:20px;
	position:absolute;
	z-index:30;
	top:245px;
	left:73px;
	}
.recommend .box02 p{
	float:left;
	margin:0;
	padding:0;
	}
.recommend .box02 p.link-l{
	margin-right:104px;
	}
.recommend .box03{
	position:relative;
	top:-10px;
	z-index:30;
	}
.recommend .box03 li{
	float:left;
	text-align:center;
	}
.recommend .box03 li.set-mat{
	margin-top:11px;
	}
	

.recommend .box03 li p{
	margin:2px 0 0;
	}


.sub-navi{
	width:475px;
	margin:60px 0 55px 43px;
	text-align:left;
	}
.sub-navi .left{
	float:left;
	width:244px;
	text-align:left;
	}
.sub-navi dt{
	margin-bottom:10px;
	}
.sub-navi .right{
	float:left;
	}



/***************************
04 right
***************************/

.banners{
	width:252px;
	margin:0 0 15px 10px;
	text-align:left;
	}
.banners h3{
	margin-bottom:6px;
	}
.banners h3.set-pal01{
	padding-left:9px;
	}
	

.profile{
	width:223px;
	margin:0 0 0 25px;
	text-align:left;
	background:url(../img/bgfr_profile-m.gif) repeat-y;
	}
.profile-t{
	width:223px;
	padding-top:10px;
	background:url(../img/bgfr_profile-t.gif) top no-repeat;
	}
.profile-b{
	width:223px;
	padding-bottom:10px;
	background:url(../img/bgfr_profile-b.gif) bottom no-repeat;
	}
.profile p{
	padding-left:13px;
	}
.profile p.fs01{
	font-size:10px;
	}
.profile p.pro-logo{
	padding:0;
	text-align:center;
	margin:3px 0;
	}
.profile p.pro-contact{
	margin:10px auto;
	padding:0;
	text-align:center;
	}
.profile p.fs02{
	margin:0 0 5px;
	}


/***************************
05 footer
***************************/
#footer address{
	float:left;
	padding:8px 0 0 40px;
	}
#footer p{
	float:right;
	padding:8px 46px 0 0;
	}