@charset "utf-8";

body,div,span,
h1, h2, h3, h4, h5, h6,p,
ul, ol,li, dl,dt,dd,
strong,em,b,i,q,
a,img,
cite,address,
abbr,code,header,
dfn, ins, kbd, samp,
hgroup, menu, nav, section,article,footer{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-style:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
article, aside, dialog, figure, footer, 
hgroup, nav, section{
	display:block;
}
ul, ol,li,.vcard{
	overflow:visible;
	display:block;}
	
ul, ol{
	list-style: outside square ;
	margin-left:1em;
	}
nav li,#footerbg li{
	list-style-type: none;
}

body {
	font: 100%/1.0 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #111a19 url(../image/cs5/bg-middle.jpg) repeat top left;
	line-height: 1;
	color: #EDE9EF;
	text-align: justify;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section,
.content,
#footermain{
	display:block;
}

a img { 
	border: none;
}
/* link color */
strong,.point{
	color:#1fddf8;}

a:link {
	color:#cf0;
	text-decoration:none;
}
a:visited {
	color: #9C0;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	color: #fff;
	text-decoration: none;
}

#cs6 a:link{
	color: #C39;}
#cs6 a:visited { color: #F6C; }
#cs6 a:hover,#cs6 a:active, a:focus {
	color: #fff;
	text-decoration: none;
}
	
* html body ul,
* html body ol,
* html body dl{
position: relative;
}

.none{
	display:none;}
/* レイアウト */
h1.entrytop{
	background: url(../image/cs5/bg-headbg.jpg) repeat-x bottom center;
	height:100px;
	margin: 0 auto;
}
h1.entrytop strong{
display:block;
width:100%;	height:100px;
background:url(../image/cs5/header.jpg) no-repeat center bottom;
	}
/* ヘッダ */
.header{
	background: #000 url(../image/cs5/header.jpg) no-repeat top center;
	height:108px;
	overflow:hidden;
	display: block;
}

h1#top{
	background: #000 url(../image/cs5/header.jpg) no-repeat top center;}

h3{
	clear:both;
	margin:0;}
h1#top a,h1 strong img,.tab,
.note h3,.introduction em,
.note .chatch strong,.goto,
.dvd,.daredemo,#footermain{
width:778px;
display:block;
margin: 0 auto;
}
	
.introduction{
	background: #000 url(../image/cs5/header.jpg) no-repeat center -77px;
	text-align:right;
height:30px;
	display:block;
	line-height:30px;
	font-size:14px;}
.introduction a:hover{
	color:#fff;}
/* content */
.content h1,.note h2{
	text-align:center;}
.content h1 span{
		display:block;
		background:url(../image/cs5/bg-titleh1.jpg) no-repeat center -2px;}


.content h1{
	height:100px;
	background:url(../image/cs5/bg-top.jpg) center bottom;}
.note{
	background:url(../image/cs5/bg-body.jpg) repeat-y center top;
		}
	.note h2,
	.dougaku em{
	font-size:21px;
	padding:15px 0;
	line-height:1.4;
	font-weight:bold;
	}
	.dougaku em{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
	text-shadow: 1px 1px #993366;
	color: #F6F;
			}
	.note h2 a{color:#fc0;}
	.note h2 a:hover{
		color: #fff;}
	.note h2{
		color: #fff;
		background: url(../image/cs5/bg-aside.jpg) no-repeat center top;}
	.note .chatch{
		line-height:1.4;
		background: url(../image/cs5/bg-aside.jpg) no-repeat center -60px;
		}

	.note h2 strong{
			color:#FC0;
			}
	.note .chatch strong{
			font-size:16px;
			display:block;
			margin-bottom:5px;
			color:#cf0;
			}
/* tab */
.tab{
	height:38px;
	clear:both;
	}
.tab p{
		display:block;
		text-align:right;
		}
.copyrightholder,.tab330x26{
		font-size:12px;
		}
.tab330x26{
	width:340px;
	float:right;
	height:40px;
	line-height:40px;
	text-indent:32px;
	background: url(../image/cs5/bg330x26point.jpg) no-repeat center center;
}
.dvd{
	clear:both;
	margin:0 auto;
	}
.dvd{
	width:778px;}
.box{
	font-size:11px;
	float:left;
	width:254px;
	height:170px;
	display:block;
	background: url(../image/cs5/bg-dvdh.jpg);
	position:relative;
	}
/* cs6 */

body#cs6 {
	background:#CECEDC url(../image/cs6/bg-middlecs6.jpg) repeat top left;
}
#cs6 h1.entrytop strong{
background:url(../image/cs6/headercs6.jpg) no-repeat center bottom;}
#cs6 .header{
	background: #000 url(../image/cs6/headercs6.jpg) no-repeat top center;}
#cs6 h1#top{
	background: #000 url(../image/cs6/headercs6.jpg) no-repeat top center;}
	
#cs6 h1#top a,#cs6 h1 strong img,
#cs6 .tab,#cs6 #video,#cs6 .note h3,
#cs6 .introduction em,
#cs6 .note .chatch strong,
#cs6 .dvd,#cs6 .daredemo,
#cs6 #footermain{
width:960px;}
#cs6 .note,#cs6 #video{background: url(../image/cs6/bg-bodycs6.jpg) repeat-y center center;
		margin:0 auto;
		}
