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

/* ----------------------------------------
*	汎用要素スタイル 
---------------------------------------- */

/* ----------------------------------------
*	汎用クラススタイル
---------------------------------------- */

/* ----------------------------------------
*	ワイヤーフレーム部位別スタイル 
---------------------------------------- */
body{	background-color:#b5b5b5;}
div#container{	background-image:url(../images/common/bg_body.png);}
div#wrapper{
	width:931px;
	border:solid 1px #FFF;
	border-width:0 1px;
	margin:0 auto;
	position:relative;
}
div#content{
	background:url(../images/common/bg_content.png) no-repeat 0 100%;
	width:721px;
	height:616px;
	float:right;
	margin-bottom:10px;
}
div#sidebar{
	width:210px;
	background:url(../images/common/bg_container.png) repeat-x 0 0;
	float:left;
}

/* ----------------------------------------
*	共通スタイル
---------------------------------------- */
/*	sidebar サイドバー		---------------------------------------- */
div#sidebar div#sidebar_inner{
	background:url(../images/common/bg_sidenav.png) no-repeat 0 0;
	width:193px;
	height:683px;
	margin:0 0 0 10px;
	padding:20px 0 0;
}
div#sidebar h2{
	width:173px;
	margin:0 auto 12px;
}
div#sidebar div#nav_main{
	padding:0 0 18px;
	margin:0 0 14px;
	border-bottom:solid 1px #dfddd1;
}
div#sidebar div#nav_main ul{
	margin:0 auto;
	width:191px;
}
div#sidebar div#nav_main ul li{
	width:191px;
	height:26px;
	list-style:none;
	margin:0 0 9px;
}
div#sidebar div#nav_main ul li a{
	display:block;
	width:170px;
	height:26px;
	text-decoration:none;
	margin:0 0 0 10px;
	background:url(../images/common/btn_navigation.png);
}
div#sidebar div#nav_main ul li a span{	visibility:hidden;}
/*	normal */
div#sidebar div#nav_main ul li#nav_top a{ background-position:-10px 0;}
div#sidebar div#nav_main ul li#nav_introduction a{ background-position:-10px -35px;}
div#sidebar div#nav_main ul li#nav_story a{ background-position:-10px -72px;}
div#sidebar div#nav_main ul li#nav_correlation a{ background-position:-10px -107px;}
div#sidebar div#nav_main ul li#nav_news a{ background-position:-10px -143px;}
/*	hover */
div#sidebar div#nav_main ul li#nav_top a:hover{ background-position:-201px 0;}
div#sidebar div#nav_main ul li#nav_introduction a:hover{ background-position:-201px -35px;}
div#sidebar div#nav_main ul li#nav_story a:hover{ background-position:-201px -72px;}
div#sidebar div#nav_main ul li#nav_correlation a:hover{ background-position:-201px -107px;}
div#sidebar div#nav_main ul li#nav_news a:hover{ background-position:-201px -143px;}
/*	active */
body.index div#sidebar div#nav_main ul li#nav_top a,
body#introduction div#sidebar div#nav_main ul li#nav_introduction a,
body.story div#sidebar div#nav_main ul li#nav_story a,
body.correlation div#sidebar div#nav_main ul li#nav_correlation a,
body.news div#sidebar div#nav_main ul li#nav_news a{	width:190px;	margin:0;}
body#index div#sidebar div#nav_main ul li#nav_top a{ background-position:-382px 0;}
body#introduction div#sidebar div#nav_main ul li#nav_introduction a{ background-position:-382px -35px;}
body#story01 div#sidebar div#nav_main ul li#nav_story a,
body#story02 div#sidebar div#nav_main ul li#nav_story a,
body#story03 div#sidebar div#nav_main ul li#nav_story a,
body#story04 div#sidebar div#nav_main ul li#nav_story a,
body#story05 div#sidebar div#nav_main ul li#nav_story a,
body#story06 div#sidebar div#nav_main ul li#nav_story a,
body#story07 div#sidebar div#nav_main ul li#nav_story a,
body#story08 div#sidebar div#nav_main ul li#nav_story a,
body#story09 div#sidebar div#nav_main ul li#nav_story a,
body#story10 div#sidebar div#nav_main ul li#nav_story a,
body#story11 div#sidebar div#nav_main ul li#nav_story a,
body#story12 div#sidebar div#nav_main ul li#nav_story a{ background-position:-382px -72px;}
body#correlation div#sidebar div#nav_main ul li#nav_correlation a{ background-position:-382px -107px;}
body#news div#sidebar div#nav_main ul li#nav_news a{ background-position:-382px -143px;}

div#sidebar div#side_news{
	padding:0 16px 17px 18px;
	margin:0 auto 17px;
	border-bottom:solid 1px #dfddd1;
}
div#sidebar div#side_news h3{	margin:0 0 16px;}
div#sidebar div#side_news p,
div#sidebar div#side_banner ul{	margin:0;}
div#sidebar div#side_banner ul li{
	list-style:none;
	text-align:center;
	margin-bottom:10px;
}

/*	foot_link 		---------------------------------------- */
div#foot_link ul{
	margin:0;
	padding-right:10px;
	text-align:right;
}
div#foot_link ul li{
	list-style:none;
	display:inline;
}

/*	footer フッター		---------------------------------------- */
div#footer{
	clear:both;
	width:100%;
	text-align:center;
	padding:10px 0;
	background-color:#b5b5b5;
}

