@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: 0px;
}

body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre { margin: 0; padding: 0; }
ul, li { list-style-type: none; }
a { color: #00c; text-decoration: underline; outline: 0; }
a:visited { color: #551a8b; text-decoration: underline; }
a:hover { color: #f00; text-decoration: underline; outline: 0; }
a:active { color: #f00; text-decoration: underline; outline: 0; }
hr { display: none; }
em, address { font-style: normal; }
strong { font-weight: bold; }
.clear { clear: both; }
.fL { float: left; }
.fR { float: right; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
p { margin: 0 0 10px 0; }
img { border: 0; }

/*------------clearfix-------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*---------------------------------*/

*{
	margin:0;
	padding:0;
	border:none;
	line-height:150%;
}

html,body {
	width : 100%;
	height:100%;
	text-align: left;
}

#wrap {
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	padding: 0px;
	width : 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#head {
	text-align: left;
	width : 900px;
	margin-bottom: 10px;
}

#wrap #head h1 {
	margin: 0;
	padding: 0 0 0 3px;
	font-size: 10px;
	color: #444;
}

.title-box {
	padding: 10px;
	width: 880px;
	height: 30px;
}
.title {
	text-align: left;
	width: 860px;
}
#main {
	font-size: 12px;
	padding-bottom : 40px;
	width : 900px;
}
.pass {
	text-align: left;
	font-size: 10px;
	padding: 5px 10px;
	width : 880px;
}

#contents {
	text-align: left;
	padding: 0 10px;
	width: 880px;
}


#contents table{
	border:solid 1px #333333;
}
.push {	height: 60px;}

#foot {
	clear : both;
	text-align: center;
	margin:0 auto 10px;
	padding: 10px 0px;
	width : 900px;
	height: 40px;
}
#foot-pr {
	margin:0 auto;
	padding: 1px 10px;
	width: 880px;
	height: 14px;
	font-size:10px;
}

/* フッタメニュー */
.foot-navi {
	list-style-type : none;
	font-size:14px;
	padding: 0px;
	width: 900px;
}
.foot-navi li{
	display : inline;
	background:url(../img/foot-arw.gif) left center no-repeat;
}
.foot-navi li a {
	padding-left:10px;
	vertical-align: middle;
	height:14px;
	margin-right:15px;
	text-align: center;
	font-weight: bold;
}



/* ヘッダメニュー */
.navi {
	list-style-type : none;
	text-align: left;
	font-size:14px;
	vertical-align: top;
	padding: 0px;
	width: 900px;
	height:40px;
}

.navi li{
	display : inline;
}
.navi li a {
	float:left;
	display : block;
	text-align: center;
	padding-top: 20px;
	width : 150px;
	height:31px;
}


/* ヘッダイメージ */
.head-img{
	background:url(../img/head_img.jpg) no-repeat;
	width:900px;
	height:250px;
	overflow: hidden;
}

/* トップページ */
.cont-img{
	margin: 10px 0;
	width:880px;
	height:100px;
	overflow: hidden;
}

.cont-img_top{
	margin: 10px 0;
	width:880px;
	height:150px;
	overflow: hidden;
}

.mini-contents-img{
	clear: both;
	float:left;
	margin: 10px 0;
	width:140px;
	height:120px;
}

.mini-contents-text{
	float:left;
	margin: 10px 0;
	width:280px;
}

.mini-contents-text2{
	float:left;
	margin: 10px 0;
	padding-left:10px;
	width:270px;
}

/* 各枝ページ */
.cont-img2{
	margin: 10px 0;
	width:880px;
	height:200px;
	overflow: hidden;
}
.contents-text {
	margin-bottom: 10px;
	padding: 10px;
	width: 860px;
	text-align: left;
}

.contents-text li{
	margin-left: 10px;

}

.contents-text p{
	margin-top: 10px;

}

.contents-text-img{
	float:left;
	margin: 0 out;
	width:290px;
}

.mini-contents{
	margin: 0 0 20px 0;
	padding: 0;
}

.mcont-text-l {
	float:left;
	margin-bottom: 10px;
	width: 420px;
	text-align: left;
	margin-right:40px;
}
.mcont-text-r {
	float: right;
	margin-bottom: 10px;
	width: 420px;
	text-align: left;
	margin-left:0px;
}

.mini-contents-img2{
	clear: both;
	float:left;
	margin: 10px 0;
	width:140px;
	height:50px;
}


.link_frame{padding: 10px;}

.good li{
	background:url(../img/good.jpg) left center no-repeat;
	display : block;
	text-align: left;
	padding-left:25px;
	list-style: none;
}

.bad li{
	background:url(../img/bad.jpg) left center no-repeat;
	display : block;
	text-align: left;
	padding-left:25px;
	list-style: none;
}

/* リンク集 */

.favorite {
	margin: 0;
	padding: 0 0 5px;
	list-style-type : none;
}
.favorite li{
	background:url(../img/arw_sm.gif) left center no-repeat;
	display : block;
	text-align: left;
	font-size:12px;
	font-weight: bold;
	padding-left:16px;
}
.favorite li a{
	padding-left:16px;
}
.favorite li a:hover{
	padding-left:16px;
}


