@charset "utf-8";

/* CSS Document */





/**

 * INDEX

 

	A * header

	B * main

	C * title

	D * ONE_BLOCK

	E * FORM

	F * footer

	

	G * addition ★ 店舗リンク

*/





/*===============================================================================

	 ▲ A * header

===============================================================================*/



#head_on {

	width:100%;

	height:6px;

	background-color:#626262;

}



/*===============================================================================

	 ● B * main

===============================================================================*/



#wrapper {

	width:865px;

	height:100%;

	margin:0 auto;

}



#inner {

	width:865px;

	height:100%;

}





/*===============================================================================

	 ▲▲▲ C * title

===============================================================================*/



#title_area {

	width:860px;

	height:80px;

	margin:0 auto;

	background:url(../img/title.png) no-repeat;

}



#title_left {

	width:560px;

	height:80px;

	float:left;

	text-align:left;

}



.title_text {

	width:500px;

	height:30px;

	padding:25px 25px 25px 35px;

	font-size:24px;

	font-weight:bold;

	color:#FFF;

}



#title_right {

	width:300px;

	height:80px;

	float:left;

}



.title_btn {

	width:265px;

	height:40px;

	background:url(../img/title_btn_hover.png) no-repeat;

	margin-top:19px;

}



.title_btn a {

	width:265px;

	height:40px;

	margin: 0;

	padding: 0;

	display:block;

	cursor:pointer;

}



.title_btn a:hover {

	text-indent: -9999px;

}



/*===============================================================================

	 ●●● D * ONE_BLOCK

===============================================================================*/



.block_area {

	width:850px;

	height:100%;

	margin-top:20px;

	border: 6px solid #a6a9ac;

	background-color:#fff; 

	-moz-box-shadow: 3px 3px 5px 0 #333; 

	-webkit-box-shadow: 3px 3px 5px 0 #333; 

	-ms-box-shadow: 3px 3px 5px 0 #333; 

	box-shadow: 3px 3px 5px 0 #333;

	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2B3C45', Direction=145, Strength=5);

	behavior: url(PIE.htc);

}



.b_left {

	width:235px;

	height:100%;

	float:left;

}



.b_right {

	width:615px;

	height:100%;

	float:left;

}



/* =========================== ●●● left ============================ */



.customer_area {

	width:160px;

	height:100%;

	margin:15px auto;

	padding:8px 7px 5px 7px;

	background-color:#FFF;

	border: 1px solid #d5d5d5;

}



.girl_img {

	width:174px;

	height:259px;

	margin:15px auto;

}



.girl_img img {

	padding:2px;

	border: 1px solid #d5d5d5;

}



/* ============================ ●●● right ============================ */





/*------------ ●●● 1段目 / モデル名・店名・☆マーク -----------------*/



.b_right_01 {

	width:555px;

	height:45px;

	margin:15px auto 0 auto;

	background:url(../img/model.png) no-repeat;

}



.right_01_l {

	width:400px;

	height:20px;

	padding:10px 15px;

	float:left;

	text-align:left;

	font-size:16px;

	color:#ffd4f0;

	font-weight:bold;

	line-height:23px;

}



.right_01_r {

	width:105px;

	height:20px;

	padding:10px;

	float:left;

	font-size:18px;

	color:#f9fc0d;

	font-weight:bold;

	line-height:20px;

}



span.shop_name {

	font-size:16px;

	color:#FFFFFF;

	font-weight:normal;

}



span.shop_name a:link,

span.shop_name a:visited,

span.shop_name a:active {

	text-decoration: underline;

	color: #8bfff0;

}

	

span.shop_name a:hover {

	color: #F9FC0D;

	text-decoration: underline;

}





/*------------ ●●● 2段目 / 日付・コース -----------------*/



.b_right_02 {

	width:555px;

	height:35px;

	margin:0px auto 0 auto;

}



.right_02_l {

	width:140px;

	height:35px;

	padding:0px 5px;

	float:left;

	text-align:left;

	font-size:16px;

	color:#7bcaf7;

	font-weight: bold;

	line-height:38px;

}



.right_02_r {

	width:400px;

	height:35px;

	float:left;

	text-align:right;

	font-size:16px;

	color:#787a7a;

	font-weight: bold;

	line-height:38px;

}



/*------------ ●●● 3段目 / 投稿タイトル and 本文 -----------------*/



.b_right_03 {

	width:555px;

	height:100%;

	margin:0px auto 0 auto;

	border: 1px solid #ccc;

	background-color:#fff; 

	-moz-box-shadow: 3px 3px 5px 0 #333; 

	-webkit-box-shadow: 3px 3px 5px 0 #333; 

	box-shadow: 3px 3px 5px 0 #333;

}



