@charset "utf-8";
/*IE以外のブラウザフォントサイズ*/
html>body{
	font-size: 12px;
}




/*リンクの設定*/
a:link,a:visited{
	color: #1391ce;
	text-decoration: none;
}
a:hover,a:active{
	color: #1391ce;
	text-decoration: underline;
}
a:focus{ outline:none; }/*fireFoxとかで点線を消す*/


/* 20061002 追加 */
img { border:none;}



/* 
------------------------------------ */
#contents {
margin:0px auto;
width:950px;
margin-top:15px;
margin-bottom:30px;
}
#contents #rnavi{
	width:230px;
	float:right;
	text-align:left;
}
#contents #main{
	width:700px;
	float:left;
	text-align:left;
}

/* #rnavi
------------------------------------ */
#contents #rnavi p.banner{
	margin:0;
}


#contents #rnavi p.banner a.banner_bt{
	height:230px;
	background:url(../images/ecopoint_banner.jpg) no-repeat;
}
#contents #rnavi p.banner a.banner_bt:hover{
	background:url(../images/ecopoint_banner.jpg) no-repeat;
}


#contents #rnavi .navi_box{
	margin-top:15px;
	background:url(../images/nt_r_bg04.gif) repeat-y;
}
#contents #rnavi .navi_box .inner{
	padding-bottom:25px;
	background:url(../images/nt_r_bg03.gif) no-repeat left bottom;
	line-height:1.4;
}
#contents #rnavi .navi_box .inner h3{
	margin:13px 0 0;
	padding-top:15px;
	background:url(../images/nt_r_bg02.gif) no-repeat;
}
#contents #rnavi .navi_box .inner h3.top{
	margin-top:0;
	padding-top:17px;
	background:url(../images/nt_r_bg01.gif) no-repeat;
}

#contents #rnavi .navi_box .inner .inbox{
	width:200px;
	margin:0 0 0 14px;
}
#contents #rnavi .navi_box .inner .inbox img{
	margin:0;
	font-size:0;
}
#contents #rnavi .navi_box .inner .inbox p{
	margin:13px 0 0;
}


#contents #rnavi .navi_box .inner .inbox ul{
	margin-top:10px;	
	width:140px;
}
#contents #rnavi .navi_box .inner .inbox ul li{
	margin-top:5px;
}

#contents #rnavi .navi_box .inner .type02{
	position:relative;
}
#contents #rnavi .navi_box .inner .type02 p.text{
		width:114px;
}
#contents #rnavi .navi_box .inner .type02 p.img{
	position:absolute;
	top:-20px;
	left:130px;
}
html>/**/body #contents #rnavi .navi_box .inner .type02 p.img, x:-moz-any-link, x:default{top:-40px; }/*firefox*/
body:first-of-type #contents #rnavi .navi_box .inner .type02 p.img {top:-40px; }/*safari*/


#contents #rnavi .navi_box .inner a.bt01{
	height:29px;
	background:url(../images/nt_r_bt01.gif) no-repeat;
}
#contents #rnavi .navi_box .inner a.bt01:hover{
	background:url(../images/nt_r_bt01on.gif) no-repeat;
}
#contents #rnavi .navi_box .inner a.bt02{
	height:30px;
	background:url(../images/nt_r_bt02.gif) no-repeat;
}
#contents #rnavi .navi_box .inner a.bt02:hover{
	background:url(../images/nt_r_bt02on.gif) no-repeat;
}

/* #main
------------------------------------ */
#contents #main .secion{
	background:url(../images/nt_m_bg06.gif) repeat-y;
	zoom:1;
}
#contents #main .secion p.title{
	margin:0;
	font-size:0;
}

#contents #main .secion .inner{
	padding:0 1px 20px 1px;
	background:url(../images/nt_m_bg01.gif) no-repeat left bottom;
}


#contents #main .secion .inner .menu_area{
	position:relative;
	width:660px;
	margin:0 0 0 19px;
	background:url(../images/nt_m_bg03.gif) repeat-y;
}

