@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:26px;
	left:-165px;
}

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

#subtitle {
position:absolute;
top:10px;
left:10px;
}

h1 {
position:absolute;
top:90px;
left:10px;
}

#topnavi {
	position:absolute;
	top:5px;
	right:10px;
}

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

#topnavi ul li{
float:left;
margin-left:5px;

}

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

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


/* コンテンツ本文
---------------------------------------------*/

#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;
}

.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:25px 0px 10px 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 ;
}

/* サイトマップ
---------------------------------------------*/
			#sitemap ul {
				margin:15px 60px 15px 25px ;
				padding:0 0 15px 0 ;
				border-bottom:1px dotted #333333 ;
			}

			#sitemap ul li {
				padding:0px 0px 0px 20px ;
				margin:6px 0 6px 0px ;
				list-style-type:none;
				font-size:100%;
				font-weight:normal;
				letter-spacing:none;
				color: #666666 ;
				background: url(../img/common/listmark02.gif) left center no-repeat;
			}

			#sitemap ul li a {
				text-decoration:underline;
			}

			#sitemap ul li a:hover{
				text-decoration:none;
				color:#FF6600;
			}
			
			#sitemap .sub {
				margin-left : 30px;
			}

/* フッターとクレジット
---------------------------------------------*/
#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;
}

#credit a{
	color:#FFFFFF;
}

#credit a:hover{
	color:#CC3300;
}

/* サイドメニューの中身
---------------------------------------------*/

#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;
}

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

/* ローンページ
---------------------------------------------*/

.loan-table {
	width:95%;
	margin:20px 20px 20px 20px ;
	font-size:90%;
	border:#999999 1px solid ;
}

.loan-table td , th{
	padding:3px;
	border:#999999 1px solid ;
}

.loan-table th{
	vertical-align:top;
	width:120px;
	background-color:#efefef;
}

.loan-table tr td p {
	line-height:1.2;
	margin: 3px 5px 3px 15px;
	text-indent:-1.0em ;
}

.kouko-table {
	font-size:90%;
	border:#999999 1px solid ;
}
.kouko-table td{
	padding:2px;
	border:#999999 1px solid ;
}

	.border-zero {
		border:0;
	}
	
	.border-zero td {
		border:0;
	}
	
/* その他、パーツ
---------------------------------------------*/

.box {
margin:10px;
}

.box td{
padding:5px;
}

/* ブログのサイドメニュー
---------------------------------------------*/

#sidemenu #blogmenu h3{
	padding:0 0 0 6px ;
	margin:5px 0 5px 0 ;
	font-weight:bold;
	color:#339900;
}

#sidemenu #blogmenu ul {}

#sidemenu #blogmenu ul li {
		margin: 0;
		margin-left:10px;

}

#sidemenu #blogmenu 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/listmark02.gif) left center no-repeat;
}

#sidemenu #blogmenu ul li a:hover{}

#sidemenu #blogmenu form {
	margin-left:10px;
}


/* ブログの記事
---------------------------------------------*/

#content {}

#content-inner {
	margin: 0 0 20px 20px ;
	padding: 0 0 50px 0 ;
}

.content-nav {} 

.asset-header {} /* H1タイトル */

.asset-meta {  /* コメントやTB */
	text-align:right;
	margin: 5px 20px 5px 0 ;
}

.asset-content {}

	.asset-body { /* 本文 */
	margin:15px 25px 0 15px ;
	}
	
	.asset-footer {
	
		margin: 0 0 40px 0 ;
	}
	
.widget-header{}

.widget-content{}

/* ブログのカレンダー
---------------------------------------------*/

#calendar {
    margin: 5px 0 10px;;
    color: #444444;
}
.calendarhead {
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: 0.2em;
}
#calendar table {
    padding: 0;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 9px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
}
.today {
    display: block;
    border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
    color: #0000ff;
}

.em-red {
	color:#CC0033;
}