/************************************************************************************
RESET：タグのリセット
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}



/************************************************************************************
下層共通パーツ：各ページタイトル画像
*************************************************************************************/

/* 各ページのスライダー400pxタイトル画像 */
#pageHome-slider {
	width: 100%!important;
	height: 250px;
	margin: 0 auto 25px;
}
	#pageHome-slider01-1 { /*済々黌紹介 */
		background-image: url(../images/page/page02-header-large-img.jpg);
		background-position: center top;
		width: 100%!important; 
		height: 250px;
	}
	#pageHome-slider02-1 { /* JRJの分譲住宅 */
		background-image: url(../images/page/heada_SGH.jpg);
		background-position: center top;
		width: 100%!important; 
		height: 250px;
	}
	#pageHome-slider03-1 { /* JRJの分譲住宅 */
		background-image: url(../images/page/header_shinro.jpg);
		background-position: center top;
		width: 100%!important; 
		height: 250px;
	}
	#pageHome-slider04-1 { /* リフォーム事業 */
		background-image: url(../images/page/heada_oshirase.jpg);
		background-position: center top;
		width: 100%!important; 
		height: 250px;
	}
	#pageHome-slider05-1 { /* 不動産事業 */
		background-image: url(../images/page/heada_schoollife.jpg);
		background-position: center top;
		width: 100%!important; 
		height: 250px;
	}
	#pageHome-slider06-1 { /* JRJ club */
		background-image: url(../images/page/news-header-img.jpg);
		background-position: center top;
		width: 100%!important; 
		height: 250px;
	}
	#pageHome-slider07-1 {
		background-image: url(../images/page/contact-header-img.jpg);
		background-position: center top;
		width: 100%!important; 
		height: 250px;
	}
	#pageHome-slider08-1 { /* お問い合わせ */
		background-image: url(../images/page/schedule-header-img.jpg);
		background-position: center top;
		width: 100%!important; 
		height: 250px;
	}
	
	#pageHome-slider09-1 { /* お問い合わせ */
		background-image: url(../images/page/login-header-img.jpg);
		background-position: center top;
		width: 100%!important; 
		height: 250px;
	}
	

/* 各ページのタイトル画像 02〜09まで */

#page-title-02 {
	background: url(../images/page/page02-header-img.jpg) center top no-repeat;
	height: 250px;
	margin: 0 auto 25px;
}
#page-title-03 {
	background: url(../images/page/page03-header-img.jpg) center top no-repeat;
	height: 250px;
	margin: 0 auto 25px;
}
#page-title-04 {
	background: url(../images/page/page04-header-img.jpg) center top no-repeat;
	height: 250px;
	margin: 0 auto 25px;
}
#page-title-05 {
	background: url(../images/page/page05-header-img.jpg) center top no-repeat;
	height: 250px;
	margin: 0 auto 25px;
}
#page-title-06 {
	background: url(../images/page/page06-header-img.440.jpg) center no-repeat;
	height: 250px;
	margin: 0 auto 25px;
}
#page-title-07 {
	background: url(../images/page/page07-header-img.jpg) center top no-repeat;
	height: 250px;
	margin: 0 auto 25px;
}
#page-title-08 {
	background: url(../images/page/page08-header-img.jpg) center no-repeat;
	height: 250px;
	margin: 0 auto 25px;
}
#page-title-09 {
	background: url(../images/page/page09-header-img.jpg) center top no-repeat;
	height: 250px;
	margin: 0 auto 25px;
}



/************************************************************************************
下層共通パーツ：右ナビゲーション
*************************************************************************************/

#aside #navi-title {
	background: url(../images/common/subnavi-title.png) left top no-repeat;
	width: 260px;
	height: 26px;
}

