/* ヘッダーテキスト */
h1 {
	font-size:12px;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:5px;
	
}

/* ロゴの装飾 */
@media (max-width:767px){
	.logo {
		margin-bottom:3%;	
	}
}


/* ナビメニュー、メイン画像 */
#wrap {
	overflow: hidden;
}

#main {
  float: right;
  width: 100%;
  margin: 0 0 0 -200px;
}

#side {
  float: left;
  width: 200px;
  background-repeat: repeat-y ;
  background-image: url('../img/menu/left_menu_v5_10.gif');
  padding-top:10px;
  height:720px;
}

#content {
  margin: 0 0 0 201px;
  max-width:799px;
}


/* スマホ時のナビメニュー */
.sp_nav_menu_top {
	margin-bottom:5%;
}

.sp_nav_menu_top_width {
	width:100%;
}


/* メイン画像 */
.main_p {
	margin-bottom:5px;
}

.main_p_zin {
	z-index: -1000;
}

/* スマホ時のメイン画像 */
@media (max-width:767px){
	#content {
		margin: 0 0 0 0;
	}
	
	.main_p {
		margin-bottom:3%;
	}
}

/* タブレット時の右側枠 */
@media (max-width:992px){
	#content {
		position:relative;
	}
}


/* ヘッダー、フッター */
.cell{
  float: left;
  width: 50%;
}

.cell_left{
  float: left;
  width: 49%;
  margin-right:1%;
}

.cell_right{
  float: left;
  width: 49%;
  margin-left:1%;
}

.cell_copylight{
  float: left;
  width: 50%;
}

/* ワッツニュー内のリンク色 */
.x_wnew_lcolor {
	color:#000000;
}

/* Xクラス、ワッツニューの枠 */
.x_wnew_wrapper_left,
.x_wnew_wrapper_right{
  float: left;
  width: 50%;
}

/* タブレット時のXクラス、ワッツニューの枠 */
@media (max-width:992px){
	.x_wnew_wrapper_left{
		float: left;
		width: 35%;
	}

	.x_wnew_wrapper_right{
		float: left;
		width: 65%;
	}
}

/* スマホ時のXクラス、ワッツニューの枠 */
@media (max-width:767px){
	.x_wnew_wrapper_left{
		width: 100%;
	}

	.x_wnew_wrapper_right{
		width: 95%;
		margin:0 2.5%;
	}
}

/* スマホ時のヘッダー、フッター */
@media (max-width:767px){
	.cell{
		width: 50%;
	}
	
	.cell_copylight{
		width: 100%;
	}
}

/* サイドナビリンク装飾 */
.leftnav_ul {
	margin:0;
	padding:0;
}

.leftnav li {
	list-style-type: none;
	margin-bottom:5px;
	padding:0;
}

/* スマホ用サイドナビリンク装飾 */
.smp_leftnav_ul {
	margin:0;
	padding:0;
}

.smp_lleftnav li {
	list-style-type: none;
	margin-bottom:5px;
	margin-right:5%;
	padding:0;
	float:left;
}


/* バナー集 */
.bn_wrapper {
   width: 355px;
   overflow: hidden;
   padding:3px 0 0 3px ;
}

.bn_width {
   width:100%;
   height:auto;
}


/* スマホ時のバナー集 */
@media (max-width:767px){
	.bn_wrapper {
		width: 98%;
		overflow: hidden;
		padding:3px 0 0 3px;
		margin:0 auto;
	}
}

/* バナー集 */
.bn_left {
   float: left;
   width: 112px;
   margin-right:5px;
}

.bn_center {
   float: left;
   width: 112px;
   margin-right:3px;
}

.bn_right {
   float: left;
   width: 112px;
   margin-bottom:3px;
}


/* スマホ時のバナー集 */
@media (max-width:767px){
	.bn_left {
		width: 32%;
		margin-right:6px;
	}
	
	.bn_center {
		width: 32%;
		margin-right:6px;
	}
	
	.bn_right {
		width: 32%;
		margin-bottom:6px;
	}
}

/* rowクラスの左右マージン外し */
.row {
   margin:0;
}

.row_menu {
  margin-right: -15px;
  margin-left: -15px;
}


/* フッターナビリンク装飾 */
.n_link_ul {
	margin:0;
	padding:0;
}

.n_link_ul:first-child {
	border-top:1px solid #999999;
}

.n_link li {
	list-style-type: none;
	border-bottom:1px solid #999999;
	margin:0 0 0 0;
	padding:0 0 0 10%;
	background-image:url("../img/page/l_first_icon.gif");
	background-repeat:no-repeat;
	background-position: left top;
	background-position:5% 50%;
	font-size:130%;
}




/* ワッツニュー装飾 */
.w_new_fsize {
	font-size:85%;
}

/* タブレット以下でのワッツニュー装飾 */
@media (max-width:992px){
	.w_new_fsize {
		font-size:100%;
	}
}

/* ワッツニュー破線装飾 */
.w_new_border {
	border:none;
	border-top:dashed 1px #000000;
	height:1px; color:#FFFFFF;
	width:100%;
	margin:5px 0 0 0;
	padding:0;
}


/* バナー集装飾 */
.group_banner {
	background-color:#DBD5B8;
	padding:3px;
	width:355px;
	margin:0 0 5px 29px;
}

