@charset "utf-8";
/* ----- all page common CSS ----- */
/* =======================================

	 Common Elements

 ======================================= */
html>/**/body {
  overflow-y: scroll;
}
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vartical-align: top;
}
ul {
	list-style-type: none;
}

/* ----- fonts CSS ----- */
/* ////////// fonts ////////// */
.bold_txt { font-weight: bolder; }
.red_txt { color: red; }
.big_txt { font-size: 130%; }
.small_txt { font-size: 80%; }
.italic_txt { font-style: italic; }

/* ////////// background-color ////////// */
.bg_ffffff { background-color: #ffffff; }
.bg_eeeeee { background-color: #eeeeee; }
.bg_dddddd { background-color: #dddddd; }
.bg_cccccc { background-color: #cccccc; }
.bg_999999 { background-color: #999999; }
.bg_666666 { background-color: #666666; }
.bg_333333 { background-color: #333333; }
.bg_000000 { background-color: #000000; }
.bg_007bbb { background-color: #007bbb; }

/* ///// line-hieght ///// */
.lh_100	{ line-height: 1.0 !important; }
.lh_110	{ line-height: 1.1 !important; }
.lh_120	{ line-height: 1.2 !important; }
.lh_130	{ line-height: 1.3 !important; }
.lh_140	{ line-height: 1.4 !important; }
.lh_150	{ line-height: 1.5 !important; }
.lh_160	{ line-height: 1.6 !important; }
.lh_170	{ line-height: 1.7 !important; }
.lh_180	{ line-height: 1.8 !important; }
.lh_190	{ line-height: 1.9 !important; }
.lh_200	{ line-height: 2.0 !important; }


/* ----- rayouts CSS ----- */
/* ----- !!! import for "mobile.css" & "pc.css" in css directry !!! ----- *//* ----- rayouts CSS ----- */
/* ////////// box ////////// */
.box_fff { background: #fff !important; }
.box_gray { background: #ccc !important; }
.box_eee { background: #eee !important; }
.box_eeeecc { background: #eeeecc !important; }
.box_line_ddd { border: solid 1px #ddd !important; }

/* ////////// align ////////// */
.al_l { text-align: left !important; }
.al_r { text-align: right !important; }
.al_c { text-align: center !important; }
.al_j { text-align: justify !important; }
.vl_t { vertical-align: top !important; }
.vl_b { vertical-align: bottom !important; }

/* ////////// float ////////// */
.f_left { float: left; }
.f_right { float: right; }

/* ////////// display ////////// */
.no_disp { display: none; }
.b_disp { display: block; }
.i_disp { display: inline; }


/* ----- pages CSS ----- */
/* ////////// common ////////// */
html {
	height: 100%;
	background: url(../images/common/bg.png);
}
body.girls {
	float: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/common/pattern03.png);
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.girls .container {
	height:100%;
	min-height:100%;
}
* html .girls .container {
    height: 100%;
}
.girls .contents {
	width: 1110px;
	background: url(../images/common/bg_content_main.png);
}

/* head */
.girls .head_container {
	background: url(../images/common/bg.png);
}
.girls .head {
	background: url(../images/common/bg_header.png) repeat-x;
	text-align: center;
}
.girls .head .nav {
	width: 1110px;
	padding: 0;
	background: url(../images/common/bg_menu.png) no-repeat center top;
	text-align: center;
}
.girls .head .nav li {
	float: none;
	display: inline;
	margin: 0;
}
.girls .head .sitetitle {
	position: relative;
	width: 1110px;
	margin: 0 auto;
}
.girls .head .sitetitle .btn_mail {
	position: absolute;
	bottom: 10px;
	right: 150px;
}

/* main */
.girls .main_container {
	background: url(../images/common/bg.png);
}

/* footbnr */
.footbnr {
	width: 1110px;
	padding: 25px 99px 0 99px;
	text-align: center;
}
.footbnr li {
	float: left;
}
.footbnr li.nml {
	width: 286px;
}
.footbnr li.social {
	width: 55px;
	padding-top: 10px;
}
.footbnr li.social a {
	display: block;
	width: 55px;
}

/* foot */
.girls .foot {
	position: relative;
	width: 100%;
}
.girls .foot table {
	width: 100%;
	background: url(../images/common/bg.png);
}
.girls .foot table td {
	vertical-align: top;
}

.girls .foot .footbody {
	position: absolute;
	top: 0;
	width: 100%;
	height: 164px;
	text-align: center;
}
.girls .foot .footmenu {
	padding: 110px 0 5px 0;
	font-size: 12px;
}
.girls .foot .footmenu a {
	color: #6f512d;
	text-decoration: underline;
}
.girls .foot .footmenu a:hover {
	text-decoration: none;
}


/* ////////// hierarchical ////////// */
.girls.nml .head {
	height: 215px;
}
.girls.nml .head .nav {
	height: auto;
}
.girls.nml .head .breadcrumbs {
	width: 910px;
	margin: 0 auto;
	padding: 30px 100px 20px 100px;
	text-align: left;
	font-size: 12px;
}
.girls.nml .head .breadcrumbs a {
	color: #00f;
}
.girls.nml .main {
	padding: 30px 100px;
}


/* ////////// top ////////// */
.girls.top .head {
	height: 185px;
}
.girls.top .head .nav {
	height: 60px;
}
.girls.top .main .frame {
	height: 325px;
	padding: 64px 127px 31px 127px;
	background: url(../images/top/bg_content_main.png) no-repeat center top;
}
.girls.top .main .frame .movie {
	float: left;
	width: 548px;
	height: 305px;
	background: #ccc;
}
.girls.top .main .frame .framemenu {
	float: right;
	width: 308px;
}


/* ////////// case ////////// */
.girls.case .main {
	position: relative;
	height: 1020px;
	background: url(../images/case/main_bg.png) no-repeat 360px 30px;
}
.girls.case .main .content01 {
	z-index: 1;
	position: absolute;
	top: 75px;
	left: 400px;
}
.girls.case .main .content02 {
	z-index: 1;
	position: absolute;
	top: 270px;
	left: 130px;
}
.girls.case .main .content03 {
	z-index: 1;
	position: absolute;
	top: 485px;
	left: 130px;
}
.girls.case .main .content04 {
	z-index: 1;
	position: absolute;
	top: 400px;
	left: 585px;
}
.girls.case .main .content05 {
	z-index: 2;
	position: absolute;
	top: 640px;
	left: 340px;
}
.girls.case .main .content06 {
	z-index: 1;
	position: absolute;
	top: 680px;
	left: 110px;
}
.girls.case .main .content07 {
	z-index: 1;
	position: absolute;
	top: 860px;
	left: 450px;
}
.girls.case .main .content08 {
	z-index: 0;
	position: absolute;
	top: 110px;
	left: 750px;
}
.girls.case .main .hr {
	position: absolute;
	top: 1040px;
	left: 100px;
	z-index: 2;
}


/* ////////// about ////////// */
.girls.about .main {
	position: relative;
	height: 560px;
	background: url(../images/about/main_bg.png) no-repeat 42px 30px;
}
.girls.about .main h2 {
	position: absolute;
	top: 117px;
	left: 271px;
}
.girls.about .main .content01 {
	position: absolute;
	top: 191px;
	left: 271px;
}


/* ////////// member ////////// */
.girls.member .main {
	position: relative;
	height: 720px;
	background: url(../images/member/main_bg.png) no-repeat 43px 30px;
}
.girls.member .main h2 {
	position: absolute;
	top: 30px;
	left: 83px;
}
.girls.member .main .content01 {
	position: absolute;
	top: 55px;
	left: 370px;
}
.girls.member .main .content02 {
	position: absolute;
	top: 420px;
	left: 190px;
}
.girls.member .main .content03 {
	position: absolute;
	top: 355px;
	left: 395px;
}
.girls.member .main .content04 {
	position: absolute;
	top: 170px;
	left: 600px;
}
.girls.member .main .content05 {
	position: absolute;
	top: 430px;
	left: 580px;
}
.girls.member .main .content06 {
	position: absolute;
	top: 30px;
	left: 740px;
}
.girls.member .main .content07 {
	position: absolute;
	top: 280px;
	left: 800px;
}
.girls.member .main .content08 {
	position: absolute;
	top: 560px;
	left: 780px;
}


/* ////////// member_detail ////////// */
.girls.member_detail .main {
	position: relative;
	height: 1020px;
	font-size: 12px;
}
.girls.member_detail .main .detail {
	width: 825px;
	padding: 43px 43px 15px 43px;
	line-height: 1.8;
}
.girls.member_detail .main .detail h2 {
	float: right;
	width: 590px;
}
.girls.member_detail .main .detail .text {
	float: right;
	width: 530px;
	padding: 15px 40px 0 20px;
}
.girls.member_detail .main .detail .photo {
	float: left;
	width: 235px;
}
.girls.member_detail .main .qa {
	position: relative;
	width: 825px;
	height: 550px;
	padding: 43px;
	line-height: 1.5;
}
.girls.member_detail .main .qa .ico {
	position: absolute;
	bottom: 50px;
	right: 53px;
}
.girls.member_detail .main .qa dl {
	width: 575px;
	margin: 60px auto 0 auto;
	color: #996633;
}
.girls.member_detail .main .qa dt {
	float: left;
	width: 48%;
	padding: 1.5% 0 1.5% 1%;
	border-bottom: dotted 1px #be9767;
}
.girls.member_detail .main .qa dd {
	float: right;
	width: 49%;
	padding: 1.5% 1%;
	border-bottom: dotted 1px #be9767;
}
.girls.member_detail .main .btn_member_top {
	position: absolute;
	bottom: 38px;
	left: 158px;	
}

/* pink */
.girls.member_detail.v01 .main {
	background: url(../images/member/detail_bg01.png) no-repeat 128px 30px;
}
.girls.member_detail.v01 .main .qa {
	background: url(../images/member/detail_qa_bg01.png) no-repeat 67px 0;
}
/* green */
.girls.member_detail.v02 .main {
	background: url(../images/member/detail_bg02.png) no-repeat 128px 30px;
}
.girls.member_detail.v02 .main .qa {
	background: url(../images/member/detail_qa_bg02.png) no-repeat 67px 0;
}
/* purple */
.girls.member_detail.v03 .main {
	background: url(../images/member/detail_bg03.png) no-repeat 128px 30px;
}
.girls.member_detail.v03 .main .qa {
	background: url(../images/member/detail_qa_bg03.png) no-repeat 67px 0;
}
/* yellow */
.girls.member_detail.v04 .main {
	background: url(../images/member/detail_bg04.png) no-repeat 128px 30px;
}
.girls.member_detail.v04 .main .qa {
	background: url(../images/member/detail_qa_bg04.png) no-repeat 67px 0;
}

/* ////////// member_miho_detail ////////// */
.girls.member_miho_detail .main {
	position: relative;
	height: 1050px;
	font-size: 12px;
}
.girls.member_miho_detail .main .detail {
	width: 825px;
	padding: 43px 43px 15px 43px;
	line-height: 1.8;
}
.girls.member_miho_detail .main .detail h2 {
	float: right;
	width: 590px;
}
.girls.member_miho_detail .main .detail .text {
	float: right;
	width: 530px;
	padding: 15px 40px 0 20px;
}
.girls.member_miho_detail .main .detail .photo {
	float: left;
	width: 235px;
}
.girls.member_miho_detail .main .qa {
	position: relative;
	width: 825px;
	height: 550px;
	padding: 43px;
	line-height: 1.5;
}
.girls.member_miho_detail .main .qa .ico {
	position: absolute;
	bottom: 50px;
	right: 53px;
}
.girls.member_miho_detail .main .qa dl {
	width: 575px;
	margin: 60px auto 0 auto;
	color: #996633;
}
.girls.member_miho_detail .main .qa dt {
	float: left;
	width: 48%;
	padding: 1.5% 0 1.5% 1%;
	border-bottom: dotted 1px #be9767;
}
.girls.member_miho_detail .main .qa dd {
	float: right;
	width: 49%;
	padding: 1.5% 1%;
	border-bottom: dotted 1px #be9767;
}
.girls.member_miho_detail .main .btn_member_top {
	position: absolute;
	bottom: 38px;
	left: 158px;	
}

/* pink */
.girls.member_miho_detail.v01 .main {
	background: url(../images/member/detail_miho__bg01.png) no-repeat 128px 30px;
}
.girls.member_miho_detail.v01 .main .qa {
	background: url(../images/member/detail_qa_bg01.png) no-repeat 67px 0;
}





/* ////////// chart ////////// */
.girls.chart .main {
	position: relative;
	height: 485px;
	background: url(../images/chart/main_bg.png) no-repeat 177px 30px;
}
.girls.chart .main h2 {
	position: absolute;
	top: 63px;
	left: 255px;
}
.girls.chart .main .question {
	position: absolute;
	top: 163px;
	left: 255px;
	width: 610px;
}
.girls.chart .main .btn {
	position: absolute;
	top: 293px;
	left: 255px;
	width: 610px;
}
.girls.chart .main .btn p {
	float: left;
	width: 45%;
}
.girls.chart .main .btn p.btn_y {
	text-align: right;
	padding-right: 5%;
}
.girls.chart .main .btn p.btn_n {
	text-align: left;
	padding-left: 5%;
}

/* .result common */
.girls.chart.result .main h2 {
	position: static;
	margin: 0 77px;
}
.girls.chart.result .main .content01 {
	margin: 0 145px 40px 145px;
}
.girls.chart.result .main .member_box {
	position: relative;
	margin: 0 145px 20px 145px;
}
.girls.chart.result .main .member_box .member_box_left {
	float: left;
	width: 140px;
}
.girls.chart.result .main .member_box .member_box_right {
	float: left;
	width: 475px;
}
.girls.chart.result .main .member_box .member_box_right .text {
	padding: 10px 0 0 20px;
}
.girls.chart.result .main .member_box .member_box_right .btn_profile {
	position: absolute;
	top: 42px;
	right: 0;
}
/* .result > natural */
.girls.chart.natural .main {
	position: relative;
	height: 820px;
	background: url(../images/chart/main_bg_res_natural.png) no-repeat 177px 30px;
}
/* .result > luxuly */
.girls.chart.luxury .main {
	position: relative;
	height: 677px;
	background: url(../images/chart/main_bg_res_luxury.png) no-repeat 177px 30px;
}
/* .result > girly */
.girls.chart.girly .main {
	position: relative;
	height: 677px;
	background: url(../images/chart/main_bg_res_girly.png) no-repeat 177px 30px;
}
/* .result > pop & cute */
.girls.chart.pop .main {
	position: relative;
	height: 527px;
	background: url(../images/chart/main_bg_res_pop.png) no-repeat 177px 30px;
}


/* ////////// press ////////// */
.girls.press .main01 {
	position: relative;
	height: 420px;
	background: url(../images/press/main_bg01.png) no-repeat 100px 30px;
}
.girls.press .main01 h2 {
	position: absolute;
	top: 95px;
	left: 132px;
}
.girls.press .main01 .content01 {
	position: absolute;
	top: 150px;
	left: 135px;
	font-size: 16px;
	line-height: 3.0;
}
.girls.press .main01 .btn_mail {
	position: absolute;
	bottom: 30px;
	right: 325px;
}
.girls.press .main02 {
	position: relative;
	height: 520px;
	background: url(../images/press/main_bg02.png) no-repeat 100px 30px;
}
.girls.press .main02 h2 {
	position: absolute;
	top: 75px;
	left: 240px;
}
.girls.press .main02 .content01 {
	position: absolute;
	top: 150px;
	left: 240px;
	width: 680px;
	line-height: 2.5;
}
.girls.press .main02 .btn_mail {
	position: absolute;
	bottom: 73px;
	right: 200px;
}
.girls.press .contents .breadcrumbs {
	width: 910px;
	margin: 0 auto;
	padding: 15px 0px;
	text-align: left;
	font-size: 12px;
}
.girls.press .contents .breadcrumbs a {
	color: #00f;
}


/* ////////// company ////////// */
.girls.company .main01 {
	position: relative;
	margin-bottom: 50px;
	background: url(../images/company/main_bg.png) no-repeat 100px 30px;
}
.girls.company .main01 h2 {
	position: absolute;
	top: 30px;
	width: 100%;
	text-align: center;
}
.girls.company .main01 h3 {
	position: absolute;
	top: 160px;
	width: 100%;
	text-align: center;
}
.girls.company .main01 .photo01 {
	position: absolute;
	top: 40px;
	left: 160px;
}
.girls.company .main01 .content01 {
	width: 630px;
	margin: 0 auto;
	padding-top: 280px;
	font-size: 16px;
}

.girls.company .main02 {
	width: 730px;
	margin: 0 auto 25px auto;
	background: url(../images/company/company_bg.png) no-repeat #f6f1d9 top center;
}
.girls.company .main02 dl {
	width: 530px;
	margin: 0 auto;
	padding: 50px 0 20px 0;
}
.girls.company .main02 dt {
	float: left;
	width: 85px;
	padding: 10px 0 10px 45px;
	background: url(../images/company/ornament.png) no-repeat 30px 14px;
	border-bottom: dotted 1px #b08f45;
}
.girls.company .main02 dd {
	float: left;
	width: 360px;
	padding: 10px 40px 10px 0;
	border-bottom: dotted 1px #b08f45;
}
.girls.company .main02 .access {
	height: 130px;
	padding-top: 10px;
	background: url(../images/company/btn_print_bg.png) no-repeat;
	text-align: center;
}


/* ////////// works ////////// */
.girls.works .main {
	position: relative;
	height: 846px;
	background: url(../images/works/main_bg.png) no-repeat 178px 30px;
}
.girls.works .main h2 {
	position: absolute;
	top: 50px;
	left: 438px;
}
.girls.works .main .main_wrapper {
	margin: 130px 165px 0 200px;
}
.girls.works .main .main_wrapper li {
	padding-left: 25px;
	padding-top: 3px;
	background: url(../images/works/ornament.png) no-repeat 10px 16px;
	border-bottom: dotted 1px #2a3238;
	color: #996633;
	line-height: 3.0;
}
.girls.works .main .main_wrapper .main_left {
	float: left;
	width: 250px;
	margin-right: 20px;
}
.girls.works .main .main_wrapper .main_left ul {
	margin-bottom: 40px;
}
.girls.works .main .main_wrapper .main_right {
	float: left;
	width: 255px;
	margin-right: 20px;
}
.girls.works .main .main_wrapper .main_right ul {
	margin-top: 20px;
	border-top: dotted 1px #2a3238;
}


.girls.chart .main .question {
	position: absolute;
	top: 163px;
	left: 255px;
	width: 610px;
}
.girls.chart .main .btn {
	position: absolute;
	top: 293px;
	left: 255px;
	width: 610px;
}
.girls.chart .main .btn p {
	float: left;
	width: 45%;
}
.girls.chart .main .btn p.btn_y {
	text-align: right;
	padding-right: 5%;
}
.girls.chart .main .btn p.btn_n {
	text-align: left;
	padding-left: 5%;
}



.girls .footbnr a img:hover,
.girls.member .main a img:hover,
.girls.member_detail .main .btn_member_top a img:hover,
.girls.press .main01 a img:hover,
.girls.press .main02 a img:hover,
.girls.company .main02 .access a img:hover,
.btn_profile a img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}