#aside ul {
	list-style: none;
}
	#aside ul li a:link {
		background: url(../images/common/gray-middle-eye.png) 13px center no-repeat;
		background-color: #ffffff;
		width: 224px;
		font-size: 0.88em;
		color: #686868;
		padding: 14px 5px 11px 31px;
		list-style: none;
		float: left;
		display: block;
		border-bottom: 2px #F0F0F0 solid;
		text-decoration: none;
	}
	#aside ul.subnav li a:link {
		background: #ffffff;
		width: 224px;
		font-size: 0.83em;
		color: #686868;
		padding: 13px 5px 10px 31px;
		list-style: none;
		float: left;
		display: block;
		border-bottom: 2px #F0F0F0 solid;
		text-decoration: none;
	}
	#aside ul li a:visited,
	#aside ul.subnav li a:visited {
		text-decoration: none;
		color: #686868;
		border-bottom: 2px #F0F0F0 solid;
	}
	
	


/************************************************************************************
下層共通パーツ：左コンテンツ部分
*************************************************************************************/

#pankuzu {
	width: 970px;
	margin: 0px auto 15px;
	font-size: 0.7em;
	color: #555050;
}
#pankuzu a {
	color: #555050;
}

#page-outer {
	width: 970px;
	margin: 10px auto 40px;
}
#left { /* 左側コンテンツ枠 */
	width: 620px;
	padding: 30px 30px;
	background: #FFF;
	color: #434242;
	float: right;
}
#aside { /* 右側コンテンツ */
	width: 290px;
	float: left;
}

#aside .banner {
	width: auto;
	margin: 0 0 6px 0;
}



/* 記事装飾：H2〜H4
-------------------------------------------------------------- */

.h2-page-copy {
	margin: 0 0 25px 0; /* タイトルが画像の場合 */
}
.h2-page-copy-text { /* タイトルがテキストの場合 */
	background: url(../images/common/h2-eye.gif) #fed25c left top repeat-y;
	padding: 11px 10px 9px 22px;
	margin: 0 0 25px 0;
	font-size: 1.1em;
	font-weight: bold;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.h3-page-copy {
	margin: 0 0 18px 0; /* タイトルが画像の場合 */
}
.h3-page-copy-text { /* タイトルがテキストの場合 */
	background-image: url(../images/common/h3-eye.gif), url(../images/common/bg-pattern-01.png);
	background-position: 10px 7px;
	background-repeat: no-repeat, repeat;
	border-top: #e4e4e4 1px solid;
	border-bottom: #e4e4e4 1px solid;
	padding: 11px 10px 8px 25px;
	margin: 0 0 22px 0;
	font-size: 0.96em;
	font-weight: bold;
}
.h4-page-copy-text { /* アイキャッチ付きタイトル グレー*/
	background: url(../images/common/h4-eye-gray.gif) left 2px no-repeat;
	padding: 1px 0 0 18px;
	margin: 0 0 16px 0;
	font-size: 0.94em;
	line-height: 1.6;
	font-weight: bold;
	}
.h4-page-copy-text-red { /* アイキャッチ付きタイトル 赤*/
	background: url(../images/common/h4-eye-red.gif) left 2px no-repeat;
	padding: 1px 0 0 18px;
	margin: 0 0 16px 0;
	font-size: 0.94em;
	line-height: 1.6;
	font-weight: bold;
	}	
.h4-page-copy-text-redeye {/* 丸いアイキャッチ付きタイトル 赤*/
	background: url(../images/common/red-middle-eye.png) 7px center no-repeat;
	padding: 1px 0 0 18px;
	margin: 0 0 16px 0;
	font-size: 0.9em;
	line-height: 1.6;
	font-weight: bold;
	}	
	

/* 記事装飾：タグ、キャプション、タイトルなどのボックス
-------------------------------------------------------------- */

.box-01 {
	border: #e4e4e4 2px solid;
	background: #f9f9f9;
	width: auto;
	padding: 4px 6px 0 6px;
}
.box-02 {
	border: #e4e4e4 2px solid;
	background: #f9f9f9;
	width: auto;
	padding: 10px 12px 8px 12px;
}
.box-03 { /* ボックスの高さは揃います */
	width: auto;
	text-align: center;
}



/* 記事装飾：ボディコピー、テキスト枠
-------------------------------------------------------------- */
.body-copy {
	font-size:1.1em;
	margin: 0 0 25px 0;
	line-height:1.77em;
}
.body-copy-02 {
	font-size:0.9em;
	margin: 10px 0;
	text-align: left;
	line-height:1.77em;
}
.body-copy-03 {
	font-size:0.9em;
	margin: 0 0 15px 0;
	text-align: center;
	line-height:1.77em;
}
.body-copy-04 {
	font-size:0.9em;
	margin: 0 0 15px 0;
	text-align: right;
	line-height:1.77em;
}



/* 記事枠装飾：テーブル：沿革
-------------------------------------------------------------- */
table.brwsr2 {
    margin: 0 auto;
    width: 550px;
    border: none;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    border-collapse: separate;
}
 
table.brwsr2 th {
    vertical-align: middle;
    height: 30px;
    border-right: solid 1px #666;
    margin: 0;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: bold;
	background-color:#f4f4f4;
}
 
table.brwsr2 td.data {
    padding: 0;
    margin: 0;
    height: 30px;
    border: none;
    color: #666;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}
 
table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
 
table.brwsr2 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #34495e;
}


/* 記事枠装飾：テーブル：在校生徒数
-------------------------------------------------------------- */
.tabe_01{
width: 100%;
border-collapse: collapse;
}
.tabe_01 th{
width: 20%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color:#FFD34D;
border: 1px solid #b9b9b9;
}
.tabe_01 td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}



