@charset "utf-8";

/* ------------------index------------------*/
#pageHeader{
	position:relative;
	z-index:3000;
}
#container{
	padding-top:5px;
}
.wrapper_topJS{
	z-index:2000;
	position:relative;
	width:961px;
	height:495px;
	background:url(../images/index/topJS_bg.png) 0 0 no-repeat;
}
#topJS{
	position:absolute;
	left:12px;
	top:10px;
	width:935px;
	height:446px;
	margin-bottom:10px;
}
#tape{
	position:absolute;
	left:-45px;
	top:-60px;
	z-index:1000;
}
/* topics */
#topics{
	position:relative;
	float:left;
	width:634px;
}
#topics h2{
	padding-left:35px;
}
#topics .wrap{
	padding:10px 15px 5px;
	background:url(../images/index/topics_bg.png) 0 0 repeat-y;
}
#topics .wrap li{
	padding-top:15px;
	padding-bottom:3px;
	background:url(../images/common/line01.gif) left bottom repeat-x;
}
#topics .wrap li span{
	padding-left:20px;
	padding-right:20px;
}
#topics .illust{
	position:absolute;
	right:-15px;
	top:-14px;
}
/* esthe */
#esthe{
	float:right;
	width:314px;
	position:relative;
}
#esthe h2{
	z-index:2;
	position:absolute;
	top:-17px;
	left:-2px;
}
#esthe a{
	z-index:1;
	display:block;
	position:absolute;
	top:20px;
	left:0;
	width:314px;
	height:179px;
}
/* blc */
#container .blc{
	width:304px;
	margin-top:25px;
	margin-bottom:25px;
}
#container .blc .wrap{
	padding-right:15px;
	padding-left:15px;
	background:url(../images/index/blc_bg.png) 0 0 repeat-y;
}
#concept{float:left;}
#concept .wrap{padding-top:15px; padding-bottom:5px;}
#campaign{float:left; margin-left:22px;}
#campaign .txt01{position:relative; top:-10px; margin-bottom:5px; text-align:center;}
#campaign .txt01 span{font-size:150%; color:#AF2323;}
#access{float:right;}
#access .wrap{padding-top:15px; padding-bottom:5px;}
#access dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#access dl{zoom:1;}
* html #access dl{height:1%;}
#access dt{float:left; width:55px;}
#access dd{float:right; width:200px;}