@charset "shift_jis";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

/* navi */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.page_top {
	clear:both;
	background-image:url(../img/page_top.png);
	background-repeat:no-repeat;
	float:right;
	margin:10px 20px 0 0;
}
.page_top a{
	display:block;
	text-indent:-9999px;
	height:10px;
	width:75px;
}


#naviarea{
	float:left;
	width: 785px;
	height: 32px;
	margin-bottom:10px;
	overflow: hidden;
	position: relative;
	zoom:1;
}
#navi{
	margin-left:0;
	float:left;
}
*:first-child+html #navi{
	margin-left:10px;
}
#navi li{
	float: left;
	list-style-type: none;
}
#naviarea a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

/* ソーシャル */
#social {
	position:fixed;
	left:100%;
	top:300px;
	margin-left:-47px;
	background-image: url(/img/images/social_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#social li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#scrollbox {
	margin-left:0;
	position: relative;
	width: 41px;
	list-style: none;
	height: 92px;
	padding-left: 6px;
	padding-top:4px;
}
#scrollbox li img{
	margin-top: 5px;
}
#scrollbox li a:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* まちづくり */
#machi_main01{
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
#machi_main02{
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}
#machi_main03{
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}

#machi_main p.notice{
	font-size: 0.8em;
}
#machi_main01 h2.color01{
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background-color: #666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#machi_main01 dt{
	font-weight: bold;
	color: #666;
}
#machi_main02 h2.color02{
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background-color: #369;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#machi_main02 dt{
	font-weight: bold;
	color: #369;
}
#machi_main03 h2.color03{
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background-color: #C60;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#machi_main03 dt{
	font-weight: bold;
	color: #C60;
}
.indent{
	margin-left:60px;
}
dd{
	margin-top:3px;
}
/* 5つの取り組み */
#point_menu{
	width: 700px;
	overflow: hidden;
	position: relative;
	zoom:1;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:30px;
}
#point_menu ul{
	list-style-type : none;
	height: 32px;
	margin-right: auto;
	margin-left: auto;
}
#point_menu li{
	float: left;
		clear:right;
	overflow: hidden; 
	position: relative; 
	zoom:1;
}
#point_menu li a{
	margin-left:16px;
	margin-top:10px;
	display: block;
	color: #223050;
	background-image: url(../point/images/li_bg.gif);
	background-repeat: no-repeat;
	width: 280px;
	height: 32px;	
	font-weight: bold;
	text-decoration: none;
	padding-left:20px;
	padding-top:10px;
}
#point_menu li a:hover{
	color: #89100A;
	background-image: url(../point/images/li_bg_o.gif);
	text-decoration: none;
}
#point01,#point02,#point05{
	width: 708px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	height: 235px;
	 margin-bottom:20px;
}
#point03,#point04{
	width: 708px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	height: 250px;
	 margin-bottom:20px;
}
#point01 p,#point02 p,#point03 p,#point04 p,#point05 p{
	width: 420px;
	margin-left: 275px;
	padding-top:63px;
}
#point01{
	background-image: url(../point/images/bgImg01.gif)
}
#point02{
	background-image: url(../point/images/bgImg02.gif);
}
#point03{
	background-image: url(../point/images/bgImg03.gif);
}
#point04{
	background-image: url(../point/images/bgImg04.gif);
}
#point05{
	background-image: url(../point/images/bgImg05.gif);
}

/* まちコンの想い */
.machi_main{
	width: 700px;
	margin-right: 30px;
	margin-left: 30px;
	overflow: hidden; 
	position: relative; 
	zoom:1;
}
.machi_main p{
	width: 319px;
	line-height: 150%;
	margin-bottom: 5px;
}
.machi_main #btn{
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#linkarea{
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
	overflow: hidden;
	position: relative;
	zoom:1;

}

#linkarea li{
	float:left;
	margin-right:20px;
}
/* まちづくりの想い */
.machi_main_omoi{
	width: 700px;
	margin-right: 30px;
	margin-left: 30px;
	overflow: hidden; 
	position: relative; 
	zoom:1;
}
.machi_main_omoi p{
	width: 670px;
	line-height: 150%;
	margin-bottom: 5px;
}
.machi_main_omoi #btn{
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


/* 人と人がつながる家づくり */
#conect_main{
	width: 488px;
	float: left;
		overflow: hidden; 
	position: relative; 
	zoom:1;
}
#btn{
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#conect_main p span{
	font-size: 1.2em;
	font-weight: bold;
	word-spacing: 0.5em;
	color: #C36;
}