/* 記事枠装飾：BOXレウアウト【1】：1列用ボックス
-------------------------------------------------------------- */
.one-row-box {
	background: #f2f2f2;
	width: auto;
	padding: 20px;
}


/* 記事枠装飾：BOXレウアウト【1-2】：1列用ボックス 枠のみ
-------------------------------------------------------------- */
.one-row-box-outline {
	border: #afafaf 1px dotted;
	width: auto;
	padding: 20px;
}

/* 記事枠装飾：BOXレウアウト【1-3】：1列用ボックス 透明
-------------------------------------------------------------- */
.one-row-box-trp {
	width: auto;
}


/* 記事枠装飾：BOXレウアウト【2】：2列用BOX
-------------------------------------------------------------- */
.two-rows-outer {
	margin: 0 0 35px 0;
}
.two-rows-box {
	background: #f2f2f2;
	width: 254px;
	padding: 23px;
	float: left;
}

/* 記事枠装飾：BOXレウアウト【2-2】：2列用BOX　枠のみ
-------------------------------------------------------------- */
.two-rows-box-outline {
	border: #afafaf 1px dotted;
	width: 280px;
	padding: 10px;
	float: left;
}

/* 記事枠装飾：BOXレウアウト【2-3】：2列用BOX　アンダーライン
-------------------------------------------------------------- */
.two-rows-box-u {
	width: 300px;
	float: left;
}
.two-rows-box-uline {
	background: url(../images/common/red-middle-eye.png) 7px center no-repeat;
	border-top: #898989 3px solid;
	border-bottom: #dddddd 1px solid;
	width: auto;
	padding: 5px 5px 3px 23px;
}


/* 記事枠装飾：BOXレウアウト【3】：3列用ボックス
-------------------------------------------------------------- */
.three-rows-outer {
	margin: 0 0 35px 0;
}
.three-rows-box {
	background: #f2f2f2;
	width: 150px;
	padding: 20px;
	float: left;
}
.three-rows-box a {
	color: #686868;
}


/* 記事枠装飾：BOXレウアウト テキストボックス、イメージボックス
-------------------------------------------------------------- */

.one-rows-text-box {
	width:290px;
	float:right;
	font-size:0.98em;
}

.one-rows-img-box {
	width:280px;
	float:left;
	margin-right:10px;
}


