@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFF;
	color: #575757;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "HGS明朝E", serif;
}

img {
	margin: 0;
	padding: 0;
}

.text-center {
	text-align: center;
	font-size: small;
	margin: 2em auto;
}

/*--------*/
/*-- SP --*/
/*--------*/

@media screen and (max-width: 959px) {

body {
	line-height:	1.5;
}

h1 {
	font-size:	1.250em;
	text-align:	center;
	color:	#fff;
	padding:	0.188em;
}

/*h2 {
	font-size:	1.625em;
/*	text-align:	center;*/
/*	margin:	0.625em 0;
}*/

h2.conf {
	font-size:	1.125em;
	text-align:	center;
	line-height:	1.5;
}

h3 {
	margin-bottom:	0.313em;
	line-height: 2.0;
}

img {
	max-width:	100%;
	height:	auto;
}

/*----------*/
/*- layout -*/
/*----------*/

#wrapper {
	margin: 0;
	padding: 0;
	width: auto;
}

.form-contents {
	width:	96%;
	margin:	0 auto;
}

/*--------------*/
/*- 入力画面用 -*/
/*--------------*/

.form-contents dt {
	background-color: #ECEBE6;
  border: 1px solid #CCC;
	padding:	2%;
}

.form-contents dd {
  border: 1px solid #CCC;
	padding:	2%;
}

.form-contents ul {
	list-style-type:	none;
}

p.chui-cmt {
	margin: 0.625em 0;
}

.cmt-req {
	color:	red;
}


/*--------------*/
/*- 建築家相談 -*/
/*--------------*/

.box-sodan {
	background-color:	#000;
	color:	#FFF;
	margin:	1.875em 0;
	padding:	0.625em;
}


/*--------------*/
/*- 確認画面用 -*/
/*--------------*/

.form-contents table {
	width:	100%;
	border-collapse:	collapse;
	margin:	0.625em 0;
}

.form-contents table th , .form-contents table td {
	display:	block;
	border:	1px solid #ccc;
	padding:	0.625em;
}

.form-contents table th {
	text-align:	left;
	background-color:	#ECEBE6;
}

/*----------------*/
/*- エラー画面用 -*/
/*----------------*/

p.error_messe{
	color:red;
}

/*--------------*/
/*- form parts -*/
/*--------------*/

input[type="submit"] , input[type="button"] {
	width:	100%;
	padding:	0.313em;
	font-size:	1.000em;
	font-weight:	bold;
	border:	1px solid #A12C2D;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-appearance: none;
	color:#fff;
	background: #A12C2D;
}

.form-contents textarea , .w-20 , .w-50 , .w-80 , .w-90 {
	padding:	0.313em;
	font-size: 1.0em;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.form-contents textarea , .w-20 , .w-50 , .w-80 , .w-90 {
	width: 100%;
}

/*------------------*/
/*- サンクス画面用 -*/
/*------------------*/

.done {
	margin:	150px 0 20px 0;
	text-align:	center;
}

/*-------*/
/*- etc -*/
/*-------*/

#page-bottom {
	margin: 1.250em 0;
}

#page-top {
	clear: both;
	position: fixed;
	bottom: 1.250em;
	right: 5%;
	z-index: 150;
	display: block;
}

#page-top a {
	display: block;
	height: 50px;
	width: 50px;
}

.mgt10 {
	margin:	0.625em 0;
}

.mgt10-99 {
	margin:	0.625em 0;
}


}





/*--------*/
/*-- PC --*/
/*--------*/

@media print, screen and (min-width: 960px) {

body {
	letter-spacing: 2px;
	line-height:	2.0;
}

h1 {
	text-align:	center;
	font-size:	26px;
	letter-spacing:	0.250em;
	color:	#FFF;
	margin-bottom:	30px;}

/*h2 {
	font-size:	18px;
	margin:	5px 0 20px 0;
/*	margin:	5px 0;*/
/*	letter-spacing:	0.250em;
	text-align:	center;
}*/

h2.conf {
	font-size:	25px;
	text-align:	center;
}

h3 {
	margin-bottom:	10px;
	padding-top:	20px;
	letter-spacing:	0.250em;
}

h4 {
	margin:	5px 0;
	text-align:	center;
	font-weight:	normal;
}

/*HTML5の各要素をブロック要素としてリセット*/ 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}

/*モダンブラウザ用*/ 
img, iframe, object { 
	max-width : 100%; 
}