#contents #main .secion .inner .menu_area .box{
	float:left;
	width:218px;
}
#contents #main .secion .inner .menu_area .box h2{
	margin:0;
	}
#contents #main .secion .inner .menu_area .ml{
	margin-left:3px;
}


#contents #main .secion .inner .menu_area .box .inbox{
	width:193px;
	margin:0 0 0 13px;	
}

#contents #main .secion .inner .menu_area .box .inbox p,
#contents #main .secion .inner .menu_area .box .inbox dl{
	margin:0;
}
#contents #main .secion .inner .menu_area .box .inbox p{
	margin-bottom:5px;
}
#contents #main .secion .inner .menu_area .box .inbox dd{
	margin:0;
	padding:5px 5px 15px;
	font-size:90%;
	line-height:1.4;
}


#contents #main .secion .inner .menu_area .box .bt01{
	height:35px;
	background: url(../images/nt_m_bt01.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box a.bt01:hover{
	background:url(../images/nt_m_bt01on.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box .bt02{
	height:35px;
	background: url(../images/nt_m_bt02.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box a.bt02:hover{
	background:url(../images/nt_m_bt02on.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box .bt03{
	height:55px;
	background: url(../images/nt_m_bt03_1.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box a.bt03:hover{
	background:url(../images/nt_m_bt03_1on.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box .bt04{
	height:35px;
	background: url(../images/nt_m_bt04.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box a.bt04:hover{
	background:url(../images/nt_m_bt04on.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box .bt05{
	height:35px;
	background: url(../images/nt_m_bt05.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box a.bt05:hover{
	background:url(../images/nt_m_bt05on.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box .bt06{
	height:35px;
	background: url(../images/nt_m_bt06.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box a.bt06:hover{
	background:url(../images/nt_m_bt06on.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box .bt07{
	height:55px;
	background: url(../images/nt_m_bt07.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box a.bt07:hover{
	background:url(../images/nt_m_bt07on.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box .bt08{
	height:55px;
	background: url(../images/nt_m_bt08.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box a.bt08:hover{
	background:url(../images/nt_m_bt08on.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box .bt09{
	height:55px;
	background: url(../images/nt_m_bt09.gif) no-repeat;
}
#contents #main .secion .inner .menu_area .box a.bt09:hover{
	background:url(../images/nt_m_bt09on.gif) no-repeat;
}

#contents #main .secion .inner .menu_area2{
	margin-top:0;
}
#contents #main .secion .inner .menu_area .link{
	padding-bottom:12px;
	background:url(../images/nt_m_bg05.gif) no-repeat left bottom;
	zoom:1;
}
#contents #main .secion .inner .menu_area .link p.bg{
	padding-top:2px;
	background:url(../images/nt_m_bg04.gif) no-repeat;
	margin:0;
}
#contents #main .secion .inner .menu_area .link p.text{
	padding:10px 10px 0;
	margin:0;
}


#contents #main .secion .inner .menu_area .box .go_remodel{
	position:absolute;
	width:218px;
	bottom:3px;
	background:url(../images/nt_m_line01.gif) repeat-x;
}
#contents #main .secion .inner .menu_area .box .go_remodel p{
	float:right;
	margin:10px 0 0 0;
	padding-right:8px;
}
#contents #main .secion .inner .menu_area .box .go_remodel p a{
	display:block;
	background:url(../module/images/linkmark.png) no-repeat 0 0.15em;
	padding:2px 5px 2px 20px;
	font-weight:bold;
	text-decoration:none;
}
#contents #main .secion .inner .menu_area .box .go_remodel p a:hover{
	text-decoration:underline;
}

#contents #main .secion .inner p.end_line{
	margin:0 0 0 19px;
	font-size:0;
}


/* グリーンリモデル用 */
#contents #main .greenremodel{
	height:270px;
	background:url(../images/nt_green07.jpg) no-repeat 0 0;
	margin-bottom:11px;
	position:relative;
	zoom:1;
}
#contents #main .greenremodel .bt01{
	position:absolute;
	top:19px;
	left:11px;
}
#contents #main .greenremodel .bt01 a{
	display:block;
	width:405px;
	height:235px;
	background:url(/images/nt_green08.jpg) no-repeat;
	text-indent:-5000px;
}
#contents #main .greenremodel .bt01 a:hover{
	background:url(/images/nt_green08on.jpg) no-repeat;
}
#contents #main .greenremodel .bt02{
	position:absolute;
	top:19px;
	left:421px;
}
#contents #main .greenremodel .bt02 a{
	display:block;
	width:270px;
	height:100px;
	background:url(/images/nt_green09.jpg) no-repeat;
	text-indent:-5000px;
}
#contents #main .greenremodel .bt02 a:hover{
	background:url(/images/nt_green09on.jpg) no-repeat;
}
#contents #main .greenremodel .bt03{
	position:absolute;
	top:123px;
	left:421px;
}
#contents #main .greenremodel .bt03 a{
	display:block;
	width:270px;
	height:102px;
	background:url(/images/nt_green10.jpg) no-repeat;
	text-indent:-5000px;
}
#contents #main .greenremodel .bt03 a:hover{
	background:url(/images/nt_green10on.jpg) no-repeat;
}
#contents #main .greenremodel .bt04{
	position:absolute;
	top:232px;
	left:421px;
}
#contents #main .greenremodel .bt04 a{
	display:block;
	background:url(../module/images/linkmark.png) no-repeat 0 50%;
	padding:2px 5px 2px 20px;
	font-weight:bold;
	text-decoration:none;
}
#contents #main .greenremodel .bt04 a:hover{
	text-decoration:underline;
}


/* おすすめコンテンツ用 */
#contents #main .secion h2.contents{
	margin:0;
	padding:0;
}
#contents #main .secion .inner2{
	padding:0 1px 10px 1px;
	background:url(../images/nt_m_bg01.gif) no-repeat left bottom;
}

/* ニュース用 */
#contents #main #news{
	margin-top:30px;
}
#contents #main #news h2{
	margin:0;
	padding:0;
}

#contents #main #news #news_in{
	margin-top:10px;
	width:700px;
	height:250px;
	overflow-y:scroll;
}

#contents #main #news #news_in dl{
	margin:10px 0 0;
	border-bottom:1px solid #f0f0f0;
}
#contents #main #news #news_in dl.end{
	border-bottom:1px solid #b6e3d0;
}

#contents #main #news #news_in dl dt{
	font-size:90%;
	font-weight:bold;
}
#contents #main #news #news_in dl dt span{
	padding:0 0 0 10px;
	vertical-align:bottom;
}
#contents #main #news #news_in dl dd{
	margin:0;
	padding:7px 0 10px;
	font-size:105%;
}

/* clearfix
------------------------------------ */
.clearfix:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}

.clearfix {
zoom:100%;
}

/* common
------------------------------------ */
#contents li{
	list-style:none;
}
#contents .aR{
	text-align:right;
}

#contents a.btn{
	display:block;
	text-indent:-5000px;
}


#contents .link01{
	padding:3px 0 2px 20px;
	background:url(../images/nt_r_ic01.gif) no-repeat 0 0.2em;
	font-weight:bold;
}

#contents .link02{
	display:block;
	padding:3px 0 0 20px;
	background:url(../images/nt_r_ic01.gif) no-repeat 0 4px;
	font-weight:bold;
}

#contents .mt15{
	margin-top:15px;
}
#contents .mt0{
	margin-top:0px;
}

/* header,footer
------------------------------------ */
.wrapper{
	width:950px;
}
.wrapper ul.headline{
	width:950px;
}
#header{
	width:950px;
}
#footer{
	width:950px;
	background:url(../images/nt_f_bg001.gif) repeat-x;
}