@charset "shift_jis";

/*----------------------------------------------------------------------------
 * FileName      : common.css
 * Copyright マクリー株式会社 		連絡先: info@macly.com
 * 目次
		body
		header
			contents
			sidebar
		footer
		共通css
		<中ページ>


----------------------------------------------------------------------------*/


a:link,a:visited {
	color: #624F4F;
}
a:hover,a:active {
	text-decoration: none;
	color: #CD0B01;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFDEE;
	color: #624F4F;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
#wrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 22px;
}
#contener{
	width: 100%;
	overflow: hidden;
	zoom: 1;
}



.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}


/*----------------------------------------------------------------------------

                                     header

----------------------------------------------------------------------------*/


#header {
	width: 1000px;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 15px;
}
#header h1 {
	width: 195px;
	margin-top: 30px;
	float: left;
} 
#header .logo {
	width: 100px;
	float: right;
}





/*----------------------------------------------------------------------------

                                     contents

----------------------------------------------------------------------------*/

#contents {
	float: right;
	width: 730px;
	margin-bottom: 20px;
	padding: 20px 20px 50px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
	behavior: url(../../css/pie/PIE.htc);
}
#contents h2{
	margin-bottom: 20px;
}
	

/*----------------------------------------------------------------------------

                                 sidebar

----------------------------------------------------------------------------*/
#sidebar{
	float: left;
	width: 195px;
	font-size: 0.7em;
	line-height: 1.4em;
}
#sidebar ul{
	padding-bottom: 35px;
}
#sidebar li{
}
p.sideLi{
	background-image: url(../../img/common/nav01.jpg);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 12px;
	padding-bottom: 40px;
}


/*----------------------------------------------------------------------------

                                     footer

----------------------------------------------------------------------------*/

#footer{
	clear: both;
	text-align: right;
	padding-bottom: 20px;
}
#footer ul{
}
#footer li{
	display: inline;
}




/*----------------------------------------------------------------------------

                                   BE-SYSTEM

----------------------------------------------------------------------------*/


/* ページ共通
----------------------------------------------- */


/* お問い合わせエリア */

#besystem_inquiry {
	width: 730px;
	height: 70px;
	overflow: hidden;
	zoom: 1;
	background: url(../../img/besystem/common/inquiry_bg.jpg) no-repeat left center;
}
#besystem_inquiry_p01{
	float: left;
	padding: 25px 0 0 30px;
}
#besystem_inquiry_p02{
	float: right;
	padding: 20px 30px 0 0;
}






/* BE システム index
----------------------------------------------- */
#besystem_index {
	width: 940px;
	margin-bottom: 20px;
	padding: 20px 30px 50px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
	behavior: url(../../css/pie/PIE.htc);
}
#besystem_index_title {
	width: 940px;
	padding-bottom: 50px;
	background: url(../../img/besystem/index/main_image.jpg) no-repeat left top;
}
#besystem_index_title h2 {
	padding: 130px 0 5px 20px;
}
#besystem_index_title p {
	font-size: 12px;
	line-height: 140%;
	padding: 0 30px 10px;
}
#besystem_index_navi {
	width: 980px;
	overflow: hidden;
	zoom: 1;
	margin-right: -40;
}

.besystem_index_navi_loop {
	position: relative;
	float: left;
	width: 450px;
	height: 180px;
	margin:0 40px 30px 0;
}

/* 各ページイメージ　背景パターン */

#besystem_index_navi .bg_trouble {
	background: url(../../img/besystem/index/bg_01.jpg) no-repeat left top;
}
#besystem_index_navi .bg_hour24 {
	background: url(../../img/besystem/index/bg_02.jpg) no-repeat left top;
}
#besystem_index_navi .bg_barrier_free {
	background: url(../../img/besystem/index/bg_03.jpg) no-repeat left top;
}
#besystem_index_navi .bg_warm_cool {
	background: url(../../img/besystem/index/bg_04.jpg) no-repeat left top;
}
#besystem_index_navi .bg_cost {
	background: url(../../img/besystem/index/bg_05.jpg) no-repeat left top;
}
#besystem_index_navi .bg_co2 {
	background: url(../../img/besystem/index/bg_06.jpg) no-repeat left top;
}

#besystem_index_navi h3 {
	text-align: right;
}
.besystem_index_navi_con {
	font-size: 12px;
	line-height: 140%;
	padding: 0 15px 0 226px;
}
.besystem_index_navi_bt {
	position: absolute;
	left: 275px;
	top: 120px;
}


/* 住まいの悩みを解決
----------------------------------------------- */

#besystem_trouble {
}
#besystem_trouble_con_01 {
	line-height: 120%;
}
#besystem_trouble_con_01_01 {
	width: 730px;
	height: 180px;
	background: url(../../img/besystem/trouble/con_01_bg_01.jpg) no-repeat left top;
}
#besystem_trouble_con_01_01 p {
	font-size: 13px;
	padding: 70px 0 0 35px;
}
#besystem_trouble_con_01_02 {
	width: 730px;
	height: 180px;
	background: url(../../img/besystem/trouble/con_01_bg_02.jpg) no-repeat left top;
}
#besystem_trouble_con_01_02 p {
	font-size: 13px;
	padding: 80px 30px 0 225px;
}
#besystem_trouble_con_02 {
	margin-bottom: 30px;
}
#besystem_trouble_con_03 {
	width: 730px;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 50px;
}
#besystem_trouble_con_03_left {
	width: 500px;
	font-size: 12px;
	float: left;
}
#besystem_trouble_con_03_left h3 {
	font-size: 16px;
	font-weight: bold;
	color: #F60;
	margin-bottom: 5px;
}
#besystem_trouble_con_03_left p {
	line-height: 130%;
	margin-bottom: 10px;
}
#besystem_trouble_con_03_left_p1 {
	height: 131px;
	font-size: 10px;
	color: #333;
	width: 413px;
	padding: 215px 50px 0 17px;
	background: url(../../img/besystem/trouble/con_03_02.jpg) no-repeat left top;
}

