@charset "utf-8";
/* CSS Document */


/**
 * INDEX
 
	A * header
	B * main
	C * title
	D * ONE_BLOCK
	E * FORM
	F * footer
*/


/*===============================================================================
	 ▲ 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;
}

/*------------ ●●● 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;
}

/* ------------------------------------------------------
    ■■■ select_btn submit ボタン
------------------------------------------------------ */

div.top_form_area {
	width:850px;
	height:40px;
	margin:18px 0 0 3px;
	text-align:left;
}

div.top_form_area select {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	padding:6px;
	color:#333333;
}

button.hoge{
	border:solid 1px #999;
	padding:6px 13px;
	margin:0 0 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#333333;
	cursor:pointer;

	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));  
    -moz-box-shadow: 1px 1px 2px #E7E7E7;  
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;  

	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
    zoom: 1;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}




/*===============================================================================
	▼▼▼ F * footer
===============================================================================*/


.next_area {
	width:860px;
	height:20px;
	margin:10px auto 15px auto;
	font-size:16px;
	font-weight:bold;
	color:#999;
}

.next_area a:link,
.next_area a:visited,
.next_area a:active {
	text-decoration: none;
	outline:none;
	color: #666;
}
	
.next_area a:hover {
	color: #5f9698;
	text-decoration: none;
}

#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;
}