/*======================================
　CSS: license_gray
=======================================*/

/*=====■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:#33CC66;
}

a:hover{ 
color:#009966;
}

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

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

/*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:760px;
text-align:center; 
margin:0 auto;
text-align:left;
background:url(img/bg.gif) repeat-y;
}

/*navigation*/
#navigation{
width:187px;
margin:0;
padding:0 45px 0 0;
position:relative;
float:right;
font-size:13px;
color:#fff;
}

/*article*/
#content{ 
margin:0;
padding-left:61px;
width:449px;
position:relative;
background:url(img/art.gif) repeat-y right;
float:left;
font-size:14px;
}

/*NAVIGATION*/
#navigation ul{ margin-bottom:10px;}
#navigation ul li{ padding:4px; border-bottom:#aaa dotted 1px;}
#navigation #page-list ul li,
#navigation #category ul li{
padding:0; border:none;
}

#page-list{
width:171px;
margin-bottom:15px;
text-align:left;
}
#category{
padding-bottom:15px;
background:url(img/nav_btm.gif) no-repeat bottom;
}
#category h2 {
width:171px;
height:39px;
background:url(img/cat.gif) no-repeat;
}
#page-list h2 span,#category h2 span{display:none;}

#page-list ul li a,#category ul li a{ 
display:block; 
width:160px; 
padding:0;
margin:6px 0 0 10px; 
line-height:120%;
background:#e8e8e8 url(img/point.gif) 3px 10px no-repeat;
font-size:13px;
color:#13315d;
text-decoration:underline;
}

#page-list ul li a:hover,#category ul li a:hover,#page-list ul li.selected a,#category ul li.selected a { 
background:#fff 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;}

/*■CONTENTS*/

/*ARTICLE*/
#content ul li{ line-height:300%;}
#content .info li{ line-height:200%;}

#content #pagetitle{
padding:10px 8px 15px 0;
margin:10px 0;
background:url(img/h1.gif) no-repeat;
}
#content #pagetitle h2{
padding:0 0 0 15px;
line-height:105%;
font-weight:bold;
font-size:19px;
color:#000;
border-left:#525252 7px solid;
}
#artwrap{
width:449px;
padding-bottom:14px;
background:url(img/art_btm.gif) no-repeat bottom;
}
#art{
padding:20px 30px;
line-height:300%;
color:#000;
font-size:14px;
}
#art h3{
padding:5px 8px;
margin:10px 0;
background-position:bottom;
line-height:100%;
font-weight:bold;
background:#777;
color:#fff;
font-size:100%;
}

.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*/
#footerwrapper{
margin:20px 9px 0 3px;
padding:10px 5px 10px 20px;
background:#0e0e0e;
border-top:#474747 double 12px;
font-size:12px;
color:#999;
}

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