@charset "utf-8";
/* ===================================================================
	common.css
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
body, th, td, input, textarea {
/*
	font-family:"Lucida Grande","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3" ,Osaka, sans-serif;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*/
	font-family:"Lucida Grande","ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3" ,Osaka, sans-serif;
	font-size:12px;
	line-height:1.3;
	color:#ffffff;
}

a, a:link, a:visited {
	color:#ffffff;
	text-decoration:none;
}
a:active, a:hover {
	color:#ffffff;
	text-decoration:underline;
}

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

a:hover img{opacity:0.80;filter: alpha(opacity=80);}

.girlimg a:hover img{opacity:1.00;filter: alpha(opacity=100);}

/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE Mac */
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End Hack */

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

body {
	background:#000000;
}
#wrapper {
	width:100%;
}
#container {
	min-width:980px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}

/* backgroundimage */
#background_img {
	width:980px;
	margin:0px auto;
	position:relative;
}
.bg_img_01 {
	position: absolute;
	top: 111px;
	left: -116px;
	z-index: 0;
}
.bg_img_02 {
	position: absolute;
	top: 335px;
	right: -245px;
	z-index: 0;
}
.bg_img_03 {
	position: absolute;
	top: 1345px;
	z-index: -1;
	right: -310px;
}
.bg_img_04 {
	position: absolute;
	top: 1400px;
	z-index: -1;
	left: -275px;
}

/* header */
header {
	background:url("/common/images/header_main_bg_new.jpg") center top no-repeat;
	min-height:490px;
}
#header_area {
	width:980px;
	margin:0px auto;
	position:relative;
}

#header_area a:hover img {
	opacity: 1.00;
	filter: alpha(opacity=100);
}
#header_area .h_left {
	float:left;
}
#header_area .h_left .h_login {
	padding:1px 0px 0px 70px;
}
#header_area .h_right {
	float:right;
	padding-top: 3px;
}
#header_area .h_logo {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 38px;
	width: 223px;
}


/* content area */
#content_area {
	width:962px;
	margin:-215px auto 70px;
}

/* side navi */
#side_navi {
	float:left;
	width:216px;
	position:relative;
}
#side_navi .side_navi_title {
	left: 28px;
	position: absolute;
	top: -75px;
}
#side_navi ul {
	position:relative;
}
#side_navi ul li {
	margin: 0px auto 6px;
	width: 212px;
	background: #000;
}
#side_navi .mobile_bnr {
	background:url("../images/side_bnr_01.png") left top no-repeat;
	width:145px;
	height:214px;
	margin:12px auto 0px;
	padding:145px 0px 0px 70px;
}
#side_navi .bnr_img {
	margin-top:15px;
}


/* banner_item */
#side_navi .banner_item {
	margin-top: 15px;
	position: relative;
}
#side_navi .banner_item .qr_code {
	left: 69px;
	position: absolute;
	top: 142px;
}

#side_navi .banner_item .mailmaga_form {
	height: 107px;
	left: 19px;
	position: absolute;
	text-align: center;
	top: 212px;
	width: 175px;
}
#side_navi .banner_item .mailmaga_form ul li {
	color: #000;
	width:auto;
	background:none;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 10px 5px;
	margin:0;
	vertical-align: middle;
}
#side_navi .banner_item .mailmaga_form .mailbox {
	padding-bottom: 10px;
	text-align:center;
}
#side_navi .banner_item .mailmaga_form .mailbox input {
	color: #000;
	width:160px;
}

/* kinbaku_banner */
#side_navi .banner_item .kinbaku_banner{
	width:215px;
	height:300px;
}
#side_navi .banner_item .kinbaku_banner a{
	position:relative;
	display:block;
	width:215px;
	overflow:hidden;
}
#side_navi .banner_item .kinbaku_banner .pix{
	left: 3px;
	position: absolute;
	top: 180px;
	width: 210px;
}
#side_navi .banner_item .kinbaku_banner .banner{
	position:relative;
}

