/*======================================
　CSS: divorce_blue_i
=======================================*/

/*=====■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;}

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

/*---LINK---*/
a{color:#CC9933}

a:hover{color:#999933;}

/*=====■Layout■=====*/
body{
color:#333;
text-align:center; 
background:#fff3ff;/* ALL BACK-GROUND */
}


/*CONTENTS*/
#wrapper{ 
width:703px;
text-align:center; 
margin:0 auto;
text-align:left;
background:#FFF url(img/wrapper_bg.jpg) no-repeat;/* CONTENTS-BACK */
border:#ddd 1px solid;
}

/*header*/
#header{
height:150px;
}

/*navigation*/
#navigation{
width:210px;
margin:0;
padding:25px 0 0 20px;
position:relative;
float:left;
font-size:13px;
}

/*article*/
#main{ 
margin:0;
padding:25px 15px 0 0;
width:445px;
position:relative;
float:right;
font-size:14px;
}

/*■HEADER*/

/*TITLE*/
#header #site-name{
width:700px;
height:173px;
text-align:left;
margin:0 auto;
line-height:180%;
}
#header #site-name h1 {margin:0; padding:30px 0 0 10px;}

/*LOGO-TXT*/
#header #site-name h1 a {
width:400px; 
text-decoration:none; 
font-weight:bold; 
display:block; 
font-size:35px;
color:#795425; 
}

/*SUB-TITLE*/
#header #sub-title{
margin:0 0 0 20px;
font-size:11px; 
color:#795425;
}

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

#page-list,#category{
width:210px;
text-align:left;
}
#n-box{
width:200px;
border:#cecece solid 1px;
}
#category h2{
width:200px;
height:36px;
line-height:100%;
background:url(img/contents.gif) no-repeat;
}
#category h2 span{display:none;}

#page-list li a{ 
display:block; 
width:193px; 
padding:0;
margin:1px; 
line-height:120%;
font-size:14px;
background:#f2f2f2;
border-left:#987d5b 5px solid;
}
#category li a{
display:block; 
width:200px; 
padding:0; 
line-height:120%;
background:#987d5b url(img/h1_bg.gif) repeat-x bottom;
font-size:15px;
font-weight:bold;
color:#fff;
}
#category li a:hover{ text-decoration:underline;}
#page-list li a:hover,#page-list li.selected a{ }
#page-list li a span{display:block;padding:5px;}
#category li a span{display:block;padding:5px 5px 5px 10px;} 

/*■ARTICLE*/
#page-title{
padding:9px 10px 7px 5px; 
margin:0 0 25px 0;
background:#987d5b url(img/h1_bg.gif) repeat-x bottom;
border-bottom:#fffccd solid 2px;
}
#page-title h2{
padding-left:10px;
line-height:105%;
font-weight:bold;
font-size:25px;
color:#fff;
border-left:#663300 solid 6px;
}
#article{
padding:15px;
background:#fff;
line-height:300%;
color:#4b545d;
font-size:15px;
background:#fffee9;
}
.link_title{
margin:10px 0;
font-size:15px;
font-weight:bold;
padding:0 3px;
background:#f9f9f9;
border-bottom:#ddd solid 2px;
}

#article ul li{ line-height:300%;}
.favorite li{ line-height:200%;}

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

/*FOOTER*/
#footer{
padding:10px;
margin:30px 10px 0 10px;
border-top:#999 2px dotted;
font-size:12px;
}
#footer ul{
text-align:left;
}
/*COPYRIGHT*/
#copyright{ 
padding:20px 10px 5px 0;
text-align:right;   
font-size:11px;
font-weight:bold;
color:#999;
}