@charset "utf-8";

/*
======== table of content. =================================

summary:INDEX用レイアウト定義

============================================================
*/

/*-----------------------------------------------------
LINK2
-------------------------------------------------------*/
a.noline {
	color: #333;
	text-decoration:none;
}
a.noline:link {
	color: #333;
	text-decoration:none;
}
a.noline:visited {
	color: #333;
	text-decoration:none;
}
a.noline:hover, a:active {
	color: #333;
	text-decoration:none;
}

.fl h1 {
	margin:7px 0 5px 0;
	width:720px;
	font-style: normal;
	font-size: 12px;
	text-align: right;
}

div#content h1 {
	margin:0 0 10px 0;
}
div#content h2 {
	margin:15px 0 5px 0;
	padding:0 0 0 6px;
	font-size:150%;
	font-weight:bold;
}

div#content h3 {
	margin:20px 0 10px 0;
}

div#content h4 {
	margin:0 0 10px 0;
}

.section{
	padding:6px 6px 0 6px;
	margin:0;
}
.textArea{
	background:url(/images/pc/common/bg_dotline.gif) repeat-x bottom;
	padding:7px 0 15px 0;
}


div.mansion,
div.chumon {
	width:454px;
	float:left;
	display:inline;
}

div.mansion{
	margin:0 14px 60px 0;
}
* html div.mansion{
	margin:0 10px 60px 0;
}

div.chumon {
	margin:0 0 60px 0;
}

div.mansion .infoBox{
	border:#A5D416 3px solid;
	background:#F1F7E2;
}
div.chumon .infoBox{
	border:#F3B547 3px solid;
	background:#FDF2DF;
}
div.mansion .specialinfoBox{
	border:#A5D416 3px solid;
}
div.chumon .specialinfoBox{
	border:#F3B547 3px solid;
}
.text{
	padding:5px 15px;
}
div.mansion h2{
	color:#7BB014;
	border-left:#7BB014 4px solid;
}
div.chumon h2{
	color:#EE9904;
	border-left:#EE9904 4px solid;
}
.btnArea{
	padding:6px 5px 2px 5px;
	text-align:center;
}
div.mansion .btnArea{
	background:#E1F1B2;
}
div.chumon .btnArea{
	background:#FBE2BA;
}
div.mansion .specialArea{
	background:#f2f7e3;
	padding:0.3em 0.3em 0.3em 0.3em;
	margin:0.3em 0.3em 0.3em 0.3em;
}
div.chumon .specialArea{
	background:#fdf2e0;
	padding:0.3em 0.3em 0.3em 0.3em;
	margin:0.3em 0.3em 0.3em 0.3em;
}
.section .more{
	margin:10px 0 0 0;
	text-align:right;
}

/*-----------------------------------------------------
20120309追記
-------------------------------------------------------*/
/*共通*/
body#site-top div#content{
	padding:0;
}
body#site-top div#content h1{
	margin:0;
}
body#site-top div#content h4{
	margin:0;
}
/*ヘッダー 1pxのズレ*/
body#site-top div#header{
	margin-left:0;
}

#header p.sHeaderLogo{
	position: absolute;
	top: 5px;
	left: 10px;
}

/*インフォ*/
body#site-top div#top-info{
	background-color:#f6fdcc;
	border-bottom:2px solid #6eb92b;
	padding:15px 0 11px;
}
*html body#site-top div#top-info{
	padding-bottom:0px;
}

body#site-top div#top-info p.thumb{
	float:left;
}
body#site-top div#top-info p.thumb img{
	border:1px solid #cccccc;
}
body#site-top div#top-info dl{
	float:left;
	width:265px;
	margin-left:11px;
}
body#site-top div#top-info dl dd{
	margin-top:10px;
	line-height:1.4em;
}
body#site-top div#top-info .top-info-R{
	width:459px;
	float:left;
	padding-left:16px;
}
body#site-top div#top-info .top-info-L{
	width:460px;
	padding-left:15px;
	float:left;
}
body#site-top div#news-info{
	margin:15px 0 0 0;
	background:transparent url("/images/pc/index/bg_second_info.gif") top center repeat-y;
}
body#site-top div#news-info .news-info-R{
	width:459px;
	float:left;
	padding-left:16px;
}
body#site-top div#news-info .news-info-L{
	width:446px;
	padding-left:29px;
	float:left;
}
body#site-top div#news-info h2{
	padding-left:0;
}
body#site-top div#news-info dl{
	position:relative;
}
body#site-top div#news-info dl dt{
	position:absolute;
}
body#site-top div#news-info dl dd{
	position:relative;
	padding-left:7em;
	padding-bottom:5px;
}