/* main contents */
#main_contents {
	float:right;
	width:738px;
	position:relative;
}
/* footer */
footer {
	background:url("../images/footer_bg.png") left top no-repeat;
	width:962px;
	height:371px;
	margin:52px auto 20px;
	padding:12px 9px 0px;
	position:relative;
}
footer .footer_img_bg {
	position: absolute;
	top: 0;
	left: -197px;
	z-index: -1;
}
footer .toppage {
	position:absolute;
	top:-26px;
	left:234px;
}
footer .portal {
	position:absolute;
	top:-26px;
	left:381px;
}
footer .pagetop {
	position:absolute;
	top:-26px;
	right:8px;
}
footer .search_area {
	float:left;
	background: url("../images/footer_search_bg.png") left top no-repeat;
	width:215px;
	min-height:176px;
	text-align:center;
	padding:5px 5px 3px 2px;
	margin:0px auto;
}
footer .search_area input,
footer .search_area select {
	width:190px;
	margin-bottom:20px;
	border:1px solid #000000;
	color:#000000;
	line-height:1.0;
}
footer .link_area {
	float:right;
}
footer .links {
	margin:12px 0px;
	line-height:1.5;
}
footer .links li {
	display: inline-block;
	/display:inline;
	/zoom:1;
	vertical-align: middle;
	background: url("../images/icon_01.png") left center no-repeat;
	padding-left: 11px;
	margin: 0px 0px 0px 8px;
}
footer .links li a {
	margin-right:10px;
}
footer .links li a span {
	color:#ff0101;
}
footer .shoplist {
	margin: 15px auto;
	text-align: center;
	width: 950px;
}
footer .shoplist li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin: 0 10px;
	text-align:center;
	vertical-align:top;
}
footer .shoplist li .shopname,
footer .shoplist li .shoptime {
	margin-bottom: 0px;
}

footer .shoplist li a:hover img {
	opacity: 1.00;
	filter: alpha(opacity=100);
}

footer .shoplist li.right {
	margin-right:0px;
}

/* copyright */
.copyright {
	background:url("../images/footer_copyright_bg.png") left top no-repeat;
	width:980px;
	height:26px;
	color:#ffffff;
	padding-top:10px;
	margin:0px auto 10px;
	text-align:center;
}



/* parts */
.girlimg {
	border: 1px solid #636363;
	background: #000000;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0px auto 8px;
	padding: 3px;
	position: relative;
	vertical-align: top;
}
.shopname {
	color:#ffffff;
	margin-bottom:8px;
}
.shoptime {
	color:#ffffff;
	margin-bottom:8px;
	font-size:83%;
}
.girlname {
	color: #ffffff;
	margin-bottom: 5px;
}
.girlname span {
	font-weight:bold;
}
.girlname span.icon {
	display: inline-block;


	/display:inline;
	/zoom:1;
	vertical-align: top;
	background: url("../images/icon_02.png") left top no-repeat;
	padding-left: 15px;
	font-weight: normal;
}
.girlstyle{
	color: #e3dcc0;
	margin-bottom: 5px;
}
.worktype {
	margin: 0px auto 5px;
}
.worktype span {
	width:60px;
	height:17px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin:0px 2px;
}
.girlcomment {
	text-align:justify;
	margin:0px auto;
}
.worktime {
	margin: 0px auto 5px;
}
.worktime span {
	color:#ffffff;
	background:url("../images/icon_work.png") left center no-repeat;
	padding-left:55px;
	height:17px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}
.now_show span {
	display:block;
	width:112px;
	height:26px;
	margin:0px auto;
}
.now_show span.ok {
	background:url("../images/icon_soku_base.png") left top no-repeat;
	position:relative;
}
.now_show span.ok span {
	position:absolute;
	top:0px;
	left:0px;
}
.new {
	position:absolute;
	bottom:3px;
	left:3px;
	width:38px;
	height:auto;
}
.new img {
	width:100%;
	height:auto;
}.recommend {
	background:url("../images/icon_girl_recmmend_base.png") left top no-repeat;
	position:absolute;
	top:0px;
	right:-12px;
	width:36px;
	height:40px;
}
.recommend div {
	position:absolute;
	top:0px;
	right:0px;
	width:36px;
	height:40px;
}
.shop01 {
	position:absolute;
	bottom:5px;
	right:5px;
	width:33%;
	height:auto;
}
.shop01 img{
	width:100%;
	height:auto;
}