#besystem_trouble_con_03_right {
	width: 200px;
	float: right;
	padding-top: 20px;
}
.besystem_trouble_con_03_right_p1 {
	width: 180px;
	height: 43px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-align: center;
	padding: 7px 10px 0 10px;
	line-height: 125%;
	background: url(../../img/besystem/trouble/con_03_fukidashi.jpg) no-repeat left top;
}

/* 24時間全館無風暖房
----------------------------------------------- */

#besystem_hour24 {
	width: 730px;
	font-size: 13px;
	line-height: 140%;
}
#besystem_hour24_con_01 {
	margin-bottom: 50px;
}

#besystem_hour24_con_01_p1 {
	margin-bottom: 30px;
}
#besystem_hour24_con_01_float {
	width: 730px;
	overflow: hidden;
	zoom: 1; 
}
#besystem_hour24_con_01_left {
	width: 365px;
	float: left;
}
#besystem_hour24_con_01_left h3 {
	margin-bottom: 15px;
}
#besystem_hour24_con_01_left p {
	font-size: 13px;
	padding: 0 40px;
}

#besystem_hour24_con_01_right {
	float: left;
	width: 365px;
}
#besystem_hour24_con_01_right h3 {
	margin-bottom: 15px;
}
#besystem_hour24_con_01_right p {
	font-size: 13px;
	padding: 0 40px;
}


/* 温度のバリアフリー
----------------------------------------------- */

#besystem_barrier_free {
	width: 730px;
	font-size: 13px;
	line-height: 140%;
}
#besystem_barrier_free h2 {
	margin-bottom: 20px;
}
#besystem_barrier_free_con_01 {
	margin-bottom: 20px;
	width: 730px;
	overflow: hidden;
	zoom: 1;
}
#besystem_barrier_free_con_01_right {
	width: 520px;
	float: right;
	padding: 5px 0 0 20px;
	margin-bottom: 20px;
}
#besystem_barrier_free_con_02 {
	margin-bottom: 40px;
	width: 730px;
}
#besystem_barrier_free_con_02 h3 {
	margin-bottom: 10px;
}
#besystem_barrier_free_con_02 p {
}
#besystem_barrier_free_con_02_p1 {
	text-align: center;
	margin-bottom: 20px;
}
#besystem_barrier_free_con_02_p2 {
	margin-bottom: 20px;
}
#besystem_barrier_free_con_03 {
	clear: both;
	margin-bottom: 50px;
}
#besystem_barrier_free_con_03_p1 {
	padding-left: 15px;
	margin-bottom: 20px;
}


/* 冬暖かく夏は涼しい
----------------------------------------------- */

#besystem_warm_cool {
	width: 730px;
	font-size: 13px;
	line-height: 140%;
}
#besystem_warm_cool h2 {
	margin-bottom: 20px;
}
#besystem_warm_cool_con_01 {
	width: 730px;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}
#besystem_warm_cool_con_01_clear_01 {
	width: 730px;
	overflow: hidden;
	margin-bottom: 10px;
}
#besystem_warm_cool_con_01_left01 {
	float: left;
	width: 365px;
}
#besystem_warm_cool_con_01_left01 h3 {
	margin-bottom: 5px;

}
#besystem_warm_cool_con_01_left01 p {
	font-size: 16px;
	text-align: center;
	line-height: 160%;
}
#besystem_warm_cool_con_01_right01 {
	float: left;
	width: 365px;
}
#besystem_warm_cool_con_01_right01 h3 {
	margin-bottom: 5px;
}
#besystem_warm_cool_con_01_right01 p {
	font-size: 16px;
	text-align: center;
	line-height: 160%;
}
#besystem_warm_cool_con_01_clear_02 {
	width: 730px;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 50px;
	background: url(../../img/besystem/warm_cool/con_01_02.jpg) no-repeat center top;
}
#besystem_warm_cool_con_01_left02 {
	float: left;
	width: 240px;
	padding-left: 20px;
}
#besystem_warm_cool_con_01_left02 p {
}
#besystem_warm_cool_con_01_right02 {
	float: right;
	width: 250px;
	padding-right: 20px;
}


/* 電気代について
----------------------------------------------- */

#besystem_cost {
	width: 730px;
	font-size: 13px;
	line-height: 140%;
}
#besystem_cost h2 {
	margin-bottom: 20px;
}
#besystem_cost_con_01 {
	width: 730px;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 40px;
}
#besystem_cost_con_01 h3 {
	margin-bottom: 15px;
}
#besystem_cost_con_01 p {
	margin-bottom: 10px;
}
.besystem_cost_con_02 {

}
.besystem_cost_con_02 h3 {
	margin-bottom: 5px;
}
.besystem_cost_con_02_p1 {
	width: 290px;
	height: 185px;
	background: url(../../img/besystem/cost/con_03.jpg) no-repeat left top;
	padding: 215px 20px 0 420px;
	color: #333;
}



/* CO2の削減
----------------------------------------------- */

#besystem_co2 {
	width: 730px;
	font-size: 13px;
	line-height: 140%;
}
#besystem_co2 h2 {
	margin-bottom: 20px;
}
#besystem_co2_p1 {
	margin-bottom: 30px;
}

#besystem_co2_con_01 {
	margin-bottom: 50px;
	width: 730px;
}
#besystem_co2_con_01 h3 {
	margin-bottom: 10px;
}