/*IE8用*/ 
.ie8 img, .ie8 object {
	width:/*auto*/100%\9;
}

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

/*----------*/
/*- layout -*/
/*----------*/

#wrapper {
	margin:	0 auto;
	padding:	0 35px;
	width: 890px;
}

.form-contents {
	margin-bottom: 30px;
}

/*--------------*/
/*- 入力画面用 -*/
/*--------------*/

.form-contents dl {
  border-top: 1px dotted #CCC;
}

.form-contents dt , .form-contents dd {
	display: table-cell;
	padding: 15px 10px;
	text-align:left;
}

.form-contents dt {
	margin: 0;
	vertical-align: middle;
	width: 300px;
}

.form-contents dd {
  margin-left: 300px;
	width: 550px;
}

.form-contents dd ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.form-contents dd li {
	float: left;
	margin-right: 10px;
}

.cmt-req {
	color:	red;
}

.chui-cmt {
	margin:	10px 0;
/*	margin:	10px 0 30px 0;*/
}

.bdr-btm {
  border-bottom: 1px dotted #CCC;
}


/*--------------*/
/*- 建築家相談 -*/
/*--------------*/

.box-sodan {
	text-align:	center;
	background-color:	#000;
	color:	#FFF;
	margin:	30px 0;
	padding:	10px 0;
}

/*--------------*/
/*- 確認画面用 -*/
/*--------------*/

.form-contents table {
	width:	700px;
	margin:	50px auto;
	border-collapse:	collapse;
}

.form-contents table th , .form-contents table td {
	padding: 5px 10px;
	border:	1px solid #ccc;
}

.form-contents table th {
	width:	30%;
	background:	#efefef;
	text-align:	left;
	font-weight:	normal;
}

.form-contents table td {
	border:	1px solid #ccc;
}

/*----------------*/
/*- エラー画面用 -*/
/*----------------*/

p.error_messe{
	margin:5px 0;
	color:red;
}

/*------------------*/
/*- サンクス画面用 -*/
/*------------------*/

.done {
	margin:	200px 0 20px 0;
	text-align:	center;
}

/*--------*/
/*- link -*/
/*--------*/

.in-link a:link , .in-link a:visited , .in-link a:hover , .in-link a:active {
	background: url(../../img/icn-r.gif) no-repeat left center;
	padding-left: 10px;
	color: #575757;
}

.in-link a:link , .in-link a:visited {
	text-decoration:	underline;
	color: #32A4CD;
}

.in-link a:hover , .in-link a:active {
	text-decoration:	none;
}

/*--------*/
/*- link -*/
/*--------*/

.in-link a:link , .in-link a:visited , .in-link a:hover , .in-link a:active {
	background: url(../../img/icn-r.gif) no-repeat left center;
	padding-left: 10px;
	color: #575757;
}

.in-link a:link , .in-link a:visited {
	text-decoration:	underline;
	color: #32A4CD;
}

.in-link a:hover , .in-link a:active {
	text-decoration:	none;
}

/*--------------*/
/*- form parts -*/
/*--------------*/

input[type="text"] ,input[type="email"] , textarea , select {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "HGS明朝E", serif;
	letter-spacing:	0.05em;
	padding:	5px;
/*	padding:	2px;*/
	font-size:	15px;
}

input[type="radio"]  {
	vertical-align:	text-bottom;
}

input[type="checkbox"]  {
	position:	relative;
	top:	-2px;
}
input[type="submit"] {
	color: #333333;
  font-size: 100%;
  font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input[type="button"] {
	color: #333333;
  font-size: 100%;
  font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input[type="submit"]:hover , input[type="button"]:hover {
	background: #D15656;
	border:	1px solid #D15656;
}

input[type="submit"]:hover , input[type="button"]:hover {
	background: #D15656;
	border:	1px solid #D15656;
}

.vertical-align input , .vertical-align select {
	vertical-align:	middle;
}

.w-20 {
	width: 20%;
}

.w-50 {
	width: 50%;
}

.w-90 {
	width: 90%;
}

/*-------*/
/*- etc -*/
/*-------*/

#page-top {
	clear: both;
	position: fixed;
	bottom: 80px;
	right: 5%;
	z-index: 150;
	display: block;
}

#page-top a {
	display: block;
	height: 50px;
	width: 50px;
}

.display-none {
	display: none;
}

#page-bottom {
	background: none;
	border: none;
	text-align: center;
	margin: 20px;
}

.mgt10 {
	margin:	10px 0;
}


}

.red {
	color: #F00;
}