@charset "UTF-8";
@import "common.css";
@import "corner.css";
@import "lightbox.css";
@import "lightview.css";

/*-----------------------------------------
	サブメニュー
-----------------------------------------*/

#sub-menu-in {
	width:730px;
	margin:0 auto;
}

/*==========================index===========================*/

/*-----------------------------------------
	リンクボタン
-----------------------------------------*/

.main-btn {
	width:605px;
	margin-bottom:20px;
}

#flash {
	margin-bottom:30px;
}


/*======================施工例・プラン======================*/

/*-----------------------------------------
	index
-----------------------------------------*/

.main-btn li {
	margin-bottom:20px;
}


/*-----------------------------------------
	example
-----------------------------------------*/

.order-top {
	clear:both;
	width:605px;
}

.order-box {
	width:293px;
}

.order-box h3 {
	margin-bottom:20px;
}

.order-box-img {
	width:273px;
	margin:0 auto 20px auto;
	text-align:center;
}

.order-box-c-img {
	width:273px;
	margin:0 auto 15px auto;
	text-align:center;
}

.order-box-price {
	width:273px;
	margin:0 auto 30px auto;
	text-align:center;
}

/*-----------------------------------------
	イントロ
-----------------------------------------*/

#exa-fla {
	width:605px;
	height:504px;
	margin-bottom:30px;
}

.exa-intro {
	width:605px;
}

.exa-intro p {
	margin-bottom:10px;
}

.exa-intro-left {
	float:left;
	width:360px;
}

.exa-intro-right {
	float:right;
	width:210x;
}

/*-----------------------------------------
	詳細
-----------------------------------------*/

.exa-story-box {
	width:585px;
	margin:0 2px 20px 18px;
}

.exa-story-in {
	float:left;
	width:180px;
	margin-right:15px;
}

.exa-story-in p {
	width:170px;
	margin:5px auto 0 auto;
	text-align:center;
}

/*-----------------------------------------
	コンセプト詳細
-----------------------------------------*/

.con-price {
	width:605px;
	margin:0 auto 30px auto;
}

.con-family {
	margin-bottom:30px;
}

.con-map {
	padding-left:10px;
	margin-bottom:30px;
}

.con-map li {
	float:left;
	width:288px;
	margin-right:9px;
}

.con-map li.mg-top {
	margin-top:8px;
}

.con-list {
	clear:both;
	width:585px;
	margin:0 auto 30px auto;
}

.con-list table{
	width:585px;
	margin:0 auto 15px auto;
	border-right:1px solid #505050;
	border-top:1px solid #505050;
}

.con-list th {
	padding:7px 5px;
	border-left:1px solid #505050;
	border-bottom:1px solid #505050;
	text-align:left;
	color:#CCCCCC;
}

.con-list td {
	padding:7px 5px;
	border-left:1px solid #505050;
	border-bottom:1px solid #505050;
}

.dark {
	background-color:#141414;
	font-weight:bold;
}

.light {
	width:160px;
	background-color:#2c2c2c;
	font-weight:normal;
}

.con-list sup {
	font-size:85%;
}

.con-list-price td {
	text-align:right;
}

/*-----------------------------------------
	パーツ集
-----------------------------------------*/

.parts-list {
	width:565px;
	margin:0 auto 30px auto;
}

.parts-list li {
	float:left;
	width:174px;
	text-align:center;
}

.parts-list-center {
	margin:0 22px 0 21px;
}

.parts-list img {
	border:2px solid #1E1E1E;
}


.partslink{
	clear:both;
	width:565px;
	margin:20px auto 30px auto;
	padding-top:7px;
	border-top:1px solid #242424;
}

.partslink li{
	width:120px;
}

.partslink .prev{
	float:left;
	margin-left:10px;
}

.partslink .prev a{
	display:block;
	padding-left:15px;
	background:url(../common/icon_arrow02.gif) 0 5px no-repeat;
}

.partslink .next{
	float:right;
	margin-right:10px;
	text-align:right;
}

.partslink .next a{
	display:block;
	padding-right:15px;
	background:url(../common/icon_arrow01.gif) 110px 5px no-repeat;
}

