@import url("/css/common.css");

/************************ お問合せフォーム *************************/
body#inquiry {
	margin:40px auto 0px auto;
	background:none;
	}

/*---------- コンテンツ枠 ----------*/
#content{
	width:860px;
	}
/*---------- h1タイトル ----------*/
#ttl_box{
	margin:0px 0px 20px 0px;
	padding:0px;
	}
#ttl_box h1{
	width:860px;
	height:53px;
	margin:0px auto 10px auto;
	padding:0px;
	background:url(../image_cmn/h1_bg.gif) no-repeat 0px 0px;
	text-indent:-10000px;
}
#ttl_box p{
	margin:0px 5px 0px 5px;
	padding:0px;
}
/*---------- h1タイトル ID パスワード問合せ ----------*/
#ttl_box h1#ttl_logininq{
	width:860px;
	height:53px;
	margin:0px auto 10px auto;
	padding:0px;
	background:url(../image_cmn/h1_bg_logininq.gif) no-repeat 0px 0px;
	text-indent:-10000px;
}
/*---------- h2タイトル ----------*/
h2 {
	background:url(../image_cmn/h2_bg.gif) repeat-x;
	}
/*---------- SSLについて ----------*/
#ssl {
	clear:both;
	display:block;
	margin:0px;
	padding:2px 0px 0px 0px;
	text-align:right;
	}
#ssl p {
	float:right;
	margin:0px;
	padding:2px 0px 8px 18px;
	background:url(../image/icn_ssl.gif) no-repeat 0px 0px;
	text-align:left;
	font-size:90%;
	line-height:110%;
	}
/*p.icn_read { 
	clear: both;
	width: 660px;
	background: url(../image_cmn/icn_read.gif) no-repeat 0px 0px;
	margin:0 0 0 20px;
	padding:0 0 3px 107px;
	color: #ff0000;
	line-height: 140%;
	text-align: left; 
} */
p.icn_read { 
	clear: both;
	width:700px;
	height:24px;
	background: url(../image_cmn/icn_readme.gif) no-repeat 0px 20px;
	margin:0 auto;
	padding: 21px 0 3px 37px;
	color: #ff0000;
	line-height: 140%;
	text-align: left; 
} 
/*---------- フォームテーブル ----------*/
table.ta_inquiry{
	clear:both;
	width:100%;
	margin:0px auto 20px auto;
	padding:1px;
	border:#db5e78 solid 2px;
	border-collapse:collapse;
	}
table.ta_inquiry th{
	width:22%;
	margin:0px;
	padding:16px 5px 16px 4px;
	border:#db5e78 solid 1px;
	background:url(../image/bg-inquiry-th.jpg) 0px 0px;
	background-size: 5px;
	text-align:center;
	white-space:nowrap;
	}
table.ta_inquiry th.th_q_ttl{
	/*padding:16px 8px 16px 8px;*/
	font-weight:bold;
	}
table.ta_inquiry th.ind{
	position: relative;
}
table.ta_inquiry th.ind:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 1px;
	width: 38px;
	height: 15px;
	background: url(../image/ico-inquiry-ind.png) no-repeat 0 0;
	background-size: 100% auto;
}
table.ta_inquiry td select#prf{
	clear: both;
	margin-bottom:8px;
	}
table.ta_inquiry td{
	margin:0px;
	padding:15px 10px;
	border:#db5e78 solid 1px;
	text-align:left;
}
table.ta_inquiry td.td_q_ttl{
	padding:18px 8px 18px 8px;
	font-weight:bold;
	}
table td input,textarea,select {
	margin:2px;
	padding:5px;
	font-size:15px;
/*	color:#444444; */
	letter-spacing:0px;
}
table td input.ind,textarea.ind,select.ind{
	background:#ffffc8;
	}
table.ta_inquiry td input.i_btn{
/*	width:130px; */
	padding:5px;
	font-size:15px;
	margin: 0;
	text-align:center;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 1px rgba(212,190,196,.8);
	border: solid 1px #db5e78;
	background-image: linear-gradient(to bottom, rgba(255,255,255,.51), rgba(254,205,220,.51) 55%, rgba(252,210,222,.51));
	color: #db5e78;
	font-weight: bold;
	}
table.ta_inquiry td select{
	margin:2px;
	padding:5px;
	font-size:100%;
	color:#444444;
	letter-spacing:1px;
}
table.ta_inquiry td p.simile {
	margin:0;
	color:#666666;
	font-size:80%;
	letter-spacing:0.1em;
	padding:3px 0 3px 5px;
	}
table.ta_inquiry .att_mail {
	margin:5px 0 0 0;
	padding:7px;
	background-color:#FFCCCC;
	font-size:85%;
	line-height:150%;
	}
table.ta_inquiry td ul#naiyou{
	line-height:1.8;
	}
