@charset "utf-8";
/* Common
----------------------------------------------------------- */
/* clearfix ------ */
.clearfix:after{
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}
/* IE6 ------ */
* html .clearfix{zoom:1;}
/* IE7 ------ */
*:first-child + html .clearfix{zoom:1;}


/* Form
----------------------------------------------------------- */
#form{line-height:1.6;}


/* Form 部品
----------------------------------------------------------- */
#form textarea{overflow:auto;}
#form label{
	*display:inline;
	zoom:1;
	height:auto;
	cursor:pointer;
}
#form input,
#form select,
#form textarea{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	zoom:1;
	margin:0 2px;
	padding:5px;
	font-size: 12px;
	line-height:1.4;
	vertical-align:middle;
	outline:none;
	border:none;
}

/* ボタン風 */
/*
form label.btn{font-size:12px;}
*/
#form label.btn{font-size:11px;}
#form label.btn{
	box-sizing:border-box;
	-webkit-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
	position:relative;
	display:inline-block;
	float:left;
	color:#3c3c3c;
	vertical-align:middle;
	background-color:#e6e6e6;
}
#form .col_sm{
	margin:10px 0;
}
/* 親要素に対しての大きさ */
#form .col_sm label.btn{margin-right:0.95785440613%; float:none;}
#form .col_md label.btn{
	margin-right:0.625%;
	margin-bottom: 0.625%;
}
/* 等分（大きさ） */
#form label.btn.col_2{
/* 変更
	width:48.6590038314%;
*/
	width: 97.38562091503268%;
	margin:5px 0;
}		/* 2等分 */
#form label.btn.col_7{width:13.625%;}				/* 7等分 */

/* ラジオボタン */
#form label.btn.radio:after{
	-webkit-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear;
	position:absolute;
	top:50%;
	left:3px;
	display:block;
	margin-top:-10px;
	width:16px;
	height:16px;
	border:1px solid #3c3c3c;
	border-radius:50%;
	content:'';
	background-color:#fff;
}
#form .col_sm label.btn.radio:after{
	left:8px;
}
#form label.btn.radio:before{
	-webkit-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
	position:absolute;
	top:50%;
	left:7px;
	display:block;
	margin-top:-6px;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#3c3c3c;
	content:'';
	opacity:0;
}
#form .col_sm label.btn.radio:before{
	left:12px;
}
#form input[type=radio]:checked + label.btn.radio{
	color:#fff;
	background-color:#3c3c3c;
}
#form input[type=radio]:checked + label.btn.radio:after{
	width:10px;
	height:10px;
	background-color:transparent;
	border:4px solid #fff;
}
#form input[type=radio]:checked + label.btn.radio:before{opacity:1;}
#form label.btn span{
	position:absolute;
	top: 51%;
	left: 25px;
	margin-top:-10px;
}
#form .col_sm label.btn span{
	left: 30px;
}
/* セレクトボックス */
#form .custom_selectbox,
#form .custom_selectbox2,
#form .custom_selectbox3{
	position:relative;
}
#form #date .custom_selectbox,
#form #date .custom_selectbox2,
#form #date .custom_selectbox3{
	float:left;
}
#form .custom_selectbox select,
#form .custom_selectbox .selectbox_inner,
#form .custom_selectbox2 select,
#form .custom_selectbox2 .selectbox_inner,
#form .custom_selectbox3 select,
#form .custom_selectbox3 .selectbox_inner{
	width:190px;
	height:33px;
	color:#7e7e7e;
	font-size:14px;
	line-height:1.42857143;
	background-color:#fff;
	border:1px solid #d2d2d2;
}
#form .custom_selectbox select,
#form .custom_selectbox2 select,
#form .custom_selectbox3 select{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	opacity:0;
}
#form .custom_selectbox .selectbox_inner{
	position:relative;
	z-index:0;
	box-sizing:border-box;
	padding:6px 44px 6px 20px;
}
#form #date .custom_selectbox .selectbox_inner{
	position:relative;
	z-index:0;
	box-sizing:border-box;
	padding:6px 69px 6px 5px;
}
#form #date .custom_selectbox2 .selectbox_inner,
#form #date .custom_selectbox3 .selectbox_inner{
	position:relative;
	z-index:0;
	box-sizing:border-box;
	padding:6px 55px 6px 5px;
}
#form .custom_selectbox .selectbox_inner:before,
#form .custom_selectbox .selectbox_inner:after,
#form .custom_selectbox2 .selectbox_inner:before,
#form .custom_selectbox2 .selectbox_inner:after,
#form .custom_selectbox3 .selectbox_inner:before,
#form .custom_selectbox3 .selectbox_inner:after{
	content:'';
	position:absolute;
	display:block;
}
#form .custom_selectbox .selectbox_inner:before,
#form .custom_selectbox2 .selectbox_inner:before,
#form .custom_selectbox3 .selectbox_inner:before{
	top:0;
	right:0;
	bottom:0;
	width:34px;
	background:#777;
}
#form .custom_selectbox .selectbox_inner:after,
#form .custom_selectbox2 .selectbox_inner:after,
#form .custom_selectbox3 .selectbox_inner:after{
	top:50%;
	right:12px;
	width:7px;
	height:7px;
	margin-top:-6px;
	border-top:solid 1px #fff;
	border-right:solid 1px #fff;
	transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
}
#form #date p.text{
	margin:8px 5px 0 0;
	float:left;
}
#form #date p.text2{
	margin:8px 8px 0 15px;
	float:left;
}
/* 画像アップロードボックス */
#form .drop_box{
	position:relative;
	display:inline-table;
	float:left;