/*	content コンテンツ		---------------------------------------- */
div#content div#cont_inner{
	width:680px;
	height:585px;
	margin:11px auto 11px 21px;
	position:relative;
}
body.page div#cont_inner h1{
	position:absolute;
	top:25px;
	left:35px;
	margin:0;
}

/* ----------------------------------------
*	ページスタイル　index.html
---------------------------------------- */
body#index div#content div#cont_inner h1{	margin:0;}
body#index div#content div#cont_inner p{
	width:103px;
	height:103px;
	position:absolute;
	right:110px;
	bottom:120px;
}
body#index div#content div#cont_inner p a{
	display:block;
	width:103px;
	height:103px;
	background:url(../images/index/btn_trailer.png) no-repeat 0 0px;
	text-decoration:none;
}
body#index div#content div#cont_inner p a span{	visibility:hidden;}
body#index div#content div#cont_inner p a:hover{	background-position:0 bottom;}


/* ----------------------------------------
*	ページスタイル　introduction.html
---------------------------------------- */
body#introduction div#cont_inner ul{
	position:absolute;
	top:73px;
	left:41px;
	margin:0;
}
body#introduction div#cont_inner ul li{
	list-style:none;
	margin-bottom:15px;
}
body#introduction div#cont_inner p{
	margin:0;
}
body#introduction div#cont_inner p img{
	display:block;
}

/* ----------------------------------------
*	ページスタイル　story.html
---------------------------------------- */
body.story div#cont_inner{	background:url(../images/story/bg_content.png) no-repeat 0 0;}
body.story div#cont_inner ul#story-capture{
	padding:80px 0 0 30px;
	margin:0 0 30px 10px;
}
body.story div#cont_inner ul#story-capture li{
	list-style:none;
	float:left;
	width:20px;
	height:20px;
	margin:0 12px;
	background:url(../images/story/btn_capture.png) no-repeat 0 0;
}
body.story div#cont_inner ul#story-capture li a{
	display:block;
	width:20px;
	height:20px;
	text-decoration:none;
	background:url(../images/story/btn_capture.png) no-repeat 0 0;
}
body.story div#cont_inner ul#story-capture li span{	visibility:hidden;}
body.story div#cont_inner ul#story-capture li#cap_story01{	background-position:6px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story01 a{	background-position:6px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story02{	background-position:-39px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story02 a{	background-position:-39px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story03{	background-position:-85px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story03 a{	background-position:-85px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story04{	background-position:-131px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story04 a{	background-position:-131px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story05{	background-position:-177px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story05 a{	background-position:-177px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story06{	background-position:-223px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story06 a{	background-position:-223px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story07{	background-position:-268px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story07 a{	background-position:-268px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story08{	background-position:-314px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story08 a{	background-position:-314px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story09{	background-position:-360px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story09 a{	background-position:-360px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story10{	background-position:-411px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story10 a{	background-position:-411px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story11{	background-position:-468px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story11 a{	background-position:-468px -19px;}
body.story div#cont_inner ul#story-capture li#cap_story12{	background-position:-524px 2px;}
body.story div#cont_inner ul#story-capture li#cap_story12 a{	background-position:-524px -19px;}

body.story div.story-content{	margin:0 auto 0 50px;}
body.story div.story-content h2{	margin:0 auto 10px;}
body.story div.story-content div.story_pic{	margin:0 auto 20px;}
body.story div.story-content div.story_pic *{	margin:0;}
body.story div.story-content dl,
body.story div.story-content dd{	margin:0;}
body.story div.story-content dt{	margin-bottom:15px;}
/*	col1 */
body.story div.story-content div.pic_col1{	width:340px;}
/*	col2, col3 */
body.story div.story-content div.pic_col2{	margin-left:50px;}
body.story div.story-content div.pic_col2 p,
body.story div.story-content div.pic_col3 p{	float:left;}
body.story div.story-content div.pic_col2 ul,
body.story div.story-content div.pic_col3 ul{
	float:left;
	margin-left:15px;
}
body.story div.story-content div.pic_col2 li,
body.story div.story-content div.pic_col3 li{
	list-style:none;
	margin:0 0 10px 0;
	width:102px;
	height:68px;
	overflow:hidden;
	background-color:#EEE;
}
body.story div.story-content div.pic_col2 li.lastChild,
body.story div.story-content div.pic_col3 li.lastChild{	margin:0}

/* ----------------------------------------
*	ページスタイル　correlation.html
---------------------------------------- */
body#correlation div#cont_inner{	background:url(../images/correlation/bg_content.jpg) no-repeat 0 0;}

/* ----------------------------------------
*	ページスタイル　news.html
---------------------------------------- */
body#news div#cont_inner{	background:url(../images/news/bg_content.jpg) no-repeat 0 0;}
body#news div#cont_inner ul{
	margin:0;
	padding:100px 0 0 45px;
}
body#news div#cont_inner ul li{
	list-style:none;
	width:450px;
	padding:10px 10px 10px 120px;
	border-bottom:dotted 1px #c6c6c6;
	position:relative;
}
body#news div#cont_inner ul li.firstChild{	border-top:solid 1px #c6c6c6;}
body#news div#cont_inner ul li span{
	display:block;
	position:absolute;
	top:10px;
	left:10px;
}