@charset "shift-jis";
/*###########################################
ワタナベインテリア
common.css
CSS Version 2.0
LastModified:2009.12.14
###########################################*/
/*-----Global-----------------------------*/
*{
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}
.clear{
	clear: both;
}
a{
	color:#fff;
}
a:hover{
}
/*-----背景-----------------------------------------------------------*/
html{
	width: 100%;
}
body{
	color:#ffffff;
	text-align:center;
	font-size: 12px;
	background-color: #C0E180;
	width: 100%;
}
#blue{
	background: url('../grf/bluebackleft.gif') repeat-x top center;
	width: 100%;
	position: relative;
	z-index:0;

}
#blueright{
	background: url('../grf/blueback.gif') repeat-x;
	width: 50%;
	height:250px;
	right:0;
	position:absolute;
	z-index:1;
}
#green{
	background: url('../grf/greenback.gif') repeat-y top center;
	margin:0 auto;
	z-index:2;
	position: relative;
}
.blueline{
	width: 1028px;
	background-color: #0047BF;
	height:31px;
	margin:0 auto;
}
.blueline .inner{
	color:#fff;
	line-height:140%;
	text-align: left;
	padding:8px 0 0 55px;
	letter-spacing: 0.15em;
}
#header{
	background: url('../grf/bg_header.jpg') no-repeat top center;
	width: 1028px;
	height:172px;
	margin:0 auto;
	text-align: left;
}
#header .title{
	padding:22px 0 0 55px;
}
#header .animation{
	float:right;
}
#header .animation img.sun{
	margin-right:67px;
}
#contents{
	background: url('../grf/bg_contents.jpg') no-repeat top center;
	width: 1028px;
	margin: 0 auto;
}
/* 背景がずれる件 IE7でpadding指定 */
*:first-child+html #header,*:first-child+html #contents,*:first-child+html .blueline{
padding-left: 1px;
}
/* 背景がずれる件 IE6以下でpadding指定 */
*html #header,*html #contents,*html .blueline {
padding-left: 1px;
}
/*-----緑のナビゲーション---------------------------------------------------*/
#leftnavi{
	float:left;
	text-align: left;
	width: 357px;
}
#leftnavi img{
	margin-left:69px;
	vertical-align: bottom;
}
#leftnavi img.b_home{
	margin-bottom:23px;
}
#leftnavi-inner{
	background: url('../grf/bg_navi.gif') repeat-y top left;
}
#leftnavi-inner .navi{
	padding-left:80px;
	padding-top:23px;
}
#leftnavi-inner .navi ul{
	margin:0;
	padding:0;
	width: 242px;
}
#leftnavi-inner .navi li{
	background: url('../grf/bg_list.gif') no-repeat top left;
	list-style: none;
	line-height:140%;
	font-size:14px;
	font-weight: bold;
	padding:3px 0 30px 38px;		/*30はテキトー　右のとこみて調整*/
}
#leftnavi-inner .navi li a{
	text-decoration: none;
}
#leftnavi-inner .link{
	padding:13px 0 0 80px;
}
#leftnavi-inner .link img{
	margin-left:0;
	margin-bottom:5px;
}
#leftnavi-inner .link p{
	color: #F7E780;
	line-height:120%;
	letter-spacing: 0.15em;
	padding-top:8px;
}
#leftnavi .navi-bottom{
	width: 357px;
	height:24px;
	background: url('../grf/navi-bottom.gif') no-repeat top left;
}
#leftnavi .left-footer{
	padding:5px 0 20px 59px;
	line-height:140%;
	letter-spacing: 0.06em;
	font-size:14px;

}
/*-------------------------右側------------------------------------------*/
#main{
	float:left;
	padding:65px 0 0 0;
	text-align: left;
}
#main .imgaccess{
	height:163px;
}
#main-inner{
	padding:0 0 0 29px;
}
#main .title{
	background: url('../grf/bg_title.gif') no-repeat top left;
	width: 574px;
	height:60px;
	text-align: left;
}
#main .title h3{
	font-size:16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 27px;
	line-height: 120%;
}
#main .right-footer{
	padding:10px 0;
}
#main .right-footer ul{
	margin:0;
	list-style: none;
	padding-bottom: 25px;
	padding-left:4px;
}
#main .right-footer ul li{
	float: left;
	border-right:1px solid #fff;
	width: 112px;
	letter-spacing: 0.05em;
	font-size: 11px;
	text-align: center;
}
#main .right-footer ul li.firstli{
	border-left:1px solid #fff;
}
#main .right-footer ul li a{
	text-decoration: none;
}
#main .right-footer ul li a:hover{
	text-decoration: underline;
}