/*新築マンション　注文住宅をお探しの方はこちら*/
body#site-top div#second-info{
	width:920px;
	border:1px solid #ccc;
	margin:15px auto 0;
	clear:both;
	padding-bottom:25px;
	background:url("/images/pc/index/bg_second_info.gif") top center repeat-y;
}
body#site-top div#second-info h2{
	margin:0 0 20px 0;
	padding:0;
}
body#site-top div#second-info h2 a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
body#site-top div#second-info .second-info-L{
	width:460px;
	float:left;
}
body#site-top div#second-info .second-info-R{
	width:460px;
	float:left;
}
body#site-top div#second-info p.txt{
	width:285px;
	float:left;
	padding-left:15px;
}
body#site-top div#second-info p.thumb{
	float:left;
	padding-left:15px;
}
body#site-top div#second-info p.thumb img{
	border:1px solid #ccc
}
body#site-top div#second-info p.thumb a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

body#site-top div#second-info p.l-btn{
	clear:both;
	padding:12px 0 0 67px;
}
body#site-top div#second-info h3{
	margin:20px 15px 10px 15px;
	background-color: #f6f6f6;
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	padding: 2px 0 0 10px;
}
body#site-top div#second-info .second-info-L h3{
	border-left: 4px solid #6eb92b;
}
body#site-top div#second-info .second-info-R h3{
	border-left: 4px solid #e89314;
}
body#site-top div#second-info ul.service-link{
	margin:0 0 0 26px;
}
body#site-top div#second-info ul.service-link li{
	display:inline;
	margin-right:20px;
}
body#site-top div#second-info h6{
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 15px;
	float:left;
	width:70px;
}
body#site-top div#second-info p.six{
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 15px;
	float:left;
	width:70px;
}
body#site-top div#second-info p.third{
	margin:23px 0 10px 15px;

}
*html body#site-top div#second-info h6{
	margin-left:10px;
}
body#site-top div#second-info ul.shoplist{
	float:left;
	width:360px;
	border-left:1px solid #cccccc;
	padding-left:10px;
	margin-bottom:5px;
}
*html body#site-top div#second-info ul.shoplist{
	width:330px;
}
body#site-top div#second-info ul.shoplist li{
	display:inline;
	padding-right:5px;
	white-space: nowrap;
}
body#site-top div#second-info .txtlink{
	margin-left:15px;
	padding-top:10px;
	clear:both;
}
body#site-top div#second-info .link-arrow-topM,
body#site-top div#second-info .link-arrow-top{
	font-size:100%;
}
/*スーモカウンターが選ばれる3つの理由*/
body#site-top h2#reason{
	width:909px;
	height:22px;
	background:url("/images/pc/index/bg_reason.gif") top left no-repeat;
	padding:13px 0 0 13px;
	margin:14px auto 0;
}

body#site-top div#reason{
	width:909px;
	height:22px;
	background:url("/images/pc/index/bg_reason.gif") top left no-repeat;
	padding:13px 0 0 13px;
	margin:14px auto 0;
}
body#site-top h2#reason img{
	vertical-align:top;
}

body#site-top div#third-info{
	width:920px;
	border:1px solid #ccc;
	margin:0 auto;
}
body#site-top div#third-info .block{
	float:left;
	border-left:1px solid #f3f3f3;
	padding:0 11px 20px 0;
}
body#site-top div#third-info .block.first{
	border-left:none;
	padding-left:0px;
}
body#site-top div#third-info h3{
	margin:10px 0 10px 10px;
	padding:0;
	font-weight:bold;
	font-size:14px;
	line-height:28px;
}
body#site-top div#third-info h3 img{
	margin-right:5px;
	vertical-align:middle;
}
body#site-top div#third-info p.txt{
	margin:10px 0 0 10px;
	width:285px;
}
body#site-top div#third-info p.thumb{
	margin:0 0 0 10px;
	width:285px;
}
body#site-top div#third-info p.third{
	margin:10px 0 10px 10px;
	padding:0;
	font-weight:bold;
	font-size:14px;
	line-height:28px;
}
/*スライドショー*/
body#site-top div#slide-area{
	width:950px;
	height:206px;
	overflow:hidden;
	position:relative;
}
body#site-top ul#slide-block{
	width:2850px;
	position:absolute;
	top:0;
	left:0px;
}
body#site-top ul#slide-block li{
	width:950px;
	height:206px;
	float:left;
}
div#main p {
    margin: 0 0 10px;
}
a.nonline{
	color: #333333;
    text-decoration: none;
}

