@charset "utf-8";


/*
===== CONTENTS ===========================================

	1: reset 
	2: body and base setting
	3: link setting

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


/*
===== 1: reset =================================
*/

h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form{
	margin:0px;
	padding:0px;
}

/*
===== 2: body and base setting ===========================
*/


body {
	text-align:center;/* box centering */
	font-family:'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
	margin: 0px;
	padding: 0px;
	/*background:#fcf6db url(../img/pc/bg.gif) repeat-x left top;*/
	color:#000;
	font-size: 12px;
	
}

* html body{
	font-size: 75%;
}

*+html body{
	font-size: 75%;	
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	line-height: 1.5em;/* base line height */
	text-align: left;
	display: block;
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
}

table {
	margin : 0px;
	padding: 0px;
	empty-cells: show;
	font-size: 12px;
}

/*table th{
	text-align: left;  width:100%;
}*/

img{
	border:none;
	vertical-align:top;
}

ul,ol{
	list-style:none;
}

input,textarea,select{
	color:#444;
	font-family:sans-serif;
}

/*
===== 3: link setting ===========================
*/
a:link,
a:visited{
	color: #5d87bc;
}

a:hover,
a:active{
	color: #5d87bc;
	text-decoration: none;
}

/*
===== 4: layout ==========================================
*/

div#container{
	width: 100%;
	text-align: center;
}



div#header{
	margin: 0px auto;
	width:969px;
}

div#contents{
	margin: 0px auto;
	padding: 0px 0px 30px 0px;
	max-width: 950px;
	width: 100%;
	text-align: center;
	background-color:#fff;
	background: url(../img/pc/form_bg.gif) repeat-y left top;
	-moz-background-size:100% auto;
   background-size:100% auto;
}




div.contactBox{
	margin: 0px auto 20px;
	/*max-width: 836px;*/
	width:90%;
	text-align: center;
	padding:58px 0px 0px 0px;
}




div.contactBox h1{
	margin: 0px 0px 45px 0px;
}


div.contactBox p.formimg{
	margin: 0px 0px 60px 40px;
}

div.contactBox div.formBox{
	margin: 0px 0px 50px 40px;
	max-width:700px;
}


div.contactBox div.formBox p.attention{
	margin: 60px 0px 10px 0px;
}

div.contactBox div.formBox p.attention span,
div.contactBox div.formBox table th span{
	color: #d70303;
	font-weight: bold;
}

div.contactBox div.formBox table{
	margin: 0px 0px 20px 0px;
	max-width: 800px;
	width:100%;
	border-top: solid 1px #a2a2a2;
}

/* #v テーブルの項目 右 */
div.contactBox div.formBox table th{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 12px;
	background-color: #d9e0f0;
	min-width: 110px;
	width:25%;
	border-bottom: dotted 1px #746d6b;
}


/* #v テーブルの項目 左 */
div.contactBox div.formBox table td{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 15px;
	border-bottom: dotted 1px #746d6b;
	width:75%;
}


/* #v テーブルの項目その② 右 */
div.contactBox div.formBox2 table th{
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background-color: #def1df;
	max-width: 250px;
	width:40%;
	border-bottom: dotted 1px #746d6b;	
}

/* #v テーブルの項目その② 左 */
div.contactBox div.formBox2 table td{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 12px;
	border-bottom: dotted 1px #746d6b;	
}

div.contactBox div.formBox tr.text01 input,
div.contactBox div.formBox tr.text01 textarea{
	max-width: 400px;
	width:90%;
}

div.contactBox div.formBox2 tr.text02 input,
div.contactBox div.formBox2 tr.text02 textarea{
	max-width: 400px;
	width:90%;
}

div.contactBox div.formBox div.submit{
	text-align: center;
}


div.contactBox div.formBox div.submit p{
	margin: 0px 0px 20px 0px;
	text-align: center;
}


div.contactBox div.formBox div.submit input{
	background: url(../img/pc/btn_send.gif) no-repeat left top;
	width: 429px;
	height: 76px;
	border: none;
	cursor: pointer;
}

div.btnBox
{
/*	margin: 0px auto 80px; */
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	max-width: 570px;
	width:100%;
	height:auto; 
   overflow:hidden;
}


div.privacyBox{
	margin: 0px auto;
	max-width: 689px;
	width:100%;
}

div.privacyBox h2{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../img/pc/h2_privacy.gif) no-repeat left top;
	line-height: 44px;
	font-size: 14px;
}

div.privacyBox p{
	margin: 0px 0px 30px 0px;
}

