@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:133px;
	/*min-height:300px;*/
	padding:0 5px;
	background-color:#292E3C;
	position:relative;

}

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

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

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

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

#contents #article div.title{
	color:#FFF;
	border-width:0px 0 1px 0;
	border-color:#FFF;
	border-style:dotted;
	/*background-color:#000;*/
	font-weight:bold;
	padding:0px 5px;
	font-size:210%;

}

#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.ps4,
#contents #article p span.ps3,
#contents #article p span.psv,
#contents #article p span.win{
	padding:3px 5px;
	font-size:80%;
	margin-left:5px;
	border:1px #FFF solid;
	background-color:#FFF;
	border-radius:10px;
}

#contents #article p span.ps4{
	color:#222;
	border-color:#CCC;
}

#contents #article p span.ps3{
	color:#C30;
	border-color:#C30;
}

#contents #article p span.psv{
	color:#06F;
	border-color:#06F;
}

#contents #article p span.win{
	color:#978022;
	border-color:#978022;
}

#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(/smusou7/dlc/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(/smusou7/dlc/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;
}