@charset "UTF-8";
/* CSS Document */

/*
	ボディ
*/
body {
	letter-spacing: 0;
	color: #333333;
	background-color: #f5f5f5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.5;
	font-weight: normal;
	font-variant: normal;
	height: 100%;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
}


img {
border: none;
}

.space3pix { padding: 3px }


a { color: #2c4fbe; normal; text-decoration: none;}
a:visited  { color: #2c4fbe; normal; text-decoration: none;}
a:hover  { color: #d30303; normal; text-decoration: none;}


h1 {
	border: none;
	font-size: 12px;
	color: #333333;
	text-align: left;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
}


/*
	メインボックス
*/

#wrapper {
	text-align: left;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
}


/*
	ヘッダー
*/

.header_line {
	width: 1000px;
	height: 1px;
	background-color: #000;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.header {
	width: 1000px;
	height: 95px;
	margin: 0px;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
}


/*
	メニュー
*/

.menu {
	width: 1000px;
	height: 60px;
	margin: 0px;
	background-image: url(../img/menu_bc.jpg);
	background-repeat: repeat-x;
}


.breadcrumb {
	width: 960px;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 20px;
}


/*
	ボックス
*/

.title {
	width: 960px;
	float: left;
	margin-left: 20px;
	margin-bottom: 40px;
	height: 200px;
}

.main_box {
	width: 960px;
	float: left;
	margin-left: 20px;
	margin-bottom: 40px;
}


.l_flash {
	width: 520px;
	height: 340px
	text-align: left;
	float: left;
}

.top_l_box {
	width: 520px;
	text-align: left;
	float: left;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 20px;
}

.top_l_txt_m {
	width: 520px;
	text-align: left;
	float: left;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 32px;
	font-weight: bold;
}

.top_l_txt {
	width: 520px;
	text-align: left;
	float: left;
	font-size: 16px;
	line-height: 40px;
	background-image: url(../img/top_txt_line.png);
}


.top_r_box {
	width: 400px;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
	float: left;
}



.l_box1 {
	width: 500px;
	text-align: left;
	float: left;
	margin-bottom: 40px;
	margin-left: 20px;
}



.r_map {
	width: 400px;
	text-align: left;
	margin-bottom: 40px;
	margin-left: 60px;
	float: left;
	height: 400px;
}


.r_topi {
	width: 400px;
	height: 320px;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
	float: left;
}



/*
	木材利用ポイント
*/

.point_title {
	width: 280px;
	text-align: left;
	float: left;
	margin-bottom: 40px;
	margin-left: 20px;
	background-image: url(../point_img/point_title.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 230px;
}

.point_photo {
	width: 660px;
	text-align: left;
	float: left;
	margin-bottom: 40px;
	margin-left: 20px;
	height: 311px;
	background-image: url(../point_img/point_p01.jpg);
	background-repeat: no-repeat;
}

.point_box {
	width: 800px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 100px;
	float: left;
	background-image: url(../point_img/point_en.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.point_titlebox {
	width: 800px;
	text-align: left;
	margin-bottom: 10px;
	float: left;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	color: #000;
}

.point_m_txtbox {
	width: 800px;
	text-align: left;
	margin-bottom: 5px;
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

.point_txtbox {
	width: 760px;
	text-align: left;
	margin-bottom: 20px;
	float: left;
	margin-left: 40px;
}


/*
	エコ住宅
*/

.l_ecobox {
	width: 450px;
	text-align: left;
	float: left;
	margin-bottom: 40px;
	margin-left: 20px;
}

.eco_title {
	width: 450px;
	height: 160px;
	text-align: left;
	float: left;
	background-image: url(../eco_img/eco_title.png);
	background-repeat: no-repeat;
}

.eco_l_txt_m {
	width: 440px;
	text-align: left;
	float: left;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
}

.eco_l_txt {
	width: 440px;
	text-align: left;
	float: left;
	margin-left: 10px;
}


.r_ecobox_p {
	width: 450px;
	text-align: left;
	float: left;
	margin-bottom: 40px;
	margin-left: 60px;
	background-image: url(../eco_img/eco_bc.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 800px;
}


/*
	耐震住宅
*/

.l_taisinbox {
	width: 450px;
	text-align: left;
	float: left;
	margin-bottom: 40px;
	margin-left: 20px;
}

.taisin_title {
	width: 450px;
	height: 160px;
	text-align: left;
	float: left;
	background-image: url(../taisin_image/taisin_title.png);
	background-repeat: no-repeat;
}

.taisin_l_txt_m {
	width: 440px;
	text-align: left;
	float: left;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 30px;
}

.taisin_l_txt {
	width: 440px;
	text-align: left;
	float: left;
	margin-left: 10px;
}


.r_taisinbox_p {
	width: 450px;
	text-align: left;
	float: left;
	margin-bottom: 40px;
	margin-left: 60px;
	background-image: url(../taisin_image/taisin_bc.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 800px;
}



/*
	注文住宅・リフォーム
*/

.l_box450 {
	width: 450px;
	text-align: left;
	float: left;
	margin-bottom: 40px;
	margin-left: 20px;
}

.r_box450 {
	width: 450px;
	text-align: left;
	float: left;
	margin-bottom: 40px;
	margin-left: 60px;
}

.flow_m {
	width: 450px;
	text-align: left;
	float: left;
	height: 52px;
}

.flow_m2 {
	width: 450px;
	text-align: left;
	float: left;
	background-image: url(../architecturaldesign_img/flow_m2.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 10px;
}

.flow_m1 {
	width: 410px;
	text-align: left;
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 24px;
	padding-left: 40px;
}

.flow_txt {
	width: 390px;
	text-align: left;
	float: left;
	margin-left: 60px;
	padding-bottom: 20px;
}



/*
	施工例
*/

.arch_item {
	width: 960px;
	margin-left: 20px;
	text-align: left;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.arch_lbox {
	width: 220px;
	text-align: center;
	float: left;
}


.arch_lbox_bk {
	width: 220px;
	text-align: center;
	float: left;
	margin-top: 110px;
}

.arch_rbox {
	width: 700px;
	text-align: left;
	float: left;
	margin-left: 40px;
}

.arch_flash_bc {
	width: 700px;
	text-align: center;
	float: left;
	margin-left: 40px;
	background-image: url(../arch_images/ss.jpg);
	background-repeat: no-repeat;
	height: 410px;
	padding-top: 110px;
	background-position: top;
}


/*
	フッター
*/

.footer {
	width: 1000px;
	height: 210px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/footer_bc.gif);
	background-repeat: repeat-x;
	text-align: center;
}

.f_menu {
	width: 1000px;
	height: 100px;
	margin-top: 50px;
	text-align: center;
	float: left;
	line-height: 3em;
}

.f_cr {
	width: 1000px;
	height: 25px;
	margin-top: 35px;
	text-align: center;
	color: #FFF;
	float: left;
}

#top_btn {
	position: fixed;
	z-index: 1;
	height: 60px;
	width: 52px;
	right: 0px;
	bottom: 100px;
	overflow: hidden;
}


/*
	font
*/

.txt_bold {
	font-weight: bold;
}

.txt_18px {
	font-size: 18px;
	line-height: 2em;
	text-align: left;
}

.txt_12px {
	font-size: 12px;
	line-height: 2em;
	text-align: left;
	color: #CCC;
}


.end { clear: both; }