/*======================================
　CSS: beauty_pink_a
=======================================*/


*{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{border:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;}

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

body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
text-align:left; 
background:#fff;
}

a{
color:#663399;
text-decoration:underline;
}

a:hover{ 
color:#993399;
text-decoration:none;
}

#header{
width:100%;
min-width:770px; 
background:#fff url(img/header_bg.gif) repeat-x;
text-align:left;
border-top:#555555 solid 10px;
border-bottom:#fd9dff double 3px;
}

#header #title{
width:770px;
text-align:left;
margin:0;
background:url(img/header_img.jpg) no-repeat right center;
line-height:250%;
}

#header #title h1 a{
font-size:30px;
padding:20px;
color:#663399;
}

#subtitle{
width:450px;
margin:20px 0 0 15px;
line-height:180%;
font-size:11px;
color:#555;
}

#wrapper{ 
width:770px;
text-align:left; 
margin:0;
text-align:left;
background:#fff;
border:#fff solid 1px;
}

#navigation{
width:211px;
margin:0;
padding:20px 0 0 15px;
position:relative;
float:left;
font-size:12px;
}

#content{ 
margin:0;
padding:0;
width:525px;
position:relative;
float:right;
font-size:13px;
}

#page-list,#category{
width:210px;
text-align:left;
}
#page-list h1{
width:210px;
height:32px;
line-height:100%;
background:url(img/page_top.gif) no-repeat;
border-bottom:#f8d0f9 dashed 2px;
}
#page-list h1 span,#category h1 span{display:none;}

#page-list li a{
display:block; 
width:210px; 
padding:0;
margin:0;
line-height:100%;
border-bottom:1px solid #ccc;
background:#faf2ff;
font-size:13px;
}
#category li a{ 
display:block; 
width:210px; 
padding:0;
margin:0;
line-height:100%;
border-bottom:2px dashed #ccc;
background:#faf2ff;
font-size:13px;
font-weight:bold;
}

#page-list li a:hover,#page-list li.selected a{
background:#ffdef1;
}
#page-list li a span,#category li a span {display:block;padding:0 5px 0 10px;}

#naviAd ul li{
padding:4px 0;
border-bottom:#ddd solid 1px;
}

#content #pagetitle{
padding:10px 10px 10px 0; 
}
#content #pagetitle h1{
line-height:105%;
font-weight:bold;
font-size:200%;
color:#cf7ead;
}
#article{
margin:10px;
padding:10px;
background:#f9f5ff;
border:#dedede solid 1px;
}
#article h1{
margin:10px 0;
padding:5px;
background-position:bottom;
line-height:100%;
font-weight:bold;
background:#fff;
color:#555;
font-size:100%;
border-bottom:#ddd double 3px;
}
#article h2{
margin:10px 0;
font-size:16px;
color:#555;
border-bottom:#ddd double 3px;
}


.top { text-align:right; height:40px; padding:10px 10px 0 0; line-height:400%; font-size:11px;}
.top a {text-decoration:none;}


#footerwrapper{
width:100%;
min-width:770px;
margin-top:20px;
background:#ffdef1;
border-top:#fff double 3px; 
}

#pr{
padding:10px 0 10px 15px;
text-align:left;
color:#706a76;
}
#pr h1{
margin:0;
padding:0;
line-height:100%;
}
#pr h1 span{ 
font-size:15px;
color:#706a76;
}
#pr ul li{
list-style:square;
margin:0 0 0 15px;
padding:0;
line-height:100%;
}
#pr ul li a{ 
font-size:11px;
color:#706a76;
}

#copy {
padding:0 0 0 15px;
text-align:left;   
font-size:10px;
color:#fff;
background:#555;
}

#footseo { 
clear:both;
text-align:left; 
padding:10px 0 10px 15px; 
font-size:10px;
color:#706a76;
}


#article ul{
margin:15px;
padding:15px;
line-height:300%;
color:#333;
font-size:14px;
background:#fff;
}
#article ul li{
margin-left:10px;
font-size:13px;
}