/* ==============================================

	YUI2 CSS reset
	
============================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {  border:0; }
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after { content:''; }
abbr,acronym { border:0; }
.clear {
	clear: both;
	line-height: 0;
	height: 0;
	width: 0;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

* a , form * { position: relative ; }/* IE6でpngBGでもリンクするように */


/* ===================================
	common
=================================== */
body {
	line-height: 1.4em;
	font-family: 	'メイリオ', 'Meiryo','ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'Osaka', verdana, san-serif;
	font-size: 80%;
	color: #000;
	background: #fff url(../img/bg.jpg) repeat left top;
}
a {	outline:none;}
a:link,a:visited {
	text-decoration:underline;
	color:#ea68a2;
}
a:hover {
	text-decoration:underline;
	color:#97687d;
}
html{
    height:100%;
}
body{
    height:100%;
}
strong{
	font-weight:bold;
}
/* ===================================
	top
=================================== */
#top_container{
	width:1000px;
	height:905px;
	background:url(../img/bg_main.png) no-repeat left top;
	overflow:hidden;
}
#top_container #navi{
	display:block;
	float:left;
	padding:150px 0 0 20px;
}

#top_container #navi li{
	margin:5px 0;
}
#top_container #contents{
	padding:640px 0 0 535px;
	line-height:1.3em;
	width:400px;
}
#top_container #contents ul{
	height:160px;
	overflow:auto;
}

#top_container #contents li{
	margin:0px 0 4px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #000;
}
/* ------info fancybox------------------------ */
#top_container #topinfoTxt{
	display:none;
}
#topinfoTxt{
	width:460px;
	height:280px;
	text-align:center;
}
.mobageTxt{
	display:block;
	margin:-150px 0 0 0;
}
#topinfoTxt p{
	margin-bottom:10px;
}
#topinfoTxt p.mtitle{
	font-weight:bold;
	font-size:1.3em;
	color:#CC0033;
	line-height:1.3em;
}
#topinfoTxt p.attention{
	font-size:0.8em;
	text-align:left;
	margin:10px 0 0 10px;
}
/* ===================================
	サブcommon
=================================== */
#container{
	width:1000px;
    height:100%;
    min-height:100%;
	background:url(../img/bg_sub.png) repeat-y left top;
	overflow:hidden;
	padding-bottom:30px;
}

body > #container{
    height:auto;
}

#container #navi{
	width:280px;
	background:url(../img/bg_nav.jpg) no-repeat left top;
	float:left;
}
#logo{
	padding:25px 0 0 5px;
}
#container #navi ul{
	display:block;
	padding:25px 0 100px 20px;
}
#container #navi li{
	margin:5px 0;
}
#container #contents{
	width:720px;
	background:url(../img/bg_contents.jpg) no-repeat left top;
	display:block;
	float:right;
}
#title{
	padding:40px 0 0 185px;
}
#inner{
	margin:100px 60px 0 40px;
}
#inner p{margin-bottom:20px;}
#copy{
	display:block;
	margin:50px 0 0 170px;
}
/* ===================================
	ストーリー
=================================== */
.outer{ /*ギャラリーの外枠*/
	width:580px;
	padding:10px 10px 4px 10px;	
	margin:30px 0 0 0px;
	background-color:#eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	
	border:1px solid #cccaca;

	-moz-border-radius: 5px;-moz-box-shadow: 0px 3px 10px #000;	
	-webkit-box-shadow: 0px 3px 10px #000;
/*if IE*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=6)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=6);
/*endif*/
}
.outertest{ /*ギャラリーの外枠*/
	width:580px;
/*	padding:10px 10px 4px 10px; New前*/
	padding:10px 10px 30px 10px;	
	margin:30px 0 0 0px;
	background-color:#eee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	
	border:1px solid #cccaca;

	-moz-border-radius: 5px;-moz-box-shadow: 0px 3px 10px #000;	
	-webkit-box-shadow: 0px 3px 10px #000;
/*if IE*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=6)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=6);
/*endif*/
}

ul.thumbs {
	display:block;
	overflow:hidden;
	padding:10px 0 0px 4px;} /*サムネイルのul*/
ul.thumbs li {
	padding:0 4px 4px 0;} /*サムネイルのli*/
#loading {
	padding:100px 0 0 0;}　/*ロード画像用のコンテナ*/

#story_copy{
	display:block;
	margin:-800px 0 0 0;
	border:1px solid #000000;
	z-index:200;
}

/* ===================================
	GOODS
=================================== */
.goods_kakaku{
	margin-bottom:10px;
	text-align:right;
}

/* ===================================
	ＢＤ＆ＤＶＤ
=================================== */
.bx-window{}
/*pager*/
.bx-pager {
	text-align: center;
    padding: 20px 0 40px;
}

.bx-pager a {
	font-size: 16px;
	color: #1f1e73;
	padding: 6px 10px;
	margin:5px;
	text-decoration:none;
	font-weight:bold;
	background-color:#848cc9;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.bx-pager .pager-active,
.bx-pager a:hover {
	color: #fff;
	text-decoration: none;
	background-color:#3E408D;
}
/*prev next*/
.bx-prev {
	position: absolute;
	top: 290px;
	left: 15px;
	width: 76px;
	height: 33px;
	text-indent: -999999px;
	background: url(../img/icon_arrow_left.png) no-repeat 0 -33px;
}
.bx-next {
	position: absolute;
	top: 290px;
	right: 50px;
	width: 76px;
	height: 33px;
	text-indent: -999999px;
	background: url(../img/icon_arrow_right.png) no-repeat 0 -33px;
}
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}


/* ===================================
	スタッフキャスト
=================================== */
.staffcast{
	margin:0 0 20px 20px;
	overflow:hidden;
}

.staffcast li{
	display:block;
	width:300px;
	float:left;
	line-height:1.5em;
}


/* ===================================
	座談会
=================================== */
h3{
	margin:0 0 20px -15px;
	font-weight:bold;
}
#inner p.txtQ{
	font-weight: bold;
	margin:0 0 10px 0px;
	text-indent:-15px;
}
.txtA{
	padding-right:30px;
}
.txtA span{
	display:block;
	font-weight:bold;
	margin-top:10px;
}
.kawaguchi{color:#0f81d9;}
.nomura{color:#1f9c06;}
.baba{color:#cc0f2a;}

.img_sym{
	padding:5px;
	border:1px solid #959595;
	background-color:#FFFFFF;
}

.sym01{	
	float:right;
	margin:10px;
}
.sym02{
	margin:10px 10px 10px -15px;
	float:left;
}


/* ===================================
	TVCM
=================================== */
#pv_btn li{
	margin:0 0 10px 0;
}

/* ===================================
	対談
=================================== */
.fukuyama{color:#601986;}
.natuka{color:#d03c7e;}

/* ===================================
	グッズ
=================================== */
.goodslist li{
	float:left;
}