@charset "utf-8";

/*******************************************************
layout CSS

author : CNS Inc.
update : 2013.8.27
*******************************************************/
html, body {
	height:100%;
	min-width:960px;
}
body {
	background: #fff;
	font-size: 0.86em;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color: #333;
}
img {
	vertical-align: top;
	border: none;
}
a,
a:visited,
a:active {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: none;
}

img {
	border: none;
	vertical-align: top;
}

/*------------------------------------------------------*/
#wrapper {
	position:relative;
	min-height:100%;
	overflow:hidden;
}

/*------------------------------------------------------
** 
** content
** 
------------------------------------------------------*/

#content {
	max-width: 1450px;
	min-width: 960px;
	max-height: 720px;
	min-height: 500px;
	margin: 0 auto 80px;
	padding: 15px 0 120px 0;
	position: relative;
	z-index:100;
}

#content h1 {
	width:66.2%;
	position:absolute;
	top: 6%;
	right: 0%;
}
#content h1 img {
	width:100%;
	max-width: 960px;
	z-index: 9;
}
#content h2 {
	width:35%;
	position:absolute;
	top: 1.5%;
	left: 3%;
}
#content h2 img {
	width:100%;
	max-width: 586px;
	z-index: 8;
}
#content h3 {
	width:25%;
	position:absolute;
	top: 7.2%;
	left: 19%;
}
#content h3 img {
	width:100%;
	max-width: 406px;
	z-index: 7;
}
#content .maincast {
	width:45%;
	margin:3.5% 0 0 3%;
}
#content .maincast img {
	width:100%;
	max-width:679px;
	z-index: 10;
}
#content .date {
	width:32.55%;
	position:absolute;
	top: 40%;
	right: 14%;
}
#content .date img {
	width:100%;
	max-width: 472px;
	z-index: 6;
}

#content .billing {
	width:48.6%;
	position:absolute;
	top: 58.5%;
	right: 50px;
}
#content .billing img {
	width:100%;
	max-width: 706px;
	z-index: 5;
}

#content .senkou {
	width:20.6%;
	position:absolute;
	top: 71%;
	right: 2%;
}
#content .senkou img {
	width:100%;
	max-width: 300px;
	z-index: 5;
}


/*------------------------------------------------------
** 
** contents
** 
------------------------------------------------------*/
#contents {
	margin: 0;
	padding: 0 0 230px 0;/*コンテンツとフッターの位置調整*/
}

/*
** 特報、新着まとめ
------------------------------------------------------*/
.btGp {
	position: absolute;
	left: 44%;
	top: 91%;
	margin: 0;
	padding: 0;
	width: 53%;
	max-width: 780px;
	z-index: 50;
}
.btGp ul {
	list-style: none;
}
.btGp ul li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: 32%;
}
.btGp ul li img {
	width:100%;
	max-width: 255px;
	z-index: 5;
}

/*
** Facebookバナー
------------------------------------------------------*/
.fbBn {
	position: absolute;
	left: 1.5%;
	bottom: 31.5%;
	margin: 0;
	padding: 0;
	width: 5.86%;
	z-index: 10;
}
.fbBn img {
	width:100%;
	max-width: 85px;
}
.twBn {
	position: absolute;
	left: 1.5%;
	bottom: 22.5%;
	margin: 0;
	padding: 0;
	width: 5.86%;
	z-index: 10;
}
.twBn img {
	width:100%;
	max-width: 85px;
}
.tumblrBn {
	position: absolute;
	left: 1.5%;
	bottom: 13.5%;
	margin: 0;
	padding: 0;
	width: 5.86%;
	z-index: 10;
}
.tumblrBn img {
	width:100%;
	max-width: 85px;
}
#content .maeuri {
	width:6.89%;
	max-width:100px;
	position:absolute;
	left: 25%;
	top: 75.5%;
}
#content .maeuri img {
	width:100%;
	max-width:100px;
	z-index: 110;
}
.comment {
	position: absolute;
	left: 38.5%;
	bottom: 14.3%;
	width: 11.4%;
	z-index: 100;
}
.comment img {
	width:100%;
	max-width: 188px;
}
.labo {
	position: absolute;
	left: 27%;
	bottom: 14.3%;
	width: 11.4%;
	z-index: 100;
}
.labo img {
	width:100%;
	max-width: 188px;
}
.ondemand {
	position: absolute;
	left: 8%;
	bottom: 14.3%;
	width: 18%;
	z-index: 100;
}
.ondemand img {
	width:100%;
	max-width: 300px;
}
.online {
	position: absolute;
	left: 50%;
	bottom: 14.3%;
	width: 17.2%;
	z-index: 15;
}
.online img {
	width:100%;
	max-width: 290px;
}
.cpn_fb_tw {
	position: absolute;
	left: 67%;
	top: 73%;
	width: 30%;
	z-index: 15;
}
.cpn_fb_tw img {
	width:100%;
	max-width: 490px;
}

/* manzoku */
.manzoku {
	position: absolute;
	right: -1.5%;
	top: 38%;
	width: 15.1%;
	z-index: 1;
}
.manzoku img {
	width:100%;
	max-width: 220px;
}

/* shonichi */
.shonichi {
	position: absolute;
	right: 15%;
	top:65%;
	width: 28.9%;
	z-index: 100;
}
.shonichi img {
	width:100%;
	max-width: 420px;
}


/* column btn */
.colums1 {
	position: absolute;
	left: 1%;
	top: 67.5%;
	margin: 0;
	padding: 0;
	width: 13%;
	z-index: 10;
}
.colums1 img {
	width:100%;
	max-width: 202px;
	max-height: 167px;
}
.colums2 {
	position: absolute;
	left: 14.5%;
	top: 67.5%;
	margin: 0;
	padding: 0;
	width: 13%;
	z-index: 10;
}
.colums2 img {
	width:100%;
	max-width: 202px;
	max-height: 167px;
}


/*------------------------------------------------------
** 
** gagafooter
** 
------------------------------------------------------*/

#gagafooter {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 270px 0 0;
	height: 577px;
	background: url(../images/footer_bg03.png) bottom left repeat-x;
	zoom: 1;
	line-height: 1;
	z-index: 0;
}
#gagafooter_in {
	position: relative;
	bottom: 0;
	width: 100%;
	padding: 15px 0 0;
	height: 527px;
	background: url(../images/footer_bg02.png) bottom left no-repeat;
	zoom: 1;
	line-height: 1; 
}

/* margin zero
------------------------------------------------------*/
.na {
	margin: 0 !important;
}

/* #bgInner
------------------------------------------------------*/
#bgInner img {
	visibility: hidden;
}