.tb_form textarea[name="toiawaseNaiyou"] {
	width: 600px;
}
.tb_form input[name="email1"] {
	width: 300px;
}
.tb_form input[name="email2"] {
	width: 230px;
}
.tb_form input[name="name"] {
	width: 580px;
}

/*-----------------------------------------------------
2014/12/18 次世代開発 総合トップデザイン改修
-------------------------------------------------------*/
#content #wrapper {
	padding: 0;
	position:relative;
	height: 380px;
}
#wrapper .bx-wrapper {
	margin: 0 auto;
}
#wrapper .bx-wrapper .bx-viewport {
	border: none;
	left: 0;
}
.bx-pager {
	margin: 0;
	float: left;
	text-align: left;
	list-style-type: none;
	width:922px;
	padding: 10px 14px;
	background-color: #6fba2c;
	top: 0;
}
.bx-pager li {
	float: left;
	margin-left: 10px;
}
.bx-pager li:nth-child(2) {
	margin-left: 0;
}
#wrapper .bx-wrapper .bx-prev {
	left: 34px;
	top: 196px;
	background: url(/images/pc/index/button_link.png) no-repeat 0 -72px;
}
#wrapper .bx-wrapper .bx-next {
	right: 34px;
	top: 196px;
	background: url(/images/pc/index/button_link.png) no-repeat -29px -72px;
}
#wrapper .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
	opacity: 0.8;
}
#wrapper .bx-wrapper .bx-controls-direction a {
	bottom: 86px;
	width: 29px;
	height: 31px;
}
.slidenav1 {
	display: inline-block;
	background: url(/images/pc/index/button_nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 223px;
	height: 80px;
	text-indent: -9999px;
}
.slidenav1:hover, .slidenav1.active {
	display: inline-block;
	background: url(/images/pc/index/button_nav.png);
	background-repeat: no-repeat;
	background-position: 0 -80px;
	width: 223px;
	height: 80px;
	text-indent: -9999px;
}
.slidenav2 {
	display: inline-block;
	background: url(/images/pc/index/button_nav.png);
	background-repeat: no-repeat;
	background-position: -223px 0;
	width: 223px;
	height: 80px;
	text-indent: -9999px;
}
.slidenav2:hover, .slidenav2.active {
	display: inline-block;
	background: url(/images/pc/index/button_nav.png);
	background-repeat: no-repeat;
	background-position: -223px -80px;
	width: 223px;
	height: 80px;
	text-indent: -9999px;
}
.slidenav3 {
	display: inline-block;
	background: url(/images/pc/index/button_nav.png);
	background-repeat: no-repeat;
	background-position: -446px 0;
	width: 223px;
	height: 80px;
	text-indent: -9999px;
}
.slidenav3:hover, .slidenav3.active {
	display: inline-block;
	background: url(/images/pc/index/button_nav.png);
	background-repeat: no-repeat;
	background-position: -446px -80px;
	width: 223px;
	height: 80px;
	text-indent: -9999px;
}
.slidenav4 {
	display: inline-block;
	background: url(/images/pc/index/button_nav.png);
	background-repeat: no-repeat;
	background-position: -669px 0;
	width: 223px;
	height: 80px;
	text-indent: -9999px;
}
.slidenav4:hover, .slidenav4.active {
	display: inline-block;
	background: url(/images/pc/index/button_nav.png);
	background-repeat: no-repeat;
	background-position: -669px -80px;
	width: 223px;
	height: 80px;
	text-indent: -9999px;
}
.mvlink {
	position: relative;
}
.ms_link {
	position: absolute;
	right: 273px;
	bottom: 19px;
	background-image: url(/images/pc/index/button_link.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 190px;
	height: 36px;
	text-indent: -9999px;
}
.ch_link {
	position: absolute;
	right: 108px;
	bottom: 19px;
	background-image: url(/images/pc/index/button_link.png);
	background-repeat: no-repeat;
	background-position: 0 -36px;
	width: 144px;
	height: 36px;
	text-indent: -9999px;
}
.bxslider li{
	visibility: hidden;
}