@charset "UTF-8";

/* @group reset */
* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

a {
	text-decoration: none;
	color: #209EE0;
}
ul, ol {	list-style:none;	}
img {
	max-width: 100%;
	vertical-align: middle;
}
/* @end */

html {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 6px;
}
h1 {
	font-size: 40px;
	line-height: 1;
}
h2 {
	font-size: 32px;
	line-height: 1;
}
h3 {
	font-size: 24px;
	line-height: 1.25;
}
h4 {
	font-size: 18px;
	line-height: 1.3333;
}
h5 {
	font-size: 14px;
	line-height: 1;
}
h6 {
	font-size: 10px;
	line-height: 1;
}
.fit {
	width: 100% !important; 
	height: auto; 
} 
body {
	background-color: #F0887A;
}
#wrapper {
	margin: 0 15px;
}
header {
	padding-top: 24px;
	background-color: #F0887A;
}
#horsde {
	clear: both;
	display: block;
}
#horsde h5 {
	float: left;
}
#horsde h6 {
	float: right;
}
#navbar ul {
	clear: both;
}
#navbar ul li {
	float: left;
}
#nav01 {
	width: 25.2252%;
}
#nav02 {
	width: 47.5839%;
}
#nav03 {
	width: 6.3882%;
}
#nav04 {
	width: 6.3882%;
}
#nav05 {
	width: 6.3882%;
}
#nav06 {
	width: 8.0262%;
}
#hero {
	background-color: #F6FAFD;
	padding-bottom: 30px;
}
#main #howaboutus {
	background-color: #F6FAFD;
	padding: 0 15px;
}
#main #howaboutus h3 {
	padding-bottom: 12px;
}
#main #howaboutus ul li {
	margin: 0 auto;
}
#main #howaboutus #spot {
	width: 37%;
}
#main #howaboutus #spot a  {
	display: block;
}
#main #target_of_design {
	background-color: #F6FAFD;
	padding-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 24px;
}
#main #target_of_design p img  {
	margin: 0 auto;
	display: block;
}
#main #target_of_design h4 {
	margin-top: 18px;
}
#main #target_of_design ul {
	clear: both;
}
#main #target_of_design #target60 {
	width: 3.276%;
	float: left;
	vertical-align: middle;
}
#main #target_of_design #sorter {
	padding-bottom: 18px;
	vertical-align: middle;
	margin-left: 28px;
}
#sub {
	background-color: #F6FAFD;
}
#sub #look {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 6px;
	background-color: #F6FAFD;
}
#sub h4 {
	padding-top: 12px;
	padding-bottom: 4px;
}
#sub #concepthouse {
	padding: 9px 15px 15px;
	background-color: #F6FAFD;
}
#sub #concepthouse #b_break {
	height: 4px;
	display: block;
}
#sub #showroom {
	padding-top: 9px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 6px;
	background-color: #F6FAFD;
}
#sub #haishin_specific {
	padding-left: 15px;
	padding-right: 15px;
}
#sub #haishin_henkou {
	margin: 0 auto;
	text-align: center;
}

footer  {
	background-color: #ECE4CF;
}
#upper #c_break  {
	background-color: #F6FAFD;
	display: block;
	height: 8px;
}
#upper #union {
	background-image: url(http://www.wakohgroup.com/reception/mail_img/src/22/bgfooter_bar25h_22.jpg);
	background-repeat: repeat-y;
	background-position:center top;
}
#upper #account ul {
		display: block;
	padding-top: 6px;
	padding-bottom: 6px;
}
#upper #publisher ul {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
}
#lower #punctuation {
	height: 4px;
	background-image: url(http://www.wakohgroup.com/reception/mail_img/src/22/bgfooter_bar25h_22.jpg);
	background-repeat: repeat-y;
	background-position:center top;
}
#lower #site {
	background-image: url(http://www.wakohgroup.com/reception/mail_img/src/22/bgfooter_bar25h_22.jpg);
	background-repeat: repeat-y;
	background-position:center top;
}
#lower #site img {
	width: 100%;
	margin: 0 auto;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}
#lower #bottomline {
	background-image: url(http://www.wakohgroup.com/reception/mail_img/src/22/bgfooter_bar25h_22.jpg);
	background-repeat: repeat-y;
	background-position:center top;
}
#lower #bottomline h6 {
	text-align: center;
	padding-bottom: 18px;
	margin-bottom: 24px;
	padding-top: 24px;
}

@media screen and (min-width : 320px) {
#upper #account ul {	clear: both;}
#upper #account ul li {	float: left;}
#upper #leftpane {	width: 12.5%}
#upper #nimura {	width: 75%}
#upper #centerpane1 {	width: 12.5%}
#upper #publisher ul {clear: both;}
#upper #publisher ul li {float: left;}
#upper #centerpane2 {width: 26%;}
#upper #portu2 {width: 48%}
#upper #rightpane {width: 26%;}

	
@media screen and (min-width : 615px) {
#upper #account ul {	clear: both;}
#upper #account ul li {	float: left;}
#upper #leftpane {	width: 12.5%}
#upper #nimura {	width: 75%}
#upper #centerpane1 {	width: 12.5%}
#upper #publisher ul {clear: both;}
#upper #publisher ul li {float: left;}
#upper #centerpane2 {width: 26%;}
#upper #portu2 {width: 48%}
#upper #rightpane {width: 26%;}

#column {	background-color: #F6FAFD;
	overflow: hidden;}
#column #concepthouse, #column #showroom {	float: left;}
#column #concepthouse {	width: 36.7454%; margin-left: 4%;
	margin-bottom: 0px;	margin-right: 2.9%;}
#column #showroom { 	width: 36.7454%; margin-left: 2.9%;
	margin-right: 2.71	%;} 

@media screen and (min-width : 715px) {
#column {	background-color: #F6FAFD;
	overflow: hidden;}
#column #concepthouse, #column #showroom {	float: left;}
#column #concepthouse {	width: 36.7454%; margin-left: 4%;
	margin-bottom: 0px;	margin-right: 2.9%;}
#column #showroom { 	width: 36.7454%; margin-left: 2.9%;
	margin-right: 2.71	%;} 
	
#upper #union {clear: both;}
#upper #account {float: left; width: 57.5347%} 
#upper #publisher {float: left; width: 42.4651%}
#upper #leftpane {width: 5.5516%;}
#upper #nimura {width: 92.0997%;}
#upper #centerpane1 {width: 2.3486%;}
#upper #centerpane2 {width: 3.1821%;}
#upper #portu2 {width: 88.9104%;}
#upper #rightpane {width: 7.9074%;}
}

@media screen and (min-width : 1230px) {
#wrapper {
	width: 1140px;  /*  1140px / 1230px */
	margin: 0 auto
}
}