/* 記事枠装飾：BOXレウアウト【1~4】共通Spacer
-------------------------------------------------------------- */
.space_left_bottom {
	margin-bottom: 25px;
	margin-right: 30px;
}
.space_bottom_5 {
	margin-bottom: 5px;
}
.space_bottom_10 { 
	margin-bottom: 10px;
}
.space_bottom_15 { 
	margin-bottom: 15px;
}
.space_bottom_20 { 
	margin-bottom: 20px;
}
.space_bottom_25 { 
	margin-bottom: 25px;
}
.space_bottom_30 { 
	margin-bottom: 30px;
}
.space_bottom_35 { 
	margin-bottom: 35px;
}
.space_bottom_40 { 
	margin-bottom: 40px;
}
.space_bottom_45 { 
	margin-bottom: 45px;
}


/* Margin 上 */
.space_top_8 {
	margin-top: 8px;
}
.space_top_10 { 
	margin-top: 10px;
}
.space_top_15 { 
	margin-top: 15px;
}
.space_top_20 { 
	margin-top: 20px;
}
.space_top_25 { 
	margin-top: 25px;
}
.space_top_30 { 
	margin-top: 30px;
}
.space_top_35 { 
	margin-top: 35px;
}
.space_top_40 { 
	margin-top: 40px;
}
.space_top_45 { 
	margin-top: 45px;
}


/* Margin 右 */
.space_right_5 { 
	margin-right: 5px;
}
.space_right_10 { 
	margin-right: 10px;
}
.space_right_15 { 
	margin-right: 15px;
}
.space_right_20 { 
	margin-right: 20px;
}
.space_right_25 { 
	margin-right: 25px;
}
.space_right_30 { 
	margin-right: 30px;
}
.space_right_35 { 
	margin-right: 35px;
}
.space_right_40 {
	margin-right: 40px;
}
.space_right_45 {
	margin-right: 45px;
}


/* Margin 左 */
.space_left_5 {
	margin-left: 5px;
}
.space_left_10 {
	margin-left: 10px;
}
.space_left_15 {
	margin-left: 15px;
}
.space_left_20 {
	margin-left: 20px;
}
.space_left_25 { 
	margin-left: 25px;
}
.space_left_30 { 
	margin-left: 30px;
}
.space_left_35 { 
	margin-left: 35px;
}
.space_left_40 { 
	margin-left: 40px;
}
.space_left_45 { 
	margin-left: 45px;
}






/* 写真装飾：写真レイアウト
-------------------------------------------------------------- */
.left_photo {
	float: left;
}
.right_photo {
	float: right;
}
.caption-outer-2row {
	width: 278px;
	float: left;
}


/* ボタン：左右寄せ スペース
-------------------------------------------------------------- */
.btn-left {
	margin: 10px 0 30px 0;
	text-align: left;
}



/* ページャー
-------------------------------------------------------------- */

.pager {
	font: 0.75em/1.5em Arial, Tahoma, Verdana, "Lucida Grande", sans-serif;
	color: #333;
	clear: both;
}
.pager a, .pager strong.pager-current {
	padding: 0.4em;
	border: 1px solid #524e4e; 
}
div.pager {
	clear: both; 
	padding: 0;
}

div.pager a {
	border: 1px solid #dddddd; 
	padding: 0.4em; 
	margin: 0 2px; 
	color: #666; 
	font-size:14px;
}

div.pager a:hover {
	border: 1px solid #524e4e; 
	padding: 0.4em; 
	margin: 0 2px; 
	color: #fff; 
	font-size:14px; 
	background-color:#524e4e; 
	text-decoration:none;
}
div.pager strong {
	border: 1px solid #dddddd; 
	padding: 0.4em; 
	font-size:14px; 
	margin: 0 2px; 
	color: #FFFFFF; 
	background-color: #524e4e;
}



/* ページ下部 お問い合わせ 
-------------------------------------------------------------- */

