@charset "EUC-JP";

@import "reset.css";
@import "font.css";


body{
	color:#686265;
	background:#FFF;
	background:url(../img/cmn/topimg.png) top left repeat-x;
}

div#container{
	width:980px;
	margin:0px auto;
	text-align:left;
}


/* =======================
layout関連
======================= */
#logogroup{
	width:200px;
	height:200px;
	padding:30px;
	margin:47px 0 0;
	text-align:center;
	border-top:#8FBB40 solid 1px;
	border-right:#8FBB40 solid 1px;
	border-left:#8FBB40 solid 1px;
	border-bottom:#FFFFFF solid 1px;
	background:#FFFFFF;
	float:left;
}
#logogroup p {
	margin:20px 0 0;
}

#sidebar {
    float: left;
    margin: 25px 10px 30px 0;
    width: 260px;
	clear:both;
}

#section{
	float:right;
	width:686px;
	height:auto;
	padding:0 0 30px;
	margin:30px 0;
	position:relative;
}

#footer{
	clear:both;
	text-align:right;
}


/* =======================
header
======================= */
#header {
	height:308px;
	width:980px;
	position:relative;
}
#header h2{
	font-weight:bold;
	color:#FFFFFF;
	float:left;
	width:auto;
	margin:150px 30px 0;
}
.subnav {
	width:380px;
	height:49px;
	position:absolute;
	background:url(../img/cmn/subnavi_bg-trans.png) left top no-repeat;
    right: -5px;
    top: 45px;
	font-size:11px;
}
.produce{
	position:absolute;
	width:161px;
	height:15px;
	right: 0;
	top: 32px;
}
.subnav ul {
	padding:16px 0 0 15px;
}
.subnav ul li {
	display:inline;
	padding:0 5px 0 10px;
}
.subnav ul li a {
	background:url(../img/cmn/h_link.png) left 4px no-repeat;
	padding:0 0 0 10px;
    color: #FFFFFF;
}

/* =======================
sidebar
======================= */

#sidebar h3 {
	margin:20px 0 0;
}
#sidebar .sidebox h3 {
	margin:0 0 20px;
}
.sidebox {
	padding:20px;
	margin:30px 0 0;
}
.sidenav{
	margin-top:10px;
}
.sidenav li{
	margin: 0 0 5px 0;
}
ul#bnrarea {
	margin:20px 0;
}
ul#bnrarea li{
	margin-top:10px;
}


/* =======================
contents
======================= */
#section .conbox {
	padding:24px 20px 19px 20px;
}
#section .conbox h2 {
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px;
}
#section .conbox p {
	font-size:13px;
	font-weight:bold;
}
#section h3 {
	margin:30px 0 20px;
}
#section .conbox2 h3 {
	margin:0 0 10px;
}
#section h3 img {
	margin:0 0 3px;
}

/*最新情報*/
.article0 {
	width:200px;
	overflow:hidden;
	float:left;
	margin:0 43px 10px 0;
}
.article1 {
	width:200px;
	height:310px;
	overflow:hidden;
	float:left;
	margin:0 43px 10px 0;
	line-height:1.2em;
}
.article1 img {
	margin:0 0 5px;
}
.article1 .title {
	margin:5px 0;
}
.article1 p {
	margin:0;
}

