@charset "utf-8";

/*---------------------------------------------------

                アンケート入力ページ #input_page

---------------------------------------------------*/
*{margin:0;}
body{
	background-color: #014141;
	color:#fff;
	font-size:16px;
	font-family:"Meiryo","メイリオ","ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

body#ieuser{background:#fff;}
body#ieuser .background_set{background-color: #014141;}

.wrapper{width:950px;margin:0 auto;padding-bottom:60px;}
li{list-style:none;}
.annotation{font-size:80%;margin-left:5px;color:#fbe55a;}
.annotation2{color:#fbe55a;}
.description{font-size:80%;}
p.important{
	margin-bottom:15px;
	text-indent:30px;
	background:url(../img/input/point1.png) no-repeat 6px 3px;
}
p.important span{color:#f7a8b7;}

li.important{
	margin-bottom:15px;
	text-indent:20px;
	background:url(../img/input/point2.png) no-repeat 0px 3px;
}

li.important2{
	margin-bottom:15px;
	text-indent:20px;
	background:url(../img/input/point2.png) no-repeat;
}

.mgr5 {
	margin-right: 5px;
}

.mgb40 {
	margin-bottom: 40px !important;
}

.clearfix{clear:both;}

/*IEで画像に枠線が出てしまう問題を修正*/
a img{border:none;}

/*共通ヘッダー*/
#header {
width: 100%;
height: 60px;
background: transparent url(../img/common/header/img_headbg.gif) scroll repeat-x left top;
}
#header #header_inner {
width: 996px;
height: 60px;
margin: 0 auto;
}
#header #header_inner #logo {
margin: 0;
padding-top: 18px;
}

/*共通フッター*/
#footer {
width: 100%;
background-color: #eeebd9;
}
#footer #footer_top {
width: 100%;
height: 131px;
background: transparent url(../img/common/footer/img_footbg.gif) scroll repeat-x left top;
}
#footer #footer_top #footer_top_inner {
background: transparent url(../img/common/footer/img_foot_cho.gif) scroll no-repeat 133px 36px;
width: 996px;
height: 131px;
text-align: right;
margin: 0 auto;
}
#footer #footer_bottom {
width: 100%;
text-align: center;
background-color: #eeebd9;
vertical-align: bottom;
}
#footer #footer_bottom p {margin-top: 100px;}
#footer #footer_bottom p img{margin-bottom: -5px;}
h3 img{display:block;margin:30px auto 40px;}


#input_page form input{
	border:none;
	border-radius:2px;
	background:#f1f1f1;
	padding:4px 0 4px 10px;
}
#input_page form input[disabled="disabled"]{background:#ccc;}
#input_page form input:focus{background:#f3c9d1;}
#input_page ul li{margin-bottom:6px;}
#input_page ul li:last-child{margin-bottom:0;}
#input_page form ul li label{margin-right:5px;}
}
#input_page ul li.detail{margin-left:30px;}

#input_page .left_col{float:left;width:47.1%;}
#input_page .right_col{float:right;width:47.1%;}

#input_page ul#field1{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
	min-height:300px;
}
#input_page ul#field1 input[name="zip21"]{
	margin-left:24px;}
#input_page ul#field1 input[name="pref21"],
#input_page ul#field1 input[name="addr21"]{
	width:290px;margin-left:24px;}
#input_page ul#field1 input[name="strt21"]{width:290px;margin-left:8px;}
#input_page ul#field1 input{margin-right:5px;}

#input_page ul#field2{
	float:left;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
	min-height:300px;
}
#input_page ul#field2 li:nth-child(8) label{margin:0 5px 0 0;}
#input_page ul#field2 input{margin-right:5px;}
#input_page ul#field2 input[name="place"]{
	margin-left:10px;
	width:320px;
}
#input_page ul#field2 select:focus{background:#f3c9d1;}

#input_page ul#field2 .place input {
	width: 330px;
}

#input_page ul#field3{
	float:left;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
}
#input_page ul#field3 input{width:250px;}
#input_page ul#field3 label{
	display:block;
	width:130px;
	float:left;
}
#input_page ul#field3 .annotation{margin-left:138px;}

