@charset "euc-jp";
@import url("global.css");
@import url("gravure-list.css");
@import url("contents_discount.css");


#content-area{
	float:left;
}

/*--------------------------*/
/*--------タイトル部分------*/
/*--------------------------*/
#gravure-title {
	height:47px;
	width:100%;
	background:black;
	margin:0 0 10px 0;
	background:url(../contents/gravure/images/h1_back.png) repeat-x;/*float:left;*/
/*	border:1px solid red;*/
}
#gravure-title img {
	float:left;
	margin:6px 0 0 5px;
	border:5px solid black;
}
h1.contents-title {
	font-size:12px;
	height:47px;
	/*width:620px;*/
	/*border:1px solid red;*/
	margin:0px;
	padding:0px;
	line-height:3.8;
	text-indent:10px;
	float:right;
}

#topics-area {
	width:592px;
	height:350px;
	margin:0 0 0 5px;
	position:relative;
	float:left;/*border:1px solid white;*/
}
#gravure-info-area {
	background-repeat:no-repeat;
	width:100%;
	height:70px;/*border:1px solid white;*/
}
#gravure-info-area div {
	position:relative;
	top:3px;
	left:15px;
	line-height:1.2;/*margin:10px 0 0 10px;*/
}
a.gals-name, a.shop-name {
	color:#FF4D99
}
.gals-name-instead {
	color:#FFFFFF
}
a.gals-name {
	font-size:18px;
	font-weight:bold;
	color:#FF4D99;
}
.tsize {
	color:white;
	font-size:0.8em;
}
#view-btn-area {
	position:absolute;
	top:250px;
	left:440px;
	/*border:1px solid white;*/
	width:130px;
}



/*--------------------------*/
/*--------無料券(index用)------*/
/*--------------------------*/
#freeticket-area {
	/*float:right;*/
	margin:0 5px 0 0;
	width:182px;
	position:absolute;
	top:0px;
	left:595px;
	/*_width:170px;*/
	height:318px;
	background:url(../contents/gravure/images/freeticket_back.png) no-repeat;
}
#freeticket-area h2 {
	color:white;
	text-align:left;
	text-indent:10px;
	font-size:12px;
	line-height:2.0;
	margin:0px;
	padding:0px;
}
.free-ticket-shop-name{
	color:white;
	font-weight:bold;
	width:89%;
	margin:3px auto 0 auto;
}
#freeticket-area p {
	color:white;
	font-size:12px;
	font-weight:bold;
	width:89%;
	margin:10px auto 0 auto;
}
.free-ticket-span {
	background:red;
	color:white;
	text-align:center;
	font-weight:bold;
	width:96%;
	margin:10px auto;
}
a.oubo {
	display:block;
	width:110px;
	height:38px;
	line-height:10;
	background:url(../top/freeticket/btn_oubo.png) no-repeat;
	/*border:1px solid white;*/
	margin:10px auto;
	overflow:hidden;
}
a.oubo:hover {
	background-position:0px -38px;
}
ul.tab {
	list-style-type:none;
	margin:0px 0 0 30px;
	padding:0px;
}
ul.tab li {
	font-weight:bold;
	/*border:1px solid white;*/
	width:118px;
	height:33px;
	line-height:2.5;
	text-align:center;
	float:left;
	margin:0px 0 0 2px;
	padding:0px;
	background-repeat: no-repeat;
	background:url(../contents/gravure/images/tab_back.png);
	overflow:hidden;/*border:1px solid white;*/
}
ul.tab a {
	color:white;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration:none;
}
ul.tab a:hover {
	color:#F9C;
}
ul.tab li.selected {
	color:black;
	background:url(../contents/gravure/images/tab_back_selected.png);
}
ul.tab li.selected a {
	color:black;
}
#tab-bottom {
	clear:both;
	background:url(../contents/gravure/images/tab_bottom.png) repeat-x;
	height:28px;
}
.pager {
	height:70px;
	margin:10px 0 0 0;
	clear:both;/*border:1px solid white;*/
}
.pager a {
	display:block;
	float:left;
	width:30px;
	height:40px;
	line-height:5.2;
	text-align:center;
	color:#CCCCCC;
	text-decoration:none;
	background:url(../contents/gravure/images/list_icon.png) no-repeat center top;/*border:1px solid white;*/
}
.pager a:hover {
	background-image:url(../contents/gravure/images/list_icon_over.png);
	;
	color:#F9C;/*color:#CCCCCC;*/
}
.pager img.icon {
	float:left;
	margin:0px 50px 0 10px;
}
.pager .selected {
	display:block;
	float:left;
	width:30px;
	height:40px;
	line-height:5.2;
	text-align:center;
	color:#CCCCCC;
	text-decoration:none;
	background:url(../contents/gravure/images/list_icon_over.png) no-repeat center top;
}

/*----------------------*/
/*-----indexページ リスト部用-----*/
/*----------------------*/
.attention{
	height: 250px;
	margin: 0 0 10px 25px;
	font: 15px serif;
}
.attention .returns{
	margin:15px 0 0 0;
	font:bold 12px sans-serif;
}
.attention .returns a{
	color:#ff0066;
	text-decoration:none;
}
.attention .returns a:hover{
	text-decoration:underline;
}