/*工事内容から探す*/
.conbox2 {
	padding:20px 20px 30px;
	margin:10px 0 0;
}
.sekounav {
}
.sekounav li {
	width:214px;
	height:25px;
	float:left;
	margin:10px 0;
	line-height:25px;
}
.sekounav li.sekou01 a {
	background:url(../img/top/sekou01.gif) left top no-repeat;
	padding:0 0 0 35px;
	line-height: 1.8em;
min-height:23px;
	display:block;
}
.sekounav li.sekou01 a:hover {
	background:url(../img/top/sekou01_on.gif) left top no-repeat;
	color:#3BC0BA;
}
.sekounav li.sekou02 a {
	background:url(../img/top/sekou02.gif) left top no-repeat;
	padding:0 0 0 35px;
	line-height: 1.8em;
min-height:23px;
	display:block;
}
.sekounav li.sekou02 a:hover {
	background:url(../img/top/sekou02_on.gif) left top no-repeat;
	color:#3BC0BA;
}
.sekounav li.sekou03 a {
	background:url(../img/top/sekou03.gif) left top no-repeat;
	padding:0 0 0 35px;
	line-height: 1.8em;
min-height:23px;
	display:block;
}
.sekounav li.sekou03 a:hover {
	background:url(../img/top/sekou03_on.gif) left top no-repeat;
	color:#3BC0BA;
}
.sekounav li.sekou04 a {
	background:url(../img/top/sekou04.gif) left top no-repeat;
	padding:0 0 0 35px;
	line-height: 1.8em;
min-height:23px;
	display:block;
}
.sekounav li.sekou04 a:hover {
	background:url(../img/top/sekou04_on.gif) left top no-repeat;
	color:#3BC0BA;
}
.sekounav li.sekou05 a {
	background:url(../img/top/sekou05.gif) left top no-repeat;
	padding:0 0 0 35px;
	line-height: 1.8em;
min-height:23px;
	display:block;
}
.sekounav li.sekou05 a:hover {
	background:url(../img/top/sekou05_on.gif) left top no-repeat;
	color:#3BC0BA;
}
.sekounav li.sekou06 a {
	background:url(../img/top/sekou06.gif) left top no-repeat;
	padding:0 0 0 35px;
	line-height: 1.4em;
min-height:23px;
	display:block;
}
.sekounav li.sekou06 a:hover {
	background:url(../img/top/sekou06_on.gif) left top no-repeat;
	color:#3BC0BA;
}
.sekounav li.sekou07 a {
	background:url(../img/top/sekou07.gif) left top no-repeat;
	padding:0 0 0 35px;
	line-height: 1.4em;
min-height:23px;
	display:block;
}
.sekounav li.sekou07 a:hover {
	background:url(../img/top/sekou07_on.gif) left top no-repeat;
	color:#3BC0BA;
}
.sekounav li.sekou08 a {
	background:url(../img/top/sekou08.gif) left top no-repeat;
	padding:0 0 0 35px;
	line-height: 1.8em;
min-height:23px;
	display:block;
}
.sekounav li.sekou08 a:hover {
	background:url(../img/top/sekou08_on.gif) left top no-repeat;
	color:#3BC0BA;
}
.sekounav li.sekou09 a {
	background:url(../img/top/sekou09.gif) left top no-repeat;
	padding:0 0 0 35px;
	line-height: 1.8em;
min-height:23px;
	display:block;
}
.sekounav li.sekou09 a:hover {
	background:url(../img/top/sekou09_on.gif) left top no-repeat;
	color:#3BC0BA;
}

/*アクセスランキング*/
.article2 {
	width:270px;
	margin:0 30px 0 0;
	float:left;
}
.article2 .rank1 {
	margin:0 0 5px;
	background:url(../img/top/rank1.jpg) top left no-repeat;
	padding:0 0 0 60px;
}
.article3 {
	width:386px;
	line-height:1.2em;
	float:left;
}
.article3 dl {
}
.article3 dt {
	float:left;
	width:200px;
	margin:0 10px 0 0;
}
.article3 dd {
	float:right;
	width:116px;
}
.article3 .rank2 {
	margin:0 0 10px;
	background:url(../img/top/rank2.jpg) top left no-repeat;
	padding:0 0 0 60px;
}
.article3 .rank3 {
	margin:0 0 10px;
	background:url(../img/top/rank3.jpg) top left no-repeat;
	padding:0 0 0 60px;
}
.article2 .rank1 h4 {
	margin:15px 0 0;
	padding:5px 0 0;
	font-weight:normal;
	height:37px;
}
.article3 .rank2 h4, .article3 .rank3 h4 {
	margin:10px 0 0;
	font-weight:normal;
	height:50px;
}
.article3 dd p {
	margin:0 0 0 -60px;
}

