@charset "UTF-8";

/* **************************************
*Since: 2008-09-05
*Modified: 2008-00-00
************************************** */

/* Reset & Restyle
-------------------------------------------------------------------------------*/
html{
	overflow-y:scroll;
}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	line-height:1.5;
	color: #333;
	margin:0;
	padding:0;
}

body{
	font-size:75%;
}

/* ModernBrowsersOnly(notIE7) */
html>/**/body{
	font-size:12px;
}

img{
	border: 0px;
	vertical-align:bottom;
}

ul, ol{
	list-style-type: none;
}

table {
	border: none;
}

th, td {
	padding: 0px;
}

hr{
	visibility:hidden;
}

a{
	color:#666;
}
.mt5{
	margin-top:5px;
}
/* 
-------------------------------------------------------------------------------*/
body {
	text-align:center;
	color:#333;
	margin:0px;
	padding:20px 0;
	background:#fff;
}

/* clear
-------------------------------------------------------------------------------*/

.clear:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clear{ display: inline-block; }
/* exlude MacIE5 \*/
* html .clear { height: 1% }
.clear {display:block;}
/* end MacIE5 */


/* header
-------------------------------------------------------------------------------*/

div#header {
	width:950px;
	margin:10px auto 20px auto;
}

div#header .logo{
	float:left;
}

div#header .privacy{
	text-align: right;
}
div#header .privacy li {
    display: inline-block;
}

/* maincontent
-------------------------------------------------------------------------------*/

h1 {
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho','游明朝体+36ポかな','YuMincho +36p Kana',sans-serif;
	margin:10px 0 30px;
	text-align:left;
	min-height: 40px;
    padding: 13px 0 0 19px;
	font-size: 160%;
	font-weight:bold;
	color:#FFF;
	background: linear-gradient(#1F1F1F 54%, #000000 56%) no-repeat 50% 50% / 100% 100%;
	position: relative;
}
h1:after{
  content:"";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 8px;
  background: linear-gradient(
    -45deg,
    #fff 25%, #dadada 25%,
    #dadada 50%, #fff 50%,
    #fff 75%, #dadada 75%,
    #dadada
  );
  background-size: 5px 5px;
}

h2{
	margin:20px 0 0 0;
}

p {
	text-align:left;
}

p.copy{
	line-height:1.5;
	margin:10px 0;
}

.red{
	display: inline-block;
	background:#E83E36;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:5px;
	margin-right:10px;
}

em.red{
	font-size:12px;
	background:none;
	color:#E83E36;
	padding:0;
	margin-right:0;
	font-weight:normal;
}

div#maincontent {
	width:950px;
	margin:0 auto;
	overflow:hidden;
}

table {
	width:950px;
	margin:10px 0px;
}

table th {
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	width:200px;
	padding:8px;
}

table th.sub {
	background:#000;
	color:#fff;
	padding:5px;
	width:auto;
}

table td {
	text-align:left;
	vertical-align:middle;
	padding:8px;
}

table .td01{
	background:#F9F9F9;
}

table .td02{
	background:#F0F0F0;
}

table dl.data_box {
	margin: 0;
	padding: 0;
}
table dl.data_box dd {
	padding: 8px 30px 8px 0;
}

input, select {
	margin: 0;
	vertical-align: middle;
}

dl.data_box {
	width: 950px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	background:#F9F9F9;
	text-align: left;
}

#hope_tochi dl.data_box {
	width: 950px;
	margin: 0;
	padding: 0;
	background: none;
	text-align: left;
}

dl.data_box dt{
	background:#000;
	color:#fff;
	padding:8px;
	width:auto;
	font-weight:normal;
}

dl.data_box dd {
	margin: 0;
	padding: 0 8px 10px 8px;
	display: inline-block;
	*display:inline;
	*zoom: 1;
}
dl.separate dd {width: 48%}

dl.data_box dd.clear {
	width: 100%;	
	display: block;
}

input.submit{
	background:url(../images/btn_agree.gif) no-repeat;
	border:0;
	padding:0;
	margin:0;
	width:250px;
	height:49px;
	cursor: pointer;
}
input.submit2{
	background:url(../images/btn_send.gif) no-repeat;
	border:0;
	padding:0;
	margin:0;
	width:250px;
	height:49px;
	cursor: pointer;
}
input.submit:hover{
	background:url(../images/btn_agree_on.gif) no-repeat;
}
input.submit2:hover{
	background:url(../images/btn_send_on.gif) no-repeat;
}
input.back{
	background:url(../images/btn_correct.gif) no-repeat;
	border:0;
	padding:0;
	margin:0;
	width:165px;
	height:49px;
	cursor: pointer;	
}
input.back:hover{
	background:url(../images/btn_correct_on.gif) no-repeat;
}

