@charset "UTF-8";
/* ask page only */
div#main div.block p {
	margin: 0 0 25px 0;
}

div#main img.ph_r {
	float: right;
	margin: 0 0 25px 25px;
}
div#main p.ask_read {
	margin: 0 0 30px 0;
}
div#main p span.tel_fax {
	font-size: 1.2em;
	font-weight: bold;
}
div#main p.warning_color,
div#main span.warning_color {
	color: #cc0000;
}
div#main table#ask_block {
	margin: 0 0 42px 0;
	width: 732px;
	font-size: 1em;
	table-layout: fixed;
}
div#main table#ask_block tr th,
div#main table#ask_block tr td
 {
	padding: 10px;
}
div#main table#ask_block tr th {
	width: 122px;
	text-align: left;
	vertical-align: top;
}
div#main table#ask_block tr th span.warning_color{
    font-size:85%;
}
div#main table#ask_block tr td {
	width: 592px;
	vertical-align: middle;
}

div#main table#ask_block tr td input#email {
	margin: 0 0 7px 0;
}

div#main table#ask_block tr td input {
	padding: 5px;
	font-size: 1.0em;
	font-weight: normal;
}
div#main table#ask_block tr td input#company,
div#main table#ask_block tr td input#business,
div#main table#ask_block tr td input#unit,
div#main table#ask_block tr td input#url,
div#main table#ask_block tr td input#charge {
	width: 290px;
}
div#main table#ask_block tr td textarea#inquiry {
	width: 95%;
	padding: 5px;
	font-size: 1.0em;
	font-weight: normal;
}

div#main table#ask_block tr td input#tel1,
div#main table#ask_block tr td input#tel2,
div#main table#ask_block tr td input#tel3 {
	width: 75px;
}
div#main table#ask_block tr td input#email {
	width: 290px;
}

div#main table#ask_block tr td input#category1,
div#main table#ask_block tr td input#category2,
div#main table#ask_block tr td input#category3,
div#main table#ask_block tr td input#category4,
div#main table#ask_block tr td label {
	float: left;
	line-height: 200%;
}

div#main table#ask_block tr td div.message {
	/*margin: 0 0 7px 0;*/
	text-align: left;
	font-size: 1.0em;
	font-weight: bold;
	color: #990000;
}
div#main table#ask_block tr td input.invalid,
div#main table#ask_block tr td textarea.invalid {
	background-color: #f7e4e4;
}
form#input_values div.message {
	width: 100%;
	/*margin: 0 0 7px 0;*/
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #990000;
}
div#main table#ask_block tr td div#inquiry_message  {
	clear: both;
}


div#main div#validjs p,
div#main div#invalidjs p {
	width: 100%;
	text-align: center;
}

div#main div#validjs input,
div#main div#invalidjs input {
	width: 195px;
	height: 58px;
	margin: 0 0 20px 0;
	background: url("../img/btn_ask.gif") no-repeat 0 0;
	border: 0px;
	cursor: pointer;
	text-indent: -9999px;
}
div#main img#next,
div#main img#send,
div#main img#back {
	cursor: pointer;
}

div#main div#validjs span#next_submit input,
div#main div#invalidjs span#next_submit input {
	width: 195px;
	height: 58px;
	background: url("../img/btn_transmit02.gif") no-repeat 0 0;
}
div#main div#validjs input#back {
	width: 195px;
	height: 38px;
	background: url("../img/btn_back.gif") no-repeat 0 0;
	text-indent: -9999px;
}
div#main div#invalidjs p a {
	margin: 0 auto;
	display: block;
	width: 195px;
	height: 38px;
	background: url("../img/btn_back.gif") no-repeat 0 0;
	text-indent: -9999px;
}

div#main div#thanks {
	border: 1px solid #cccccc;
	padding: 25px;
	text-align: center;
}
div#main div#thanks p {
	line-height: 210%;
}

div#main div.block p.btn_form_top { 
    text-align: center;
    background: url("../img/ec_btn_form_top.gif") no-repeat ;
    width: 195px;
    height: 58px;
    margin: 30px auto 0 auto;
}