/*用途やパーツから施工事例を探す*/
.wg {
	/*position:absolute;*/
	left: -10px;
	background:none !important;
	bottom: -270px;
}

/* =======================
footer
======================= */
.fb {
	background: url(../img/cmn/f_topbg.gif) top left repeat-x #8FBB40;
}
#footer {
	color: #FFFFFF;
	margin: 0 auto;
	padding: 30px 30px 90px;
	width: 925px;
	position:relative;
	height:400px;
}
.fbox {
	text-align:left;
	min-width:230px;
	float:left;
}
.fbox h5 {
	padding:8px 0 3px;
}
.flink {
	margin:0;
	padding:0;
}
.flink li {
	margin:15px 0;
}
.flink li a {
	background:url(../img/cmn/f_link.gif) left 5px no-repeat;
	padding:0 0 0 10px;
    color: #FFFFFF;
}
.flink li a:hover {
 opacity: 0.8;
 filter: alpha(opacity=80);	/* IE6、IE7対応 */
 -moz-opacity: 0.8;		/* Firefox1.5以前対応 */
}
.flogo {
	position:absolute;
	left: 390px;
	bottom: 60px;
}
.ftxt {
	position:absolute;
	left: 64px;
	bottom: 7px;
	text-align:center;
	font-size:10px;
}
.ftxt a {
	color:#FFFFFF;
}
.copyright {
    border-bottom: 1px solid #8FBB40;
    color: #8FBB40;
    font-size: 10px;
    padding: 3px;
    text-align: center;
}


/* =======================
中ページ　header、section
======================= */
body.nk {
	color:#686265;
	background:#FFF;
	background:url(../img/cmn/nk_topimg.png) top left repeat-x;
}
#nk_header {
    height: 100px;
    position: relative;
}
body.nk #nk_header h2 {
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    margin: 20px 30px 0;
    width: auto;
}
body.nk #nk_header .subnav {
    background: url("../img/cmn/subnavi_bg-trans.png") no-repeat scroll left top transparent;
    height: 49px;
    position: absolute;
    right: -5px;
    top: 45px;
    width: 380px;
}
body.nk #nk_header #logogroup {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #8FBB40 #8FBB40 #FFFFFF;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 73px;
    margin: -1px 0 0;
    padding: 10px;
    text-align: center;
    width: 80px;
}
body.nk #nk_header #logogroup p {
	margin:20px 0 0;
}
body.nk #section.nk{
	float:right;
	width:686px;
	margin:0;
	position:relative;
	padding: 10px 0 30px;
}
.pankz {
margin:10px 0 10px;
line-height:12px;
height:12px;
}

.nk #section h3 {
	font-size:20px;
	background:url(../img/cmn/nktt_bg.gif) left bottom repeat-x;
	padding:0 0 12px;
}

.listnav {
}
.listnav li {
	width:214px;
	float:left;
	margin: 0 0 5px 0;
}
.listnav li a {
	padding:0;
}
.sekounav li.sekou01 a:hover {
	color:#3BC0BA;
}

/*中ページリンク*/
.conbox3 {
    margin: 20px 0 20px;
    padding: 20px;
}
/*detail*/
.article4 {
	padding:0 0 20px;
	width:100%;
	min-height:300px;
}
.article4 p.bimg {
	width:400px;
	padding:0;
	margin:0;
	float:left;
	text-align:center;
}
.article4 p{
	padding:0 20px;
	width:246px;
	float:left;
	line-height:1.8em;
	text-align:left;
}
/* 施工実績画像切替 */
.gly {
	width:686px;
}
.gly li {
	float:left;
	width:162px;
	margin:0 12px 0 0;
	text-align:center;
	}
