@charset "EUC-JP";
/*@import "../../../../../r_css/imports.css";*/

@import "/r_css/imports.css";
@import "/r_css/parts/cmslist.css";
@import "/common/css/special_recommend2.css";
@import "/etc/animation/css/recommend_mini.css";


/*----------------------------------------------------------------

	dgray-man CSS

	1.Head

	2.View_list

	3.Character

	4.Menu_list

	5.List

	6.Copyright

----------------------------------------------------------------*/



/* dgray-man
========================================== */
div#contents div#dgray-man {
	width:715px;
	background-color:#042443;
}

div#contents div#headerTokyoOnline {
	margin-bottom: 7px;
}
div#contents div#dgray-man .dgray-manImgMgn {
	padding-bottom:20px;
	background-color:#042443;
}

div#contents div#dgray-man p.dgray-manAboutPack {
	color:#ff0000;
	padding:10px;
}


/* 1.Head
========================================== */
div#contents div#dgray-man div.dgray-manHeader {
	position: relative;
}
div#contents div#dgray-man div.dgray-manHeader .freeCampaign {
	position: absolute;
	width: 90px;
	height: 90px;
	z-index: 1;
	left: 3px;
	top: -60px;
}


/* 2.View_list
========================================== */
div#contents div#dgray-man .dgray-manViewBox {
	width:715px;
	padding-top:10px;
	background-color:#042443;
	background:transparent url("../img/img_view_body.gif") repeat-y left top;
}

div#contents div#dgray-man .dgray-manViewBox table {
	border-collapse:collapse;
	margin-left:30px;
}

div#contents div#dgray-man .dgray-manViewBox td {
	color:#dcdcdc;
	font-size:12px;
	line-height:1.3em;
	background-color:#252525;
	padding:4px;
}

div#contents div#dgray-man .dgray-manViewBox td.dgray-manViewPckVieCap {
	color:#000000;
	border:solid 1px #dcdcdc;
	background-color:#dcdcdc;
}

div#contents div#dgray-man .dgray-manViewBox td.dgray-manViewPckVieL {
	border:solid 1px #dcdcdc;
}

div#contents div#dgray-man .dgray-manViewBox td.dgray-manViewPckVieC {
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
}

div#contents div#dgray-man .dgray-manViewBox td.dgray-manViewPckVieR {
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	text-align:right;
}

div#contents div#dgray-man .dgray-manViewBox p.dgray-manViewPckVieP {
	color:#ffd616;
}

div#contents div#dgray-man .dgray-manViewBox a:link {
	color:#02afff;
	text-decoration:underline;
}
div#contents div#dgray-man .dgray-manViewBox a:visited {
	color:#02afff;
	text-decoration:underline;
}
div#contents div#dgray-man .dgray-manViewBox a:hover {
	color:#02afff;
	text-decoration:underline;
}
div#contents div#dgray-man .dgray-manViewBox a:active {
	color:#02afff;
	text-decoration:underline;
}


/* 3.Character
========================================== */
div#contents div#dgray-man #dgray-manCharaBox {
	padding-bottom:20px;
	background-color:#042443;
}


/* 4.Menu_list
========================================== */
div#contents div#dgray-man .dgray-manMenuBox {
	width:715px;
	padding-top:10px;
	background-color:#042443;
	background:transparent url("../img/img_view_body.gif") repeat-y left top;
}

div#contents div#dgray-man .dgray-manMenuBox td.dgray-manMenuPckBtn {
	background-color:#042443;
}

div#contents div#dgray-man .dgray-manMenuBox table {
	border-collapse:collapse;
	margin-left:30px;
}

div#contents div#dgray-man .dgray-manMenuBox td {
	color:#dcdcdc;
	font-size:12px;
	line-height:1.5em;
	background-color:#252525;
	padding:4px;
}

div#contents div#dgray-man .dgray-manMenuBox td.dgray-manMenuPckVieCap {
	color:#000000;
	text-align:center;
	border:solid 1px #dcdcdc;
	background-color:#dcdcdc;
}

div#contents div#dgray-man .dgray-manMenuBox td.dgray-manMenuPckVie {
	border:solid 1px #dcdcdc;
}

div#contents div#dgray-man .dgray-manMenuBox a:link {
	color:#02afff;
	text-decoration:underline;
}
div#contents div#dgray-man .dgray-manMenuBox a:visited {
	color:#02afff;
	text-decoration:underline;
}
div#contents div#dgray-man .dgray-manMenuBox a:hover {
	color:#02afff;
	text-decoration:underline;
}
div#contents div#dgray-man .dgray-manMenuBox a:active {
	color:#02afff;
	text-decoration:underline;
}


/* 5.List
========================================== */
div#contents div#dgray-man #cmsList {
	background-color:#042443;
	padding-bottom:10px;
}

div#contents div#dgray-man .dgray-manContListBox {
	width:715px;
	background-color:#042443;
	background:transparent url("../img/img_free_body.gif") repeat-y left top;
}
div#contents div#dgray-man #cmsList div.listBox {
	width: 681px;
}
div#contents div#dgray-man #cmsList div.listBox div.lower div.txtBox {
	width: 591px;
}
div#contents div#dgray-man #cmsList .free .listBox {
	border: solid 2px #fcd465;
}
div#contents div#dgray-man #cmsList .free div.listBox ul.upper{
	background:#fcd465;
}
div#contents div#dgray-man #cmsList .free div.listBox li{
/*	color: #fff;*/
}
div#contents div#dgray-man #cmsList .free2 .listBox {
	border: solid 2px #c2e6ff;
}
div#contents div#dgray-man #cmsList .free2 div.listBox ul.upper{
	background:#c2e6ff;
}
div#contents div#dgray-man #cmsList .free2 div.listBox li{
/*	color: #fff;*/
}


/* 6.Copyright
========================================== */
div#contents div#dgray-man .dgray-manCopy {
	padding:8px 20px 15px;
	color:#FFFFFF;
	font-size:11px;
	line-height:1.1em;
	border-color:#666666;
	/* border-style:solid;
	border-width:1px 0px 0px; */
	background-color:#042443;
}