/* 変更
	width: 30%;
*/
	width: 29%;
	min-height: 54px;
	margin-right: 13px;
	margin-bottom: 7px;
	border:1px solid #3c3c3c;
}
#form #drop_box_3{margin-right: 0}
#form .drop_box img{
	width:100%;
	height:auto;
}
#form .drop_box .drop_zone{
	display:table-cell;
	box-sizing:border-box;
	width:100%;
	height:100%;
	background:#3c3c3c;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
#form .drop_box .drop_zone:after{
	content:'';
	box-sizing:border-box;
	position:absolute;
	top:6px;
	left: 5.5px;
	width:88%;
	height: 75.92592592592593%;
	border:1px solid #fff;
}
#form .drop_box .display_none{
	display:none;
	width:100%;
	height:auto;
}

/* 色分け */
#form .note{color:#900900;}
#form #photo_images .note{ margin:20px 0;}
#form span.note{
	display:inline-block;
	margin-top:10px;
}
#form span.photo_note{
	clear: both;
	display: block;
}


/* Form
----------------------------------------------------------- */
#form dl dt span.required{
	display:inline-block;
	padding:2px 0 1px;
	margin: 0 0 0 4px;
	width:32px;
	color:#daa24b;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #daa24b;
}
#form dl dd p,
#form #submit p{font-size:12px;}

#form{
	width: 320px;
	background: #fff;
	margin-top: 38px;
}
#form dl{
	overflow: hidden;
	border: solid 1px #e0e0e0;
	border-bottom: none;
}
#form dt, #form dd{
/* 変更
	padding: 16px 6px;
*/
	padding: 16px 10px;
}
#form dt{
	color: #6c6c6c;
	border-bottom: dashed 1px #e0e0e0;
}
#form dd{color: #8e8e8e;}
#form #onamae dd label,
#form #kana dd label{
	width: 50%;
}
#form #hope_gift dd{
/* 変更
	padding: 0;
*/
	padding: 0 6px;
}
#form #hope_gift dd input{display:none;}
#form #hope_gift dd .col_2{
	height: 50px;
/* 変更
	margin: 2px;
*/
	margin: 2px 4px;
}
#form #date dd input{
	width: 17.5%;
}
#form #onamae dd input{width:41.19496855345912%;}
#form #kana dd input{width: 37.47798742138365%;}
#form #email dd input,
#form #addr_2 dd input,
#form #addr_3 dd input,
#form #addr_4 dd input,
#form #tel dd input,
#form #impressions_title dd input{width: 100%;}
#form #addr_1 dd .custom_selectbox .selectbox_inner,
#form #op4 dd .custom_selectbox .selectbox_inner{
	overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
#form #floor_plan dd{
/* 変更
	padding: 2px 0 16px 3px;
*/
	padding: 2px 10px 16px;
}
#form #floor_plan dd input{display: none;}
#form #floor_plan dd .col_7{
	width: 24.21875%;
	height: 39px;
}
#form #floor_size dd input{width: 26.5625%;}
#form #impressions_cont dd textarea,
#form #remarks dd textarea{
	width: 100%;
	height: 100px;
	min-height: 100px;
}


#form dl dt span.required{margin-top: -6px;}
#form dl dt span.example,
#form dl dt span.note{
	float: right;
	padding-right: 6px;
}
#form #hope_gift dt span.example{padding-right: 0;}
#form dl dt span.example{
	color: #939393;
	font-size: 11px;
	padding-top: 3px;
}
#form dl dt span.note{margin-top: 0;}


/* 送信ボタン */