/* 見出し */
.h2_ttl, .h3_ttl{
	display:block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 0 0 40px;
	width: 840px;
	height: 25px;
}
.h4_ttl,.h5_ttl,.h6_ttl,.h7_ttl,.h8_ttl{
	display:block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 0 0 40px;
	width: 380px;
	height: 25px;
}


/* コピーライト */
.copyright{
	padding:10px;
	text-align: center;
	color:#999999;
}

/* フォント */
h1,h2,h3,h4,h5 {
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:12px;
}

/* 全ページ共通 */

.clear {clear: both;}

.btn {vertical-align:middle;}

.input_border {
	vertical-align:middle;
}


/*---------------20100405-----------------*/
#wrap #main #contents .cont-img_top .new_zone {
	margin: 0;
	padding: 118px 0 0 0;
	width: 880px;
	height: 32px;
	background: url(../img/new.gif) 0 0 no-repeat;
}

	#wrap #main #contents .cont-img_top .new_zone li {
		display: inline;
		margin: 0;
		padding: 0;
		font-size: 19px;
		font-weight: bold;
		color: #000;
	}
	
		#wrap #main #contents .cont-img_top .new_zone li.new01 { margin-left: 39px; }
		#wrap #main #contents .cont-img_top .new_zone li.new02 { margin-left: 85px; }
		#wrap #main #contents .cont-img_top .new_zone li.new03 { margin-left: 85px; }
		#wrap #main #contents .cont-img_top .new_zone li.new04 { margin-left: 87px; }
		#wrap #main #contents .cont-img_top .new_zone li.new05 { margin-left: 90px; }
		
/*----------------20100406------------------*/
.menu3contents_box {
	margin: 0 0 20px 0;
	padding: 0;
}

	.menu3contents_box h4 {
		margin: 0;
		padding: 0;
		width: 264px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		background: #ffffcb;
	}

#wrap #main #contents .contents-text .contents-text-img .menu3_dl {
	margin: 0;
	padding: 0;
	width: 264px;
	border: 1px solid #ccc;
}

	#wrap #main #contents .contents-text .contents-text-img .menu3_dl dt {
		float: left;
		margin: 0;
		padding: 0 0 0 4px;
		width: 34px;
		height: 26px;
		line-height: 26px;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
	}
	
		#wrap #main #contents .contents-text .contents-text-img .menu3_dl dd {
			float: right;
			margin: 0;
			padding: 0;
			width: 226px;
			height: 26px;
			line-height: 26px;
			color: #653101;
			border-bottom: 1px solid #ccc;
		}
		
		#wrap #main #contents .contents-text .contents-text-img .menu3_dl dt.last, #wrap #main #contents .contents-text .contents-text-img .menu3_dl dd.last {
			height: 27px;
			border-bottom: none;
		}
		
	#wrap #main #contents .menu3contents_box .contents-text .menu3right_box {
		float: right;
		margin: 0;
		padding: 0;
		width: 568px;
	}
	
	
	#wrap #main #contents .housemaker {
		margin: 0;
		padding: 0;
		width: 140px;
		height: 49px;
		line-height: 49px;
		text-align: center;
		text-indent: 8px;
		color: #333;
		font-size: 16px;
		font-weight: bold;
		background: url(../img/mini-contents3.gif) 0 0 no-repeat;
	}
		
	#wrap #main #contents .constru {
		margin: 0;
		padding: 0;
		width: 140px;
		height: 49px;
		line-height: 49px;
		text-align: center;
		color: #333;
		font-size: 16px;
		font-weight: bold;
		background: url(../img/mini-contents4.gif) 0 0 no-repeat;
	}
		
	#wrap #main #contents .architect {
		margin: 0;
		padding: 0;
		width: 140px;
		height: 49px;
		line-height: 49px;
		text-align: center;
		color: #333;
		font-size: 16px;
		font-weight: bold;
		background: url(../img/mini-contents5.gif) 0 0 no-repeat;
	}
	
	
#menu4_main_img{
	margin: 10px 0 20px;
	width:880px;
	height:200px;
	background: url(../img/business.gif) 0 0 no-repeat;
}

	#menu4_main_img .block {
		margin: 0;
		padding: 0;
		width: 880px;
		height: 100px;
	}
	
		#menu4_main_img .fL {
			float: left;
			margin: 0;
			padding: 7px 95px 0 127px;
			width: 218px;
			height: 93px;
		}
		
		#menu4_main_img .fR {
			float: right;
			margin: 0;
			padding: 7px 121px 0 100px;
			width: 219px;
			height: 100px;
		}
		
	#menu4_main_img .block02 {
		margin: 0;
		padding: 15px 0 0 0;
		width: 880px;
		height: 85px;
	}
			#menu4_main_img li {
				margin: 0;
				padding: 0;
				height: 22px;
				line-height: 22px;
				font-size: 15px;
				border-bottom: 2px dashed #bdbdbd;
			}