#cs6 .note h2{
		text-align:left;
		color: #fff;
		background: url(../image/cs6/bg-asidecs6.jpg) no-repeat center top;}
#cs6 .note iframe{
	float:left;
	margin:15px 20px;}
#cs6 .note .chatch{
		background:  url(../image/cs6/bg-asidecs6.jpg) no-repeat center -85px;
		line-height:1.4;
		text-align:left;
		}
#cs6 .note strong{ color: #CCB6FC; }
#cs6 .tab330x26{
	font-weight:600;
	background: url(../image/cs6/bg330x26pointcs6.jpg) no-repeat center center;
}
#cs6 .box{
	width:240px;
	background: url(../image/cs6/bg-dvdncs6.jpg) no-repeat -15px top;}
	/* cs6kokomade */
.category{
	clear:both;
	display:none;}
.boxwrap{
	height:170px;
	display:block;
	margin:0;
	background: url(../image/cs5/bg-dvd.jpg) repeat-x bottom left;}
#cs6 .boxwrap,#cs6 #cs5{
	background: url(../image/cs6/bg-dvdcs6.jpg) repeat-x left bottom;}
	.box dt img{
	position:absolute;
	}
.box dt img{
	top:17px;
	left:21px;
}
.box dd{
	margin-left:120px;
}
#cs6 #cs5{
	clear:both;
	height:190px;
	width:960px;
	margin:0 auto;
	text-align:center;
	display:block;
	overflow:hidden;}
#cs6 #cs5 p{
	text-align:center;
	margin:0 auto;}
#cs6 #cs5 img{
	margin-right:10px;
	border:1px solid #eee;}
#cs6 #cs5 a{
	display:inline-block;
	margin:10px 0 10px 15px;}
#cs6 .box dt img{
	left:8px;
}
#cs6 .box dd{
	margin-left:108px;
}	#cs6 #cs5 .name{
	display: block;
	clear: both;
	background: url(../../../image/common/bg-graygld04.jpg) repeat-x left 0;
	height: 30px;
	overflow: hidden;
	text-shadow: 1px 1px #666;
	color: #003;
	line-height: 30px;
}
.box dd.no,
.box dd.name b{
	width:130px;
		display:block;}
.box dd.no{
	font-size:12px;
	height:16px;
	line-height:16px;
}
	.box dd.name{
	margin-top:17px;
	font-size:13px;
		color:#FFF;
		font-weight:bold;
}
	.box dd.name b{
		color:#fff;
		border-bottom:#aac4be 1px solid;
		}
	.box dd.name b,
	.box dd.no{
		padding:2px 0;
		text-align:right;}
.link-a,.link-d,.link-u{
	position:absolute;
			width:120px;
		display:block;
		overflow:visible;
		right:4px;}
		.link-u,.link-u a{
				top:65px;
				height:30px;}
		.link-a,.link-a a{
			height:22px;
			bottom:15px;}
		.link-d,.link-d a{
			height:42px;
			bottom:33px;}
.box dd a{
	width:120px;
	display:block;
	overflow:hidden;
	}
.box dd a:hover img{
	display:none;}
/* dougaku */
h3.dougaku-t img{
	margin:5px 0 5px 15px;}
.dougaku{
	width:750px;
	background:#5b706b;
	border-top:#95a8a5 solid 1px;
	border-right:#95a8a5 solid 1px;
	border-left:#95a8a5 solid 1px;
	margin:0 auto;}
#cs6 .dougaku{
	width:920px;
	border:none;
	background:none;}		
