/*======================================
　CSS: beauty_green_b
=======================================*/

/*=====■共通指定■=====*/

*{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;
}

/*=====■レイアウト■=====*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
text-align:left; 
background:#fff;
}

/*リンク色設定*/
a{
color:#009999;
}

a:hover{ 
color:#006666;
}

/*■ヘッダ*/
#header-area{
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:#bdf6dc double 3px;
}

/*タイトル、画像*/
#header-area #title{
width:770px;
text-align:left;
margin:0;
background:url(img/header_img.jpg) no-repeat right center;
line-height:250%;
}
#header-area #title h1 {margin:0; padding:14px 0 0 8px;}

/*ロゴテキスト時*/
#header-area #title h1 a {
width:300px; 
text-decoration:none; 
font-weight:bold; 
display:block; 
font-size:50px;
color:#333;
}

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

/*サブタイトル*/
#sub{
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;
}

/*メニュー*/
#bread{
width:700px;
height:20px;
margin:10px 0 0 15px;
font-size:11px;
line-height:180%;
font-weight:bold;
}
#bread a{
text-decoration:none;
}

/*ナビゲーション*/
#navi-area{
width:210px;
margin:0;
padding:20px 0 0 15px;
position:relative;
float:left;
font-size:12px;
}

/*記事部分*/
#main-area{ 
margin:0;
padding:0;
width:525px;
position:relative;
float:right;
background:#F2FEF8;
border:#dedede solid 1px;
font-size:14px;
}

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

#page-list,#category{
text-align:left;
}
#category .nav_top{
height:32px;
line-height:100%;
background:url(img/page_top.gif) no-repeat;
border-bottom:#9CE0C0 dashed 2px;
}
#category .nav_top span{display:none;}
#page-list ul li a,#category ul li a{ 
display:block;
padding:0;
margin:0;
line-height:100%;
border-bottom:1px solid #ccc;
background:#F1FEF8;
font-size:13px;
}
#category ul li a{
padding-top:5px;
font-size:14px;
font-weight:bold;
background:#ddffde;
border-bottom:3px double #ccc;
}

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

/*■コンテンツ*/

#main-area ul li{ line-height:300%;}
#main-area .recommend li{ line-height:200%;}

/*記事*/
#main-area #pagetitle{
padding:5px;
margin:10px 0;
}
#main-area #pagetitle h2{
line-height:105%;
font-weight:bold;
font-size:200%;
color:#648C84;
border-bottom:#ddd dotted 2px;
}
#article{
margin:0 15px 10px 15px;
padding:15px;
background:#fff;
line-height:300%;
color:#333;
}
#article h3{
padding:3px 0;
margin:10px 0;
line-height:100%;
color:#555;
font-size:16px;
border-bottom:#bdf6dc solid 1px;
}

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


/*■フッター*/
#footer-area{
width:100%;
min-width:740px;
padding:15px;
margin-top:50px;
background:#bdf6dc;
border-top:#fff double 3px;
font-size:12px;
color:#555;
}

/*コピーライト*/
#copy{
min-width:755px;
text-align:left;   
font-size:10px;
color:#fff;
background:#555;
}