/*=============================================

最終更新日：2006,08,15


1.基本要素
2.container
3.main
4.menu(index用), pmenu(各ページ用)
5.contents(index用), page(各ページ用)
6.footer
7.mac ie5対策 float clear

5-1.施工例のみの表示スタイル（エントリー部分）

=============================================*/



/* 1.基本要素
---------------------------------------------*/

body {
	background-color: #75D0A3;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

a {
	color: #54A574;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}





/* 2.container 
---------------------------------------------*/

#container {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color: #8DD9B3;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../common/img/c_0000_bgimg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.exnote {
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-size: 65%;
}

.copyright {
	font-size: 75%;
	color: #333333;
}





/* 3.main 
---------------------------------------------*/

#main {
	width: 754px;
	margin-right: auto;
	margin-left: auto;
	background-color: #D1F0E1;
	text-align: left;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../common/img/c_0001_bgimg.jpg);
}

h1 {
	margin: 0px;
	padding: 0px;
	float: left;
}

#otoiawase {
	height: 66px;
	width: 224px;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 189px;
	top: 26px;
}

#inmain {
	clear: both;
	width: 100%;
}





/* 4.menu(index用), pmenu(各ページ用)
---------------------------------------------*/

#menu, #pmenu {
	width: 174px;
	float: left;
	margin-right: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#pmenu {
	margin-top: 25px;
}

#menu ul, #pmenu ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#menu li, #pmenu li {
	margin-bottom: 15px;
}

#menu a, #pmenu a{
	font-size: 90%;
	line-height: 120%;
}





/* 5.contents(index用), page(各ページ用)
---------------------------------------------*/

#contents, #page {
	width: 530px;
	float: left;
}

#page {
	background-color: #FFFFFF;
	background-image: url(../style/s_0002.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 30px;
}

#page h2 {
	margin: 0px;
	padding: 0px;
}

#p_otoiawase, #p-otoiawase {
	margin-bottom: 30px;
}

#container #main #page #p_otoiawase ul, #container #main #page #p-otoiawase ul {
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}

#p_otoiawase li, #p-otoiawase li {
	margin-right: 30px;
	list-style-type: none;
}

#p_otoiawase li {
	float: left;
}

#p_otoiawase p {
	font-size: 75%;
	padding-left: 20px;
	line-height: 130%;
}

#gotop {
	font-size: 75%;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
	padding-top: 20px;
}



	/* 各ページh2タグ下に文章が来る場合
	---------------------------------------------*/
	
	#ktop {
		margin-bottom: 30px;
	}
	
	#ktop p {
		font-size: 75%;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		line-height: 160%;
	}





/* 6.footer
---------------------------------------------*/

#footer {
	background-color: #D1F0E1;
	width: 754px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../common/img/c_0002_footerbgimg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 50px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	clear: both;
}

#footer a{
	font-size: 75%;
}





/* 7.mac ie5対策 float clear
---------------------------------------------*/

#clear {
	clear: both;
}

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







/*5-1.施工例のみの表示スタイル（エントリー部分）
-------------------------------------------------------------*/

#ktop p {
	font-size: 80%;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 140%;
}
.content-nav {
	padding-left: 20px;
	font-size: 75%;
}


#entry h3 {
	font-size: 95%;
	font-weight: bold;
	color: #969327;
}

#entry h4 {
	font-weight: bold;
	color: #969327;
}

#entry h3 {
	background-image: url(img/s_0002.jpg);
	background-repeat: repeat-y;
	width: 429px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#entry h4 {
	padding-top: 25px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #996633;
}

#entry .entrymain {
	margin-bottom: 35px;
	padding-right: 20px;
	padding-left: 20px;
}


#entry .date {
	font-size: 65%;
	color: #666666;
}

#entry .date {
	display: block;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#entry .entrybody {
	margin-bottom: 40px;
	margin-top: 20px;
}

#entry .entrybody {
	font-size: 75%;
	color: #333333;
	line-height: 140%;
}

#entry .entrybody h4 {
	font-size: 120%;
}