﻿/*======================================
　CSS: eco_green_d
=======================================*/

/*=====■Common specification■=====*/

*{margin:0;padding:0;}
html,body{margin:0; padding:0}

img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{text-decoration:none;border:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;}

.clearfix{
clear:both;
font-size:1px;
}

/*=====■Layout■=====*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
text-align:center;
background:#eee;
}

/*LINK*/
a{
color:#4169e1;
}

/*■Layout*/
/*header*/
#header{
width:780px;
height:150px;
margin:0 auto;
padding:10px;
text-align:left;
border-top:#004a95 solid 5px;
background:url(img/header.jpg) no-repeat;
}

/*大枠*/
#wrapper{
width:800px;
margin:0 auto;
text-align:left;
background:#fff;
}

/*CONTENTS枠*/
#page{
width:800px; 
margin:0 auto;
}

/*navigation*/
#navigation ul{ margin-bottom:10px;}
#navigation ul li {
width:200px;
line-height:180%;
border-bottom:#ddd solid 1px;
}
#n1 ul,#n2 ul{ margin-bottom:0px;}
#n1 ul li,#n2 ul li{
border-bottom:none;
}

#navigation{
width:200px;
margin:0;
padding:10px;
float:right;
color:#666;
font-size:13px;
}

/*article*/
#content{
width:560px;
margin:0;
padding:10px;
float:right;
line-height:240%;
color:#4b545d;
font-size:15px;
}

#content ul{
padding:15px 0 0 25px;
}

h3 {
font-size: 14px;
margin-top: 20px;
line-height: 200%;
border-bottom: 3px solid #aaa;
padding: 0 6px;
}
/*■header設定*/

/*header画像*/
#header #title{
width:770px;
height:50px;
padding:5px 0 5px 10px;
text-align:left;
}
#header #title #sitename{margin-bottom:5px;}

/*LOGO-TXT*/
#header #title #sitename a{
width:500px; 
text-decoration:none; 
font-weight:bold; 
display:block; 
font-size:32px;
color:#fff;
}

/*SUB-TITLE*/
#header #subtitle{
line-height:100%;
font-size:11px; 
color:#FFF;
}

/*■navigation設定*/

/*NAVIGATION*/
#n2,#n1{
width:200px;
padding:0 0 15px 0;
text-align:left;
background:url(img/li_bg.gif) repeat-y;
}
#n2 ul{
padding-top:35px;
background:url(img/pagelist.gif) no-repeat;}
#n1 ul{
padding-top:35px;
background:url(img/category.gif) no-repeat;}

#n2 ul li,#n1 ul li{
background:url(img/li_bg.gif) repeat-y;}

#n2 ul li a,#n1 ul li a{ 
display:block; 
width:192px;
padding:0;
background:#fff url(img/li_link.gif) 3px 6px no-repeat;
font-size:13px;
border:#666 solid 1px;
}

#n2 ul li a:hover,#n1 ul li a:hover,#n2 ul li.selected a,#n1 ul li.selected a { 
background:#e6f3fc url(img/li_link.gif) 3px 6px no-repeat;
}
#n2 ul li a span,#n1 ul li a span {display:block;padding:8px 5px 8px 25px;}

/*PR*/
#pr{
padding:20px 0 0 5px;
text-align:left;
color:#0b4324;
}
#pr h1{
margin:0;
padding:0;
line-height:100%;
}
#pr h1 span{ 
font-size:15px;
color:#0b4324;
}
#pr ul li{
list-style:square;
margin:0 0 0 15px;
padding:0;
line-height:180%;
font-size:11px;
}
#pr ul li a{ 
font-size:11px;
color:#0b4324;
}
/*■CONTENTS設定*/

/*パンくず*/
#bread{
height:25px;
margin-bottom:10px;
padding:13px 0 0 10px;
font-weight:bold;
font-size:12px;
}
#bread a{
text-decoration:none;
}

/*ARTICLE*/
#content #pagetitle{
padding:15px 10px 0 35px; 
margin: 20px 0 10px 0;
line-height:105%;
font-weight:bold;
font-size:27px;
color:#004a95;
background:url(img/h1.gif) 5px 8px no-repeat;
border-bottom:#004a95 solid 3px;
}

#artwrap{
margin-left:12px;
padding:10px;
}
#art{
padding:25px;
background:#fff;
width: 520px;
}
#art h2{
height:21px;
padding:9px 10px 0 10px;
background-position:bottom;
line-height:100%;
font-weight:bold;
color:#0f7d1f;
font-size:100%;
border:#d3d3d3 solid 1px;
}
#art h3{
padding:5px;
font-size:14px;
color:#0f7d1f;
border-bottom:#999 dashed 2px;
}
#art ul li{margin:5px 0 0 5px;}

.top { text-align:right; background:url(img/block_btm.gif) no-repeat left top; height:40px; padding:10px 20px 0 0; line-height:400%; font-size:11px;}
.top a {text-decoration:none;}


/*■footer*/
#footer ul{
margin :10px 8px 0 0;
color:#666;
font-size:13px;
}
#footer ul li{
line-height:160%
}

#footer{
margin-top:20px;
border-top:#cfcfcf dashed 1px;
border-bottom:#004a95 solid 5px;
text-align:right;
font-size:10px;
}
/*COPYRIGHT*/
#copy {
padding:10px;
font-weight:bold;
color:#706a76;
}

  