.contribution_inner {

	padding:10px;

}



.contribution_title {

	text-align:left;

	color:#3db0f1;

	font-size:16px;

	font-weight:bold;

	margin-bottom:5px;

}



.contribution_text {

	text-align:left;

	color:#666666;

	font-size:14px;

}



/*------------ ●●● 4段目 / ボタン -----------------*/



.b_right_04 {

	width:555px;

	height:40px;

	margin:15px auto 15px auto;

}



.right_04_l {

	width:265px;

	height:40px;

	padding:0px;

	margin-right:25px;

	float:left;

	padding: 0;

	list-style: none;

	background:url(../img/go_btn_hover.png) no-repeat;

}



.right_04_l a {

	width:265px;

	height:40px;

	margin: 0;

	padding: 0;

	display:block;

	cursor:pointer;

}



.right_04_l a:hover {

	text-indent: -9999px;

}



.right_04_r {

	width:265px;

	height:40px;

	padding:0px;

	float:left;

	margin: 0;

	padding: 0;

	list-style: none;

	background:url(../img/kuti_btn_hover.png) no-repeat;

}



.right_04_r a {

	width:265px;

	height:40px;

	margin: 0;

	padding: 0;

	display:block;

	cursor:pointer;

}



.right_04_r a:hover {

	text-indent: -9999px;

}



/*===============================================================================

	 ●●● E * FORM

===============================================================================*/



.form_area {

	width:850px;

	height:100%;

	margin-top:20px;

	border: 6px solid #a6a9ac;

	background-color:#fff; 

	-moz-box-shadow: 3px 3px 5px 0 #333; 

	-webkit-box-shadow: 3px 3px 5px 0 #333; 

	-ms-box-shadow: 3px 3px 5px 0 #333; 

	box-shadow: 3px 3px 5px 0 #333;

	filter: progid:DXImageTransform.Microsoft.Shadow(color='#2B3C45', Direction=145, Strength=5);

	behavior: url(PIE.htc);

}



.form_inn {

	padding:20px;

	text-align:left;

	font-size:16px;

	color:#666666;

}



select {

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size:16px;

	padding:2px;

	color:#333333;

}



input:focus {

    border:solid 2px #3db0f1;

}



.form_01 {

	margin-bottom:10px;

}



.form_02 {

	margin-bottom:10px;

}



.form_03 {

	margin-bottom:10px;

}



.form_04 {

	margin-bottom:10px;

}





.form_05 {

	margin-bottom:10px;

}



.form_06 {

	margin-bottom:10px;

}



.form_07 {

	margin-bottom:10px;

}



.form_08 {

	margin-bottom:10px;

}





/*===============================================================================

	▼▼▼ F * footer

===============================================================================*/





#footer {

	width:100%;

	height:30px;

	margin:0 auto;

	text-align:center;

	line-height:30px;

	font-size:12px;

	color:#FFFFFF;

	font-weight:bold;

	background-color:#626262;

}





/*===============================================================================

	■ clear and space

===============================================================================*/



.cl {

	clear:both;

}



.space_01 {

	width:860px;

	height:10px;

}



.space_02 {

	width:860px;

	height:20px;

}



.space_03 {

	width:860px;

	height:30px;

}



.space_04 {

	width:860px;

	height:40px;

}



/*===============================================================================

	★ text

===============================================================================*/



.t_01 {

	font-size:24px;

	color:#f5ff9f;

}



.t_02 {

	font-size:16px;

	color:#3db0f1;

	margin-bottom:3px;

	font-weight:bold;

	text-align:center;

}



.t_03 {

	font-size:14px;

	color:#666666;

	text-align:right;

}









/*===============================================================================

	 G * addition ★ 店舗リンク

===============================================================================*/





#shop_link_area {

	width:790px;

	text-align:center;

	margin:0 auto;	

}



#shop_link_inn {

	width:790px;

	margin:0 auto;

}



#shop_link_inn .grid {

	width: 790px;

	margin: 0;

}



#shop_link_inn .grid ul {

	width: 800px;

	margin-right:-10px;

}



#shop_link_inn .grid li {

	width: 148px;

	height:28px;

	line-height:28px;

	font-size:12px;

	color:#707a79;

	background-color:#FFFFFF;

	border: 1px solid #64686C;

	margin-right: 10px;

	margin-bottom: 4px;

	padding: 0;

	float: left;

	list-style: none;

}



#shop_link_inn .grid li a{

	background-color:#FFFFFF;

	color:#707a79;

	display:block;

}



#shop_link_inn .grid a:hover{

	background-color:#67c1f0;

	color:#FFF;

}