.gly li.last {
	float:left;
	width:162px;
	margin:0;
}
/*マテリアル集*/
.article5 {
	width:300px;
	float:left;
	margin: 0 43px 30px 0;
}
.gllry_l {
	position:relative;
	width:333px;
	margin:0 10px 20px 0;
	float:left;
	height: 235px;
}
.gllry_r {
	position:relative;
	width:333px;
	margin:0 0 20px 0;
	float:right;
	height: 235px;
}
.gllry_l h4 a, .gllry_r h4 a {
    background: url("../img/cmn/link.gif") no-repeat scroll 15px 17px transparent;
    border: 1px solid #F3F3F3;
    font-size: 14px;
	font-weight:normal;
    margin: 10px 0;
    padding: 13px 0 8px 30px;
    width: 301px;
	display:block;
}
.gllry_l h4 a:hover, .gllry_r h4 a:hover {
    background: url("../img/cmn/f_link.gif") no-repeat scroll 15px 17px #3BC0BA;
	color:#FFFFFF;
}
.gllry_l ul, .gllry_r ul {
	width:100%;
}
.gllry_l ul li, .gllry_r ul li {
	float:left;
	width:162px;
	margin:0 9px 0 0;
}

/*プライバシーポリシー*/

#privacy h4 {
	color:#8fbb3f;
	font-size:14px;
	margin:20px 0 10px;
	border-bottom:1px dashed #8fbb3f;
}

#privacy ol {
	text-indent:3em;
}

#privacy ol li span {
	color:#8fbb3f;
}

/*ページング*/
.pagination{
padding: 1px;
padding-top: 10px;
}
.pagination li{
	display: inline-block;
} 
.pagination li a, .pagination li a:visited{
padding: 3px 3px 2px 5px;border: 1px solid #fff;
text-decoration: none; /*color: #f60;*/
align:right;
}
.pagination li a:hover, .pagination li a:active{
border: 1px solid #8FBB40;
/*color: #fff;*/
}
.pagination li a.currentpage{
/*background-color: #f60;*/
color: #8FBB40 !important;
border-color: #8FBB40;
/*font-weight: bold;*/
cursor: default;
}
.pagination li a.disablelink, .pagination li a.disablelink:hover{
background-color: white;
cursor: default;
color: #FFF;
border-color: #FFF;
font-weight: normal !important;
}
.pagination li a.prevnext{
font-weight: bold;
}
/*NEW*/
.gllry_l .new, .gllry_r .new {
    left: -4px;
    position: absolute;
    top: 55px;
}
/*サイトマップ*/
.article6 {
    float: left;
    margin: 0 0 30px 15px;
    width: 212px;
}
.article6 h4 {
	margin:20px 0;
}
.article6 h4 a {
	font-size:14px;
	color:#8FBB40;
}
.article6 h4 a:hover {
	color:#3BC0BA;
}


/* =======================
共通
======================= */
.dotbox {
	border: 1px dotted #BFBFBF;
}
.dotline {
	border-bottom: 1px dotted #BFBFBF;
}

.link li {
	margin:15px 0;
}
.link li a {
	background:url(../img/cmn/link.gif) left 5px no-repeat;
	padding:0 0 0 10px;
}
.link li a:hover {
	background:url(../img/cmn/link_on.gif) left 5px no-repeat;
	padding:0 0 0 10px;
}

.nk_link li {
	margin:5px 0;
}
.nk_link li a {
	background:url(../img/cmn/link.gif) left 5px no-repeat;
	padding:0 0 0 10px;
}
.nk_link li a:hover {
	background:url(../img/cmn/link_on.gif) left 5px no-repeat;
	padding:0 0 0 10px;
}

.detail {
	padding:5px 0 0;
}
.last{
	margin:0 !important;
}
.youtonav li {
height: 25px;
float: left;
margin: 10px 0;
line-height: 25px;
}

.youtonav li.youto02 a {
background: url(../img/top/youto02.gif) left top no-repeat;
padding: 0 0 0 15px;
line-height: 1.8em;
min-height: 23px;
display: block;
}

.youtonav li.youto02 a:hover {
 background:url(../img/top/youto02_on.gif) left top no-repeat;
 color:#3BC0BA;
}