#input_page ul#field4{
	float:left;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
	min-height: 275px;
}

#input_page ul#field4 li textarea{
	margin-left:30px;
	width:282px;
	height:241px;
	border:none;
	border-radius:2px;
	background:#f1f1f1;
	padding:10px;
}
#input_page ul#field4 li textarea:focus{background:#f3c9d1;}
#input_page ul#field4 li label{vertical-align:top;}

#input_page ul#field5{
	float:left;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
	min-height: 399px;
}
#input_page ul#field5 li.description{font-size:80%;margin:20px 0 10px 0;}
#input_page ul#field5 li.description p{margin-top:20px;}
#input_page ul#field5 li.sample_img{float:left;margin:10px 5px;}
#input_page ul#field5 input{
	color:#000;
	width:230px;
}
#input_page ul#field5 li.place label{
	display:block;
	width:130px;
	float:left;
}
#input_page ul#field5 li.floor_area label{
	display:block;
	width:230px;
	float:left;
}
#input_page ul#field5 label{
	display:block;
	width:180px;
	float:left;
}
#input_page ul#field5 select{
	width:200px;
	border:none;
	border-radius:2px;
	background:rgba(255,255,255,0.9);
	padding:4px 0 4px 10px;
}
#input_page ul#field5 input[name="men_floor_area"],
#input_page ul#field5 input[name="women_floor_area"]{
	width:50px;
	margin-right: 5px;}
#input_page ul#field6{
	float:left;
	margin-bottom:30px;
	border:solid 1px #fff;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
}
#input_page ul#field6 .annotation:first-child{font-size:100%}
#input_page ul#field6 input[type="text"]{width:280px;}
#input_page ul#field6 li label{
	position: relative;
	bottom: 3px;
}
#input_page ul#field6 li.detail label{
	margin:0;
	bottom:0;
	line-height:1.2em;
}

#input_page ul#field6 .month {
	width: 50px !important;
	margin: 0 5px 0 5px;
}

#input_page ul#field6 .day {
	width: 50px !important;
	margin: 0 5px 0 5px;
}




#input_page input[type="checkbox"]{
	margin-right:10px;
	width:1.4em;
	height:1.4em;
	cursor:pointer;
}
#input_page label[for^="check"]{cursor:pointer;}

#input_page #agree{
	display:block;
	width:80%;
	margin:20px auto;
	clear:both;
}
#input_page #agree label{
	position: relative;
	bottom: 6px;
}
#input_page #agree input[type="checkbox"]{
	margin-right:5px;
	width:26px;
	height:20px;
}

p#policy{
	display:block;
	width:80%;
	margin:0 auto;
	clear:both;
	font-size:80%;
}
p#policy a, p#policy a:visited{color:#fbe55a;}
#input_page input[type="submit"]{
	display:block;
	border:solid 2px #f7a8b7;
	border-radius:4px;
	padding:10px 30px;
	margin:20px auto;
	background:#e7677f;
	color:#fff;
	font-size:130%;
	font-weight:bold;
	cursor:pointer;
}
#input_page input[type="submit"]:hover{background:#e74664;}

#error34 {margin-left: 244px !important;}


/*---------------------------------------------------

                エラーメッセージの設定

---------------------------------------------------*/
/*.error{color:#f7a8b7;font-weight:bold;margin-left:5px;font-size:12px;} */
.error{color:#DD0000;font-weight:bold;margin-left:5px;font-size:12px;}

/*---------------------------------------------------

                入力確認ページ #confirm_page

---------------------------------------------------*/
#confirm_page .input_data{color:#f7a8b7;}

#confirm_page ul li{margin-bottom:6px;}
#confirm_page ul li:last-child{margin-bottom:0;}
#confirm_page form ul li label{margin-right:5px;}
#confirm_page ul li.detail{margin-left:30px;}

#confirm_page .left_col{float:left;width:47.1%;}
#confirm_page .right_col{float:right;width:47.1%;}

#confirm_page ul#field1{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
	min-height:300px;
}
#confirm_page ul#field1 input[name="zip21"]{
	margin-left:20px;}
#confirm_page ul#field1 input[name="pref21"],
#confirm_page ul#field1 input[name="addr21"]{
	width:280px;margin-left:20px;}