div.privacyBox p span{
	color: #d22461;
	font-weight: bold;
}



div.privacyBox ul{
	margin: 0px 0px 25px 0px;	
}


div.privacyBox ul li{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../img/pc/arrow.gif) no-repeat 0px 3px;
}


div.privacyBox dl{
	
}


div.privacyBox dl dt{
	font-weight: bold;
}

div.privacyBox dl dd{
	
}


div.privacyBox dl dd p{
	margin: 0px 0px 0px 0px;
}



div.formBox p.end{
	padding: 20px 0px 20px 0px;
	text-align: center;
}



div#footer{
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	max-width: 938px;
   width:100%;
	background:url(../img/pc/form_footer_bg.gif) repeat-x left top;
}

div#footer p{
	margin: 0px 10px 0px 0px;
	text-align: right;
}



/* section */

.section{
	
}

.boxL{
	float: left;
	display: inline;
}


.boxR{
	float: right;
	display: inline;
}

.imgL{
	margin-right: 10px;
	float: left;
}

.imgR{
	margin-left: 10px;
	float: right;
}


/*
===== 00: CLEARFIX ==========================================
*/
.section:after
{ content: display: block; clear: both; height: 0; }

.section
{ display: inline-block; }

.section
{ display: block; }

/* MacIE \*//*/
.section
{ overflow: hidden; }
/* */



/*
===== 00: 17/04/22 Yasuda ==========================================
*/

/* 画像リンクの透過 */
a:hover img, button img:hover {
  cursor:pointer;
  filter: alpha(opacity=75);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=75)";  /* ie 8 */
  -moz-opacity:0.75;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.75;              /* Safari 1.x */
  opacity:0.75;
  zoom:1;
}


#header_bk{
  width:100%; height:62px; background-image:url(../img/pc/header_bk.gif);
}

#header_contents{
  width:100%; max-width:950px; margin:0px auto 5px;
}


.error{
  color:blue; font-weight:bolder; background-color:#ffe6e6; padding:3px; width:90%;
}


.contactBox_img{
  width:100%; max-width:836px;
  margin:0px auto;
}


#submit_back{
	background: url(../img/pc/btn_send.gif) no-repeat left top;
	max-width: 429px;
	width:50%;
	height: 76px;
	border: none;
	cursor: pointer;
}


.pcOut{
   display:none;
}



/*********** 所在 *************/
.place_box{
  display:none; width:100%; max-width:400px; max-height:100%; margin:5px auto;
}

.place_box p{
   display:block;
   background-color:#4c89d5;
   width:100%;
   text-align: left;
   font-size:12px;
   font-weight: bolder;
   color:white;
}

.place_box img{
  float:left; margin-right:8px; margin-bottom:8px; width:100%; max-width:84px;
}

.place_box .place_box_d1{
   display:table; margin:5px auto 0px;
}

.place_box .place_box_d2{
   float:left;
}
/*********** 所在 *************/



/*********** 営業時間 *************/
.hours h3{
  background-color:red;
}


.hours dt{
  width:90%;
  line-height:30px;
  text-align:center;
  border:1px solid #ccc;
  cursor:pointer;
  font-size: 12px;
  /* background:url(images/plus.png) no-repeat center right 5px; */
  background-color:#eef;
  
}
.hours dt.active{
  background:url(images/minus.png) no-repeat center right 5px;
}
.hours dd{
  background:#ffe;
  width:90%;
  line-height:20px;
  text-align:center;
  border:1px solid #666;
  display:none;
  margin: 0;
  font-size: 12px;
}



/*********** 営業時間 END *************/



/*********** ボタン(モーダルウィンドウ) *************/
.btn {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
}

.btn {
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding: 10px 0;
	width:240px;
}

.btn:hover{
   color:yellow;
}
/*********** ボタン(モーダルウィンドウ) END *************/




/*********** 確認画面 *************/
.confirm_attention {
    background-color:#ddeeff;
    margin:20px;
    padding:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:0px 0px 3px 3px #aedaf2;
    -moz-box-shadow:0px 0px 3px 3px #aedaf2;
    -webkit-box-shadow:0px 0px 3px 3px #aedaf2;

  color:#fff;

  font-size:18px;
  text-align:center;
  background-color:#2792C3;
}
/*********** 確認画面 END *************/





/* 画面サイズが479px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 479px) {

  .mobileOut{
    display:none;
  }

  .mobileIn{
    display:block;
  }

  
  .boxR{
	 float: left;
  }

  .place_box img{
    width:20%;
  }

}