/*************************************
***          基本レイアウト                          ***
*************************************/

* {
margin: 0;
padding:0;
}

html { 
margin: 0; padding: 0; 
}

form, input { 
margin: 0; padding: 0; 
}

a img { 
border: 0; 
}


/*************************************
***          ページレイアウト                        ***
*************************************/

body {
font-size: 14px;
line-height: 135%;
color:#333333;
font-family: verdana ,arial ,sans-serif;
text-align: center;
background: #bbf9c6;
}

#container {
margin: 0 auto;
padding: 0;
width: 800px; 
text-align: left;
background-color: #ffffff;
}


/*************************************
***          見出し                                     ***
*************************************/

h2, h3, h4, h5, h6 { font-weight: bold; }
h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
}

p, ol, ul, pre, blockquote {
margin-top: 10px;
margin-bottom: 10px;
}


/*************************************
***          リンク色（ページ全体）                ***
*************************************/

a { 
color: #0000ff;
text-decoration: underline;
font-weight: bold;
}

a:hover { 
color: #ff3300;
text-decoration: underline;
}


/*************************************
***          リンク色（サイドバー）                  ***
*************************************/

.side a { 
color: #0000ff;
text-decoration: none;
font-weight: normal;
}

.side a:hover { 
color: #ff3300; 
text-decoration: underline;
}


/*************************************
***          ヘッダー（レイアウト）                  ***
*************************************/

#banner {
width: 800px; 
margin: 0 0 5px 0;
height: 160px;
background: #20eb44 url(http://www.oneperson.refresh-life.info/img/title.gif) no-repeat;
position: relative;
}


/*************************************
***          ヘッダー（サイトタイトル）              ***
*************************************/

h1 a {
margin: 0;
font-size: 22px;
font-weight: bold;
color: #4e4ef5;
text-decoration: none;
line-height: 1;
position:absolute; top:45px; left:20px;
}

h1 a:hover {
color: #4e4ef5;
text-decoration: none;
}


/*************************************
***          ヘッダー（サイト説明文）              ***
*************************************/

#banner-description {
position:absolute; top:85px; left:20px;
font-size: 14px;
font-weight: bold;
color: #4e4ef5;
}


/*************************************
***          メインコンテンツ全体                   ***
*************************************/

#pagebody {
width: 100%;
margin: 10px 0 20px;
}


/*************************************
***          メインコンテンツ記事部分            ***
*************************************/

#alpha { 
display: inline; /* ie win bugfix */
width: 550px; 
float: right;
margin: 0 10px 0 auto;
padding: 0;
background-color: #ffffff;
}

.extended {
margin: 0 0 20px 0;
}

.posted {
margin: 0 0 20px 0;
color: #666666;
font-size: 12px;
background-color: #ffffff;
border-top: 2px dashed #cccccc;
text-align: right;
}


/*************************************
***          メインコンテンツサイドバー           ***
*************************************/

#beta {
display: inline; /* ie win bugfix */
width: 210px; 
float: left;
margin: 0 10px 0; 
padding: 0 5px 5px;
background-color: #ffffff;
}


/*************************************
***          記事部分コンテンツ                   ***
*************************************/

.archive-header {
width: auto;
height: auto;
margin: 0 0 10px 0;
padding: 3px 0 1px 5px;
color: #000000;
background-color: #ffffff;
border-left: 5px solid #008000;
border-bottom: 1px solid #ffffff;
font-size: 18px;
font-weight: bold;
}

.entry-header {
width: auto;
height: auto;
margin: 0 0 10px 0;
padding: 3px 0 1px 5px;
color: #2a4763;
background-color: #e0fce4;
border-left: 5px solid #ff5942;
border-bottom: 1px solid #ff5942;
font-size: 18px;
font-weight: bold;
}

