@import'/common/css/special.css';
@import'/common/css/special_recommend2.css';
@import'/etc/animation/css/recommend_mini.css';

#cmsList {
	margin-top: 10px;
}
#cmsList .listBox {
	width:691px;
}
#cmsList div.listBox .lower .txtBox{
	width:590px;
}


/* --- Togainu --- */
div.TogainuBox {
	margin:0;
	padding:0;
	width:715px;
}

/* LR */
div.TogainuBox .lCon {
	float: left;
}

div.TogainuBox .rCon {
	float: right;
}

/* header */
div.TogainuBox .header {
}

div.TogainuBox .header .lCon {
	width: 317px;
}

div.TogainuBox .header .rCon {
	width: 398px;
}

div.TogainuBox .header h1 {
	width: 317px;
	height: 0;
	padding: 150px 0 0 0;
	display: block;
	overflow: hidden;
	background: url(../img/logo.jpg)
}

/* Main setting
------------------------------------------------------------*/


/* header margin */
div.TogainuHdrMgn {
	margin-bottom:15px;
}

img.TogainuImgMgn {
	margin-bottom:20px;
}

/* EpisodeBox */
div.TogainuWat{
	clear: both;
}

div.TogainuWat .FirstEp {
	width:715px;
	height:122px;
	background:transparent url("../img/first_ep_img01.jpg") no-repeat left top;
}

div.TogainuWat .LatestEp{
	width:705px;
	margin:0 5px 10px 5px;
	background-color:#0d0d0d;
	/*background:transparent url("../img/frame_bg.gif") repeat-y left top;*/
}
div.TogainuWat .LatestEp p{
	color:#fff;
}

div.TogainuWat ul.btns{
	clear: both;
	padding: 15px 0px 20px 100px;
}

div.TogainuBox .EpImg {
	width: 205px;
	margin: 0 0 10px 0;
}

div.TogainuWat .EpImg img{
	margin: 7px 0px 0px 10px;
	/*border:solid 1px;*/
}

div.TogainuBox .EpInfo {
	width: 490px;
	margin: 0 0 10px 0;
}

div.TogainuBox .EpInfo p{
	width: 475px;
}

/* !!! Only FirstEpisode !!! */
div.TogainuWat .FirstEp .EpInfo{
	/*width: 519px;
	margin: 5px 0px;*/
}

div.TogainuWat .FirstEp .EpInfo ul.btns{
	padding: 60px 0px 10px 170px;
}

div.TogainuWat .EpInfo p.TxtCtin{
	width:480px;
	text-align:center;
	background-color:#b45454;
	vertical-align:middle;
	color:#FFF;
	padding: 3px 0 2px;
	clear:both;
}

/* data */
div.TogainuDataBox {
	width:705px;
	margin:0 5px 10px 5px;
	background-color:#0d0d0d;
	/*background:transparent url("../img/frame_bg.gif") repeat-y left top;*/
}

div.TogainuDataDtl {
	width:300px;
	margin:10px 0 10px 30px;
	float:left;
	display:inline;	/* IE6's bug evasion */
}

div.TogainuDataDtl2 {
	width:310px;
	margin:10px 0 10px 25px;
	float:left;
	display:inline;	/* IE6's bug evasion */
}

div.TogainuDataDtl p, div.TogainuDataDtl2 p {
	padding-top:5px;
	padding-left:10px;
	color:#fff;
}
div.TogainuDataDtl h3, div.TogainuDataDtl2 h3 {
	color:#fff;
}
/* copyright */
div.TogainuCopy {
	margin:12px 10px 0px;
	padding:8px 0px 15px;
	color:#fff;
	font-size:11px;
	line-height:1.1em;
	border-color:#999999;
	border-style:solid;
	border-width:1px 0px 0px;
	text-align:left;
}

/* --- Basic --- */
.TogainuBox {
	font-size:12px;
	line-height:1.5em;
	/*color:#fff;*/
	background-color:#000;
}

.TogainuBox p,
.TogainuBox ul,
.TogainuBox li,
.TogainuBox dl,
.TogainuBox dt,
.TogainuBox dd {
	margin:0;
	padding:0;
}

.TogainuBox h1, h2, h3, h4 {
	margin:0;
	padding:0;
}

.TogainuBox li {
	list-style-type:none;
	display:inline;
}

.TogainuBox img {
	border:none;
}
#genre #packBtn {
	clear: both;
	margin: 10px 0 10px;
}
#genre #packBtn table {
	width: 695px;
	margin: 0 auto;
}
#genre #packBtn td {
	text-align: left;
}
#genre #packBtn .packName {
	width: 491px;
}