@charset "UTF-8";
/* CSS Document */
/*------DLCトップ用-----*/


html,
body{
	height:100%;
	background-color:#000;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	font-size:12px;
	margin:0;
	color:#CCC;
	line-height:1.5;
}

a{
	color:#F00;
}

a.text_button{
	padding:2px 5px;
	background-color:#900;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}

#wrapper{
	margin:0 auto;
	width:820px;
	min-height:100%;
	position:relative;
}

.mark{
	display:block;
	position:absolute;
	left:-23px;
}

#header{
	font-size:1px;
}


#header #dlcinfo{
	padding-top:174px;
	padding-left:240px;
}
#header #dlcinfo p{
	margin:0;
	width:558px;
	border:1px #900 solid;
	background-image:url(../images/info-bg.png);
	padding:10px;
	color:#900;
	font-size:14px;
}


#contents{
	width:800px;
	margin-top:30px;
	margin-left:20px;
	/*padding-top:346px;*/
}

#contents #navi{
	float:left;
	width:143px;
	/*min-height:300px;*/
	padding:0 5px;
	background-color:#999;
	position:relative;
	border-radius:7px;

}

#contents #navi a{
	text-align:center;
	font-weight:bold;
	font-size:120%;
	display:block;
	padding-top:5px;
	padding-bottom:5px;

	color:#f9e8e8;
	border-width:1px 0 0 0;
	border-color:#8C6C68;
	border-style:dotted;
	text-decoration:none;
}

#contents #navi a:first-child{
	border-width:0;
}

#contents #article{
	width:610px;
	float:left;
	margin-left:20px;
}

#contents #article div.title{
	color:#F90;
	border-width:0 0 1px 5px;
	border-color:#F90;
	border-style:solid;
	background-color:#000;
	font-weight:bold;
	padding:3px 10px;
	font-size:150%;
	font-weight:bold;

}

#contents #article p{
	margin-top:10px;
	margin-left:5px;
}

#contents #article p span.free,
#contents #article p span.charge{
	padding:3px 5px;
	color:#fff;
	font-size:80%;
	margin-left:5px;
}

#contents #article p span.free{
	background-color:#06F;
}

#contents #article p span.charge{
	background-color:#F00;
}

#contents #article p span.p{
	font-size:120%;
	font-weight:bold;
	border:13px #FFF solid;
	border-width:0 0 0 13px;
	color:#FFF;
	padding-left:5px;
	padding-top:1px;
}


#contents #article p img{
	margin:10px;
}


#contents #article .backtotop{
	text-align:right;
}

#contents #article .backtotop a{
	padding:2px 5px;
	background-color:#333;
	border:1px #4D4D4D solid;
	color:#CCC;
	text-decoration:none;
}


#contents #article a.sound-bt{
	display:block;
	width:50px;
	height:25px;
	background-image:url(../images/soundBt.jpg);
	background-position:0 0;
}


/*-----GALLERY----*/
.cos-set img{
	width:95px;
	border:1px #000 solid;
}
.cos-set p{
	display:none;
	margin:0 !important;
}

.cos-set p img{
	margin:0 !important;
}

.cos-set .set-more{
	text-align:center;
	background-color:#777;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	width:100px;
	margin:5px auto;
	border-radius:6px;
	
}


.cos-set a:hover img{
	border-color:#888;
}


#footer{
	background-color:#000;
	background-image:url(../images/copyright.jpg);
	background-repeat:no-repeat;
	background-position:right 13px;
	width:820px;
	height:48px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	border:1px #555 solid;
	border-width:1px 0 0 0;
}

#footer #linkbox{
	display:block;
	margin-top:15px;
	margin-left:2px;
}


#footer #linkbox a{
	font-size:12px;
	padding:2px 10px;
	text-decoration:none;
	text-align:center;
	background-color:#666;
	color:#CCC;
}