/* タブレット時のバナー集、facebook枠装飾 */
@media (max-width:992px){
	.group_banner {
		padding:3px;
		width:355px;
		margin:0 0 5px 0;
		float:left;
	}
	
	.group_fbook {
		padding:0;
		width:175px;
		margin-left:10px;
		float:left;
	}

}

/* facebook枠 */
.group_fbook {
	padding:0;
	width:175px;
	margin-left:29px;
}

.fbook_bn_bottom {
	margin-bottom:5px;
}

.fbook_icon {
	margin-top:5px;
	margin-bottom:30px;
}

/* コピーライトの装飾 */
.c_light {
	font-size: 100%;
	text-align:right;
	padding:0;
}
	
/* スマホ時のバナー集装飾、Xclassバナー装飾、ワッツニュー装飾、facebook装飾、コピーライト装飾 */
@media (max-width:767px){
	.group_banner {
		background-color:#DBD5B8;
		padding:3px;
		width:100%;
		margin:0 0 5% 0;
	}
	
	.xclass_banner {
		width:182px;
		margin:0 auto 5% auto;
	}
	
	.w_new {
		margin-bottom:5%;
	}
	
	.f_book {
		width:175px;
		margin:0 25% 5% 25%;
	}
	
	.c_light {
		font-size: 130%;
		text-align:center;
		padding:5%;
	}
}



/* ヘッダー、フッターの横幅 */
.head_foot {
	max-width:1000px; margin:0;
}

/* フッタータグの装飾 */
footer {
	margin:10px 0;
	padding:0 10px;
}

/* スマホ用フッターナビメニュー */
.sp_nav_menu {
	width:100%;
	height:100%;
	padding: 10% 0;
	display:block;
}