.contact-outer {
	margin: 25px 0 0 0;
	background: #e7eee9;
	border: #dee5e1 3px solid;
	width: auto;
	padding: 20px 20px 16px 20px;
	overflow: hidden;
}
.contact-pic-box {
	background: url(../images/common/contact-illust.png) no-repeat;
	background-position: left bottom;
	width: 160px;
	height: 124px;
	margin: 0 18px 0 0;
	vertical-align: middle;
	float: left;
}
.contact-copy-box {
	width: auto;
	margin: 0 0 7px 188px;
}
.contents-text-box {
	margin: 0 0 0px 188px;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
	font-size: 0.8em;
	line-height: 1.55em;
}
.contents-btn-box {
	margin: 10px 0 0 188px;
}
.contents-btn-box ul li {
	list-style: none;
	float: left;
}




/* ボタン設定
-------------------------------------------------------------- */


.button {
  display: inline-block;
  padding: 5px 26px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #ffffff;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  font-family: "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", Arial, "Lucida Grande", sans-serif;
  line-height: 1.5384615384615385;
  cursor: pointer;
  outline: none;
  background-color: #434a54;
  border-color: #434a54;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.button.is-green {
  background-color: #74ae7d;
  border-color: #74ae7d;
  color: #ffffff;
  text-decoration: none;
}
.button.is-green:hover,
.button.is-green:focus {
  background-color: #67a270;
  border-color: #67a270;
}
.button.is-red {
  background-color: #e1424f;
  border-color: #e1424f;
  color: #ffffff;
  text-decoration: none;
}
.button.is-red:hover,
.button.is-red:focus {
  background-color: #d13945;
  border-color: #d13945;
}





/* テーブル設定
-------------------------------------------------------------- */
	
table.form01 { /* 左右縦ライン無し */
	margin: 0 0 30px 0;
	background: #FFF;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dfdede;
	border-left: none;
	border-right: none;
	vertical-align: top;
}
	table.form01 td, table.form01 th {
		padding: 7px 11px 5px 13px;
		vertical-align: top;
		border-bottom: 1px solid #dfdede;
	}
	
table.form01_eye { /* 左右縦ライン無し アイキャッチ有り */
	margin: 0 0 30px 0;
	background: #FFF;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dfdede;
	border-left: none;
	border-right: none;
	vertical-align: top;
}
	table.form01_eye th {
		padding: 7px 11px 5px 22px;
		vertical-align: top;
		border-bottom: 1px solid #dfdede;
		background: url(../images/top/news-balck-eye.gif) 6px 12px no-repeat;
	}
	table.form01_eye td {
		padding: 7px 11px 5px 2px;
		vertical-align: top;
		border-bottom: 1px solid #dfdede;
	}
	
table.form02 { /* 縦ライン有り */
	margin: 0 0 30px 0;
	background: #FFF;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dfdede;
	vertical-align: top;
}	
	table.form02 th {
		padding: 7px 11px 5px 13px;
		vertical-align: top;
		border-bottom: 1px solid #dfdede;
		border-right: 1px dotted #CCC;
	}
	table.form02 td {
		padding: 7px 11px 5px 13px;
		vertical-align: top;
		border-bottom: 1px solid #dfdede;
	}
	
table.form02_eye { /* 縦ライン有り アイキャッチ有り*/
	margin: 0 0 30px 0;
	background: #FFF;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dfdede;
	vertical-align: top;
}	
	table.form02_eye th {
		padding: 7px 11px 5px 20px;
		vertical-align: top;
		border-bottom: 1px solid #dfdede;
		border-right: 1px dotted #CCC;
		background: url(../images/top/news-balck-eye.gif) 6px 12px no-repeat;
	}	
	table.form02_eye td {
		padding: 7px 11px 5px 13px;
		vertical-align: top;
		border-right: 1px dotted #CCC;
		border-bottom: 1px solid #dfdede;
	}
	