div#main div.block p.btn_form_top a { 
    width: 195px;
    height: 58px;
    border: 0px;
    display:block;
    text-indent: -9999px;
}

.bg-info{
  background-color:#eeeeee;
	 padding:10px 15px;
}

/*201405追記*/
body.inq #main h3,
body.post #main h3{
  margin-bottom: 14px;
  margin-top: 35px;
  padding-left: 10px;
  border-left: 5px solid #cccccc;
}
#main div.inq_address{
  line-height:1;
/*  margin-top:45px;*/
  margin-top: 20px;
}
#main div.inq_address h3{
  margin-top:0;
  margin-bottom:18px;
  border-left:none;
  padding-left:0;
}
#main div.inq_address h4{
  margin-bottom:10px;
  border-left:none;
  padding-left:0;
}
#main div.inq_address_number{
  margin-bottom:12px;
}
#main div.inq_address_number>div{
  display:inline-block;
}

#main div.inq_hosoku{
  margin-top:45px;   
}
/*よくある質問*/
#main .inq_hosoku_sec01 h4{
  border-left: none;
  font-size: inherit;
  margin-left: -2px;
  margin-bottom: 14px;
  margin-top: 18px;
  padding-left: 0;
}
#main .inq_hosoku_sec01 ul{
  line-height: 1;
  margin-top:18px;
}
#main .inq_hosoku_sec01 ul li{
  display:inline-block;
  margin-right:60px;
}
#main .inq_hosoku_sec02{
  margin-top:30px;
}
#main .inq_hosoku_sec02 h4{
  font-size:inherit;
  border-left:0;
  background-image: url("../img/icon_list_sect_responce-lis.gif");
  background-position: left 10px;
  background-repeat: no-repeat;
  margin-top: 20px;
  margin-bottom:5px;
  padding: 6px 0 2px 17px;
}
#main .inq_hosoku_sec02 h4:first-child{
  margin-top:0;
}

#main .inq_hosoku_sec02 a{
  background-image: url(../img/icon_linlk00.gif);
  display: inline-block;
  background-position: 0 center;
  background-repeat: no-repeat;
  line-height: 1;
	 margin-top:10px;
  padding-left: 15px;
  font-size: 85%;
  padding: 2px 0 2px 15px;
}
#main div.form_sec{
  /* お客様ご投稿ページ・お問い合わせページ */
  margin-top:60px;
  position:relative;
}

#main div.form_sec_ssl{
  position:absolute;
  right:75px;
  top:45px;
}
#main div.form_sec-form{
  margin-top:45px;
}
#main div.form_sec-form p{
  margin-bottom: 20px;
}
#main div.form_sec-form > p:first-child{
  font-size:85%;
  margin-bottom: 0;
}
#main div.form_sec form{
  margin-top:10px;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  padding:15px 0 45px 0;
}
#main div.form_sec form tr{
  border-top:1px dotted #DFDFDF;
}
#main div.form_sec form tr:first-child{
  border-top:none;
}

/*入力欄*/
input#address{
  width:90%;
}


/*201406追記*/
body.inq #main,
body.post #main{
  background-image: url("../img/bg_trade.gif");
  background-position: right 80px;
  background-repeat: no-repeat;
  min-height:450px;
}
body.inq.complete #main {
  min-height:0;
}

div.inq_address_tel {
  margin-right: 10px;
}

div.thanks-txt{
  margin-top:35px;
  text-align:center;
}
div.thanks-txt p{
  margin-bottom:20px;
}
div.thanks-txt p.btn_form_top a{
  background-image: url(../img/icon_linlk00.gif);
  display: inline-block;
  background-position: 0 center;
  background-repeat: no-repeat;
  padding-left: 15px;
  font-size: 85%;
}



