@charset "Shift-JIS";
@import url("/css_n/common.css"); 
@import url("/css/header.css");
/* =========================================

ask.css

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

/*----------- トップ--------------*/

#bottom {
	width:920px;
	margin-top:20px;
	}
#bottom_main{
	width:920px;
	}
#main{
	width:920px;
	height:auto;
	margin:0;
	padding:0;
}

#main h1 {
	width: 920px;
	height: 41px;
	background: url(../image/h1_ttl.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
#inquiry{
	width:890px;
	height:auto;
	margin:0 15px;
	padding:0;
}
#lead_img {
	width: 883px;
	height: 106px;
	margin: 0 auto;
	background: url(../image/txt_lead.jpg) no-repeat 0 0;
	text-indent: -9999px;
	}
p.lead {
	float: left;
	padding: 15px 0 15px 10px;
	}
p.lead span.must img{
	vertical-align: middle;
	margin: 0 3px 0 0;
	}
p.pamphlet{
	float: right;
	width: 252px;
	height: 30px;
	margin: 10px auto;
	background: url(../image/btn_pamphlet.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
p.pamphlet a{
	display: block;
	width: 252px;
	height: 30px;
	}
p.pamphlet a:hover{
	background: url(../image/btn_pamphlet.gif) no-repeat 0 -30px;
	}
p.ask01{
	clear:both;
	width: 800px;
	height: 28px;
	margin: 0 0 0 0;
	background: url(../image/txt_ask01.gif) no-repeat 12px 0;
	text-indent: -9999px;
	}
p.ask02{
	width: 800px;
	height: 28px;
	margin: 18px 0 0 0;
	background: url(../image/txt_ask02.gif) no-repeat 12px 0;
	text-indent: -9999px;
	}
	


/* テーブル */
.table_box{
	width: 870px;
	margin: 10px auto;
	}
.table_box table{
	width: 870px;
	margin: 0 auto;
	border-collapse: collapse;
	border: 2px solid #005088;
	}

.table_box th{
	background: #dff1fd;
	padding: 10px 8px 10px 15px;
	font-size: 120%;
	border: 1px solid #5c5c5c;
	color: #535353;
	width: 200px;
	white-space: nowrap;
	}
.table_box table.tbl_conf  th{
	width: 220px;
	}
.table_box td{
	padding: 15px 0 15px 10px;
	border: 1px solid #5c5c5c;
	}
.table_box table.tbl_conf td{
	font-size: 120%;
	padding: 15px 0 15px 20px;
	}
.table_box td.rb_none{
	border-right: none;
	}
.table_box td.lb_none{
	border-left: none;
	width: 300px;
	padding: 0 8px;
	}
#bottom_main p.small_txt{
	font-size: 80%;
	}
.table_box th img{
	vertical-align: middle;
	margin: 0 0 0 7px;
	}
.table_box td input{
	/*border: 1px solid #969696;*/
	height: 16px;
	margin: 0 5px 0 0;
	padding:2px 0 0 2px;
	vertical-align: middle;
	}
#bottom_main .table_box td input#addressinfo{
	display:block;
	float: left;
	width: 115px;
	height: 23px;
	background: url(../image/bg_addressinfo.gif) no-repeat 0 0;
	border: none;
	margin: 0 3px 0 3px;
	padding:0px;
	}


.table_box td select{
	border-width: none;
	/*border: 1px solid #969696;*/
	}
.namesection{
	float: left;
	margin: 0 0 3px 0;
	}
.limitation{
	float: left;
	padding: 4px 5px 0 0;
	}
.simile{
	padding: 4px 0 0 0;
	}
.address_word{
	display: block;
	float: left;
	width: 110px;
	}
.namesection label{
	margin: 0 5px 0 0;
	}
.table_box td ul{
	list-style: none;
	}
.table_box td ul li{
	clear: both;
	margin: 0 0 5px 0;
	}
.t15{
	padding: 5px 0 0 0;
	}
.case5{
	margin: 5px 0 0 0;
	color: #ff0000;
	}
.table_box td ul li input{
	border: none;
	vertical-align: middle;
	}
.table_box td ul li textarea{
	margin: 5px 0 0 0;
	}

.table_box td ul.m10{
	margin: 10px 0 0 0;
	}

.note{
	width: 870px;
	text-align: center;
	margin: 10px auto 15px;
	}


#btn_block{
	position: relative;
	width: 870px;
	height: 40px;
	margin: 30px auto 30px;
	}
#btn_block p{
	position: absolute;
	margin: 0;
	padding: 0;
	}
#btn_block p a{
	display: block;
	margin: 0;
	text-indent: -9999px;
	}
p.btn_back{
	top: 4px;
	left: 40px;
	width: 171px;
	height: 33px;
	margin: 0;
	}
p.btn{
	top: 0;
	left: 335px;
	width: 204px;
	height: 40px;
	margin: 10px auto;
	}
p.btn a{
	width: 204px;
	height: 40px;
	}
p.btn_back a{
	width: 171px;
	height: 33px;
	}
p.btn a.confirm{
	background: url(../image/btn_confirm.jpg) no-repeat 0 0;
	}
p.btn a.confirm:hover{
	background: url(../image/btn_confirm.jpg) no-repeat -204px 0;
	}
p.btn a.send{
	background: url(../image/btn_send.jpg) no-repeat 0 0;
	}
p.btn a.send:hover{
	background: url(../image/btn_send.jpg) no-repeat -204px 0;
	}
p.btn_back a.back{
	background: url(../image/btn_back.jpg) no-repeat 0 0;
	}
p.btn_back a.back:hover{
	background: url(../image/btn_back.jpg) no-repeat -171px 0;
	}
