/*======================================
　CSS: license_green
=======================================*/

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

*{margin:0;padding:0;line-height:160%;}
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:#f7f7f7;
}

/*LINK*/
a{
color:#0b4324;
}

a:hover{ 
color:#317a46;
}

/*■header*/
#header{
width:700px;
height:200px;
margin:0 auto;
background:url(img/header_bg.jpg) no-repeat;
text-align:left; 
}

/*TITLE*/
#header #title h1 {margin:0; padding:8px 0 0 0;}

/*LOGO-TXT*/
#header #title h1 a {
width:300px; 
text-decoration:none; 
font-weight:bold; 
display:block; 
font-size:50px;
color:#CCC;
}

/*LOGO-PICTURE*/
#header #title h1 a{
width:494px;
height:86px;
background:url(img/title.gif) no-repeat;
} 
#header #title h1 a span{display:none }

/*SUB-TITLE*/
#header #subtitle{
margin-left:30px;
font-size:11px; 
color:#FFF;  
}

/*■CONTENTS*/
#wrapper{ 
width:700px;
text-align:center; 
margin:0 auto;
text-align:left;
background:#111;
}

/*navigation*/
#navigation{
width:188px;
margin:0;
padding:0 17px 0 0;
position:relative;
float:right;
background:url(img/nav_bg.gif) repeat-y;
}

/*article*/
#content{ 
margin:0;
padding-left:26px;
width:442px;
position:relative;
background:url(img/art_bg.gif) repeat-y right;
float:left;
}

/*NAVIGATION*/
#page-list{
width:188px;
margin-bottom:15px;
text-align:left;
}
#category{
padding-bottom:15px;
background:url(img/nav_btm.gif) no-repeat bottom;
}
#page-list h1{
width:188px;
height:69px;
background:url(img/nav.gif) no-repeat;
}
#category h1 {
width:188px;
height:88px;
background:url(img/cat.gif) no-repeat;
}
#page-list h1 span,#category h1 span{display:none;}

#page-list ul li a,#category ul li a{ 
display:block; 
width:170px; 
padding:0;
margin-left:7px; 
line-height:120%;
border-top:1px solid #7c8b66;
background:#111 url(img/point.gif) 3px 10px no-repeat;
font-size:13px;
color:#FFF;
}

#page-list ul li a:hover,#category ul li a:hover,#page-list ul li.selected a,#category ul li.selected a { 
background:#363c2c url(img/point_hover.gif) 3px 10px no-repeat;
}
#page-list ul li a span,#category ul li a span {display:block;padding:5px 5px 5px 27px;}

#naviAd ul{
color:#ddd;
font-size:13px;
margin-bottom:10px;
}
#naviAd ul li{
line-height:180%;
padding:7px;
border-bottom:#ddd solid 1px;
}

/*■CONTENTS*/

/*ARTICLE*/
#content #pagetitle{
padding:10px 8px 15px 25px; 
margin-bottom:10px;
background:url(img/h1.gif) 7px 0 no-repeat;
}
#content #pagetitle h1{
line-height:105%;
font-weight:bold;
font-size:20px;
color:#000;
}
#artwrap{
width:442px;
padding-bottom:14px;
background:url(img/art_btm.gif) no-repeat bottom;
}
#art{
width:402px;
padding:20px;
line-height:300%;
color:#000;
font-size:14px;
}
#art h1{
height:21px;
padding:10px 10px 0 10px;
background-position:bottom;
line-height:100%;
font-weight:bold;
background:url(img/h1_bg.gif) repeat-x;
color:#fff;
font-size:100%;
}
#art h2{
margin:10px;
font-size:18px;
color:#317a46;
}
#art p{

}

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

#content ul li{
padding-left:20px;
color:#666;
font-size:13px;
line-height:270%;
}

/*■footer*/
#footerwrapper{
margin:20px 0 0 0;
padding:10px 0 50px 0;
background:#000 url(img/foot_bg.gif) repeat-x;
}

#footerwrapper ul{
color:#999;
font-size:13px;
padding:5px 10px;
margin-bottom:10px;
}

/*COPYRIGHT*/
#copy { 
text-align:center;   
font-size:11px;
font-weight:bold;
color:#fff;
}