.dougaku em,.dougaku span strong{
	display:block;
	padding:10px;
	}
	.dougaku span strong{
		color:#fff;
		font-size:16px;
		font-weight:bold;
		padding:0 0 5px 0;
		}
.copyrightholder{
	margin:10px auto 20px;
	width:780px;
		}
		.copyrightholder,
		.dougaku span{
		line-height:1.4;
			text-align:center;
			}
		.dougaku span{
	font-size: 14px;
	display: block;
	color: #FFFFFF;
	padding-bottom: 20px;
			}
/* CSS3 */
aside.dougaku{
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	}

.others,
.others dd{
	display:block;
	font-size:12px;
	height:20px;
	line-height:20px;
	float:right;
	width:250px;
	}
	.others dd{
		position:relative;
		background:url(../image/cs5/cs4tab.jpg) no-repeat left center;
	}
	.others dd:hover{
		background:url(../image/cs5/cs4tab-h.jpg) no-repeat left center;
			}
	a.ot-dougaku{
		text-indent:15px;
	display:block;
	width:206px;
	line-height:23px;
	height:23px;
			}
	* body a.ot-dougaku{
	height:20px;
	line-height:20px;
	}
	a.ot-attain{
		position:absolute;
		right:0;
		top:0px;
	font-size:10px;
		}
	a.ot-attain span{
		padding:0 4px;
		}
.others dt{
	height:23px;
}
.chatch,.goto{
	text-align:center;
	margin-bottom:5px;
}
.goto{
	display:block;
	height:43px;
	line-height:46px;
	font-weight:bold;
	width:750px;
	background:url(../image/cs5/dougaku-bt.jpg) no-repeat center top;
	margin:0 auto 15px;
	}.goto span{
	width:750px;
	display:block;}
	
#cs6 .goto{
	background: url(../image/cs6/bg-asidecs6.jpg) no-repeat top center;
	border-radius:20px;
	display:inline;
	padding:5px 10px;
	margin:0 auto;}
.daredemo{
	background:url(../image/cs5/bg-daredemo-btm.jpg) no-repeat bottom left; 
	padding-bottom:15px;
	}
.daredemo li{
	margin:0 15px 0 40px;
	padding:2px 0;
	font-size:14px;
	line-height:1.3;
	}
.daredemo-t{
	display:block;
	text-align:left;
	height:40px;
	background: url(../image/cs5/bg-daredemo-top.jpg) no-repeat top left;
	}
#cs6 .daredemo{
	background:url(../image/cs6/bg-daredemo-btmcs6.jpg) no-repeat bottom left; }
#cs6 .daredemo-t{
	height:67px;
	background:url(../image/cs6/bg-daredemo-btmcs6.jpg) no-repeat top left; }#cs6 .daredemo-t img{
		display:block;
		padding:15px 0 15px 15px;}

/* フッター */
#footer{
	font-size:13px;
	display:block;
	height:65px;
	overflow:visible;
	background:#3a4141 url(../image/cs5/bg-footer.jpg)  repeat-x top left;
}

#footerbg{
	text-shadow: -1px -1px #6A7777;
	display:block;
	height:65px;
	overflow:visible;
	background: url(../image/cs5/bg-footer.jpg) no-repeat center bottom;}
.vcard{
	color:#fff;
	line-height:1.0;
	font-size:11px;
	width:300px;
	text-indent:1em;
	display:block;
	}
.fn{
	margin:12px 0 3px 0;
	font-size:15px;
	color:#fff;
	text-shadow: -1px -1px #6A7777;
	}
	.adr span,.adr i{
		line-height:16px;
		height:16px;
		}
i{
	display:block;}
.assist-nav{
	display:block;
	font-size:13px;
	text-align:right;
	width:460px;
	margin-right:5px;
	}
.assist-nav dt{
	padding-top:8px;
	color:#fff;
	text-shadow: -1px -1px #1D4448;
	}
.assist-nav dd a{
	font-weight:bold;
	color:#fff;}
.assist-nav dd a:hover{
	color:#cf0;
	}
.box,.box dt img,.vcard,
.fltlft { 
	float: left;
}
.fltrt,.assist-nav{ 
	float: right;}
	.assist-nav dt{
		margin-bottom:25px;}
.assist-nav a:hover{
	color:#121c1b;}
.fltrt { 
	margin-left: 8px;
}
.fltlft { 
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}