table.form03_eye { /* 左右縦ライン無し アイキャッチ有り*/
	margin: 0 0 30px 0;
	background: #FFF;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dfdede;
	border-left: none;
	border-right: none;
	vertical-align: top;
}	
	table.form03_eye th {
		padding: 7px 11px 5px 20px;
		vertical-align: top;
		border-bottom: 1px solid #dfdede;
		border-right: 1px dotted #CCC;
		background: url(../images/top/news-balck-eye.gif) 6px 12px no-repeat;
	}
	table.form03_eye td {
		padding: 7px 11px 5px 13px;
		vertical-align: top;
		border-bottom: 1px solid #dfdede;
	}
	
table.form04 { /* 縦ライン有り */
	margin: 0 0 30px 0;
	background: #FFF;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dfdede;
	vertical-align: top;
}
	table.form04 th {
		padding: 7px 11px 5px 13px;
		vertical-align: top;
		border-top: 1px solid #dfdede;
		border-right: 1px dotted #CCC;
		border-bottom: 1px solid #dfdede;
		border-left: 1px solid #dfdede;
	}
	table.form04 td {
		padding: 7px 11px 5px 13px;
		vertical-align: top;
		border-top: 1px solid #dfdede;
		border-right: 1px solid #dfdede;
		border-bottom: 1px solid #dfdede;
	}
	
table.form02-2_eye { /* 分譲リスト */
	margin: 0 0 30px 0;
	background: #FFF;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dfdede;
	vertical-align: top;
}	
	table.form02-2_eye  th {
		padding: 7px 11px 5px 20px;
		border-bottom: 1px solid #dfdede;
		border-right: 1px dotted #CCC;
		background: url(../images/top/news-balck-eye.gif) 6px center no-repeat;
	}	
	table.form02-2_eye  td {
		padding: 7px 11px 5px 13px;
		border-right: 1px dotted #CCC;
		border-bottom: 1px solid #dfdede;
	}	
	
.table-yellow {
	background-color: #fffbec;
}
.table-yellow2 {
	background-color: #f9efc6;
}	
.table-blue {
	background-color: #edf6fd;
}
.table-blue2 {
	background-color: #dbebf7;
}
.table-green {
	background-color: #e8f8f7;
}
.table-green2 {
	background-color: #d1f0ee;
}
	
	

/************************************************************************************
JRJの家づくり：コンセプトページスタイル
*************************************************************************************/

#concept-slider {
	width: 100%!important;
	height: 433px;
}
	#concept-slider1 {
		background-image: url(../images/concept/top-slider-01.jpg);
		background-position: center top;
		margin: 0 auto;
		width: 100%!important; /* 100%幅は表示領域を100%にするため必須 */
		height: 433px;
	}
	#concept-slider2 {
		background-image: url(../images/concept/top-slider-02.jpg);
		background-position: center top;
		margin: 0 auto;
		width: 100%!important;
		height: 433px;
	}
#box-adjust {
	width: 970px;
	height: 0;
	margin: 0 auto;
	position: relative;
}
	
#box-adjust #h1-concept-copy {
	width: 492px;
	height: 102px;
	position:absolute;
	top: 126px;
	left: 244px;
	z-index: 1000;
}
#box-adjust #concept-btn {
	width: 840px;
	height: 150px;
	position: absolute;
	top: 300px;
	left:62px;
	z-index: 1000;
}
#concept-btn ul li {
	list-style:none;
	float: left;
	margin: 0;
}

#intro-sectn-box {
	background-color: #e4e4e4;
	padding: 60px 0 40px;
	color: #787675;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
}
.concept-h1, .concept-h2 {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}
.text-2row-outer {
	width: 765px;
	margin: 0 auto;
}
.text-2row {
	width: 360px;
	float: left;
}

#intro-sectn-box2 {
	background-color: #f8f8f8;
	padding: 0 0 50px 0;
	color: #787675;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
}
#life-stage {
	width: 1076px;
	margin: 35px auto 0px;
}