/* コンサルティング */
#consult_main{
overflow: hidden;
}
#consult_main p span{
	font-size: 1.1em;
	font-weight: bold;
	word-spacing: 0.5em;
	color: #C36;
}

#consult_main .ttl{
	font-size: 1.3em;
	color: #FFF;
	background-color: #69C;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#consult_main p{
	line-height: 130%;
}
/* 住宅コーディネータ */

#advice_main .ttl{
	font-size: 1.3em;
	color: #FFF;
	background-color: #69C;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#advice_main p{
	line-height: 130%;
	margin-left:30px;
	margin-right:30px;

}
#advice_main #btn{
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#position{

	background-image: url(../advice/images/img02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 405px;
	height:209px;
	padding-left:370px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	overflow: hidden;
	position: relative;
	zoom:1;
}
#advice_main img{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.center{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
/* コミュニケーションコンペ */
#communicate_main p span{
	font-size: 1.1em;
	font-weight: bold;
	word-spacing: 0.5em;
	color: #C36;
}

#communicate_main .ttl{
	font-size: 1.3em;
	color: #FFF;
	background-color: #69C;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#communicate_main p{
	line-height: 130%;
}
#communicate_main p.read{
	line-height: 130%;
	width: 650px;
	padding-left:50px;
}
#communicate_main .point01{
	width: 210px;
	float:left;
	background-repeat: no-repeat;
	height: 333px;
	margin-bottom:20px;
	padding-right:5px;
	margin-left:50px;
}
#communicate_main .point02{
	width: 210px;
	float:left;
	background-repeat: no-repeat;
	height: 333px;
	margin-bottom:20px;
	padding-right:5px;
}
#communicate_main .point03{
	width: 210px;
	float:left;
	background-repeat: no-repeat;
	height: 333px;
	margin-bottom:20px;
	clear: right;
}
#communicate_main .point01 p,#communicate_main .point02 p,#communicate_main .point03 p{
	width: 190px;
	margin-left: 15px;
	padding-top:200px;
}
#communicate_main .point01{
	background-image: url(../communicate/images/point01.gif);
	background-repeat: no-repeat;
}
#communicate_main .point02{
	background-image: url(../communicate/images/point02.gif);
	background-repeat: no-repeat;
}
#communicate_main .point03{
	background-image: url(../communicate/images/point03.gif);
	background-repeat: no-repeat;
}
/* まちコンのコーディネート */
#coodinate_main img{
	vertical-align:bottom;
	font-size:1px;
	line-height:0; 
}
#coodinate_main{
	width: 760px;
	float: left;
	overflow: hidden; 
	position: relative; 
	zoom:1;
}
#coodinate_main .btn{
	margin-left:44px;
	margin-top:10px;
	margin-bottom:10px;
}
#coodinate_main p{
	margin:0px;
	padding:0px;
}
#leftBox{
	width: 475px;
	float: left;
}
#leftBox p{
	padding-top: 0px;
	margin-right: 10px;
	padding-bottom: 5px;
	margin-left: 40px;
}
#leftBox li{
	padding-bottom: 5px;
	margin-right:10px;
	list-style-position: outside;
	list-style-type: disc;
}
#leftBox span{
	color: #900;
	font-weight: bold;
	font-size: 110%;
}
#rightBox{
	width: 280px;
	float: left;
}
.purple{
	background-image: url(../coordinate/img/bg_purple.gif);
	background-repeat: repeat-y;
}
.green{
	background-image: url(../coordinate/img/bg_green.gif);
	background-repeat: repeat-y;
}
.orange{
	background-image: url(../coordinate/img/bg_orange.gif);
	background-repeat: repeat-y;
}
.blue{
	background-image: url(../coordinate/img/bg_blue.gif);
	background-repeat: repeat-y;
}
.red{
	background-image: url(../coordinate/img/bg_red.gif);
	background-repeat: repeat-y;
}
#rightBox #check01,#rightBox #check02,#rightBox #check03{
	width:280px;
	margin-top: 100px;
	margin-right: 0px;
	margin-left: 0px;
}
#rightBox #check01 p,#rightBox #check02 p,#rightBox #check03 p{
	background-color: #E4E4E4;
	padding-left:10px;
	padding-right:10px;
	vertical-align:bottom;
	vertical-align:text-bottom;
	background-image: url(../coordinate/img/line.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 5px;
}
/* 料金 */
#price_main{
	width: 740px;
	float: left;
	padding-left:30px;
	overflow: hidden; 
	position: relative; 
	zoom:1;
}
#category01{
	background-image: url(../price/img/box01_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden; 
	position: relative; 
	zoom:1;
}
#price_main .box01{
	float:left;
	width: 229px;
	_width: 237px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 0px;
		overflow: hidden; 
	position: relative; 
	zoom:1;
}

