@charset "utf-8";

/* ---------------------------------------------------------
    contact
   ---------------------------------------------------------*/

#contact #pankuzu{
	margin-bottom:50px;
}


/*-- contactMainBox --*/

.contactMainBox{
	width:100%;
}

.contactMainBox p{
	text-align:center;
	margin-bottom:30px;
}


/*-- contactBox --*/

.contactBox{
	width:100%;
	background:#F6F6F6;
}

.contactBox .contactBoxInner{
	clear:both;
	width:1000px;
	margin:0 auto;
	padding:50px 0;
}



/* ---------------------------------------------------------
    input
   ---------------------------------------------------------*/

/*-- inputBox01 --*/

.inputBox01{
	width:100%;
	margin-bottom:35px;
}

.inputBox01 dl{
	clear:both;
	width:100%;
	border-bottom:1px dotted #AAAAAA;
	padding:10px 10px 8px 10px;
	box-sizing:border-box;
}

.inputBox01 dt,
.inputBox01 dd{
	line-height:30px;
}
	
.inputBox01 dt{
	width:230px;
	float:left;
	font-weight:bold;
	box-sizing:border-box;
}

.inputBox01 dt span{
	background:#D90000;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	font-size:86%;
	padding:3px 3px 2px 3px;
    margin-right:13px;
}

.inputBox01 dd{
	width:750px;
	float:right;
	border-left:5px solid #DDDDDD;
	padding-left:15px;
	box-sizing:border-box;
}

