@charset "shift_jis";

@import url("./template/reset.css");
@import url("./template/default.css");
@import url("./template/aside.css");
@import url("./template/assets.css");


/* Header
----------------------------------------------------------*/
div#Header {}

div#Header .sabra,
div#Header .sabra h1 {
	background:none !important;
	padding:0 !important;
}

/* Footer
----------------------------------------------------------*/
div#Footer {
	padding:0;
	height:54px;
	background:#000;
	color:#c0c0c0;
	text-align:center;
}

div#Footer a{
	color:#c0c0c0;
	text-decoration:none;
}

div#Footer a:hover {
	text-decoration:underline;
}

div#Footer ul,
div#Footer p {
	margin:0 auto;
	padding-bottom:0;
	width:960px;
	text-align:left;
}

/* statement */
div#Footer ul {
	position:relative;
	z-index:1;
	margin-bottom:-54px;
	_margin-left:0;
	height:54px;
}

div#Footer li {
	margin-left:0;
	padding-top:14px;
	font-size:85%;
	list-style:none;
}

div#Footer li a {
	padding-left:12px;
	background:url(../img/module/footer_link.gif) no-repeat 0px 1px;
}

/* logo - copyright */
div#Footer p {
	padding-top:32px;
	height:22px;
	background:url(../img/sabra_foot.gif) no-repeat right;
	color:#c0c0c0;
}


/* TopPage
----------------------------------------------------------*/
div#TopPage {}

div#TopPage .plugin {
	margin:0 10px;
}

/* Aside
----------------------------------------------------------*/
div#Aside {}

div#Aside .sabra {
	margin-top:20px !important;
}



/* Introduction
----------------------------------------------------------*/
div#Introduction {
	margin:20px 10px 10px;
	width:719px;
	height:329px;
	background:#000;
	color:#fff;
}

div#Introduction div.title {
	position:relative;
	padding:10px 10px 10px;
	background:url(../img/module/dotline_w.gif) repeat-x bottom;
}

div#Introduction div.title h2 {
	float:left;
	padding-right:14px;
	margin-top:3px;
	font-size:135%;
	line-height:1;
	font-weight:bold;
	color:#f2cb00;
}

div#Introduction div.title p {
/*	position:absolute;
	right:10px;*/
	float:right;
	margin:0;
	padding:3px;
	line-height:1;
	border:1px solid #ffffff;
	text-align:center;
}

div#Introduction div.visual {
	float:left;
	width:398px;
	height:289px;
}

div#Introduction div.visual img {
	margin-top:10px;
	margin-left:10px;
}

div#Introduction div.caption {
	overflow:hidden;
	margin:25px 0 18px 0;
	_margin-left:398px;
	width:300px;
	height:180px;
	font-size:120%;
}

/* WISWYG対策 */
div#Introduction div.title h2.active {
	min-height:18px;
}

div#Introduction div.title p.active {
	color:#000;
	min-height:13px;
}

div#Introduction div.caption .active {
	color:#000;
}

div#Introduction ul li {
	margin:0 2px 0 0;
	padding:0;
	list-style:none;
	float:left;
}

div#Introduction ul li a {
	display:block;
}

/* Gravure
----------------------------------------------------------*/
div#Gravure {
	position:relative;
	margin:12px 10px 28px 10px;
}

div#Gravure h3 {
	margin-bottom:14px;
}

div#Gravure .strictry {
	min-height:210px;
	_height:210px;
}

div#Gravure .strictry h4 {
	margin-bottom:20px;
}

div#Gravure .strictry ul {
	position:absolute;
	top:65px;
	left:434px;
}

div#Gravure .strictry ul li {
	float:left;
	margin:0;
	padding:0;
	width:140px;
	list-style:none;
	background:#fff;
}

div#Gravure .strictry ul li img {
	height:187px;
}

div#Gravure .strictry dl {
	width:410px;
}

div#Gravure .strictry dl dt {
	float:left;
	margin-right:10px;
	width:50px;
}

div#Gravure .strictry dl dd {
	float:left;
	margin-bottom:5px;
	width:350px;
}

div#Gravure dl.oneday {
	float:left;
	margin-top:18px;
	width:245px;
	background:url(../img/toppage/gravure_bg.gif) repeat-y 240px 0px;
}

div#Gravure dl.bb {
	float:left;
	margin-top:18px;
	width:240px;
	background:url(../img/toppage/gravure_bg.gif) repeat-y 235px 0px;
}

div#Gravure dl.easy {
	float:left;
	margin-top:18px;
	width:234px;
}