.entry-header a {
color: #2a4763;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

.entry-header a:hover {
color: #ff3300;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

.entry-header2 {
width: auto;
height: auto;
margin: 30px 0 10px;
padding: 3px 0 1px 5px;
color: #2a4763;
background-color: #ffffff;
border-left: 5px solid #ff5942;
border-bottom: 1px solid #ff5942;
font-size: 16px;
font-weight: bold;
}

.img { float: left; margin: 0 5px 0 0; }
.img2 { float: right; margin: 0; }

.entry-body {
padding: 0 15px;
}

.gohome {
margin: 0 0 10px 0;
text-align: right; 
}

.gotop {
margin: 0 0 10px 0;
border-top: 1px solid #666666;
text-align: right; 
}

.nav {
margin: 0 0 5px;
}

.pagelink {
margin: 10px 0 20px;
padding: 10px;
font-size: 12px;
border:2px dashed #0c8bff;
text-align:left;
}


/*************************************
***         　　　 アーカイブ　　　                   ***
*************************************/

.sitemap-category {
margin-top: 15px;
padding: 0 0 0 20px;
color: #008000;
font-size: 16px;
}

.sitemap-category a{
color: #008000;
text-decoration: none;
}

.sitemap-entry {
padding: 0 0 0 30px;
}

.pagenavi {
font-size: 14px;
text-align: center;
}


/*************************************
***          トラックバック                            ***
*************************************/

#trackbacks-info {
margin: 10px 15px;
padding: 10px;
font-size: 12px;
border:2px dotted #6ebef2;
background-color:#ffffff;
text-align: center;
}

.trackbacks-content {
margin: 0 15px 10px;
height:100px;
overflow :auto;
}


/*************************************
***          コメント                                     ***
*************************************/

#comments-open-data {
padding-left: 15px;
}

#comments-open-text {
padding-left: 15px;
}

#comment-author, #comment-email, #comment-url {
width: 240px;
}

#comment-text {
width: 400px;
}

#comment-bake-cookie {
margin-left: 0;
vertical-align: middle;
}

#comment-post {
font-weight: normal;
}

.comments-header,.comments-open-header {
margin-top: 10px;
padding: 0;
color: #666;
font-size: 14px;
font-weight: bold;
}

.comment-content,
.comment-footer { 
margin: 10px 0 0; 
padding: 0 15px;
}

.comments-open-footer { 
margin: 10px 0 0; 
padding: 0 0 0 15px;
}

.comments-open-content,
.comments-closed { clear: both; margin: 5px 10px; }
.comments-open label { display: block; }

.com {
padding-left: 5px;
border-left:5px solid #0c8bff;
}

.posted2 {
margin: 0 0 30px 0;
color: #666666;
background-color: #ffffff;
border-top: 2px dashed #cccccc;
text-align: right;
}


/*************************************
***          サイドメニュー                           ***
*************************************/

.side-header {
width: auto;
height: auto;
margin: 0 5px 0;
padding: 0 0 2px 0;
color: #000000;
border-bottom: 1px solid #ff5942;
font-size: 13px;
font-weight: bold;
line-height: 16px;
text-align: center;
}

.side {
overflow: hidden;
width: auto; 
margin: 0 auto 10px;
padding: 0;
font-size: 12px;
border: 5px solid #9aeda2;
background-color: #efffec;
}

.side li{
margin: 5px 0 0 0;
padding: 0 0 0 5px;
}

.side-list2 {
margin: 5px 0;
padding: 0 0 0 5px;
}


/*************************************
***          フッター                                   ***
*************************************/

#footer {
width: 800px; /* necessary for ie win */
height: 20px;
background: #20eb44;
font-size: 11px;
text-align: center;
color: #222222;
line-height: 20px;
clear: both;
}

#footer a {
color: #222222;
text-decoration: none;
font-weight: normal;
}


/*************************************
***          補助                                        ***
*************************************/

.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
}

strong {
font-weight: normal; 
font-style: normal; 
text-decoration: none
}

em {
font-weight: normal; 
font-style: normal; 
text-decoration: none
}

.block {
margin: 0;
display: block;
border:1px solid #ff0000;
background-color:#ffffee;
padding:15px 15px 15px 15px;
text-align:left;
}

.block2 {
margin: 0;
display: block;
border:1px solid #73aabf;
background-color:#ecf7fb;
padding:15px 15px 15px 15px;
text-align:left;
}

.ads {
margin: 20px 0 0 0;
font-size: 12px;
}

.pickup1 {
width: 47%; 
margin: 5px 0;
padding: 5px;
font-size: 14px;
color: #333;
line-height: 1.2;
float: left;
}

.pickup2 {
width: 47%; 
margin: 5px 0;
padding: 5px;
font-size: 14px;
color: #333;
line-height: 1.2;
float: right;
}

p.clearfloat {
clear:both;
}