p.btn_close {
	margin: 0 auto 30px;
	background: url(../image/btn_toppage.gif) no-repeat 0px 0;
	width: 175px;
	height: 36px;
	text-indent:-9999px;
	}
p.btn_close a{
	display: block;
	width: 175px;
	height: 36px;
	background: url(../image/btn_toppage.gif) no-repeat 0px 0px;
	}
p.btn_close a:hover{
	background: url(../image/btn_toppage.gif) no-repeat 0px -36px;
	}
	
/* 確認画面 */
ul.point{
	}
ul.point li{
	padding: 0 0 0 10px;
	background: url(../image/mrk_lst.gif) no-repeat 0 3px;
	}

/* エラー */
p.error{
	padding: 0 0 7px 18px;
	background: url(../image/mrk_error.gif) no-repeat 0 1px;
	color: #ff3366;
	}
/* 送信完了 */
.thanksbox{
	border: 3px solid  #cccccc;
	margin: 70px 100px;
	padding: 30px;
	text-align: center;
	line-height: 150%;
	}
#bottom_main .txt_bold{
	font-size: 130%;
	margin: 0 0 15px 0;
	font-weight: bold;
	line-height: 150%;
	}

/* フッター */

/*ヘッダー*/
#headerask {
	position:relative;
	width:950px;   /*←幅だけ変えること！ */
	height:105px;
	margin:0px 0px;
	background:url(/image_cmn/header_bg.jpg) 0 0 repeat-x;
	z-index: 100;
	}
#headerask h1 {
	margin:3px 0px 0px 1px;
	padding:0px;
	font-size:100%;
	color:#ffffff;
	}
#headerask .leftarea {
	float:left;
	/*width:353px;*/
	width:450px;
}
#headerask .leftarea .inleftarea {
	float:right;
	width:280px;
	height: 61px;
}
#headerask p.emblem {
	float:left;
	width:70px;			　 /*←エンブレムと、右の余白 */
	}

#headerask .leftarea .inleftarea{
	position: relative;
	display:block;
	font-size:100%;
	color:#ffffff;
	float: left;
}
#headerask .leftarea .inleftarea p.pioneer{
	padding: 3px 0 0 5px;
	overflow: hidden;
	font-size: normal;
	width:330px;
}
#headerask .leftarea .inleftarea h1.pioneer{
	padding: 0 0 0 4px;
	overflow:hidden;
	font-weight:normal;
}
#headerask .leftarea .inleftarea #logo {
	position: absolute;
	top:17px;
	left: 0;
	width:280px;
	height:36px;
	margin: 0;
	padding:0;
	}
#headerask .leftarea .inleftarea p.pioneeropw{
	padding: 3px 0 0 15px;
	overflow: hidden;
	font-size: normal;
	width:330px;
}
#headerask .leftarea .inleftarea #logoopw {
	position: absolute;
	top:17px;
	left: 10px;
	width:280px;
	height:36px;
	margin: 0;
	padding:0;
	}
#headerask .rightarea {
	float:right;
	}
#headerask ul#selectlang {
	position:relative;
	list-style:none;
	width:175px;
	height:15px;
	margin:2px 0px 0px 173px;
	}
#headerask ul#selectlang li {
	}
#headerask ul#selectlang li a {
	display:block;
	overflow:hidden;
	float:left;
	height:15px;
	text-decoration:none;
	text-indent:-9999px;
	}
#headerask ul#selectlang .sl02 {
	position:absolute;
	top:0px;
	left:0px;
	width:62px;
	}
#headerask ul#selectlang .sl03 {
	position:absolute;
	top:0px;
	left:74px;
	width:40px;
	}
#headerask ul#selectlang .sl04 {
	position:absolute;
	top:0px;
	left:126px;
	width:49px;
	}
#headerask ul#selectlang .sl02 a {
	width:62px;
	background: url(../image_cmn/select_lang_navi.jpg) no-repeat 0 0;
	}
#headerask ul#selectlang .sl03 a {
	width:40px;
	background: url(../image_cmn/select_lang_navi.jpg) no-repeat -74px 0;
	}
#headerask ul#selectlang .sl04 a {
	width:49px;
	background: url(../image_cmn/select_lang_navi.jpg) no-repeat -126px 0;
	}
#headerask ul#selectlang .sl02 a:hover,#headerask ul#selectLang .sl02 a:focus {
	background: url(../image_cmn/select_lang_navi.jpg) no-repeat 0 -15px;
	}
#headerask ul#selectlang .sl03 a:hover,#headerask ul#selectLang .sl03 a:focus {
	background: url(../image_cmn/select_lang_navi.jpg) no-repeat -74px -15px;
	}
#headerask ul#selectlang .sl04 a:hover,#headerask ul#selectLang .sl04 a:focus {
	background: url(../image_cmn/select_lang_navi.jpg) no-repeat -126px -15px;
	}

#headerask .rightarea form {
	position:relative;
	width:354px;
	height:40px;
	background:url(/image_cmn/search_bg.jpg) 0 0 no-repeat;
	}
#headerask .rightarea form .search01 {
	position: absolute;
	top: 10px;
	left: 31px;
	}

#headerask .rightarea form .search01 span {
	display: block;
	text-indent: -9999px;
	}

#headerask .rightarea form .search01 a {
	display: block;
	overflow: hidden;
	width: 83px;
	height: 20px;
	background: url(/image_cmn/search_text.jpg) no-repeat 0 0;
	text-decoration: none;
	}
#headerask .rightarea form .search01 a:hover {
	background: url(/image_cmn/search_text.jpg) no-repeat -83px 0;
	}