.inputBox01 dd input[type="text"]{
	border-style:none;
	width:520px;
	height:30px;
	border:1px solid #DDDDDD;
	padding:5px 8px;
	box-sizing:border-box;
	font-size:1em;
	font-family:helvetica,"Hiragino Kaku Gothic ProN","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

.inputBox01 dd select{
	border-style:none;
	width:230px;
	height:30px;
	border:1px solid #DDDDDD;
	padding:3px 6px 4px 6px;
	box-sizing:border-box;
	font-size:1em;
	font-family:helvetica,"Hiragino Kaku Gothic ProN","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	cursor:pointer;
}

.inputBox01 dd textarea{
	border-style:none;
	display:block;
	width:100%;
	border:1px solid #DDDDDD;
	padding:5px 8px;
	box-sizing:border-box;
	font-size:1em;
	font-family:helvetica,"Hiragino Kaku Gothic ProN","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

/* width指定 */
.inputWidth01{width:210px !important;} /* 郵便番号 */
.inputWidth02{width:400px !important;} /* 住所欄 */
.inputWidth03{width:100px !important;} /* 電話番号 */

.inputBox01 dd ul{
	clear:both;
	width:100%;
}

.inputBox01 dd li{
	float:left;
}

.inputBox01 dd li.hyphen{
	margin:0 8px;
}


/* addressBox */

.inputBox01 .addressBox{
	width:100%;
	margin-bottom:5px;
}

.inputBox01 .addressBox dl{
	clear:both;
	width:100%;
	padding:2px 10px 10px 10px;
	margin-bottom:8px;
}

.inputBox01 .addressBox dt{
	width:110px;
}

.inputBox01 .addressBox dd{
	width:600px;
	border-left:none;
	padding:0;
}

.inputBox01 .addressBox dd span{
	font-weight:bold;
	padding:0 7px 0 2px;
}


/*-- btnBox --*/

.btnBox{
	clear:both;
	width:280px;
	margin:0 auto;
}

.btnBox input[type="button"],
.btnBox input[type="reset"]{
	border-style:none;
	width:135px;
	text-align:center;
	font-weight:bold;
	font-size:1em;
	padding:12px 5px;
	box-sizing:border-box;
    border-radius:3px;
    -webkit-border-radius:3px; 
    -moz-border-radius:3px;
	box-sizing:border-box;
	cursor:pointer;
	outline:none;
	font-family:helvetica,"Hiragino Kaku Gothic ProN","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

.btnBox input[type="button"]{
	float:left;
	border:1px solid #329650;
	color:#FFF;
    background:-webkit-gradient(linear, left top, left bottom, from(#5FAD76), to(#329650));
    background:linear-gradient(top, #5FAD76, #329650);
    background:-ms-linear-gradient(top, #5FAD76, #329650);
    background:-moz-linear-gradient(top, #5FAD76, #329650);
}

.btnBox input[type="reset"],
.btnBox input[type="button"].reset{
	float:right;
	border:1px solid #CCCCCC;
	color:#000;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
    background:linear-gradient(top, #FFFFFF, #DDDDDD);
    background:-ms-linear-gradient(top, #FFFFFF, #DDDDDD);
    background:-moz-linear-gradient(top, #FFFFFF, #DDDDDD);
}

.btnBox input[type="button"]:hover,
.btnBox input[type="reset"]:hover{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}



/* ---------------------------------------------------------
    confirm
   ---------------------------------------------------------*/

/*-- confirmBox01 --*/

.confirmBox01{
	width:100%;
	margin-bottom:30px;
}

.confirmBox01 dl{
	clear:both;
	width:100%;
	border-bottom:1px dotted #AAAAAA;
	padding:10px 10px 8px 10px;
	box-sizing:border-box;
}

.confirmBox01 dt{
	width:230px;
	float:left;
	font-weight:bold;
	padding-top:1px;
	box-sizing:border-box;
}

.confirmBox01 dt span{
	background:#D90000;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	font-size:86%;
	padding:3px 3px 2px 3px;
    margin-right:13px;
}

.confirmBox01 dd{
	width:750px;
	float:right;
	border-left:5px solid #DDDDDD;
	padding-left:15px;
	box-sizing:border-box;
}

.confirmBox01 dd ul{
	clear:both;
	width:100%;
}

.confirmBox01 dd li{
	float:left;
}

.confirmBox01 dd li.hyphen{
	margin:0 8px;
}


/* addressBox */

.confirmBox01 .addressBox{
	width:100%;
	margin-bottom:5px;
}

.confirmBox01 .addressBox dl{
	clear:both;
	width:100%;
	padding:2px 10px 10px 10px;
	margin-bottom:8px;
}

.confirmBox01 .addressBox dt{
	width:110px;
}

.confirmBox01 .addressBox dd{
	width:600px;
	border-left:none;
	padding:0;
}

.confirmBox01 .addressBox dd span{
	font-weight:bold;
	padding:0 7px 0 2px;
}



/* ---------------------------------------------------------
    thanks
   ---------------------------------------------------------*/

/*-- thanksBox --*/

.thanksBox{
	width:470px;
	margin:10px auto 5px auto;
}

.thanksBox dl{
	width:100%;
	margin-bottom:15px;
}

.thanksBox dt,
.thanksBox dd{
	text-align:center;
}

.thanksBox dt{
	font-size:2.2em;
	margin-bottom:15px;
}

.thanksBox dd{
	line-height:200%;
}


/* thanksTel */

.thanksBox .thanksTel{
	width:362px;
	margin:0 auto 30px auto;
}

.thanksBox .thanksTel p{
	text-align:right;
	margin:0;
}

.thanksBox .thanksTel p span{
	padding-right:10px;
}

/* 電話番号 */
.thanksBox .thanksTel p.tel{
	background:url(../images/ico_tel02.png) 0 4px no-repeat;
	font-size:1em;
	padding-left:50px;
	line-height:200%;
}

.thanksBox .thanksTel p.tel span{
	font-size:3.2em;
    line-height:80%;
	padding:0 0 0 5px;
	color:#484537;
}

/* 営業時間 */
.thanksBox .thanksTel p.time{
	font-size:1.1em;
	padding-right:6px;
}

.thanksBox a{
	display:block;
	width:300px;
	margin:0 auto;
	border:2px solid #329650;
    border-radius:3px;
    -webkit-border-radius:3px; 
    -moz-border-radius:3px;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	padding:7px 0;
	box-sizing:border-box;
}

.thanksBox a:hover{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}