@charset "EUC-JP";

/* Base 
------------------------------------------ */
div#basquash {
	width: 575px;
	background: #000;
}


div#basquash h4 {
	clear: both;
	margin: 25px 0 0 0;
}

/* ヘッダー 
------------------------------------------ */
div#basquash #Main {
	width: 575px;
	height: 656px;
	background: url(../img/main_bg.jpg) no-repeat top;
}
div#basquash #Main .clearfix {
	zoom: 100%;
	height: 467px;
}
div#basquash #Main .clearfix:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}

div#basquash #Main h2 {
	background: url(../img/logo_01.jpg) no-repeat;
	width: 290px;
	height: 215px;
	text-indent: -9999px;
	outline: none;
	float: left;
	margin: 0 0 185px 0;
}

div#basquash #Main h3 {
	background: url(../img/main_catch.jpg) no-repeat;
	width: 285px;
	height: 195px;
	text-indent: -9999px;
	outline: none;
	float: right;
}
div#basquash #Main .Intro {
	clear: both;
}


/* メニュー
------------------------------------------ */
div#basquash #Menu {
	clear: both;
	padding: 0 10px 20px;
}
div#basquash #Menu a {
	color: #082b4d;
	font-weight: bold;
	text-align: center;
}
div#basquash #Menu .TxtFree {
	color: #ff5400;
	font-weight: bold;
}

div#basquash #Menu .TxtFree a {
	color: #ff5400;
	font-weight: bold;
}
div#basquash #Menu div {
	color: #082b4d;
}

div#basquash #Menu dl {
	clear: both;
	border: solid 2px #000;
	color: #082b4d;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

div#basquash #Menu dt {
	float: left;
	width: 224px;
	padding: 5px;
	clear: both;
}

div#basquash #Menu dd {
	text-align: right;
	padding: 5px;
}

div#basquash #Menu .BgPackAll {
	background: #ffb2b2;
	border-bottom: solid 1px #000;
}

div#basquash #Menu .BgPack {
	background: #9acccc;
	border-bottom: solid 1px #000;
}

div#basquash #Menu .Bg1ep {
	background: #dae6e6;
	border-bottom: solid 1px #000;
}

div#basquash #Menu .BgFree {
	background: #ffffd9;
	border-bottom: solid 1px #000;
}
div#basquash #Menu .BgTop {
	background: #e2faff;
	border-bottom: solid 1px #000;
}

div#basquash #Menu div {
	background: url(../img/watch_arrow.gif) no-repeat left;
	padding: 0 0 0 10px;
}

div#basquash #Menu .noline {
	border: none;
}

/* 1話_会員見放題
------------------------------------------ */
div#basquash #Free {
	background: url(../img/01_free_bg.gif) no-repeat;
	width: 185px;
	_width: 188px;
	height: 37px;
	padding: 83px 0 0 370px;
	_padding: 83px 0 0 367px;
	margin: 10px;
}

div#basquash #Free .detail {
	float: left;
	padding: 7px 5px 0 0;
}

/* 最新話
------------------------------------------ */
div#basquash #Story {
	clear: both;
	padding: 0 10px;
}

div#basquash #Story .left {
	float: left;
	width: 230px;
	margin: 0 9px 0 0;
}

div#basquash #Story .left .img {
	margin: 0 0 10px 0;
}

div#basquash #Story .right {
	float: left;
	width: 315px;
}

div#basquash #Story .right .txt {
	color: #FFF;
	font-size: 12px;
	line-height: 150%;
	padding: 10px 0 0 0;
}

div#basquash #Story .right .txt_02 {
	font-size: 12px;
	color: #39e600;
	margin: 0 0 10px 0;
}

div#basquash #Story .right .btn {
	background: url(../img/story_btn_bg.gif) no-repeat;
	padding: 13px 0 13px 158px;
	_padding: 13px 0 13px 155px;
}

div#basquash #Story .right .btn .detail {
	float: left;
	padding: 7px 5px 0 0;
}

/* リスト 
------------------------------------------ */
div#basquash #cmsList {
	clear: both;
	padding: 10px;
}

div#basquash #cmsList .Free {
	margin: 10px 0 0 0;
}

div#basquash #cmsList .Free .listBox {
	border: solid 2px #ff6c00;
}

div#basquash #cmsList .Free div.listBox ul.upper{
	background:#ff6c00;
}

div#basquash #cmsList .Free div.listBox li{
	color: #fff;
}


/* キャラクター紹介
------------------------------------------ */
div#basquash #chara {
	padding: 0 10px;
	
}

div#basquash #chara ul{
} 

div#basquash #chara li{
	float: left;
	list-style: none;
} 

/* 作品データ
------------------------------------------ */

div#basquash #Data {
	clear: both;
	background: url(../img/data_bg.jpg) no-repeat;
	padding: 0 10px 15px;
}

div#basquash #Data dl {
	float: left;
	margin: 0 15px 0 0;
}

div#basquash #Data dt {
	padding: 0 0 10px 0;
}

div#basquash #Data dd {
}

div#basquash #Data dd ul {
}

div#basquash #Data dd li {
	color: #ffffff;
	font-size: 11px;
	line-height: 160%;
	list-style: none;
	padding: 0 0 0 5px;
}

div#basquash #Data .right {
	clear: both;
	text-align: right;
	padding: 10px 0 0 0;
}

div#basquash #Data .right a {
	color: #FFF;
}
	
/* Copyright
------------------------------------------ */
div#basquash #Copyright {
	clear: both;
	font-size: 12px;
}

/* details
------------------------------------------ */

h2,h3,h4,dl,dt,dd,ul,li {
	margin: 0;
	padding: 0;
}

a {
	overflow:hidden;
	outline:none;
}

.clear {
	clear: both;
}

/* minipack 
------------------------------------------ */
div#basquash #PackMain {
	width: 575px;
}

div#basquash #PackMain h2 {
	background: url(../img/pack_logo.jpg) no-repeat;
	width: 246px;
	height: 214px;
	text-indent: -9999px;
	outline: none;
	float: left;
}
div#basquash #PackMain h2.pack2-6 {
	background: url(../img/pack_logo.jpg) no-repeat;
}
div#basquash #PackMain h2.pack7-11 {
	background: url(../img/pack_logo7_11.jpg) no-repeat;
}
div#basquash #PackMain h2.pack12-16 {
	background: url(../img/pack_logo12_16.jpg) no-repeat;
}
div#basquash #PackMain h2.pack17-21 {
	background: url(../img/pack_logo17_21.jpg) no-repeat;
}
div#basquash #PackMain h2.pack22-26 {
	background: url(../img/pack_logo22_26.jpg) no-repeat;
}
div#basquash #PackMain h2.packAll {
	background: url(../img/pack_logo_all.jpg) no-repeat;
}

div#basquash #PackMain h3 {
	width: 329px;
	float: left;
}
div#basquash #cmsList .free {
	border: solid 1px #fd7e07;
	margin-bottom: 10px;
}
div#basquash #cmsList .free p {
	margin-bottom: 10px;
}