/*----------------------*/
/*-----個別ページ用-----*/
/*----------------------*/
h3 {
	font-size:14px;
	line-height:2.5;
	text-indent:10px;
	background:url(../contents/gravure/images/h3_back.png) repeat-x;
	width:100%;
	height:31px;
}
body.gravure-indivisual {
	margin:0px;
	padding:0px;
}
body.gravure-indivisual {
	color:#333;
	font-weight:normal;
	font-size:13px;
	width:50%;
	height:50px;
	margin:0px 0 0 210px;
	position:relative;
	top:10px;
}

#photo-area {
	clear:both;
	/*background:white;*/
	/*	background:white url(/contents/gravure/images/gravure_logo.png) no-repeat;*/
	height:770px;/*border:1px solid red;*/
	position:relative;
}
#photo-mask {
	background:black;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#photo {
	clear:both;
	text-align:center;
	margin:25px 0 0 0;/*border:1px solid black;*/
}
#controll {
	clear:both;
	margin:0px auto;
	width:440px;
	height:50px;
	position:relative;
	top:10px;/*border:1px solid black;*/
}
#controll a {
	display:block;
	background-image:url(../contents/gravure/images/btn_controll.png);
	background-repeat:no-repeat;
	height:45px;
	float:left;/*border:1px solid black;*/
}

p.mc{
	text-align:center;
	font-size:13px;
	color:#fff;
	margin:-5px 0 15px;
}
p.mc a{
	color:#fff;
}

#backbtn-area {
	height:60px;
	text-align:center;
	margin-bottom:20px;
}
#backbtn-area ul{
	height:60px;
	margin: 0 auto;
	_margin:0 0 0 35px;/*forWinIE6*/
}
#backbtn-area li{
	height:60px;
	/*background:url(../contents/gravure/images/btn_shadow.png) no-repeat 35px left;*/
	display:block;
	margin:0 0 0 5px;
	/*border:1px solid red;*/
	float:left;
}

#movie{
	width:515px;
	height:113px;
	background:url(../contents/gravure/images/movie_bg.png) no-repeat;
	margin:5px auto 25px;
	padding:15px;
	position:relative;
	color:#fff;
}
#movie img.play{
	position:absolute;
	top:15px;
	left:15px;
}
#movie p{
	position:absolute;
	top:12px;
	left:230px;
	font-size:14px;
}
#movie p b{
	color:#ff558d;
	font-weight:normal;
}
#movie a.movie_btn{
	position:absolute;
	top:80px;
	left:230px;
	width:280px;
	display:block;
	padding:7px 0;
	background:#ff558d;
	border-radius:5px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:15px;
}
#movie a.movie_btn:hover{
	background:#ef3472;
}


/*-----------------*/
/*------html版-----*/
/*-----------------*/
.np-btn-area {
	width:438px;
	height:70px;
	margin:0 auto 0 auto;
	background:url(../contents/gravure/images/btn_back.png) no-repeat left bottom;
	/*border:1px solid white;*/
	
}
.np-btn-area a{
	height:50px;
	display:block;
	float:left;
}

.next-wrap{
	float:right;
	margin:0 2px 0 0;
	_margin:0 1px 0 0;
}

a.btn-prev{
	text-align:left;
	width:156px;
	/*background-position:-2px 0px;*/
	/*border:1px solid white;*/
}
a.btn-large {
	text-align:left;
	width:130px;
	/*background-position:-157px 0px;*/
	/*border:1px solid white;**/
}


#side{
	float:right;
	text-align:center;
}
img.free_ico{
	margin:5px 0 5px 15px;
}

#free{
	background:url(../contents/gravure/images/free_bg.png) no-repeat top center;
	width:170px;
	height:228px;
	position:relative;
	margin-top:5px;
}
#free p{
	color:#fff;
	font-weight:bold;
	font-size:13px;
	padding:0 7px;
	position:absolute;
	text-align:left;
	top:25px;
	left:0;
}
*:first-child+html #free p{
	top:35px;
}
#free img{
	position:absolute;
	bottom:10px;
	left:15px;
}

.data{
	border-radius:6px;
	border:1px solid #555;
	margin-top:10px;
	padding-bottom:5px;
	font-size:11px;
	color:#fff;
	overflow:hidden;
}
.data h3{
	background: #393939;
	background: -moz-linear-gradient(top,  #555 0%, #393939 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#393939));
	width:180px;
	margin:0;
	padding:0;
	border-radius:4px 4px 0 0;
	line-height:2;
	text-indent:5px;
	text-align:left;
	height:25px;
	font-size:13px;
}
.data a{
	color:#fff;
}
.data table{
	width:98%;
	margin:5px auto;
	text-align:left;
}
.data table td{
	border-bottom:1px dotted #555;
}

img.gals_ss{
	float:left;
	margin:5px;
}
#gals_data{
	margin-top:5px;
	text-align:left;
}