#section1 {
	background: url(../images/concept/section1-bg.gif) center 420px no-repeat;
	background-color: #ebebeb;
	padding-bottom: 100px;
	color: #787675;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
}
#section2 {
	background: url(../images/concept/section2-bg.gif) center 420px no-repeat;
	background-color: #ebebeb;
	padding-bottom: 100px;
	color: #787675;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
}
#section3 {
	background: url(../images/concept/section3-bg.gif) center 420px no-repeat;
	background-color: #ebebeb;
	padding-bottom: 70px;
	color: #787675;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
}

#section1-mainImg {
	background: url(../images/concept/mainImg-01.jpg) center top no-repeat;
	height: 420px;
}
#section2-mainImg {
	background: url(../images/concept/mainImg-02.jpg) center top no-repeat;
	height: 420px;
	text-indent: -9999px;
}
#section3-mainImg {
	background: url(../images/concept/mainImg-03.jpg) center top no-repeat;
	height: 420px;
	text-indent: -9999px;
}
.section-innder-box {
	width: 840px;
	margin: 0 auto;
}
.section-innder-box .section-copy01 {
	margin: 45px 0 25px 0;
}
.section-innder-box .article-outer {
	overflow: hidden;
}
.grid-titleImg {
	width: 92px;
	height: 52px;
	position: absolute;
	top: 0;
	left: 0;
}
.section-innder-box .article-outer .grid0 {
	width: 220px;
	height: 310px;
	float: left;
	position: relative;
	background-color: #dedede;
	padding: 70px 30px 30px 30px;
}
.section-innder-box .article-outer .grid1 {
	width: 220px;
	height: 240px;
	float: left;
	position: relative;
	background-color: #dedede;
	padding: 70px 30px 30px 30px;
}
.section-innder-box .article-outer .grid2 {
	width: 220px;
	height: 240px;
	float: left;
	position: relative;
	background-color: #dbdbdb;
	padding: 70px 30px 30px 30px;
}
.section-innder-box .article-outer .grid3 {
	width: 220px;
	height: 240px;
	float: left;
	position: relative;
	background-color: #e5e5e5;
	padding: 70px 30px 30px 30px;
}
.section-innder-box .article-outer .grid4-01 { /* 住まい60　写真01 */
	background: url(../images/concept/section1-gridPic-01.jpg) left center no-repeat;
	width: 280px;
	height: 340px;
	float: left;
}
.section-innder-box .article-outer .grid4-02 { /* 住まい60　写真02 */
	background: url(../images/concept/section1-gridPic-02.jpg) left center no-repeat;
	width: 280px;
	height: 340px;
	float: left;
}
.section-innder-box .article-outer .grid4-03 { /* 住まい60　写真03 */
	background: url(../images/concept/section1-gridPic-03.jpg) left center no-repeat;
	width: 280px;
	height: 340px;
	float: left;
}
.section-innder-box .article-outer .grid5-01 { /* あんしん60　写真01 */
	background: url(../images/concept/section2-gridPic-01.jpg) left center no-repeat;
	width: 280px;
	height: 340px;
	float: left;
}
.section-innder-box .article-outer .grid5-02 { /* あんしん60　写真02 */
	background: url(../images/concept/section2-gridPic-02.jpg) left center no-repeat;
	width: 280px;
	height: 340px;
	float: left;
}
.section-innder-box .article-outer .grid5-03 { /* あんしん60　写真03 */
	background: url(../images/concept/section2-gridPic-03.jpg) left center no-repeat;
	width: 280px;
	height: 340px;
	float: left;
}
.section-innder-box .article-outer .grid6-01 { /* リスタイル60　写真01 */
	background: url(../images/concept/section3-gridPic-01.jpg) left center no-repeat;
	width: 280px;
	height: 410px;
	float: left;
}
.section-innder-box .article-outer .grid6-02 { /* リスタイル60　写真02 */
	background: url(../images/concept/section3-gridPic-02.jpg) left center no-repeat;
	width: 280px;
	height: 340px;
	float: left;
}
.section-innder-box .article-outer .grid6-03 { /* リスタイル60　写真03 */
	background: url(../images/concept/section3-gridPic-03.jpg) left center no-repeat;
	width: 280px;
	height: 340px;
	float: left;
}