#confirm_page ul#field1 input[name="strt21"]{width:280px;margin-left:4px;}
#confirm_page ul#field1 input{margin-right:5px;}

#confirm_page ul#field2{
	float:left;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
	min-height:300px;
}
#confirm_page ul#field2 li:nth-child(8) label{margin:0 5px 0 43px;}
#confirm_page ul#field2 input{margin-right:5px;}
#confirm_page ul#field2 input[name="place"]{width:90%;}
#confirm_page ul#field2 select{
	margin-left:10px;
	width:200px;
	border:none;
	border-radius:2px;
	background:rgba(255,255,255,0.9);
	padding:4px 0 4px 10px;
}
#confirm_page ul#field2 select:focus{background:#f3c9d1;}


#confirm_page ul#field3{
	float:left;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
}

#confirm_page ul#field4{
	float:left;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
	min-height:232px;
}

#confirm_page ul#field4 li span{
	display:inline-block;
	margin-left:20px;
	width:280px;
	height:180px;
	text-indent:0;
}
#confirm_page ul#field4 li textarea:focus{background:#f3c9d1;}
#confirm_page ul#field4 li label{vertical-align:top;}

#confirm_page ul#field5{
	float:left;
	margin-bottom:20px;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
	min-height: 400px;
}
#confirm_page ul#field5 li.description{font-size:80%;margin:20px 0 25px 0;}

#confirm_page ul#field5 li label{
	display:block;
	width:243px;
	float:left;
	margin-left: 30px;
}

#confirm_page ul#field5 li label.plan {
	display:block;
	width:128px;
	float:left;
	margin-left: 30px;
}

#confirm_page ul#field6{
	float:left;
	margin-bottom:30px;
	border:solid 1px #fff;
	border:solid 2px rgba(255,255,255,0.6);
	border-radius:4px;
	padding:15px 5px 15px 25px;
	width:100%;
}
#confirm_page ul#field6 li label{margin-right:20px;}
#confirm_page ul#field6 li.detail label{margin-right:0px;}
#confirm_page ul#field6 .input_data img{vertical-align: -2px;margin-right: 2px;}
#confirm_page ul#field6 .description{margin-left: 2em;}

#confirm_page input[type="submit"]{
	display:block;
	height:48px;
	line-height:26px;
	float:left;
	border:solid 2px rgba(255,255,255,0.6);
	background:#014141;
	border-radius:4px;
	padding:10px 30px;
	color:#fff;
	font-size:100%;
	cursor:pointer;
	margin:0 30px 30px 19%;
}
#confirm_page input[type="submit"]:hover{background:rgba(255,255,255,0.6);}

#confirm_page input[type="submit"]#apply{
	display:block;
	float:left;
	border:solid 2px #f7a8b7;
	border-radius:4px;
	padding:10px 30px;
	margin:0 0 30px 0;
	background:#e7677f;
	color:#fff;
	font-size:130%;
	font-weight:bold;
	cursor:pointer;
}
#confirm_page input[type="submit"]#apply:hover{background:#e74664;}

#loading{
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
}

#loading img {
	width: 360px;
	height: 280px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
}

p.annotation{
	display:block;
	width:52%;
	margin:0 auto 20px;
	clear:both;
	font-size:80%;
	color: #f7a8b7 !important;
}


/*---------------------------------------------------

                応募完了確認ページ #complete_page

---------------------------------------------------*/
#complete_page h4{
	margin:50px 0 30px;
	text-align:center;
}
#complete_page .message{text-align:center;}
#complete_page .message p{margin-bottom:20px;}
#complete_page .message p:first-child{color:#fbe55a;font-weight:bold;}
#complete_page .message a{color:#fff;}
#complete_page .message a:hover{color:#f7a8b7;}

/*---------------------------------------------------

                IE8以下エラーページ #ieuser

---------------------------------------------------*/
div.ff_download_url a, div.ff_download_url a:visited{color:#fbe55a;}
div.chrome_download_url a, div.chrome_download_url a:visited{color:#fbe55a;}
div.edge_download_url a, div.edge_download_url a:visited{color:#fbe55a;}