/*-----------------------------------------
	詳細ページ
-----------------------------------------*/

.parts-more-box {
	width:585px;
	margin:0 auto 30px auto;
}

.parts-more-ph {
	width:585px;
	margin:0 auto 15px auto;
	text-align:center;
}

.parts-more-date {
	text-align:right;
	font-size:85%;
}

.parts-more-date a:link,
.parts-more-date a:visited,
.parts-more-date a:hover,
.parts-more-date a:active{
	text-decoration:underline;
}

/*-----------------------------------------
	MAKITEI
-----------------------------------------*/

.maki-ttl {
	margin-bottom:10px;
	padding:3px 0 3px 10px;
	border-left:3px solid #049CCA; 
	font-size:116%;
}

.btn-center {
	clear:both;
	width:170px;
	margin:30px auto 30px auto;
}


/*====================土地情報====================*/

/*-----------------------------------------
	一覧
-----------------------------------------*/

.land-box {
	clear:both;
	width:605px;
	margin-bottom:20px;
}

.land-box-img {
	float:left;
	width:94px;
	border:2px solid #1E1E1E;
}

.land-box-txt {
	float:right;
	width:497px;
}

.land-box a:link,
.land-box a:visited,
.land-box a:hover,
.land-box a:active{
	text-decoration:underline;
}

.land-box-txt h3 {
	font-size:116%;
}

.land-box-txt .m {
	font-size:85%;
}

.land-box-txt .date .new {
	color:#FF0000;
}

.land-link {
	width:605px;
	margin-bottom:10px;
	text-align:right;
}


/*以下、左メニューなし分のページはorder_land.cssへ*/





/*====================品質・価格への挑戦====================*/

/*-----------------------------------------
	index
-----------------------------------------*/

.cha-top-h2 {
	width:605px;
	margin-bottom:15px;
	text-align:ledt;
}

/*ボタン*/

.top-link-box {
	margin-bottom:40px;
}

.top-link-box li {
	width:605px;
	margin-bottom:10px;
}

/*-----------------------------------------
	各ページ入り口
-----------------------------------------*/

.cha-box {
	width:575px;
	margin:0 auto 50px auto;
}

.cha-box h3 {
	clear:both;
	margin-bottom:20px;
}

.cha-cor {
	clear:both;
	width:547px;
	margin:0 auto 30px auto;
}

.cha-ph {
	float:left;
	width:180px;
}

.cha-txt {
	float:right;
	width:342px;
}

.cha-txt p {
	margin-bottom:10px;
}

.cha-btn {
	width:342px;
	margin-top:15px;
	text-align:right;
}


/*-----------------------------------------
	参照アドレス
-----------------------------------------*/

.link {
	margin-top:10px;
}

.link li {
	margin-bottom:3px;
	list-style:none;
}

.link li a {
	padding:0 0 0 13px;
	background:url(../common/icon_arrow01.gif) 0 4px no-repeat;
}


/*-----------------------------------------
	challenge　共通
-----------------------------------------*/

.cha-in-main-ph{
	margin-bottom:15px;
}


/*-----------------------------------------
	challenge
-----------------------------------------*/
.koho-ph {
	width:585px;
	margin-bottom:5px;
}

.koho-ph li {
	width:290px;
	list-style:none;
	line-height:0;
	font-size:0;
}


.taikyu-ph {
	width:585px;
	margin:0 auto 6px auto;
}

.taikyu-ph li {
	float:left;
	width:191px;
	list-style:none;
	line-height:0;
	font-size:0;
}

.taikyu-ph .sp{
	margin-right:6px;
}

.kati-img {
	width:585px;
	text-align:center;
}

.misitsu-ph {
	width:585px;
	margin-bottom:15px;
}

#ikasu-all {
	width:564px;
	margin:0 auto;
	padding:16px 0 16px 21px;
	background-color:#FFFFFF;
	color:#333333;
}

.ikasu-box {
	float:left;
	width:120px;
	margin-right:21px;
	display:inline;
}