table.ta_inquiry td .inq_t{
	display:block;
	margin:0px;
	padding:0px 0px 0px 16px;
	background:url(/image_cmn/mark_square.gif) 0px 4px no-repeat;
	}
table.ta_inquiry td .inq_box{
	display:block;
	margin:7px 0px 2px 0px;
	padding:10px 0px 0px 0px;
	border-top:#db5e78 dashed 1px;
	}
table.ta_inquiry td .red{
	color:#FF0000;
	}
table.ta_inquiry td .error {
	margin-bottom:3px;
	padding:0px 0px 0px 20px;
	color:#ff0000;
	background: url(../image/icon_error.gif) no-repeat left center;
	}
.error_message{
	padding:0px 0px 15px 15px;
	color:#ff0000;
	background: url(../image/icon_error.gif) no-repeat left 2px;
	font-weight:bold;
	font-size:100%;	
}
table.ta_inquiry td ul#li_item{
	margin:5px 0px 5px 0px;
	}
table.ta_inquiry td ul#li_item li{
	float:left;
	width:110px;
	margin:0px 10px 5px 0px;
	}
.text_explication {
	clear:both;
	color:#333333;
	font-weight:normal;
	font-size:80%;
	}

.store_box {
	width: 364px;
}

/*---------- プライバシーポリシー ----------*/
.privacy {
	clear:both;
	margin: 70px 50px 20px 50px;
	padding:20px 10px 20px 10px;
	border:1px solid #db5e78;
	background:#fff0f4;
	text-align:center;
	font-size:80%;
	line-height:200%;
}
/*---------- form送信ボタン ----------*/
#inquiry_in_btn{
	clear:both;
	margin:0px auto 30px auto;
	padding:10px 0px 0px 0px;
	text-align:center;
}
#inquiry_in_btn input{
	border:0;
	margin:0px;
	padding:0px;
	}
/*--- ボタン1つ ---*/
#inquiry_in_btn input.btn_1{
	width:204px;
	height:39px;
	background: url(../image/bg-btn-conf.png) no-repeat 0 0;
	background-size: contain;
	text-indent: -9999px;
	cursor: pointer;
	}
#inquiry_in_btn input.btn_1:hover {
	opacity: 0.7;
}
/*--- ボタン2つ以上 ---*/
#inquiry_in_btn ul{
	position:relative;
	height:39px;
	margin:0px auto 0px auto;
	padding:0px;
}
/*2つ*/
#inquiry_in_btn ul#inquiry_btn_2{
	width:266px;
}
/*3つ*/
#inquiry_in_btn ul#inquiry_btn_3{
	width:408px;
}
#inquiry_in_btn li{
	float:left;
	height:39px;
	margin:0px;
	padding:0px 18px 0px 0px;
}
#inquiry_in_btn li.btn_right{
	padding:0px;
}
#inquiry_in_btn input.btn_2{
	width:124px;
	height:39px;
	}
/*入力確認画面のボタン*/
#inquiry_in_btn li#btn1_submit{
	position:absolute;
	top:0px;
	left:325px;
	padding:0px;
}
/*---------- 送信完了 ----------*/
#thanks_box {
	width:650px;
	height:150px;
	border:2px solid #AAAAAA;
	margin:10px auto 30px auto;
	padding:35px 0px 40px 0px;
	text-align:center;
	}
#thanks_box p {
	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:center;
	}

#thanks_box p.thanks_message{
	clear:both;
	margin:0px auto 20px auto;
	padding:0px;
	color:#FF0000;
	font-size:135%;
	font-weight:bold;
	line-height:175%;
	}
#thanks_box .add {
	font-weight:bold;
}
/*トップへ戻るボタン*/
#btn_top_back{
	width:230px;
	height:39px;
	margin:0px auto 0px auto;
	padding:0px;
	text-indent:-10000px;
	}
#btn_top_back a{
	display:block;
	width:230px;
	height:39px;
	background:url(../image/btn_top_back.gif) 0px 0px no-repeat;
	}
#btn_top_back a:hover{
	background:url(../image/btn_top_back.gif) 0px -39px no-repeat;
	}
/*サイトのトップへ戻るボタン*/
#btn_sitetop_back{
	width:240px;
	height:39px;
	margin:0px auto;
	padding:0px;
	text-indent:-10000px;
	}
#btn_sitetop_back a{
	display:block;
	width:240px;
	height:39px;
	background:url(../image/btn_hmnwtop.gif) no-repeat;
	}
#btn_sitetop_back a:hover{
	background:url(../image/btn_hmnwtop_ov.gif) no-repeat;
	}
/*-------footer----------------------------*/
#footer .bottom {
	border-top:1px solid #cccccc;
	margin:0 0 10px;
	padding:10px 0 0 0;
	}
	
	
/* グレー文字を黒くする */
span.simile_black{
	color:#000000;
}