#txtBox01{
	width:390px;
	float:left;
	padding-left:3px;
	margin-left:20px;
	border: 2px solid #ABC8EB;
}
#category02{
	background-image: url(../price/img/box02_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden; 
	position: relative; 
	zoom:1;
}
#price_main .box02{
	float:left;
	width: 229px;
	_width: 237px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#txtBox02{
	width:390px;
	float:left;
	padding-left:3px;
		border: 2px solid #548DD4; 
	margin-left:20px;
}
#category03{
	background-image: url(../price/img/box03_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden; 
	position: relative; 
	zoom:1;
}
#price_main .box03{
	float:left;
	width: 229px;
	_width: 237px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#txtBox03{
	width:390px;
	float:left;
	padding-left:3px;
	margin-left:20px;
	border: 2px solid #255896;
}
#category04{
	background-image: url(../price/img/box04_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden; 
	position: relative; 
	zoom:1;
}
#price_main .box04{
	float:left;
	width: 229px;
	_width: 237px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#txtBox04{
		width:390px;
	float:left;
	padding-left:3px;
	margin-left:20px;
}
#price_main ul{
	margin: 0px;
	padding: 0px;
}
#price_main li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#price_main li #arrow{
	margin-left: 100px;
	list-style-type: none;
	height: 7px;
	width: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#grayBox{
	float:left;
	background-color: #CCC;
	width: 38px;
	padding-top:150px;
	padding-bottom:100px;
	text-align: center;
	vertical-align: middle;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFF;
}
#price_main .spaceclear{
	vertical-align: bottom;
}
#txtBox01 p,#txtBox02 p,#txtBox03 p,#txtBox04 p{
	width:370px;
	padding-left:20px;
}
#price_main .total{
	margin-left:30px;
	width:250px;
	font-size: 140%;
	font-weight: bold;
	color: #900;
	border: 1px solid #900;
}
#price_main .price{
	width:250px;
	margin-left:20px;
	font-weight: bold;
	color: #900;
}
#price_main .notice{
	font-size:80%
}
#price_main .triangle{
	margin-top:100px;
	margin-bottom:50px;
	margin-left:500px;
}
#price_main .triangle02{
	margin-top:30px;
	margin-bottom:50px;
	margin-left:500px;
}

#footer {
	background-image:url(../img/footer_bg.png);
	background-repeat:repeat-x;
	padding:70px 0 0 0;
	color:white;
}
#footer_inner {
/*	background-color:#4b9cf2;*/
	background-color:#2f9ff4;
}
#footer a{
	color:white;
	text-decoration:none;
}
#footer ul {
	float:left;
	text-align:left;
	margin:0 10px 5px 15px;
	font-size:90%;
}
#footer ul li{
	list-style-type:none;
	background-image:url(../img/footer_list_mark.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 0 15px;
	clear:left;
}
#footer ul ul li{
	background-image:none;
	list-style-type: disc;
	list-style-position:inside;
	margin:0 0 0 0;
	padding:0 0 0 5px;
}

#footer_copy {
	clear:both;
/*	background-color:#397bc1;*/
	background-color:#217ec2;
	padding:5px 0 5px 0;
}
#footer_copy span{
	font-size:120%;
}
/*個人情報保護方針*/
#privacy{
	padding-left:50px;
	padding-right:50px;
	padding-top:80px;
		line-height: 120%;
}
#privacy h2{
	font-size: medium;
	font-weight: bold;
	padding-bottom:20px;
}
#privacy ul#txt01{
	padding-left: 10px;
	list-style-type: none;
	text-indent: -25px;
	padding-bottom:20px;

}
#privacy ul#txt01 li{
	padding-left: 10px;
	list-style-type: none;
	text-indent: -25px;
	padding-bottom:10px;
}
#privacy ul#txt02{

	list-style-type: none;
	text-indent: -25px;
}
.privacytxt a{
	font-size: 80%;
	color: #2F9FF4;
}
/*subnavi*/
#subnavi01{
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
position: relative;
zoom:1;
}
#subnavi01 li{
	float: left;
	list-style-type: none;
}