#form #submit{padding: 15px 16px 19px; border-top:1px solid #d2d2d2;}
#form #submit p{margin-bottom: 18px;}
#form #submit #submit_box,
#form #submit #submit_box_back{
	position: relative;
	height: 49px;
}
#form #submit #submit_box_back{
	margin-bottom:5px;
}
#form #submit #submit_box a{
	cursor:pointer;
	display:inline-block;
	width: 100%;
	height: 49px;
	line-height: 49px;
	margin:0;
	padding:0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color:#dba24c;
	border:none;
}
#form #submit #submit_box a:hover{
	text-decoration: none;
	background: #ab8730;
}
#form #submit #submit_box:before,
#form #submit #submit_box_back:before{
	content:'';
	position:absolute;
	top:50%;
	left: 120px;
	margin-top:-3px;
	width:0;
	height:0;
	border:3px solid transparent;
	border-left:3px solid #fff;
}
#form #submit #submit_box a.link_none,
#form #submit #submit_box_back a.link_none{
	pointer-events:none;
	background: #e6e6e6;
}

#form #submit #submit_box_back a{
	cursor:pointer;
	display:inline-block;
	width: 100%;
	height: 49px;
	line-height: 49px;
	margin:0;
	padding:0;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color:#777;
	border:none;
}
#form #submit #submit_box_back a:hover{
	text-decoration: none;
	background: #3c3c3c;
}


#background_box{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: #000;
	opacity: 0.7;
}
#confirm_box{
	overflow: hidden;
	width: 240px;
	color: #7e7e7e;
	text-align: center;
	background: white;
	border: solid 1px #d2d2d2;
	padding: 10px;
	margin: 20px auto;
}
#confirm_box #confirm_message{margin-bottom: 6px;}
#confirm_box #submit_true,
#confirm_box #submit_false,
#confirm_box .confirm_btn,
#error_btn .confirm_btn{
	width: 74px;
	display: block;
}
#confirm_box #submit_true{
	float: left;
	margin-left: 28px;
}
#confirm_box #submit_true input{
	color: #fff;
	line-height: 1.6;
	background-color:#dba342;
}
#confirm_box #submit_true input:hover{
	cursor: pointer;
	background-color: #ab8730;
}
#confirm_box #submit_false{
	float: right;
	margin-right: 40px;
}
#confirm_box #submit_false a{
	padding: 2px 3px;
	border: solid 1px #d2d2d2;
}
#confirm_box #submit_false a:hover{
	color: #000;
	text-decoration: none;
	background: #d2d2d2;
}
#confirm_box .confirm_btn{
	color: #7e7e7e;
	font-size: 12px;
	padding: 3px;
}
#send_message{background: #f3f2ed; padding:20px 40px;}
#backbutton-top{
	width:300px;
	height:32px;
	margin-left:309px;
	margin-top:20px;
	text-indent:-99999px;
}
#backbutton-top a{
	display:block;
	height:32px;
	background:url(../../img/form/btn_goto_top_pc.gif);
	background-position:0 0;
}
#backbutton-top a:hover{
	background-position:0 -32px;
}
#back-btn-top a{
	display:block;
	height:50px;
	background:url(../../img/form/btn_goto_top.gif);
	background-position:0 0;
}
#back-btn-top,
#back-btn{
	padding:20px 40px;
	width:240px;
	height:50px;
	text-indent:-99999px;
	background: #f3f2ed;
}
#back-btn-top a{
	display:block;
	height:50px;
	background:url(../../img/form/btn_goto_top.gif);
	background-position:0 0;
}
#back-btn a{
	display:block;
	height:50px;
	background:url(../../img/form/btn_goto_online.gif);
	background-position:0 0;
}
#back-btn-top a:hover,
#back-btn a:hover{
	background-position:0 -50px;
}
#error_title{
	font-size: 14px;
	margin-bottom: 6px;
}
#error_message{
	color: #9a2b24;
	margin-bottom: 40px;
}
#error_btn .confirm_btn{
	width: 120px;
	color: #fff;
	background: #dba342;
	margin: 0 auto;
}
#error_btn .confirm_btn:hover{
	text-decoration: none;
	background: #ab8730;
}

#attention {
	background:#777;
	color:#e6e6e6;
	padding-bottom:40px;
}
#attention h2{
	padding:40px 40px 0;
	font-size:14px;
}
#attention ul{
	margin:20px 40px 0px;
}
#attention ul li{
	list-style-type: disc;
	margin-top:5px;
}
span.bold{
	font-size:14px;
	font-weight:bold;
}
#op3 dd .text{
	margin-top:10px;
	border:1px solid #d2d2d2;
}