.ikasu-box p {
	font-size:85%;
}

#ikasu-all h3 {
	margin:5px 0;
	font-size:116%;
	color:#907870;
	font-weight:bold;
}

#ikasu-all h3 img{
	margin-right:5px;
	vertical-align:middle;
}

/*=====================マキセレクション=====================*/

/*-----------------------------------------
	index
-----------------------------------------*/

.top-link-waku {
	clear:both;
	width:605px;
}

.top-link-waku h3 {
	margin-bottom:20px;
}

.top-link {
	width:293px;
}

.top-link-img {
	width:273px;
	margin:0 auto 20px auto;
	text-align:center;
}

/*-----------------------------------------
	main画像
-----------------------------------------*/

#main-ph {
	width:585px;
	margin:0 auto 20px auto;
	text-align:center;
}

#main-ph p {
	width:585px;
	margin:10px auto 0 auto;
	font-size:85%;
	text-align:left;
}

/*-----------------------------------------
	イントロ文
-----------------------------------------*/

.select-intro {
	width:585px;
	margin:0 auto 30px auto;
}

/*-----------------------------------------
	注意文
-----------------------------------------*/

.select-caution {
	clear:both;
	margin:0 10px 30px 10px;
	text-align:right;
	font-size:85%;
}

/*-----------------------------------------
	corner
-----------------------------------------*/

.image-box {
	clear:both;
	width:565px;
	margin:0 auto 30px auto;
}

.image-box-m2 {
	clear:both;
	width:374px;
	margin:0 auto 30px auto;
}

.image-box-m2-b20 {
	clear:both;
	width:374px;
	margin:0 auto 20px auto;
}

.image-box-s p,
.image-box-m p {
	margin:5px 0 0 0;
	font-size:85%;
	line-height:1.4;
}

.image-box-s {
	float:left;
	width:105px;
	margin:0 10px 15px 0;
}

.image-box-s-txt {
	float:right;
	width:445px;
	text-align:left;
}

.image-box-m {
	float:left;
	width:183px;
	margin-right:8px;
}

.image-box-m-txt {
	float:right;
	width:367px;
	text-align:left;
}

.image-box-center {
	width:565px;
	text-align:center;
}

.image-box-l-l {
	float:left;
	width:276px;
}

.image-box-l-r {
	float:right;
	width:274px;
	text-align:left;
}

.image-box-last {
	margin-right:0;
}


/*アクセサリー*/

.image-box-acce-ph {
	float:left;
	width:276px;
	margin-left:10px;
	display:inline;
}

.image-box-acce-txt {
	float:right;
	width:274px;
	margin-right:10px;
	text-align:left;
	display:inline;
}

.image-box-acce-txt p {
	margin-bottom:10px;
}

/*-----------------------------------------
	参照アドレス
-----------------------------------------*/

.txt-link {
	margin:30px 10px 0 10px;
	padding:15px 0 0 0;
	background:url(../common/dot_line.gif) top repeat-x;
}

.txt-link p {
	padding:0 0 0 13px;
	background:url(../common/icon_arrow01.gif) 0 4px no-repeat;
}



/*=====================家づくりの流れ======================*/

.flow-link {
	margin-top:30px;
}


.flow-link li {
	padding-left:13px;
	background:url(../common/icon_arrow02.gif) 0 6px no-repeat;
}

.link-line a:link,
.link-line a:visited,
.link-line a:hover,
.link-line a:active {
	text-decoration:underline;

}

/*-----------------------------------------
	ポップアップ
-----------------------------------------*/

#pop-main {
	width:605px;
	margin:20px auto 0 auto;
	padding-bottom:20px;
}

.ttl02 p {
	font-weight:normal;
	font-size:85%;
}

.pop-ph-top {
	margin-bottom:15px;
	text-align:center;
}

.pop-ph {
	margin-bottom:10px;
	text-align:center;
}

.pop-txt {
	font-size:85%;
	margin-bottom:30px;
}

/*-----------------------------------------
	各ページ入り口
-----------------------------------------*/