div#Gravure dl.oneday dd div {
	float:right;
	margin:12px 10px 0 0;
	_margin-right:5px;
	width:80px;
}
div#Gravure dl.bb dd div {
	float:right;
	margin:12px 5px 0 0;
	_margin-right:3px;
	width:80px;
}

div#Gravure dl.easy dd div {
	float:right;
	margin:12px 0 0 0;
	width:80px;
}

div#Gravure dl.bb dd div  {
	margin-right:10px;
	_margin-right:5px;
}

div#Gravure dl.oneday a,
div#Gravure dl.bb a,
div#Gravure dl.easy a {
	text-decoration:none;
}

div#Gravure dl.oneday dd ul,
div#Gravure dl.bb dd ul,
div#Gravure dl.easy dd ul {
	margin:0 10px 0 6px;
	padding-top:12px;
	width:140px;
}

div#Gravure dl.oneday dd ul li,
div#Gravure dl.bb dd ul li,
div#Gravure dl.easy dd ul li {
	margin:0;
	padding:0 0 7px 28px;
	background-position:2px 0;
	background-repeat:no-repeat;
	list-style:none;
	line-height:1.3;
}

div#Gravure dl.oneday dd ul li.no1,
div#Gravure dl.bb dd ul li.no1,
div#Gravure dl.easy dd ul li.no1 {
	padding-bottom:9px;
	background:url(../img/toppage/oneday_no1.gif) no-repeat 0 0;
	background-position:2px 0;
	background-repeat:no-repeat;
	font-size:120%;
	font-weight:bold;
}

div#Gravure dl.oneday dd ul li.no2 {background-image:url(../img/toppage/oneday_no2.gif)}
div#Gravure dl.oneday dd ul li.no3 {background-image:url(../img/toppage/oneday_no3.gif)}
div#Gravure dl.oneday dd ul li.no4 {background-image:url(../img/toppage/oneday_no4.gif)}
div#Gravure dl.oneday dd ul li.no5 {background-image:url(../img/toppage/oneday_no5.gif)}

div#Gravure dl.bb dd ul li.no1 {background-image:url(../img/toppage/bb_no1.gif)}
div#Gravure dl.bb dd ul li.no2 {background-image:url(../img/toppage/bb_no2.gif)}
div#Gravure dl.bb dd ul li.no3 {background-image:url(../img/toppage/bb_no3.gif)}
div#Gravure dl.bb dd ul li.no4 {background-image:url(../img/toppage/bb_no4.gif)}
div#Gravure dl.bb dd ul li.no5 {background-image:url(../img/toppage/bb_no5.gif)}

div#Gravure dl.easy dd ul li.no1 {background-image:url(../img/toppage/easy_no1.gif)}
div#Gravure dl.easy dd ul li.no2 {background-image:url(../img/toppage/easy_no2.gif)}
div#Gravure dl.easy dd ul li.no3 {background-image:url(../img/toppage/easy_no3.gif)}
div#Gravure dl.easy dd ul li.no4 {background-image:url(../img/toppage/easy_no4.gif)}
div#Gravure dl.easy dd ul li.no5 {background-image:url(../img/toppage/easy_no5.gif)}


/* Mobile
----------------------------------------------------------*/
div#Mobile {
	margin:12px 10px 28px 10px;
}

div#Mobile h3 {
	margin-bottom:11px;
}

div#Mobile dl.idol,
div#Mobile dl.graphoto {
	float:left;
	margin:0 14px 0 0;
	width:230px;
}

div#Mobile dl.movie {
	float:left;
	margin:0;
	width:230px;
}

div#Mobile dl dd div {
	margin-top:6px;
}

div#Mobile dl dd div img {
	float:left;
	vertical-align:bottom;
}

div#Mobile dl dd div img.code {
	margin:7px 0 0 43px;
}

div#Mobile dl dd p {
	margin-top:10px;
}



/* Clearfix
----------------------------------------------------------*/
div#Introduction,
div#Introduction div.title,
div#Introduction ul,
div#Gravure,
div#Gravure .strictry ul,
div#Gravure .strictry dl,
div#Mobile,
div#Mobile dl.idol dd div,
div#Mobile dl.graphoto dd div,
div#Mobile dl.movie dd div {
	zoom:1;
}

div#Introduction:after,
div#Introduction div.title:after,
div#Introduction ul:after,
div#Gravure:after,
div#Gravure .strictry ul:after,
div#Gravure .strictry dl:after,
div#Mobile:after,
div#Mobile dl.idol dd div:after,
div#Mobile dl.graphoto dd div:after,
div#Mobile dl.movie dd div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}