/* お問合せ contact.css */

/*  装飾
--------------------------------*/
section#page_title_block div h1 {
	margin-top: 200px;
	
}






/*  電話でのお問合せデザイン
--------------------------------*/

section#inquiries_tel h2{
	
	font-size: 24px;
	font-weight: normal;
	margin: 60px 0 0 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
}


section#inquiries_tel div#waku{
	
	width: 596px;
	margin: 40px auto 40px;
	background:#000436;
	color: #fff;
	position: relative;
	
}

section#inquiries_tel div:before{
	
	content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    margin: auto;
    border: 1px solid #fff;
	
}



section#inquiries_tel ul.tele_box{
	
	padding: 40px 0;
	
	
}


section#inquiries_tel ul.tele_box{
	
}

section#inquiries_tel ul.tele_box li{
	
	padding: 20px 0;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0.1em;

	
}
section#inquiries_tel ul.tele_box li.time{
	line-height: 1.7;
	
}

section#inquiries_tel ul.tele_box li:nth-of-type(1){
	
	/*font-size: 87px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: normal;
	padding-bottom: 10px;*/
	
}

/*
ul.tele_box li span:before{
	
	margin-right: 5px;
    content: '';
    display: inline-block;
    vertical-align:middle;
    background: url(../images/contact/tel.png) no-repeat;
	background-size: cover;
	background-position: 0 0px;
    overflow: hidden;
    width: 38px;
    height: 50px;
	
	
}*/



#denwa{
	font-size:37px;
	/*background:url(../images/contact/tel.png) no-repeat;*/
	background-size: 50px auto;
    background-position: 30pt 12pt;
 
	margin-top:20px;
	letter-spacing: 1;
	
}
#denwa #ue{
	margin-bottom:8px;
	
}


#waku li p{
	text-align: center;
}
#waku li p.denwa a{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 30px;
	color: #fff;
	text-decoration: none;
	line-height: 1.6;
}
#waku li p.fax{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}


.sosyoku {
    overflow: hidden;
    text-align: center;
	width: 200px;
    margin: 0 auto;
}

.sosyoku span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

.sosyoku  span:before,
.sosyoku  span:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}

.sosyoku  span:before {
    right: 100%;
}

.sosyoku  span:after {
    left: 100%;
}


#fax {
    overflow: hidden;
    text-align: center;
	width: 160px;
    margin: 0 auto;
}

#fax span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

#fax span:before,
#fax span:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}

#fax span:before {
    right: 100%;
}

#fax span:after {
    left: 100%;
}

#ue{
	margin-bottom:-12px;
	margin-top:-25px;
}

/*  メールでのお問合せデザイン
--------------------------------*/


section#inquiries_mail h2{
	
	font-size: 24px;
	font-weight: normal;
	margin: 150px 0 0 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
}


section#inquiries_mail p{
	
	text-align: center;
	padding: 40px 0;
	
	
}


/*-- フォームデザイン --*/

section#inquiries_mail form table{
    width: 850px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #242424;
    line-height: 1.7;
	margin: 0 auto 0;
}

section#inquiries_mail form th{
    width: 210px;
    background: #F7F7F7;
    border-top:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
    padding: 30px 0 20px 30px;
    color: #242424;
	font-weight: normal;
	letter-spacing: 0.1em;
	vertical-align: middle;
	
}


section#inquiries_mail form th.design_reset{
	
	vertical-align: top;
	
}





section#inquiries_mail form th em{
	
	color: #FF0004;
	font-style: normal;
	
	
}

section#inquiries_mail form td {
    width: 600px;
	border-top:1px solid #D3D3D3;
	border-bottom:1px solid #D3D3D3;
    padding: 30px 0 30px 40px;
}

section#inquiries_mail form td input{
	width: 500px;
	border:none;
	padding: 15px 0 15px 15px;
	background: #f6f6f6;
}

section#inquiries_mail form td textarea{
	width: 500px;
	height: 300px;
	border:none;
	background: #f6f6f6;
}



/*  確認画面へのボタン
--------------------------------*/

section#inquiries_mail p.button{
		margin: 60px auto 100px;
		text-align: center;
}
section#inquiries_mail p button,
section#inquiries_mail p input[type="button"],
section#inquiries_mail p input[type="submit"]{
	
	width:380px;
    font-size:24px;
	font-weight: normal;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:20px 0 20px;
	color: #fff;
	background:#000436;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.2em;
	border:none;
	cursor: pointer;
	display: inline-block;
	margin-bottom:100px;
	
}

section#inquiries_mail p button[name="do_back"]{
	background: #eee;
	color: #333;
}



section#inquiries_mail p button:hover{
	
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
	webkit-transition: 0.4s ease-in-out;  
       -moz-transition: 0.4s ease-in-out;  
         -o-transition: 0.4s ease-in-out;  
            transition: 0.4s ease-in-out;  
	
	
}







/* index.phpの確認画面のデザイン
---------------------------------------------*/


section#page_title_block p.decoration_none1{
	
	
	font-weight: normal;
	font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
	
}

section#page_title_block p.decoration_none1:after{
	
	content: '';
	background : url(none);
	margin: 0;
	
	
}





/*  エラー画面　contact02.phpのデザイン
-------------------------------------------*/


section#inquiries_mail p.err{
	
	
	
	letter-spacing: 0.1em;
	color: #FF0004;
	padding: 0;
	
}


section#page_title_block p.decoration_none{
	
	font-size: 20px;
	font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	
}

section#page_title_block p.decoration_none:after{
	
	content: '';
	background : url(none);
	margin: 0;
	
	
}





/*  完了画面　contact03.phpのデザイン
---------------------------------------------*/

section#page_title_block div p.completion_message em{
	
	display: block;
	padding-bottom: 50px;
	font-size: 20px;
	font-style: normal;
	
	
}


section#page_title_block div p.completion_message{
	
	padding-bottom: 120px;
	
	
}


section#page_title_block div p.completion_message:after{
	
	content: '';
	background : url(none);
	margin: 0;
}