/*======================================
　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{text-decoration:none;border:none;}
h2,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:#CC3399;}

a:hover{color:#FF66CC;}

/*■ヘッダ*/
#header{
width:100%;
min-width:770px;
margin-bottom:20px; 
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 {margin:0; padding:14px 0 0 8px;}

/*ロゴ画像時 注テキストにする場合は、コメントアウトしてください*/
#header #title h1 a{
width:383px;
height:60px;
background:url(img/title.gif) no-repeat;
display:block; 
}
#header #title h1 a span{display:none }

/*サブタイトル*/
#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:225px;
margin:0;
padding:20px 0 0 15px;
position:relative;
float:left;
font-size:13px;
}

/*記事部分*/
#content{ 
margin:0;
padding:0;
width:525px;
position:relative;
float:right;
background:#f9f5ff;
font-size:14px;
}

/*ページリスト、カテゴリ*/
#navigation ul{ margin-bottom:10px;}
#navigation ul li{ padding:4px; border-bottom:#ccc solid 1px;}
#navigation #page-list li,#navigation #category li
{ padding:0; border:none;}

#page-list,#category{
width:210px;
text-align:left;
}
#category h2{
width:210px;
height:30px;
line-height:100%;
background:url(img/page_top.gif) no-repeat;
border-bottom:#f8d0f9 dashed 2px;
}
#page-list h2 span,#category h2 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;}
/*■コンテンツ*/

/*記事*/
#article{
border:#dedede solid 1px;
margin:15px;
padding:15px;
line-height:300%;
color:#333;
font-size:15px;
background:#fff;
}
#article h2{
margin:10px 0;
padding:10px 2px;
line-height:100%;
color:#555;
font-size:18px;
border-bottom:#fd9dff double 3px;
}
#article h3{
margin:10px 0;
padding:1px 2px;
font-size:15px;
color:#555;
background:#eee;
}

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

.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:740px;
padding:15px;
margin-top:20px;
background:#ffdef1;
border-top:#fff double 3px;
font-size:12px;
}
/*コピーライト*/
#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 li{line-height:230%;}