@charset "utf-8";

/* CSS Document */

/*--------------------------------------
　base style
---------------------------------------*/

body{	
color:#000000;
font-size:13px;
margin:0;
height:100%;
position:relative;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
background-image:url(../image/back.gif);
}

body > #primary {
height: auto;
}

a:link {color:#0c308e; text-decoration:underline;}
a:visited {color:#0c308e; text-decoration:underline;}
a:hover {color:#dd3119; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}


/*--------------------------------------
　Expression
---------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:20px; }
.right { float:right;}
.left { float:left;}
.floatside {overflow:hidden;}

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

div:after,
section:after,
article:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

/*--------------------------------------
　Primary
---------------------------------------*/

#primary {
width:100%;
height:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

article {
width:1000px;
margin-left:auto;
margin-right:auto;
padding-top:50px;
position:relative;
}

/*--------------------------------------
　Header
---------------------------------------*/

header {
	height:50px;
	line-height:50px;
	background-color:#5f9ff7;
	color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
}

header #hedder-box {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

header #hedder-box .brand-back {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:260px;
	height:50px;
}

header #hedder-box .brand-back a {
	width:260px;
	height:50px;
	display:block;
	background-image:url(../image/brand-back.png);
}

header #hedder-box .brand-back a:hover {
	background-image:url(../image/brand-back_on.png);
}

h1 {
	background-image:url(../image/logo.png);
	width:336px;
	height:59px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

.main-comment {
	font-size:14px;
	color:#2d2d2d;
	width:450px;
	height:63px;
	margin-top:10px;
}

.updata {
	background-image:url(../image/data-back.png);
	width:450px;
	height:50px;
	line-height:50px;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	text-shadow: 1px 1px 2px #001e46;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
}

#mainvisual {
	position:absolute;
	top:50px;
	right:0;
	width:500px;
	height:693px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
}

#pickup {
	background-color:#ffffff;
	border-top:3px solid #ff4e8a;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
	padding:30px;
	width:390px;
	margin-top:20px;
	margin-bottom:45px;
	min-height:421px;
	background-image:url(../image/pickup.png);
	background-repeat:no-repeat;
	background-position:30px 30px;
	position:relative;
}

#pickup .archive {
	position:absolute;
	width:131px;
	height:43px;
	top:30px;
	right:30px;
}

#pickup .archive a {
	background-image:url(../image/archive.png);
	display:block;
	width:131px;
	height:43px;
}

#pickup .archive a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#pickup .content {
	padding-top:55px;
}

#pickup .content img {
	margin-bottom:15px;
}

#pickup .content ul {
	list-style:none;
	margin:0;
	padding:0;
}

#pickup .content ul li {
	font-size:16px;
	margin-bottom:2px;
	padding-top:8px;
	padding-bottom:8px;
	background-image:url(../image/ar.png);
	background-position:right;
	background-repeat:no-repeat;
	padding-left:14px;
	padding-right:30px;
}

#pickup .content ul li a {
	color:#252525 !important;
}

#pickup .content ul li a:hover {
	color:#d02226 !important;
}

#pickup .content ul li:nth-child(even) {
	background-color:#fff9e5;
}
#pickup .content ul li:nth-child(odd) {
	background-color:#fff1c0;
}
#pickup .content ul li:last-of-type {
	margin-bottom:0;
}

/*--------------------------------------
　Footer
---------------------------------------*/

#footer {
	height:80px;
	background-color:#363636;
}

#footer #footer-box {
	width:1000px;
	height:80px;
	line-height:80px;
	font-size:16px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	color:#ffffff;
	text-align:center;
}

.topback a {
	background-image:url(../image/topback.png);
	width:80px;
	height:80px;
	display:block;
	position:absolute;
	top:0;
	right:0;
}

.topback a:hover {
	background-image:url(../image/topback_on.png);
}

/*--------------------------------------
　Additional
---------------------------------------*/

section {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

section h2 {
	display:block;
	margin:0;
	padding:0;
	font-size:24px;
	height:80px;
	background-image:url(../image/title-back.png);
	position:relative;
	text-indent:110px;
	line-height:80px;
	color:#ffffff;
	text-shadow: 1px 1px 2px #000000;
}

section h2 span {
	width:80px;
	height:70px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	color:#ffffff;
	background-color:#3e82de;
	text-indent:0;
	text-align:center;
	font-size:15px;
	text-shadow:none;
	line-height:28px;
	padding-top:10px;
	font-weight:normal;
}

section h2 span p {
	font-size:28px;
	margin:0;
	padding:0;
	font-weight:bold;
}

/*--------------------------------------
　2016年8月更新コンテンツ用
---------------------------------------*/

.coment-content {
	background-image:url(../image/coment3.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:1150px;
	position:relative;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
	margin-bottom:50px;
}



.dorama a {
	background-image:url(../image/dorama_t2.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:1300px;
	position:relative;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
	margin-bottom:50px;
	display:block;
}

.doramaq a {
	background-image:url(../image/dorama_q1.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:1138px;
	position:relative;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
	margin-bottom:50px;
	display:block;
}


.geki-content a {
	background-image:url(../image/benibana_r2.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:900px;
	position:relative;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
	margin-bottom:50px;
	display:block;
}