body.inq #page_tit h2{
  width:378px;
  height:98px;
  margin:0 auto !important;
  text-indent:-9999px;
  background-image:url(../img/h2_inq01_up1.png);
  background-repeat:no-repeat;
  background-position:0 0;
}
body.confirm #page_tit h2{
  background-image:url(../img/h2_inq02.png);
}
body.complete #page_tit h2{
  background-image:url(../img/h2_inq03.png);
}

.form-submitArea .form-submitArea_btnArea{
  margin-top: 25px;
}

/*--------------------
 Post
--------------------*/
body.post #page_tit h2{
  width:263px;
  height:98px;
  margin:0 auto !important;
  text-indent:-9999px;
  background-image:url(../img/h2_post01.png);
  background-repeat:no-repeat;
  background-position:0 0;
}
body.post.confirm #page_tit h2{
  background-image:url(../img/h2_post02.png);
}
body.post.complete #page_tit h2{
  background-image:url(../img/h2_post03.png);
}
body.post div#main h4{
  border-left:none;
	 padding:0;
  margin-bottom:14px;
}
body.post div#main p + p{
  margin-top:20px;
	 margin-bottom:0;
}
body.post #main div.form_sec form{
  padding-top:30px;
}
body.post .sect{
  margin-top:60px;
	 position:relative;
}
body.post .sect01:after{
  content:url(../img/img_post0102.jpg);
	 position:absolute;
	 right:0;
	 top:98px;
}
.post-lead{
  margin-top:35px;
}
body.post input[type=text]{
  padding: 5px;
  font-size: 1.0em;
  font-weight: normal;
}
body.post textarea{
  width: 720px;
  padding: 5px;
  font-size: 1.0em;
  font-weight: normal;
}
body.post select{
  padding: 5px;
  font-size: 1.0em;
  font-weight: normal;
}
div#main input.invalid,
div#main textarea.invalid,
div#main select.invalid{
  background-color: #f7e4e4;
}
body.post form#input_values div.message{
  text-align: left;
  font-size: 1.0em;
  font-weight: bold;
  color: #990000;
}
body.post #main div.form_sec-form p:first-child{
  font-size:inherit;
}
body.post .sect ul li input{
  margin:0;
}
body.post .sect ul li input,
body.post .sect ul li label{
  vertical-align:middle;
  line-height:1;
}
body.post .sect ul li + li{
  margin-top:7px;
}
body.post .sect ul li .input-add{
  display:inline-block;
	 margin-left:10px;
}
body.post table{
  width:100%;
	 table-layout:fixed;
}
body.post table th{
  width: 122px;
  text-align: left;
  vertical-align: top;
}
body.post table th,
body.post table td{
  padding: 10px;
}
body.post table td{
  position:relative;
}
body.post table td .public{
  position:absolute;
	 left:360px;
	 top:50%;
	 margin-top:-0.5em;
	 line-height:1 !important;
	 font-size:13px;
}
.post-user-prof .post-user-prof_note{
  font-size: 85%;
}
.post-user-prof input#age{
  width:50px;
}
.post-user-prof input#email{
  width:290px;
}

.check-block .check-block_note{
  padding:10px 15px;
  background-color:#eee;
}
#main .check-block .check-block_note p{
  margin-bottom:0;
}
.check-block .check-block_list{
  padding:0 15px;
}
.check-block_list label{
  padding-left:5px;
}


body.post table{
  margin-bottom:42px;
}
body.post #validjs{
	 font-size:85%;
}
body.post form#input_values  table + #validjs_message{
  width: 100%;
  /* margin: 0 0 7px 0; */
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #990000;
}
.post-user-prof tr th span.warning_color{
    font-size: 85%;
}

/*ボタンマウスホーバー*/
img#next:hover,
img#send:hover,
img#back:hover{
  opacity: 0.6;
  -moz-box-opacity: 0.6;
  -webkit-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

/*===========================================
XX float-break
===========================================*/
.float-break
{
    height: 1%; /* Fix for IE */
}

.float-break:after /* Terminate floating elements flow */
{
    content: "-";
    height: 0;
    font-size: 0;
    visibility: hidden;
    display: block;
    clear: both;
}