.fixednav {
	width: 100%;
	margin: 0 auto;
	height: 103px;
	z-index: 2000;
}
.fixednav ul {
	width: 530px;
	margin: 0 auto;
}
.fixednav ul li {
	display: block;
	float: left;
	list-style: none;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
}

.last-sec-circle {
	margin: 70px auto 20px;
	width: 66px;
	height: 66px;
	background: url(../images/concept/circle.png) no-repeat;
	position: relative;
}
.last-sec-circle .arrow {
	width: 21px;
	height: 26px;
	background: url(../images/concept/arrow.png) no-repeat;
	position: absolute;
	top: 20px;
	left: 22px;
}
.last-sec-grid {
	width: 657px;
	margin: 0 auto 20px;
	text-align: center;
}
.last-sec-grid ul li {
	list-style: none;
	display: block;
	float: left;
}
.last-sec-grid ul li.space-left {
	margin-right: 100px;
}




/* フォーム設定
-------------------------------------------------------------- */
	
.text-area-decoration {
	background-color:#f0f6e9;
	border:1px solid #e5e5e3;
	margin: 2px 0 2px;
	padding:4px;
	color:#474646;
	font-size:100%;
}

select {
	border:1px solid #e2d7bf;
	background-color:#fffdf6;
	padding:4px;
	color:#474646; 
}

.no_border { 
	border:none; 
}

.required-field {
	padding: 5px 0 0 16px;
}

.form-outer-box {
	margin: auto;
	padding: 35px 0 0 0;
	text-align: center;
}
.form-submit-outer {
	text-align: center;
	margin: 18px auto 20px;
}
.kiyaku_frame_outer {
	background: #f8f8f8;
	margin: 35px 0 25px;
	padding: 25px 15px 25px 25px;
}
.kiyaku_frame_inner {
	width: auto;
	height: 250px;
	overflow: auto;
	padding: 0 10px 0 0;
}


/*社長コメントbox専用*/	
.float{
	float:left;
}

.text{
	overflow:auto;
	zoom:1;
}	


#schedule_div {padding-left:15px;padding-right:15px;padding-top:20px;font-size:0.8em;}
#schedule_div table {width:265px;}
#schedule_div td {vertical-align: top; line-height: 1.4em;}
#schedule_div td .head1 {width: 65px;padding-bottom:3px;padding-left:3px;}
#schedule_div td .head2 {width: 65px; border-top: 1px solid gray;padding-top: 5px;padding-bottom:3px;padding-left:3px;}
#schedule_div td .label2 {width: 180px; border-top: 1px solid gray;padding-top: 5px;padding-bottom:3px;}
#schedule_div tr {border-top:1px solid black;}
#schedule_div td .blue {color: blue;}
#schedule_div td .red {color: red;}

button.button3 {
	font-size:0.8em;
    padding: 3px 20px;
    background-color: #E2C825;
    color: #fff;
    border-style: none;
}
button.button4 {
	font-size:0.8em;
    padding: 3px 20px;
    background-color: #00561E;
    color: #fff;
    border-style: none;
}
button.button5 {
	font-size:0.8em;
    padding: 3px 20px;
    background-color: #F04345;
    color: #fff;
    border-style: none;
}

.td_head {
	width:100px;height:35px;font-weight:bold;padding-right:20px;background-color:#F6F6F6;border-top:solid 1px #ffffff;border-right:solid 1px #ffffff;
	text-align: right;
}
.td_label {
	padding-left:10px;background-color:#FFFFFF;
}
.table {
	background-color:D2D2D2;
	width:660px;
}