@charset "Shift_JIS";
/*------------------------------------------------------------------------
 *   sp_backstage.css
 *   取材舞台裏のみの部分に適用するCSS
 *
 *   last update : 2012.09.04
 *------------------------------------------------------------------------*/


/* センターカラム
--------------------------------------------------------------------------*/
div.main_area h2 {
	line-height:24px;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	color:#fff;
	font-size:16px;
	background:#f60;
}
div.main_area h2 a {
	color:#fff;
}
div.main_area p.page_caption {
	padding:10px 10px 10px 25px;
	border: 1px solid #ccc;
	background: url("../service/images/page_capback.gif") no-repeat 7px 7px;
}
div.main_area p.page_caption span {
	font-weight:bold;
}
/*--------------------------------------------------*/
h3.myyear {
	clear:both;
	line-height:1.4;
	padding:0 0 0 6px;
	border-bottom:1px solid #999;
	font-size:16px;
}
.backstage_list {
	padding:10px 0 0 0;
}
.backstage_list li {
	float:left;
	padding:0 4px 4px 0;
}
.backstage_list li .bsblock {
	display:block;
	width:120px;
	height:81px;
	margin:0;
	padding:9px 0 0 10px;
	background-image:url("../backstage/images/thumbnailback.gif");
	color:#fff;
}
.backstage_list li a:hover {
	color:#ffff00;
}
.backstage_list .bsthumb {
	float:left;
	width:100px;
	height:40px;
	margin:0;
	padding:0 0 0 5px;
}
.backstage_list .bsdate {
	float:left;
	width:104px;
	height:17px;
	margin:0;
	padding:3px 5px 0 3px;
	text-align:right;
	font-family:Osaka, Verdana, sans-serif;
	font-size:12px;
	line-height:14px;
}
.backstage_list .bstext {
	float:left;
	width:107px;
	height:15px;
	margin:0;
	padding:0 5px 3px 0;
	text-align:right;
	font-family:Osaka, Verdana, sans-serif;
	font-size:10px;
	line-height:12px;
	overflow:hidden;
}
/*--舞台裏の中のページ----------------------------------------*/
.backstage_detail {
}
div.main_area div.backstage_detail h3 {
	line-height:1;
	padding:5px 0;
	margin:0 0 10px 0;
	color:#fff;
	border-left:none;
	font-size:14px;
	text-align:center;
	background-color:#000;
	background-image: -moz-linear-gradient(top, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6b6b), color-stop(50%, #3a3a3a), color-stop(50%, #000000), color-stop(100%, #000000));
	background-image: -webkit-linear-gradient(top, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	background-image: -o-linear-gradient(top, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	background-image: -ms-linear-gradient(top, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	background-image: linear-gradient(to bottom, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#000000', GradientType=0 );
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	border-radius:15px;
}
#mainphotoarea {
	display:table;
	width:538px;
	vertical-align:middle;
	height:436px;
	text-align:center;
	background:#ccc url("../backstage/images/bg_photoarea.gif");
}
#mainphotoarea .photo {
	display: table-cell;
	position:relative;
	width:538px;
	height:436px;
	vertical-align:middle;
}
#mainphotoarea .photo img {
	border:solid 5px #fff;
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
	-ms-box-shadow: 0 10px 8px -6px #8d8c8c;
	box-shadow: 0 10px 8px -6px #8d8c8c;
}

div.main_area div.backstage_detail ul {
	margin:10px 0 0 0;
}
div.main_area div.backstage_detail ul li {
	float:left;
	margin: 0 0 4px 4px;
}
div.girlname {
	clear:left;
	padding:15px 0 0 0;
}
div.girlname h4 {
	line-height:1;
	padding:5px 0;
	margin:0 0 10px 0;
	color:#cff5ff;
	border-left:none;
	font-size:12px;
	text-align:center;
	background-color:#000;
	background-image: -moz-linear-gradient(top, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6b6b), color-stop(50%, #3a3a3a), color-stop(50%, #000000), color-stop(100%, #000000));
	background-image: -webkit-linear-gradient(top, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	background-image: -o-linear-gradient(top, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	background-image: -ms-linear-gradient(top, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	background-image: linear-gradient(to bottom, #6b6b6b 0%, #3a3a3a 50%, #000000 50%, #000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#000000', GradientType=0 );
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	border-radius:15px;
}
div.girlname dl {
	float:left;
	width:130px;
	margin:0 2px 5px 0;
	border-left:2px solid #bbb;
}
div.girlname dl dt {
	padding:0 0 0 5px;
	font-size:12px;
}
div.girlname dl dd {
	margin:5px 0 0 10px;
	font-size:10px;
}
/*--------------------------------------*/
.pagelink ul {
	padding:10px;
	background:#eee;
	font-size:12px;
}
.pagelink li {
	float:left;
	line-height:40px;
	background:#ccc;
	border:1px solid #aaa;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-align:center;
}
.pagelink li a {
	display:block;
	width:100%;
	background:-moz-linear-gradient(top, #fff 0%, #eee 90%, #ddd 91%, #eee 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(90%, #eee), color-stop(91%, #ddd), color-stop(100%, #eee));
	background:-webkit-linear-gradient(top, #fff 0%, #eee 90%, #ddd 91%, #eee 100%);
	background:linear-gradient(top, #fff 0%, #eee 90%, #ddd 91%, #eee 100%);
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-shadow:1px 1px 1px #fff;
}
.pagelink li.prev {
	width:105px;
	margin:0 45px 0 0;
}
.pagelink li.top {
	width:210px;
}
.pagelink li.next {
	width:105px;
	margin:0 0 0 45px;
}








/*---------------------------------------------

#bsthumbnailarea {
margin:0;
padding:15px 0 0 0;
}

#bsthumbnailarea li {
float:left;
margin:0;
padding:0 10px 10px 0;
}

.bsblock {
width:120px;
height:81px;
margin:0;
padding:9px 0 0 10px;
background-image:url("../backstage/images/thumbnailback.gif");
display:block;
}

#bsthumbnailarea li.bsblock {
display:block;
}

#bsthumbnailarea li a:link {
color:#fff;
}

#bsthumbnailarea li a:visited {
color:#fff;
}

#bsthumbnailarea li a:hover {
color:#ffff00;
}

#bsthumbnailarea li a:active {
color:#fff;
}

.bsthumb {
float:left;
width:100px;
height:40px;
margin:0;
padding:0 0 0 5px;
}

.bsdate {
float:left;
width:104px;
height:17px;
margin:0;
padding:3px 5px 0 3px;
text-align:right;
font-family:Osaka,Verdana,sans-serif;
font-size:12px;
line-height:14px;
}

.bstext {
float:left;
width:107px;
height:15px;
margin:0;
padding:0 5px 3px 0;
text-align:right;
font-family:Osaka,Verdana,sans-serif;
font-size:10px;
line-height:12px;
overflow:hidden;
}



#bsmainarea {
width:555px;
margin:0;
padding:5px 0 0 3px;
}

#contentheadnavi {
width:555px;
height:20px;
margin:0;
padding:0;
background-image:url("../backstage/images/subtitlebg.gif");
}

#nextnavi {
float:right;
width:80px;
height:20px;
margin:0;
padding:0;
}

#backnavi {
float:left;
width:80px;
height:20px;
margin:0;
padding:0;
}

#subtitle {
float:left;
width:395px;
height:20px;
margin:0;
padding:0;
font-size:12px;
line-height:18px;
color:#fff;
text-align:center;
}

#leftthumbnail {
float:right;
width:130px;
margin:0;
padding:5px 0 0 0;
}

#leftthumbnail li {
float:left;
width:40px;
margin:0;
padding:0 0 3px 3px;
}

#mainphotoarea {
float:left;
width:420px;
height:320px;
margin:0;
padding:5px 0 0 0;
}

#mainphoto {
margin:0;
padding:0;
}

#phototext {
width:420px;
margin:0;
padding:5px 0 0 0;
font-size:12px;
line-height:14px;
text-align:center;
}

#girlname {
clear:both;
width:570px;
margin:0;
padding:10px 0;
font-size:12px;
line-height:14px;
}

#girlnametitle {
width:555px;
height:20px;
margin:0;
padding:0;
}

#girlname dl {
float:left;
width:108px;
margin:5px 0 0 0;
padding:0 0 0 2px;
border-left:2px solid #f60;
}

#girlname dt {
margin:0;
padding:0;
font-size:14px;
line-height:15px;
}

#girlname dd {
margin:0;
padding:0;
font-size:10px;
line-height:11px;
color:#666;
}

.cl {
clear:both;
margin:0;
padding:0;
}



h3.myyear {
	clear:both;
	margin:0;
	border-left:5px solid #000;
	border-bottom:1px solid #000;
	font-size:12px;
	font-weight:bold;
	text-indent:2px;
}
-----*/