@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	background-image: url(../images/t_head.png);
	background-repeat: repeat-x;
	background-position: 0px 55px;
}

#wrapper {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#header {
    width: 950px;
	height: 45px;
	padding-top: 8px;
	padding-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
.head_l {
float: left;
margin-left: 25px;
}
.head_r {
float: right;
margin-right: 25px;
}
#catch {
   width: 100%;
   position: relative;
   margin: 0px;
   padding: 0px;
}
#catch p{
	margin: 0px;
	padding: 0px;
}

.main_catch1 {
	display: block;
	overflow: hidden;
	height: 50%;
	width: 50%;
	text-indent: -9999px;
	background-image: url(../images/main_catch1.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 229px;
	top: 227px;
	background-size: 425px 110px;
}
.main_catch2 {
	display: block;
	overflow: hidden;
	height: 210px;
	width: 90px;
	text-indent: -9999px;
	background-image: url(../images/main_catch2.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 290px;
	top: 69px;
	background-size: 90px 210px;
}
/*グローバルナビ--------------------------------------------------------------*/
#globalmenu {
	width: 950px;
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/c_gnavi_off.png);
}
#globalmenu ul {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#globalmenu li {
	display:inline;
	float: left;
}
#globalmenu  li a {
	display: block;
	text-indent:-9999px;
	text-decoration: none;
	height: 33px;
	padding-top: 9px;
	text-align: center;
}
#menu1 {
    width: 105px;
}
#menu2 {
    width: 235px;
}
#menu3 {
    width: 105px;
}
#menu4 {
    width: 105px;
}
#menu5 {
    width: 105px;
}
#menu6 {
    width: 105px;
}
#menu7 {
    width: 190px;
}
#menu1 a:hover {
	background-image: url(../images/c_gnavi_on.png);
	background-position: 0px 84px;
}
#menu2 a:hover {
	background-image: url(../images/c_gnavi_on.png);
	background-position: -105px 252px;
}
#menu3 a:hover {
	background-image: url(../images/c_gnavi_on.png);
	background-position: -340px 42px;
}
#menu4 a:hover {
	background-image: url(../images/c_gnavi_on.png);
	background-position: -445px 42px;
}
#menu5 a:hover {
	background-image: url(../images/c_gnavi_on.png);
	background-position: -550px 42px;
}
#menu6 a:hover {
	background-image: url(../images/c_gnavi_on.png);
	background-position: -655px 42px;
}
#menu7 a:hover {
	background-image: url(../images/c_gnavi_on.png);
	background-position: -760px 42px;
}
.size100 {
width: 100px;
}
.size300 {
width: 300px;
}
/*NEWS--------------------------------------------------------------*/
#news {
	width: 950px;
	margin-top: 13px;
	padding-top: 18px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#news p{
	margin: 0px;
	padding: 0px;
}
#news_box {
	width: 732px;
	height: 103px;
	background-image: url(../images/news_banner_bg.png);
	background-size: 781px 130px;
	margin-left: 145px;
	padding-top: 14px;
	padding-bottom: 13px;
	padding-left: 50px;
}
.news_br {
	display: block;
	overflow: hidden;
	height: 100px;
	width: 140px;
	text-indent: -9999px;
	background-image: url(../images/news.png);
	position: absolute;
	right: 771px;
	top: 0px;
	background-size: 140px 100px;
}

/*コンテンツ--------------------------------------------------------------*/
#contents {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-left: 25px;
	padding-right: 25px;
	margin-left: auto;
	margin-right: auto;
}
#wood_bg {
    width: 1070px;
    background-image: url(../images/woods.png);
	background-size: 1070px 440px;
	background-repeat: no-repeat;
	background-position: 0px 70px;
	margin-left: auto;
	margin-right: auto;
}
.house_making {
	margin-top: 30px;
}
.house_making p{
	margin: 0px;
	padding: 0px;
}
.house_making_box1 {
	font-size: 15px;
	line-height: 24px;
	width: 320px;
}
.house_making_box1 p {
	margin-top: 0px;
	margin-bottom: 10px;
}

.house_making_box2 {
	font-size: 15px;
	line-height: 24px;
	width: 530px;
}
.house_making_box2 p {
	margin-top: 0px;
	margin-bottom: 10px;
}

/*施工実績--------------------------------------------------------------*/
#works {
	background-color: #F1F1EC;
	width: 900px;
	height: 500px;
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 45px;
	margin-left: auto;
	margin-right: auto;
}
#works_bg {
    width: 100%;
	height: 545px;
	background-color: #F1F1EC;
	margin-top: 50px;
}
#works p{
	margin: 0px;
	padding: 0px;
}
.construction01 {
	width: 280px;
	margin-right: 30px;
	float: left;
}
.construction02 {
    width: 280px;
	margin-right: 30px;
	float: left;
}
.construction03 {
    width: 280px;
	float: left;
}

/*メディアー--------------------------------------------------------------*/
.media {
text-align: center;
margin-top: 50px;
}


