@charset "utf-8";

/* 高知県住宅リフォーム業協同組合 scripted by Conceptbox
---------------------------------------------*/

/* YUI Reset CSS
---------------------------------------------*/
@import "reset.css" ;

/* YUI Fonts-Reset CSS
---------------------------------------------*/
@import "font.css" ;

/* 共通
---------------------------------------------*/

body {
	margin: 0 0;
	padding: 0;
	font-size: 90%;
	color: #333;
	background:#4c9ebd url(../img/common/bg_body.gif) top repeat-x ;
}

p {
	line-height:1.5;
}

/* レイアウト
---------------------------------------------*/

#wrap {
	position:relative;
	width:800px;
	margin: 0 auto;
	background:#4c9ebd url(../img/common/bg_header.gif) top center no-repeat ;
}

#logo {
	position:absolute;
	top:40px;
	left:5px;
}

#contents {
	position:relative;
	width:620px;
	height:auto;
	margin: 0 5px 15px auto;
	background:#FFFFFF url(../img/common/footer_contents.gif) bottom center no-repeat;
	
}

h1 {
	margin:0px 0 0px 0 ;
}

#topnavi {
	position:absolute;
	top:30px;
	right:15px;
}

#topnavi ul{
	margin: 0 0 0px 0;
	padding: 0;
	font-size:85%;
	font-weight:bold;
	list-style: none;
	color:#666;
}

#topnavi ul li{

}

#topnavi ul li a{
	text-decoration: none;
}

#topnavi ul li a:hover{
	text-decoration: none;
}

.section {
	margin:0 10px 25px 10px ;
}

		/* 本文
		---------------------------------------------*/

		.section h2 {
			background: url(../img/common/h2_bg_contents.gif) left center no-repeat;
			margin: 0px 0px 0px 0px;
			padding: 10px 0 15px 28px;
			color:#666666;
			font-size: 100%;
			font-weight:bold;
		}
		
		.section h3 {
			font-size:100%;
			color:#666666;
			padding:10px 0px 5px 23px ;
			border-bottom:dotted #666 1px;
			margin:10px 25px 10px 10px ;
			background:url(../img/common/h3_listmark_contents.gif) left center no-repeat;
			font-weight:bold;
		}
		
		.section p {
			margin: 5px 20px 0px 15px;
		}

.mainimg {
	margin:15px 0px 20px 0px ;
}

.mainlogo {
	margin:10px 10px 0px 10px ;
}

.table1 {
	border: #ddd 1px solid ;
}

.table1 dl {
	margin:0px 30px 0px 20px ;
}

.table1 dl dt{
	margin:3px 0px 2px 0 ;
	padding:3px 0 2px 0 ;
	border-bottom: #666 1px dotted ;
}

.table1 dl dd{
	margin:2px 0 10px 20px ;
	padding:2px 0 3px 0 ;
}

/* フッターとクレジット
---------------------------------------------*/
#footer {
	height:40px;
	margin:0 20px 0 20px ;
	border-top:dotted #666 2px;
	font-size:90%;
}

#credit {
	font-size:90%;
	text-align:center;
	height:18px;
	color:#FFFFFF;
}


/* サイドメニューの中身
---------------------------------------------*/
#sidemenu {
	position:absolute;
	top:115px;
	left:0px;
	width:175px;
	background:#FFFFFF url(../img/common/bg_side.gif) center right repeat-y ;
	height:auto;
}

#sidemenu h2 {
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	background: #00a651 url(../img/common/h2_side_bg.gif) center right no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu #top h2{
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	background: #00a651 url(../img/common/h2_side_bg_top.gif) top left no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu #bottom h2{
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	background: #4c9ebd url(../img/common/h2_side_bg_bottom.gif) top left no-repeat ;
	padding:12px 0 0 15px ;
}

#sidemenu ul {
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}

	#sidemenu ul li {
		margin: 0;
		margin-left:10px;
		background: url(../img/common/listmark02.gif) left center no-repeat;
	}

	#sidemenu ul li a {
		display: block;
		width: 138px !important;
		width /**/: 168px;
		padding: 10px 5px 10px 20px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		border-bottom: 1px solid #CCCCCC;
		background: url(../img/common/listmark01.gif) left center no-repeat;
	}

	#sidemenu ul li a:hover {
		color: #EC8602;
		background: none;
		border-bottom: 1px solid #FF6633;
	}

			#sidemenu ul li ul{
				margin: 0;
				padding: 0px 0px 0px 15px;
				list-style: none;
			}

			#sidemenu ul li ul li{
				margin: 0;
				border-bottom: 1px solid #CCCCCC;
				background: url(../img/common/listmark02.gif) left center no-repeat;
			}

	/* サイドメニュー お見積もり依頼強調
	---------------------------------------------*/
			#sidemenu ul .em-menu {
				background: #3cb95d;
				font-weight:bold;
				color:#FFFF66;
			}
			#sidemenu ul .em-menu a {
				color:#FFFF66;
			}
			#sidemenu ul .em-menu a:hover {
				color: #FFCC00;
				background: url(../img/common/listmark02.gif) left center no-repeat;
				border-bottom: 1px solid #FFCC00;
			}
			
.reform110 {
	margin:10px 5px 10px 5px;
	line-height:1.2;
	font-size:90%;
}

.address {
	margin:5px 5px 3px 10px;
	padding-bottom:3px;
	line-height:1.2;
	font-size:90%;
	border-bottom: 1px dotted #CCCCCC;
}

#eco {
	margin:15px;
	padding:5px;
	border:#FF6600 dotted 2px;
}
/* 吹き出し坊や
---------------------------------------------*/

#splash {
position:relative;
height:110px;
margin:10px 0 10px 0 ;
text-align:left;
}

#splash #comment {
	position:absolute;
	width:420px;
	height:80px;
	left: 40px;
	top: 15px;
	font-size:90%;
	line-height:1.5;
}
.style8 {font-size: 120%}

.em-red {
	color:#CC0033;
}