.disabled {
	display:none;
}
.display_none {
	display:none;
}



/* list */
/* list_type_01 */
.list_type_01_slide {
	margin: 0px auto;
	padding: 12px 0px 10px;
	position: relative;
	text-align: center;
	width: 685px;
}
.list_type_01_slide .list_type_01 li {
	width: 133px;
}
.list_type_01_slide .bx-prev {
	background: url(../images/allow_left_03.png) left top no-repeat;
	height: 32px;
	left: -26px;
	position: absolute;
	top: 105px;
	width: 32px;
}
.list_type_01_slide .bx-next {
	background: url(../images/allow_right_03.png) left top no-repeat;
	height: 32px;
	position: absolute;
	top: 105px;
	right: -26px;
	width: 32px;
}



/* pager */
.pager {
	background:url("../images/pager.png") center top no-repeat;
	position:relative;
	text-align:center;
	min-height:42px;
	margin:0px 0px 10px;
	padding-top:38px;
	padding-bottom:10px;
}
.pager span {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	background:url("../images/pager_btn.png") left top no-repeat;
	width:34px;
	height:18px;
	margin:0px 2px;
	padding:8px 0px;
}
.pager span.pager_now {
	background:url("../images/pager_btn_on.png") left top no-repeat;
	color:#333333;
	height:18px;
	width:34px;
}
.pager span a {
	display:block;
	height:34px;
	width:34px;
	padding:0px;
}
.pager .pager_prev {
	background:none;
	position:absolute;
	top:33px;
	left:65px;
	width:89px;
	height:30px;
}
.pager .pager_prev a {
	background:url("../images/pager_prev.png") left top no-repeat;
	width:89px;
	height:30px;
	text-indent:-9999px;
}
.pager .pager_next {
	background:none;
	position:absolute;
	top:33px;
	right:65px;
	width:89px;
	height:30px;
}
.pager .pager_next a {
	background:url("../images/pager_next.png") left top no-repeat;
	width:89px;
	height:30px;
	text-indent:-9999px;
}

/*---------------------------------------------------------------------------*
error-message
*---------------------------------------------------------------------------*/
.error-message {
	color:#ff0000;
	padding:5px 0px;
}

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

.file {
	margin-top: 15px;
	padding-top: 10px;
}
.file .pdf {
	background: url("../images/cms/pdf.gif") no-repeat scroll left center transparent;
	line-height: 30px;
	padding-left: 30px;
	padding-top: 4px;
}
.file .xls {
	background: url("../images/cms/xls.gif") no-repeat scroll left center transparent;
	line-height: 30px;
	padding-left: 30px;
	padding-top: 4px;
}
.file .doc {
	background: url("../images/cms/doc.gif") no-repeat scroll left center transparent;
	line-height: 30px;
	padding-left: 30px;
	padding-top: 4px;
}

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

.mar-b6 {
	margin-bottom:6px !important;
}
.mar-b7 {
	margin-bottom:7px !important;
}
.mar-b15 {
	margin-bottom:15px !important;
}
.mar-b25 {
	margin-bottom:25px !important;
}
.mar-b35 {
	margin-bottom:35px !important;
}

.fl_l {
	float:left !important;
}
.fl_r {
	float:right !important;
}
.fl_n {
	float:none !important;
}

.f_c_red {
	color:#ff0101 !important;
}
.f_c_red_2 {
	color:#e60012 !important;
}
.f_c_yellow {
	color:#ffff00 !important;
}
.f_c_blue {
	color:#3366ff !important;
}
.f_c_gray {
	color:#cccccc !important;
}
.f_c_gray_2 {
	color:#999999 !important;
}

.t_align_l {
	text-align:left !important;
}
.t_align_c {
	text-align:center !important;
}
.t_align_r {
	text-align:right !important;
}

.f_weight_bold {
	font-weight:bold !important;
}
.f_weight_normal {
	font-weight:normal !important;
}

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

#sample {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}