.flow-cor {
	clear:both;
	width:575px;
	margin-bottom:40px;
	background:url(../order/challenge/img/box_bg.gif) 190px repeat-y;
}

.flow-ttl {
	float:left;
	width:180px;
	padding-top:6px;
}

.flow-txt {
	float:right;
	width:370px;
	padding-left:25px;
}

/*==========================家展===========================*/


/*-----------------------------------------
	一覧
-----------------------------------------*/

.news-box {
	clear:both;
	width:605px;
	margin-bottom:20px;
}

.news-bana {
	margin-bottom:30px;
}


.news-box-img {
	float:left;
	width:94px;
	border:2px solid #1E1E1E;
}

.news-box-txt {
	float:right;
	width:497px;
}

.news-box a:link,
.news-box a:visited,
.news-box a:hover,
.news-box a:active{
	text-decoration:underline;
}

.news-box-txt h3 {
	font-size:116%;
}

.news-box-txt .date {
	margin-bottom:5px;
	font-size:85%;
}

.news-box-txt .date .new {
	color:#FF0000;
}

/*-----------------------------------------
	詳細ページ
-----------------------------------------*/

.ttl02 span{
	margin-left:5px;
	color:#FF0000;
	font-size:85%;
	font-weight:normal;
}

.news-more-box {
	width:585px;
	margin:0 auto 30px auto;
}

.news-more-box p {
	margin-bottom:15px;
}

.news-more-box h4 {
	margin:30px 0 15px 0;
	padding:0 0 5px 10px;
	border-left: 4px solid #1C1C1C;
	border-bottom: 1px solid #1C1C1C;
	font-weight:bold;
}

.news-more-ph {
	width:585px;
	margin:0 auto 15px auto;
	text-align:center;
}

.news-more-date {
	text-align:right;
	font-size:85%;
}

.news-more-date a:link,
.news-more-date a:visited,
.news-more-date a:hover,
.news-more-date a:active{
	text-decoration:underline;
}


/*==========================Q&A===========================*/

/*-----------------------------------------
	一覧
-----------------------------------------*/

.qa-list {
	clear:both;
	width:585px;
	margin:0 auto 10px auto;
	padding-bottom:9px;
	background:url(../common/dot_line.gif) bottom repeat-x;
}

.qa-icon {
	float:left;
	width:20px;
}

.qa-que {
	float:right;
	width:540px;
	text-align:left;
}

.pagelink{
	margin:15px auto 30px auto;
	padding-top:0px;
	border-top:none;
}

.a-list {
	clear:both;
	width:585px;
	margin:0 auto 10px auto;
}


/*==========================リゾートハウス（/order/resorthouse/）===========================*/

#resorthouse_thumb_box {
	margin:30px 20px 30px;
}

.resorthouse_thumb_set {
	margin:0 0 15px;
}

.resorthouse_thumb_set .thumb_set_left {
	float:left;
	width:275px;
}

.resorthouse_thumb_set .thumb_set_right {
	float:right;
	width:275px;
}

.resorthouse_thumb_set .thumb_set_left p,
.resorthouse_thumb_set .thumb_set_right p {
	line-height:1.4;
	margin-top:8px;
	font-size:93%;
}

/* ●できるまで */
#resorthouse_story_bt {
	padding:30px 0 ;
}

#resorthouse_story_bt p {
	text-align:center;
	margin-bottom:10px;
}

#resorthouse_story_box {
	padding:30px 22px 30px 23px;
}

#resorthouse_story_box p {
	margin:0 0 1em;
}

#resorthouse_pager {
	margin:20px 0;
}

#resorthouse_pager #prev {
	float:left;
	width:120px;
}

#resorthouse_pager #rexorthouse_top {
	float:left;
	width:300px;
	margin:0 10px 0 0;
	text-align:center;
}

#resorthouse_pager #next {
	float:right;
	width:120px;
	text-align:right;
}


/*==========================プライムビレッジ===========================*/

.prime-img-box {
	margin:20px 0 0;
	text-align:center;
}

.prime-txt-box {
	margin:30px 0 30px;
	padding:0 20px;
	font-size:85%;
}