/* 左ナビメニュー00のロールオーバー */
.nav_menu_bn00 {
    background: url("../img/menu/left_menu_v5_11_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn00 a {
    display: inline-block;
}

.nav_menu_bn00 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn00 a:hover img {
    visibility: hidden;
}

/* 左ナビメニュー01のロールオーバー */
.nav_menu_bn01 {
    background: url("../img/menu/left_menu_v5_12_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn01 a {
    display: inline-block;
}

.nav_menu_bn01 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn01 a:hover img {
    visibility: hidden;
}

/* 左ナビメニュー02のロールオーバー */
.nav_menu_bn02 {
    background: url("../img/menu/left_menu_v5_01_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn02 a {
    display: inline-block;
}

.nav_menu_bn02 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn02 a:hover img {
    visibility: hidden;
}

/* 左ナビメニュー03のロールオーバー */
.nav_menu_bn03 {
    background: url("../img/menu/left_menu_v5_02_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn03 a {
    display: inline-block;
}

.nav_menu_bn03 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn03 a:hover img {
    visibility: hidden;
}

/* 左ナビメニュー04のロールオーバー */
.nav_menu_bn04 {
    background: url("../img/menu/left_menu_v5_03_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn04 a {
    display: inline-block;
}

.nav_menu_bn04 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn04 a:hover img {
    visibility: hidden;
}

/* 左ナビメニュー05のロールオーバー */
.nav_menu_bn05 {
    background: url("../img/menu/left_menu_v5_04_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn05 a {
    display: inline-block;
}

.nav_menu_bn05 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn05 a:hover img {
    visibility: hidden;
}

/* 左ナビメニュー06のロールオーバー */
.nav_menu_bn06 {
    background: url("../img/menu/left_menu_v5_05_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn06 a {
    display: inline-block;
}

.nav_menu_bn06 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn06 a:hover img {
    visibility: hidden;
}

/* 左ナビメニュー07のロールオーバー */
.nav_menu_bn07 {
    background: url("../img/menu/left_menu_v5_06_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn07 a {
    display: inline-block;
}

.nav_menu_bn07 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn07 a:hover img {
    visibility: hidden;
}

/* 左ナビメニュー08のロールオーバー */
.nav_menu_bn08 {
    background: url("../img/menu/left_menu_v5_07_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn08 a {
    display: inline-block;
}

.nav_menu_bn08 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn08 a:hover img {
    visibility: hidden;
}

/* 左ナビメニュー09のロールオーバー */
.nav_menu_bn09 {
    background: url("../img/menu/left_menu_v5_08_02.gif") no-repeat;
	background-position: 9px 0px
}

.nav_menu_bn09 a {
    display: inline-block;
}

.nav_menu_bn09 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_menu_bn09 a:hover img {
    visibility: hidden;
}


/* 施工例ナビメニュー01のロールオーバー */
.nav_const_menu_bn01 {
    background: url("../img/work/menu_11_2.gif") no-repeat;
	background-position: 0 0
}

.nav_const_menu_bn01 a {
    display: inline-block;
}

.nav_const_menu_bn01 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_const_menu_bn01 a:hover img {
    visibility: hidden;
}

/* 施工例ナビメニュー02のロールオーバー */
.nav_const_menu_bn02 {
    background: url("../img/work/menu_12_2.gif") no-repeat;
	background-position: 0 0
}

.nav_const_menu_bn02 a {
    display: inline-block;
}

.nav_const_menu_bn02 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_const_menu_bn02 a:hover img {
    visibility: hidden;
}

/* 施工例ナビメニュー03のロールオーバー */
.nav_const_menu_bn03 {
    background: url("../img/work/menu_13_2.gif") no-repeat;
	background-position: 0 0
}

.nav_const_menu_bn03 a {
    display: inline-block;
}

.nav_const_menu_bn03 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_const_menu_bn03 a:hover img {
    visibility: hidden;
}

/* 施工例ナビメニュー04のロールオーバー */
.nav_const_menu_bn04 {
    background: url("../img/work/menu_14_2.gif") no-repeat;
	background-position: 0 0
}

.nav_const_menu_bn04 a {
    display: inline-block;
}

.nav_const_menu_bn04 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_const_menu_bn04 a:hover img {
    visibility: hidden;
}

/* 施工例ナビメニュー05のロールオーバー */
.nav_const_menu_bn05 {
    background: url("../img/work/menu_20_2.gif") no-repeat;
	background-position: 0 0
}

.nav_const_menu_bn05 a {
    display: inline-block;
}

.nav_const_menu_bn05 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_const_menu_bn05 a:hover img {
    visibility: hidden;
}

/* 施工例ナビメニュー06のロールオーバー */
.nav_const_menu_bn06 {
    background: url("../img/work/menu_18_2.gif") no-repeat;
	background-position: 0 0
}

.nav_const_menu_bn06 a {
    display: inline-block;
}

.nav_const_menu_bn06 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_const_menu_bn06 a:hover img {
    visibility: hidden;
}

/* 施工例ナビメニュー07のロールオーバー */
.nav_const_menu_bn07 {
    background: url("../img/work/menu_22_02.gif") no-repeat;
	background-position: 0 0
}

.nav_const_menu_bn07 a {
    display: inline-block;
}

.nav_const_menu_bn07 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_const_menu_bn07 a:hover img {
    visibility: hidden;
}


/* モデルハウスナビメニュー01のロールオーバー */
.nav_model_menu_bn01 {
    background: url("../img/model_house/model_img93_2.gif") no-repeat;
	background-position: 0 0
}

.nav_model_menu_bn01 a {
    display: inline-block;
}

.nav_model_menu_bn01 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_model_menu_bn01 a:hover img {
    visibility: hidden;
}

/* モデルハウスナビメニュー02のロールオーバー */
.nav_model_menu_bn02 {
    background: url("../img/model_house/model_img103_2.gif") no-repeat;
	background-position: 0 0
}

.nav_model_menu_bn02 a {
    display: inline-block;
}

.nav_model_menu_bn02 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_model_menu_bn02 a:hover img {
    visibility: hidden;
}

/* モデルハウスナビメニュー03のロールオーバー */
.nav_model_menu_bn03 {
    background: url("../img/model_house/model_menu_img05_02.gif") no-repeat;
	background-position: 0 0
}

.nav_model_menu_bn03 a {
    display: inline-block;
}

.nav_model_menu_bn03 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_model_menu_bn03 a:hover img {
    visibility: hidden;
}

/* モデルハウスナビメニュー04のロールオーバー */
.nav_model_menu_bn04 {
    background: url("../img/model_house/model_img96_2.gif") no-repeat;
	background-position: 0 0
}

.nav_model_menu_bn04 a {
    display: inline-block;
}

.nav_model_menu_bn04 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_model_menu_bn04 a:hover img {
    visibility: hidden;
}


/* モデルハウスナビメニュー05のロールオーバー */
.nav_model_menu_bn05 {
    background: url("../img/model_house/model_menu_img02_v02.gif") no-repeat;
	background-position: 0 0
}

.nav_model_menu_bn05 a {
    display: inline-block;
}

.nav_model_menu_bn05 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_model_menu_bn05 a:hover img {
    visibility: hidden;
}


/* モデルハウスナビメニュー06のロールオーバー */
.nav_model_menu_bn06 {
    background: url("../img/model_house/model_img104_2.gif") no-repeat;
	background-position: 0 0
}

.nav_model_menu_bn06 a {
    display: inline-block;
}

.nav_model_menu_bn06 a:hover {
	background-color: transparent; /* IE6対応 */
}

.nav_model_menu_bn06 a:hover img {
    visibility: hidden;
}



/* スマホ用ナビボタン */
.sp_nav_btn {
	width:30px;
	height:35px;
	border:0;
	margin-right:30%;
	margin-top:45px;
	padding:0;
	background-image: url('../img/sp_navmenu_button.png');
}


/* スマホ用ナビメニュー */
.sp_nav_bottom {
	margin-bottom:2%;
	padding-right:1%;
	padding-left:1%;
}

.sp_nav_wrapper {
	width:98%;
	margin:30px auto 0 auto;
}



/* フェード動画 */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  
/* リンク色個別設定 */

.type1 { color:blue; }
a:link.type1{
	color:#FFFFFF;
	font-weight:bolder;
	background-color:#333333;
	color:#ffffff;
	padding:3px;
}
a:visited.type1{
	color:#FFFFFF;
	font-weight:bolder;
	background-color:#333333;
	color:#ffffff;
	padding:3px;
}
a:hover.type1{
	background-color:#333333;
}

/* ここまで */

/* リンク色個別設定02 */

.type02 { color:#ffffcc; }
a:link.type02{
	color:#FFFFFF;
	font-weight:bolder;
	background-color:#ffffff;
	color:#ffffff;
	padding:3px;
}
a:visited.type02{
	color:#FFFFFF;
	font-weight:bolder;
	background-color:#ffffff;
	color:#ffffff;
	padding:3px;
}
a:hover.type02{
	background-color:#ffffff;
}

/* ここまで */

/* リンク色個別設定03 */

a:link.type03{
	color:#666666;
	font-weight:bolder;
	background-color:#ffffff;
	color:#ffffff;
	padding:3px;
}
a:visited.type03{
	color:#666666;
	font-weight:bolder;
	background-color:#ffffff;
	color:#ffffff;
	padding:3px;
}
a:hover.type03{
	background-color:#ffffff;
}

/* ここまで */

.waku {
	width: 902px;
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-color: #999999; 
	border-style: solid;
}

.midashi {
  color: #3B7EA0; /* 文字の色 */
  border-left-color: #003A5B; /* 左枠の色 */
  padding: 0px 0px 0px 8px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 3px; /* 枠の幅 */
  margin: 2px 0px;
}

/* ボックス全体をリンク */

.linkbox{
	width:100%;
	line-height:1.5;
	}
.box_hover{
	background:#333333;
	cursor:pointer;
	}
.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}
	
/* ここまで */

/* テーブル装飾 */
.sv{
    border-left:1px solid;
    border-collor:#ffffff;
}

.sv02{
    border-bottom:1px solid;
    border-collor:#ffffff;
}

/* テーブル内フォントサイズ */
.t_fon{
    font-size:1.4em;
}


/* ボックス全体をリンクに_201203 */

.links {
        list-style-type: none;
        width: 240px;
        margin: 0 auto;
		border:0;
}

.links a {
        color: #000000;
        display: block;
        font: normal 100%;
        padding:0;
		margin:0;
        text-decoration: none;
		border:0;
}

 * html .links a {  /* make hover effect work in IE */
	width: 240px;
	background-color:#ffffff;
}

 * html .links a:hover {  /* make hover effect work in IE */
	background-color:#D9E6F0;
}

.links a:hover {
        background-color: #D9E6F0;
		text-decoration: none;
		color:#000000;
}

.links a p {
        color: #000000;
        font: normal 100%;
        line-height: 150%;
		margin-top:5px;
}

/* ボックス全体をリンクにここまで */

/* ボックス全体をリンクに_201203_02 */

.links02 {
        list-style-type: none;
        width: 200px;
        margin: 0;
		border:0;
}

.links02 a {
        color: #000000;
        display: block;
        font: normal 100%;
        padding:0;
		margin:0;
        text-decoration: none;
		border:0;
}

 * html .links02 a {  /* make hover effect work in IE */
	width: 200px;
	background-color:#ffffff;
}

 * html .links a:hover {  /* make hover effect work in IE */
	background-color:#D9E6F0;
}

.links02 a:hover {
        background-color: #D9E6F0;
		text-decoration: none;
		color:#000000;
}

.links02 a p {
        color: #000000;
        font: normal 100%;
        line-height: 150%;
		margin-top:0px;
}

/* ボックス全体をリンクにここまで */


/* ボックス全体をリンクに_201203_03 */

.links04 {
        list-style-type: none;
        width: 430px;
        margin: 0;
		border:0;
}

.links03 a {
        color: #000000;
        display: block;
        font: normal 100%;
        padding:0;
		margin:0;
        text-decoration: none;
		border:0;
}

 * html .links03 a {  /* make hover effect work in IE */
	width: 430px;
	background-color:#ffffff;
}

 * html .links a:hover {  /* make hover effect work in IE */
	background-color:#D9E6F0;
}

.links03 a:hover {
        background-color: #D9E6F0;
		text-decoration: none;
		color:#000000;
}

.links03 a p {
        color: #000000;
        font: normal 100%;
        line-height: 150%;
		margin-top:0px;
}

/* ボックス全体をリンクにここまで */

/* ボックス全体をリンクに_201203_04 */

.links04 {
        list-style-type: none;
        width: 320px;
        margin: 0;
		border:0;
}

.links04 a {
        color: #000000;
        display: block;
        font: normal 100%;
        padding:0;
		margin:0;
        text-decoration: none;
		border:0;
}

 * html .links04 a {  /* make hover effect work in IE */
	width: 320px;
	background-color:#ffffff;
}

 * html .links a:hover {  /* make hover effect work in IE */
	background-color:#D9E6F0;
}

.links04 a:hover {
        background-color: #D9E6F0;
		text-decoration: none;
		color:#000000;
}

.links04 a p {
        color: #000000;
        font: normal 100%;
        line-height: 150%;
		margin-top:0px;
}

/* ボックス全体をリンクにここまで */



/* フォント_明朝体指定 */
.font_style {
	font-weight:normal;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	margin-bottom:5px;
}

/* フォント_字間指定 */
.font_style_lspace {
	letter-spacing:2px;
}

/* 各ページのページタイトル背景画像 */
.page_title_img {
	background-image: url("../img/page/page_title_bg.gif");
	background-repeat: no-repeat;
}

/* モデルハウスページのページタイトル背景画像 */
.model_page_title_img {
	background-image: url("../img/page/page_title_bg02.gif");
	background-repeat: no-repeat;
}

/* 見出し(h2)の指定 */
.h2_width {
	width:489px;
	height:107px;
	padding-left:90px;
	padding-right:20px;
	padding-top:10px;
	margin-top: 0;
	margin-bottom: 0;
}

/* モデルハウスページの見出し(h2)の指定 */
.model_h2_width {
	width:100%;
	height:107px;
	padding-left:90px;
	padding-right:20px;
	padding-top:10px;
	margin-top: 0;
	margin-bottom: 0;
}

/* 見出し(h2)用のposition指定 */
.h2_position {
	position:relative;
}

/* スマホ時の見出し(h2)の指定 */
@media (max-width:767px){
	.h2_width , .model_h2_width {
		width:100%;
		padding-top:12px;
	}
	
	.model_h2_width {
		padding-left:70px;
		padding-right:0;
	}
	
	.model_page_title_img {
		background-size: 550px;
	}
}

/* タブレット時の見出し(h2)の指定 */
@media (max-width:992px){
	.h2_width {
		margin-bottom:25px;
	}
}

/* 見出し(h2)の中のpタグ */
.h2_in_p {
	font-size:100%;
	line-height:135%;
	width:380px;
	position:absolute;
	top:48px;
	left:108px;
}

/* モデルハウスの見出し(h2)の中のpタグ */
.model_h2_in_p {
	font-size:100%;
	line-height:135%;
	width:78%;
	position:absolute;
	top:48px;
	left:108px;
}

/* スマホ時の見出し(h2)、モデルハウスの見出しの中のpタグ */
@media (max-width:767px){
	.h2_in_p , .model_h2_in_p {
		position:static;
		margin-top:20px;
		margin-bottom:20px;
		width:100%;
	}
}

/* 右側コンテンツの枠幅 */
.right_content_width {
	width:97%;
	margin:0 auto 50px auto;
}

/* タブレット時の右側コンテンツの枠幅 */
@media (max-width:992px){
	.right_content_width {
		width:94%;
	}
}

/* スマホ時の右側コンテンツの枠幅 */
@media (max-width:767px){
	.right_content_width {
		width:80%;
	}
}

/* ヘッダー下、大枠上部の線 */
.id_wrap_top_border {
	border-top:3px solid #FFD70B;
}

/* タブレット時の右側コンテンツの枠幅 */
@media (max-width:992px){
	.link_group_wrapper {
		width:514px;
		margin:0 auto;
	}
}

/* スマホ時の右側コンテンツの枠幅 */
@media (max-width:767px){
	.link_group_wrapper {
		width:240px;
		margin:0 auto;
	}
	
	.link_group_wrapper_const {
		width:208px;
		margin:0 auto;
	}
}

/* リンク右余白調整 */
.link_right_m {
	margin-right:17px;
	margin-bottom:30px;
	float:left;
}

.link_right_m_width {
	width:240px;
}

/* 施工例用リンク右余白調整 */
.link_right_m_const {
	margin-right:47px;
	margin-bottom:30px;
	float:left;
}

/* スマホ時のリンク右余白調整 */
@media (max-width:767px){
	.link_right_m {
		margin-right:0;
	}
	
	.link_right_m_const {
		margin-right:0;
	}
}

/*「スカンジナビアフラット」タイトル文字のサイズ調整*/
.safari_font {
	letter-spacing: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.safari_font {
		letter-spacing: -3.5px; /* safari */
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.safari_font:not(:target) {
		letter-spacing: -0.5px; /* IE11 */
	}
}

.safari_font:not(:target) {
	letter-spacing: -0.5px\9; /* IE9, 10 */
}


/* 「アーカイブ」バナー */
.archive_bn {
	margin-top:10px;
}


/* モデルハウスのh3装飾指定 */
.model_h3_style {
	width:100%;
	padding:5px;
	background-color:#006AB8;
	text-align:center;
	color:#ffffff;
}

/* モデルハウスのフォント字間指定 */
.model_safari_font {
	letter-spacing: -0.8px;
}




/* 施工例のナビメニュー指定 */
nav.const_nav {
	margin:30px 0;
}

ul.const_nav {
	list-style-type: none;
	margin-left:0;
	padding-left:0;
}

li.const_nav {
	float:left;
	margin-bottom:5px;
	margin-right:5px;
}

/* スマホ用施工例のナビメニュー指定 */
nav.const_nav_sp {
	margin-bottom:10%;
}


/* 施工例h3用指定 */
h3.const_h3_style {
	border-left:7px solid #750F0D;
	padding:10px 0 10px 12px;
	margin-top:0;
}



/* 施工例h3用左の余白指定 */
.const_left_space {
	padding-left:0;
}

/* 施工例アーカイブh3用下の余白指定 */
.const_left_space_archives {
	padding-bottom: 5px;
}

/* 施工例h3下のテキスト指定 */
.const_p_style {
	font-size:0.9em;
	line-height:1.3em;
	margin:0 0 10px 0;
}


/* 施工例各邸宅テキストリンク指定 */
.const_link_style {
	display:block;
	margin-top:10px;
	color:#000000;
	text-decoration:none;
}

a:link.const_link_style {
	color:#000000;
	text-decoration:none;
}

a:visited.const_link_style {
	color:#000000;
	text-decoration:none;
}

a:hover.const_link_style {
	color:#000000;
	text-decoration:none;
}

/* 施工例h3タイトルのグラデーション指定 */
.bg_h3 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.58, #fff));
	background: -webkit-linear-gradient(top, #fff 57%, #e6e6e6 100%);
	background: -moz-linear-gradient(top, #fff 57%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #fff 57%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #fff 57%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #fff 57%, #e6e6e6 100%);
	
	border:1px solid #D8D8D8;
	margin-bottom:30px;
	padding:10px 10px 0 10px;
}

/* スマホ用各カテゴリへのセレクトボックス指定 */
select.form_control_sp {
    color: #000000;
	width:100%;
    height: 45px;
    font-size: 100%;
    padding: 12px 50px 12px 12px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background: #FFF url(../../img/menu/select_arrow.jpg) no-repeat right;
}


/* 施工例内容部分の枠 */
.const_article_wrapper {
	width:600px;
	margin:0 auto;
}

/* タブレット時の施工例内容部分の枠 */
@media (max-width:992px){
	.const_article_wrapper {
		width:95%;
	}
}

/* スマホ時の施工例内容部分の枠 */
@media (max-width:767px){
	.const_article_wrapper {
		width:100%;
	}
}

/* タブレット時の1列レイアウトの枠 */
@media (max-width:992px){
	.onerow {
		width:87.3%;
		margin:0 auto;
	}
}

/* スマホ時の1列レイアウトの枠 */
@media (max-width:767px){
	.onerow {
		width:208px;
		margin:0 auto;
	}
}

/* 1列レイアウト(写真縦長)の枠 */
.one_contents_vlong {
	width:49%;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width:767px){
	.one_contents_vlong {
		width:208px;
		margin-left:auto;
		margin-right:auto;
	}
}


/* 2列レイアウトの枠 */
.layout_tworows_wrapper {
	width:600px;
}

/* 2列レイアウトの左枠、右枠 */
.layout_tworows_left {
	width:47%;
	height:auto;
	margin-right:6%;
	margin-bottom:20px;
	float:left;
}

.layout_tworows_right {
	width:47%;
	height:auto;
	margin-bottom:20px;
	float:right;
}

/* 2列レイアウト写真のみの左枠、右枠 */
.layout_tworows_left_p {
	width:47%;
	height:auto;
	margin-right:6%;
	float:left;
}

.layout_tworows_right_p {
	width:47%;
	height:auto;
	float:right;
}

/* スマホ時の2列レイアウトの左枠、右枠 */
@media (max-width:767px){
	.layout_tworows_left {
		width:208px;
		height:auto;
		margin:0 auto 15% auto;
	}

	.layout_tworows_right {
		width:208px;
		height:auto;
		margin:0 auto 15% auto;
	}
	
	.layout_tworows_left_p {
		width:208px;
		height:auto;
		margin:0 auto 15% auto;
	}

	.layout_tworows_right_p {
		width:208px;
		height:auto;
		margin:0 auto;
	}
}

/* タブレット時の2列レイアウトの枠 */
@media (max-width:992px){
	.layout_tworows_wrapper {
		width:87.3%;
		margin:0 auto;
	}
}

/* スマホ時の2列レイアウトの枠 */
@media (max-width:767px){
	.layout_tworows_wrapper {
		width:208px;
		margin:0 auto;
	}
}

/* 改行タイミング調整 */
@media (max-width: 767px) {
	.br-sp { display:none; }
}

/* 写真とテキスト下の余白 */
.contents_bottom_margin {
	margin-bottom:50px;
}

/* 拡大用写真のポインタ指定 */
.photo_marker {
	cursor: pointer;
}

/* 施工例各内容の大見出し指定 */
.h4_const_fstyle {
	font-weight:bold;
	line-height:130%;
	border-left:5px solid #750F0D;
	letter-spacing: 2px;
	color:#750F0D;
	padding-left:10px;
}


/* 写真下のフォント指定 */
.h5_const_fstyle {
	font-weight:bold;
	color:#750F0D;
}

/* 写真下の文章のみ指定 */
.photo_bottom_txt {
	margin-top:2%;
	display: block;
}

/* 施工例モーダルウィンドウ内画像の余白設定 */
.m_window_margin {
	margin:0 auto;
}

/* 次へ前へのリンク指定 */
.link_icon_left:before {
	content : url(../../img/page/page_back_icon.gif) ;
	position : relative;
	bottom : -10px;
	margin-right : 5px;
}

.link_icon_right:after {
	content : url(../../img/page/page_next_icon.gif) ;
	position : relative;
	bottom : -10px;
	margin-left : 5px;
}



/* スマホ時の次へ前へ一覧へ戻る指定 */
.spnav_backnxt_style01 {
	margin-bottom:10%;
	width:100%;
}

.spnav_backnxt_lft {
	width:50%;
	float:left;
}

.spnav_backnxt_rit {
	width:50%;
	float:right;
}

.spnav_backnxt_list {
	width:100%;
}



/* 施工例フリースタイル　写真の枠 */
.frees_photo_bgcolor {
	border:5px solid #BBE0E3;
}

/* 施工例フリースタイル　テキスト背景色 */
.frees_txt_bgcolor {
	background-color:#BBE0E3;
	padding:10px;
}

/* モデルハウス　写真の枠 */
.mhouse_photo_bgcolor {
	border:5px solid #FBCD99;
}

/* モデルハウス　テキスト背景色 */
.mhouse_txt_bgcolor {
	background-color:#FBCD99;
	padding:10px;
}

/* モデルハウス　画像下の余白 */
.mhouse_photo_bottom {
	margin-bottom:2%;
}

/* モデルハウス　PC用ナビメニュー枠 */
.mhouse_pc_nav_wrapper {
	width:102%;
	margin-top:3%;
}

/* モデルハウス　PC用ナビメニュー小枠 */
.mhouse_pc_nav_sm_wrapper {
	margin-bottom:3%;
}

/* モデルハウス　PC用ナビメニュー下の余白 */
.mhouse_pc_nav_title_bottom {
	margin-bottom:10px;
}

/* モデルハウス　PC用ナビメニュー各項目 */
.mhouse_pc_nav_content_ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

.mhouse_pc_nav_content_li {
	float:left;
}

/* モデルハウス　間取り部分の装飾 */
.mhouse_floorp_h4 {
	width:100%;
	padding:2% 3%;
	background-color:#000000;
	color:#ffffff;
	margin-bottom:4%;
}

/* モデルハウス　平面図 */
.mhouse_topview_bottom {
	margin-bottom:15%;
}

.mhouse_topview_in {
	width:100%;
	margin:0 auto;
	text-align:center;
}

.mhouse_topview_img {
	width:100%;
	margin-bottom:10px;
}

.mhouse_topview_expansion {
	margin-bottom:10px;
}

/* モデルハウス　地図 */
.mhouse_map_h4 {
	width:100%;
	padding:2% 3%;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

.mhouse_map_wrapper {
	width:100%;
	height:400px;
	overflow:hidden;
	border:0;
}


/* モデルハウス内のテーブル */
.model_table01{
	width: 60%;
	border-collapse: collapse;
	margin:0 auto 10% auto;
}

.model_table01 td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #000000;
}

@media (max-width:767px){
	.model_table01{
		width: 100%;
	}
}



/* ------------ここから新たに追加分------------ */

/* ロゴ */
.logo_wp {
	width:87px;
	float:left;
}

/* ヘッダー */
.header_wp {
	width:950px;
	margin:10px auto;
}

.header_left {
	width:80%;
	float:left;
}

.header_right {
	width:60%;
	float:right;
}

.header_copy {
	width:200px;
	margin-right:90px;
	float:right;
}

.header_tag_wp {
	position: fixed !important;
	position: absolute;
	z-index:2; width:100%; background-color:#ffffff;
}

@media (max-width:992px){
.logo_wp {
	width:70px;
}

.header_wp {
	width:95%;
}

.header_left {
	width:90%;
}

.header_right {
	width:10%;
}

.header_copy {
	width:130px;
	margin-right:0;
	float:left;
}

.header_copy h1 {
	font-size:80%;
}
}

/* 画像自動切換え */
.auto_photo_change {
	padding-top:130px;
}

.auto_photo_change_wp {
	max-width:950px;
	margin:0 auto;
}

@media (max-width:992px){
.auto_photo_change {
	padding-top:0;
}
}

/* フッター */
.footer_wp {
	max-width:950px;
	margin:0 auto 20px auto;
}

.footer_wp_left {
	width:50%;
	float:left;
}

.footer_wp_right {
	width:50%;
	float:right;
	text-align:right;
}



@media (max-width:767px){
.footer_wp_left {
	width:100%;
	float:none;
	text-align:center;
	font-size:130%;
	padding:5%;
	padding-bottom:32px;
	border-bottom:1px solid #999999;
}

.footer_wp_right {
	width:100%;
	float:none;
	text-align:center;
	font-size:130%;
	padding:5%;
}

}

/* 資料請求、見学予約、スウェーデンバナーグループ */
.three_bn_group {
	width:536px;
	margin-left:auto;
}

/* PC用ナビゲーションメニュー */
.pc_nav_group {
	background-image: url('../img/top/newtop02_img09.gif');
	width:100%;
	height:42px;
	margin-bottom:10px;
}

.pc_nav_group_width {
	width:960px;
	margin:0 auto;
}

.pc_nav_group_simple {
	padding-right: 5px;
	padding-left: 5px;
}

.pc_nav_menu_link_style {
	background-position: 5px 14px;
	background-repeat: no-repeat;
	padding-top:10px;
	margin-top:2px;
	height:40px;
	text-align:center;
	display:block;
	border-left:1px solid #bfbfbf;
	color:#000000;
}

.pc_nav_menu_link_style_last {
	background-position: 5px 14px;
	background-repeat: no-repeat;
	padding-top:10px;
	margin-top:2px;
	height:40px;
	text-align:center;
	display:block;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	color:#000000;
}

/* 住まいの施工例以下 */
.section_contnt_wp {
	max-width:950px;
	margin:0 auto;
}

/* 1段目〜3段目 */
.section_contnt_wp_01_03 {
	max-width:950px;
	margin:0 auto;
	margin-bottom:20px;
}

/* 1段目の各枠 */
.first_stage_wp {
	width:32.5%;
	margin-right:1.2%;
	float:left;
}

/* 1段目の各枠の最後 */
.first_stage_wp_last {
	width:32.5%;
	float:left;
}

/* 1段目のリンク幅 */
.first_stage_link_wp {
	max-width:306px;
	margin-right:12px;
}

/* 1段目のリンク幅の最後 */
.first_stage_link_wp_last {
	max-width:306px;
}

/* 1段目のスマホ時 */
@media (max-width:767px){
.section_contnt_wp_01_03 {
	width:306px;
}

.first_stage_wp {
	width:306px;
	margin-right:0;
	float:none;
	margin-bottom:30px;
	text-align:center;
}

.first_stage_wp_last {
	width:306px;
	float:none;
	margin-bottom:30px;
}

.first_stage_link_wp {
	width:306px;
	margin-right:0;
	margin-bottom:30px;
}

.first_stage_link_wp_last {
	width:306px;
	margin-bottom:30px;
}
}


/* 2段目の各横幅 */
.second_stage_simple01_wp {
	width:23.5%;
	margin-right:1.8%;
	float:left;
}

.second_stage_simple01_wp_sp {
	width:23.5%;
	margin-right:1.8%;
	float:left;
}

/* 2段目の各横幅の最後 */
.second_stage_simple01_wp_last {
	width:23.5%;
	float:left;
}

.second_stage_link01_right {
	margin-right:14px;
}


/* 2段目のスマホ時 */

@media (max-width:767px){
.section_contnt_wp_01_03 {
	width:306px;
}

.second_stage_simple01_wp {
	width:306px;
	margin-right:0;
	float:none;
	margin-bottom:30px;
	text-align:center;
}

.second_stage_simple01_wp_last {
	width:306px;
	float:none;
	margin-bottom:30px;
}

.second_stage_link01_right {
	width:306px;
	margin-right:0;
	margin-bottom:30px;
}

.second_stage_simple01_wp_sp {
	width:306px;
	margin-bottom:30px;
}

}




/* 2段目以降の各横幅 */
.second_stage_simple_wp {
	width:23.5%;
	margin-right:1.8%;
	float:left;
}

.second_stage_simple_wp_sp {
	width:23.5%;
	margin-right:1.8%;
	float:left;
}

/* 2段目以降の各横幅の最後 */
.second_stage_simple_wp_last {
	width:23.5%;
	float:left;
}

.second_stage_link_right {
	margin-right:14px;
}



/* 2段目以降のスマホ時 */
@media (max-width:767px){
.second_stage_simple_wp {
	width:145px;
	margin-right:16px;
	margin-bottom:30px;
}

.second_stage_simple_wp_last {
	width:145px;
	margin-bottom:30px;
}

.second_stage_link_right {
	margin-right:0;
}

.second_stage_simple_wp_sp {
	width:145px;
	margin-right:0;
}

}

/* 3段目枠 */
.third_stage_wp {
	max-width:466px;
}

/* 3段目のFBバナー枠 */
.third_stage_fb_wp {
	width:47%;
	margin-bottom:40px;
	float:right;
}

/* 3段目のチーフデザイナーバナー枠 */
.third_stage_blog_bn {
	width:47%;
	margin-bottom:40px;
	float:left;
}

/* 3段目の右側の枠 */
.third_stage_right_wp {
	width:48.8%;
	float:left;
}

/* 3段目の左側の枠 */
.third_stage_left_wp {
	width:48.8%;
	margin-right:1.8%;
	float:left;
}

/* 3段目のスマホ時 */
@media (max-width:767px){
.third_stage_blog_bn {
	width:145px;
	margin-bottom:40px;
	float:left;
}

.third_stage_right_wp {
	width:306px;
	float:none;
}

.third_stage_left_wp {
	width:306px;
	margin-right:0;
	float:none;
	margin-bottom:40px;
}

.third_stage_fb_wp {
	width:145px;
	margin-bottom:40px;
	float:right;
}
}


/* 画像右の余白 */
.img_m_right {
	margin-right:10px;
}

/* 画像の横幅 */
.img_w_width {
	max-width:100%;
}

/* 見出しスタイル */
.h2_bg_image_style {
	background-image: url('../img/menu/newtop02_img09_noborder.png');
	width:100%;
	height:42px;
	font-size:16px;
	padding-left:10px;
	padding-top:10px;
}

/* ページ下段のpスタイル */
.bottom_p_sytle {
	border-top:2px solid #005CAC;
	border-bottom:1px solid #999999;
	padding:10px;
}

/* 関連サイト下余白 */
.related_sites_bottom {
	margin-bottom:20px;
}

/* NEWS部分 */
.news_wp {
	padding:0 10px;
}

/* 画面下部バナーグループ */
.bottom_bn_group {
	display:block;
	margin-bottom:10px;
}

/* 画面下部バナーグループの枠 */
.bottom_bn_group_wp {
	width:47%;
	padding:5px;
	background-color:#e7e7e7;
	float:right;
}

/* 画面下部SWバナーの枠 */
.sw_bn_wp {
	width:47%;
	margin-right:1.8%;
	float:left;
}