table .area{
	margin:5px 0;
}
.mm{
	width:100%;
	border:1px solid #575757;
}
.mm th{
	background:#F0F0F0;
	vertical-align:middle;
	font-size:13px;
	padding-left:20px;
}
.mm td{
	background:#F9F9F9;
	font-size:13px;
	padding:20px;
}
label{
	display:block;
	margin:5px 0;
	padding:10px;
	box-sizing:border-box;
	display: inline-block;
}
#que label{
	width:49%;
	display:inline-block;
}
.privacy {
	margin-top: 10px;
	text-align: center;
}
#hope dl{
	
	display:inline-block;
	vertical-align:top;
}
#hope dl h3{
	background:#000;
	color:#fff;
	font-size:18px;
	text-align:center;
	padding:5px 0;
	margin-bottom:10px;
}
#hope dl .sub{
	background:#424242;
	color:#fff;
	padding:5px;
}
h4{
	background:#424242;
	color:#fff;
	padding:3px;
}
.pl5em{
	padding-left:5em;
}
#soudan dd{
	display: inline-block;
	margin-bottom: 0;
}
/* plan
-------------------------------------------------------------------------------*/
#hope2 li,
#kitchen li,
#jroom li,
#jroom2 li,
#sroom li,
#genkan li,
#stairs li,
#style li,
#closet li,
#croom li{
	display: inline-block;
	width: 32%;
	vertical-align: top;
}
#hope2 li img,
#kitchen li img,
#jroom li img,
#jroom2 li img,
#sroom li img,
#genkan li img,
#stairs li img,
#style li img,
#closet li img,
#croom li img{
	width: 100%;
}
#member ul{
	border-bottom: 1px solid #ccc;
}
#member ul:last-child{
	border-bottom: none;
}
#member .long li{
	display: inline-block;
	vertical-align: top;
}
#member .long li label{
	display: inline-block;
}
#member li:first-child{
	display: none;
}
#member li,
#kitchen li,
#genkan2 li{
	display: inline-block;
}
#member li input[type="number"]{
	margin-bottom: 10px;
	width: 30%;
}
#member li input#child01,
#member li input#child02,
#member li input#child03,
#member li input#dog,
#member li input#cat{
	width: 10%;
}
#car label,
#fukinuke label{
	display: inline-block;
}
#car dd,
#household dd,
#fukinuke dd,
#yotei dd{
	display: inline-block;
	width: 48%;
}
#car dd:last-child{
	width: 100%;
	display: block;
}
#q9 li,
#q10 li,
#hiatari li,
#hirosa li,
#floor li,
#hate li,
#direction li{
	width: 24%;
	display: inline-block;
}
#room li{
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
#room li:last-child{
	border-bottom: none;
}
#room li span{
	width: 20%;
	display: inline-block;
}
#room li input[type="number"],
#room li input[type="text"]{
	width: 50%;
}
#hiatari li,
#hirosa li{
	margin-right: 2%;
}
#hiatari li:last-child,
#hirosa li:last-child{
	margin-right: 0;
}
#hiatari li input[type="text"],
#hirosa li input[type="text"]{
	width: 88%;
}
#kitchen li:last-child,
#jroom li:last-child,
#jroom2 li:last-child,
#stairs li:last-child,
#croom li:last-child{
	width: 100%;
	display: block;
}
#kitchen li textarea,
#jroom li textarea,
#jroom2 li textarea,
#stairs li textarea,
#croom li textarea{
	width: 90%;
	vertical-align: text-top;
}
#genkan2 li:last-child label,
#balcony li{
	display: inline-block;
}
#fukinuke input[type="text"]{
	width: 75%;
}
#balcony li:last-child label,
#balcony li:last-child input[type="text"],
#work li,
#work li label{
	display: inline-block;
}
.hope_yosan li,
.yotei_member li{
	display: inline-block;
	width: 40%;
}
.hope_yosan li input,
.yotei_member li input{
	width: 30%;
}
.hope_eki input{
	margin-bottom: 10px;
}
.hope_eki input{
	width: 20%;
}
.hope_eki input[type="number"]{
	width: 10%;
}
/* error
-------------------------------------------------------------------------------*/

ul.error {
	margin:20px 0px 0px 0px;
	text-align:left;
}

ul.error li {
	color:#990000;	
}

ul.error li.btBack {
	margin:30px 0px 0px 0px;
}
/*#scene1 ul li,
		#scene2 ul li{
	display:inline-block;
	width:200px;
}*/
#scene1 .formError .formErrorContent,
#scene2 .formError .formErrorContent{
	width:130px;
}
/* confirm
-------------------------------------------------------------------------------*/

.str{
	margin:-15px 0 0 0;
	position:relative;
	line-height:1.5;
}
.confirm #member ul li,
.confirm #room ul li{
	display: inline-block;
}
.confirm #member ul li:first-child{
	width: 24%;
	vertical-align: top;
}

.confirm #room ul{
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.confirm #room ul li{
	width: 10%;
	border-bottom: none;
}
.confirm #room ul:last-child{
	border-bottom: none;
}
.confirm #room ul:last-child li{
	width: 40%;
}

/* privacypolicy
-------------------------------------------------------------------------------*/

dl dt{
	font-weight:bold;
	text-align:left;
	margin:15px 0 10px 0;
}

dl dd{
	text-align:left;
	margin:0 0 20px 0;
	line-height:1.8;
}

dl dd ol{
	margin:10px 0;
}

dl dd ol li{
list-style-type:decimal;
margin:2px 0 2px 40px;
}

.mgT20{
	margin:10px  0 0 0;
}

p.caution{
	font-size:14px;
	padding:5px;
	text-align:center;
	color:#FF0004;
	border:1px solid #FF0004;
	width:96%;
	margin-bottom:10px;
}