@charset "EUC-JP";
@import'/common/css/special_recommend2.css';
@import'/etc/animation/css/recommend_mini.css';

/* --- Rinbw10 --- */
div.Rinbw10Box {
	margin:0;
	padding:0;
	width:715px;
}

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

/* 最新話 */
div.Rinbw10New {
	width:715px;
	margin-bottom:20px;
	background:transparent url("img_new_story_body.gif") repeat-y left top;
}

div.Rinbw10New p.Rinbw10NewTtl {
	padding:25px 6px 0px;
	color:#f8d658;
	font-size:14px;
	line-height:1.3em;
}

div.Rinbw10New p {
	padding:8px 6px 0px;
	color:#FFFFFF;
	font-size:13px;
	line-height:1.4em;
}

img.Rinbw10NewThum {
	margin-left:27px;
}

img.Rinbw10NewView {
	margin-top:4px;
}

div.Rinbw10NewDtl {
	width:320px;
	margin-left:40px;
	margin-bottom:15px;
	float:left;
	display:inline;	/* IE6バグ回避 */
}

div.Rinbw10NewDtl2 {
	width:300px;
	margin-left:30px;
	margin-bottom:15px;
	float:left;
	display:inline;	/* IE6バグ回避 */
}

/* 無料 見出し余白 */
div#cmsList img.Rinbw10ListFBot {
	margin:10px 0px;
}

/* 外部リンク */
div.Rinbw10OutLnk {
	text-align:right;
	margin:10px 20px 0px;
}

div.Rinbw10OutLnk a:link {
	color:#ffffff;
	text-decoration:underline;
}
div.Rinbw10OutLnk a:visited {
	color:#ffffff;
	text-decoration:underline;
}
div.Rinbw10OutLnk a:hover {
	color:#ffffff;
	text-decoration:underline;
}
div.Rinbw10OutLnk a:active {
	color:#ffffff;
	text-decoration:underline;
}

/* copyright */
div.Rinbw10Copy {
	margin:12px 20px 0;
	padding:8px 0 10px;
	color:#ffffff;
	font-size:11px;
	line-height:1.1em;
	border-color:#666666;
	border-style:solid;
	border-width:1px 0px 0px;
}

/* --- Basic --- */
.Rinbw10Box {
	font-size:12px;
	line-height:1.2em;
	background-color:#000000;
}
.Rinbw10Box .Rinbw10NewDtl p {
	color:#ffffff;
}

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

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

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

.Rinbw10Box img {
	border:none;
}
#cmsList .listBox {
	width:671px;
}
#cmsList div.listBox .lower .txtBox{
	width:570px;
}
/* --- pack --- */
div.RinbwPack {
	margin:0;
	padding:0 0 10px;
	width:715px;
	background: #000;
}
/* --- caution --- */
div.caution {
	padding: 0 10px 10px;
	color: #f00;
}
/* packBtn setting
------------------------------------------------------------*/
#genre #packBtn {
	background: url(../img/bg_packbtn.jpg) no-repeat 0 0 #000;
	padding-bottom: 20px;
}
#genre #packBtn table {
	width: 695px;
	margin: 0 auto;
}
#genre #packBtn td {
	text-align: left;
}
#genre #packBtn .packName {
	width: 491px;
}
/* --- menu --- */
div.RinbwMenu {
	padding-bottom: 20px;
	background: #000;
	text-align: cetner;
	color: #000;
}
div.RinbwMenu a {
	color: #481717;
	text-decoration: underline;
}
div.RinbwMenu a:hover {
	color: #a6000d;
	text-decoration: none;
}
div.RinbwMenu div.name span.priceoff {
	font-weight: bold;
	color: #f00;
}
div.RinbwMenu div.price span.free {
	font-weight: bold;
	color: #f00;
}
/* tableBorder */
div.RinbwMenu table {
	border: 1px #481717 solid;
	border-collapse: collapse;
	border-spacing: 0;
	width: 671px;
	margin: 0 auto;
}
div.RinbwMenu th {
	background: #481717;
	padding: 4px;
}
div.RinbwMenu th a {
	color: #fff;
	font-size: 10px;
}
div.RinbwMenu td {
	padding: 5px 10px;
	border: 1px #481717 solid;
	border-width: 0 0 1px 1px;
	background: #dad4c5;
}
div.RinbwMenu .name {
	float: left;
}
div.RinbwMenu .price {
	float: right;
}
#cmsList .free .listBox {
	border: solid 2px #ceb26c;
}
#cmsList .free div.listBox ul.upper{
	background:#ceb26c;
}