/*フッター--------------------------------------------------------------*/
#footer {
	width: 100%;
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
#footer p{
	margin: 0px;
	padding: 0px;
}
#f_banner_box {
    width: 100%;
   	background-image: url(../images/f_bg.png);
	background-size: 66px 333px;
	background-repeat: repeat;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center
}
#f_info_box {
    margin-top: 20px;
	margin-bottom: 10px;
    width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.info_smile {
width: 620px;
font-size: 12px;
float: left;
}
.info_menu {
float: right;
}
.f_logo {
float: left;
margin-right: 20px;
}
.address {
margin-top: 20px;
line-height: 20px;
color: #3e3e3e;
}
ul#info1 {
	width: 160px;
	margin:5px 10px 0px 0px; 
	padding: 0px;
	float: left;
}
ul#info1 li {
    font-size: 11px;
	list-style-type:none;
	display:inline;
}
ul#info1 li a {
    display:block;
	color: #3e3e3e;
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	background-position:left center;
	text-decoration: none;
	padding:2px 0px 2px 15px;
	margin:2px 0px 2px 0px;
}

ul#info2 {
	width: 90px;
	margin:25px 0px 0px 0px;
	padding: 0px;
	float: left;
}
ul#info2 li {
    font-size: 11px;
	list-style-type:none;
	display:inline;
}
ul#info2 li a {
    display:block;
	color: #3e3e3e;
	background-image: url(../images/list.png);
	background-repeat: no-repeat;
	background-position:left center;
	text-decoration: none;
	padding:2px 0px 2px 15px;
	margin:2px 0px 2px 0px;
}
#copylight {
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	background-color: #290F00;
	padding-top: 15px;
	padding-bottom: 20px;
}



.font-b {
font-size: 15px;
color: #979797;
}
.font-s {
font-size: 11px;
color: #979797;
}

.m-b30 {
 margin-bottom: 30px;
}
.m-b20 {
 margin-bottom: 20px;
}
.m-b10 {
 margin-top: 10px;
}
.m-t30 {
 margin-top: 30px;
}
.m-t20 {
 margin-top: 20px;
}
.m-t10 {
 margin-top: 10px;
}
.gazou1 {
	float: right;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:hover img {
   opacity: 0.5;
}
/*見出し・その他*/
h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
h3 {
	margin: 0px;
	padding: 0px;
}
/*-- PC版表示CSS CはA画像、スマホはB画像と切り替える場合はこちらのタグを使う --*/
.pc_area{
  display:block;
}
.phone_area{
  display:none;
}



/*ここからスマホのCSS--------------------------------------------------------------*/
/* スマホ　767px以下 */
@media only screen and (max-width: 767px){
body {
	margin: 0;
	padding: 0;
	background-image: none;
}
	#header {
	width: 100%;
    padding-top: 65px;
	}
	.head_l {
	float: none;
    margin:0px 10px 0px 10px;
    }
    .head_r {
	float: none;
    margin:0px 10px 0px 10px;
    }
	#wrapper {width: 100%;
	}
	#contents {width: 100%;
	}
	.top{
		width: 100%;
		height: auto;
	}
	#globalmenu {
	width: 100%;
	background-repeat: no-repeat;
	background-image: none;
}
#globalmenu ul {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#globalmenu li {
	display:inline;
}
#globalmenu  li a {
	display: block;
	width: 100%;
	text-decoration: none;
	height: 33px;
	padding-top: 15px;
	text-align: center;
}

#contents {
	width: 95%;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../images/wood.png);
	background-size: 1000px 440px;
	background-repeat: no-repeat;
	background-position: 0px 200px;
}
#wood_bg {
    width: 100%;
    background-image: none;
	margin-left: auto;
	margin-right: auto;
}
#news {
	width: 100%;
	padding-top: 35px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#news_box {
	width: 100%;
	height: 220px;
	background-image: url(../images/news_banner_bg.png);
	text-align: center;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
.news_br {

}

.house_making_box1 {
    margin-top: 20px;
	font-size: 18px;
	line-height: 28px;
	width: auto;
}

.house_making_box2 {
    margin-top: 20px;
	font-size: 18px;
	line-height: 28px;
	width: 100%;
}

#works {
	background-color: #F1F1EC;
	width: 100%;
	height: auto;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 50px;
	padding-bottom: 40px;
	margin-top: 50px;
}

.construction01 {
    width: 80%;
	float: right;
	padding-bottom: 10px;
}
#footer {
   margin-top: 50px;
}

#f_info_box {
    margin-top: 20px;
	margin-bottom: 10px;
    width:90%;
	margin-left: auto;
	margin-right: auto;
}
.info_smile {
width: 100%;
float: left;
}
.info_menu {
float: right;
}
.f_logo {
float: none;
margin-right: 0px;
}
.address {
margin-top: 0px;
margin-left: 20px;
line-height: 20px;
font-size: 15px;
color: #3e3e3e;
}

.gazou {
		width: 100%;
		height: auto;
	}
.gazou90 {
		width: 90%;
		height: auto;
	}
.gazou70 {
		width: 70%;
		height: auto;
	}
.gazou60 {
		width: 60%;
		height: auto;
	}
.pb20 {
  padding-bottom: 20px;
}
/*-- スマホ版非表示CSS　単純にスマホだけ表示させたくない場合はこっちのタグを使う  --*/
.spNone {
display:none; /*非表示*/
}



/*-- PCはA画像、スマホはB画像と切り替える場合はこちらのタグを使う  --*/
  .pc_area{
    display:none;
  }
.phone_area{
    display:block;
  }


}