/*
Theme Name: Gaonchi ver. 2.0.9
Theme URI: http://explog.sakura.ne.jp/wordpress/gaonchi_ver02/
Description: Basic Theme for Gaonchi ver. 2.0.9
Author: Masashi Nagao
*/

body{
background-image: url("http://explog.sakura.ne.jp/wordpress/wp-content/themes/gaonchi_ver02/img/body_bg_gradient.gif");
background-repeat: repeat-x;

width:996px;
margin-top:0;
margin-right:auto;
margin-left:auto;
padding:0;
position:relative;
text-align:center;
background-color: GhostWhite;
font-family:Arial,Helvetica,sans-serif,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
}

#wrapper{
margin:0;
padding:0 60px 0 60px;
text-align:left;
/*background-color: #f1f1f1;*/
}


/*--------ヘッダー--------*/
#header{
margin-top:0;
padding:72px 12px 68px 12px;
}

#header h1{
font-size:120%;
line-height:80%;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:normal;
letter-spacing:0;
padding:0;
margin:0 0 -7px 0;
}

#header h1 a{
color:#000;
text-decoration:none;
}

#header p{
color:#222;
font-size:60%;
font-family:Helvetica,Arial,sans-serif;
font-weight:normal;
margin:0;
padding:2px 0 0 2px;
}

#main{
width:876px;
margin:0;
padding:0;
}


/*--------最新エントリー--------*/
#latestpost{
float:left;
width:492px;
margin:0;
padding:0 0 68px 0;
}

#latestpost h2{
color:#777;
font-size:270%;
line-height:90%;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 0 -2px;
padding:4px 0 4px 0;
}

#latestpost ul.post-categories{
float:left;
margin:0;
padding:0 4px 0 0;
list-style-type:none;
font-size:100%;
}

body:first-of-type #latestpost ul.post-categories{
padding:5px 4px 0 0;
}

html[xmlns*=""] body:last-child #latestpost ul.post-categories{
padding:1px 4px 0 0;
}

#latestpost p.latestpostdate{
color:#555;
float:left;
font-size:75%;
font-weight:bold;
padding:2px 4px 0 0;
margin-top:0;
}

#latestentryblock{
clear:both;
padding:12px 0 0 0;
margin:0;
}

#latestentryblock p.postutility{
font-size:60%;
padding:17px 0 0 0;
margin:0;
}

#latestentryblock ul{
color:#222;
list-style-type: disc;
padding:12px 0 8px 20px;
}

#latestentryblock li{
font-size:87%;
line-height:120%;
padding:8px 0 0 0;
}


#latestpost p{
font-size:87%;
line-height:170%;
color:#555;
font-weight:normal;
margin:0;
padding:12px 0 0 0;
}


/*--------インデックスコンテンツ--------*/
#content_h{
width:852px;
margin:0;
padding:0 12px;
}

#index_content{
width:864px;
/*background-color: #e5e5e5;*/
clear:both;
padding: 0 6px;
margin:0;
overflow: visible;
}

#index_content div.index_post {
margin:0;
width: 204px;
*width: 25%;*
overflow:hidden;
float:left;
padding:6px;
}

*+html #index_content div.index_post {
width: 204px;
}

#index_content span.post_title{
margin:0;
padding:6px 0;
overflow:hidden;
min-height:60px;
display:block;
font-size:120%;
line-height:120%;
font-weight:normal;
/*letter-spacing: -1px;*/
}


#index_content a.pannel{
color:#555 !important;
display:block;
}

#index_content a.post_title:hover{
}

#index_content ul.post-categories{
/*float:right;*/
float:left;
padding:0;
margin:0;
}

#index_content ul.post-categories li{
text-align:left;
font-weight:normal;
font-size:90%;
line-height:70%;
padding:0;
margin:0;
overflow:hidden;
}

#index_content ul.post-categories li a{
display:block;
text-decoration:none;
padding:2px 6px 1px 6px;
margin:0;
/*color:#555;*/
color:#fff;
/*background-color: #ffcb98;*/
}

#index_content ul.post-categories li a:hover{
color:#fff;
}

#index_content p.postdate{
color:#333;
overflow: visible;
float:right;
font-size:75%;
font-weight:normal;
padding:0;
margin:0;
}

.hidden {
display:none;
}

.clear {
clear:both;
}

/*--------コンテンツ--------*/
#content{
float:left;
width:492px;
margin:0;
padding:0 0 0 12px;
}

h2, h3, p, ul, li{
margin:0;
padding:0;
}

.categoryheading{
margin:0;
padding:0;
background:#e5e5e5;
}

.categoryheading h2{
margin:0;
padding:2px 10px 2px 10px;
font-size:110%;
color:#555;
text-decoration:none;
background-color:#e5e5e5;
font-weight:normal;
}

#monthlyheading{
margin:0;
padding:0;
background:#e5e5e5;
}

#monthlyheading h2{
margin:0;
padding:2px 10px 2px 10px;
font-size:110%;
color:#555;
text-decoration:none;
font-weight:bold;
}


.post h2{
color:#777;
font-size:270%;
line-height:80%;
font-weight:normal;

letter-spacing:-2px;
margin:0 0 0 -2px;

padding:64px 0 4px 0;
}


.post h3{
color:#777;
font-size:270%;
line-height:80%;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 0 -2px;
padding:60px 0 4px 0;
}

.post-categories{
float: left;
margin:0 4px 0 0;
padding:0;
list-style-type:none;
}

.post-categories a:link{
color:#fff !important;
text-decoration:none;
background-color:#2B65D9;
font-weight:normal;
font-size:60%;
padding:0 6px 0 6px;
}

.post-categories a:hover{
color:#fff !important;;
text-decoration:none;
background-color:#0442BE;
}

.post-categories a:active{
color:#fff !important;;
text-decoration:none;
background-color:#0442BE;
}

.post-categories a:visited{
color:#fff !important;;
text-decoration:none;
background-color:#883DAE;
font-weight:normal;
font-size:60%;
padding:0 6px 0 6px;
}

.post-categories a:visited:hover{
color:#fff !important;;
text-decoration:none;
background-color:##782C9E;
}

.post-categories a:visited:active{
color:#fff !important;;
text-decoration:none;
background-color:##782C9E;
}

.post p.postmetadata{
color:#777;
float: left;
font-size:75%;
font-weight:bold;
padding:2px 0 0 0;
margin:0;
}

.post p.postdate{
color:#777;
font-size:75%;
font-weight:bold;
padding:2px 0 0 0;
margin:0;
}

#entryblock{
margin:0;
padding:12px 0 0 0;
clear:both;
}

#entryblock p.postutility{
font-size:60%;
padding:17px 0 34px 0;
margin:0;
}

#entryblock ul{
color:#222;
list-style-type: disc;
padding:12px 0 8px 20px;
}

#entryblock li{
font-size:87%;
line-height:120%;
padding:8px 0 0 0;
}

.post p{
font-size:87%;
line-height:170%;
padding:12px 0 0 0;
margin:0;
}

.postutility{
color:#555;
font-weight:normal;
}

.post{
color:#555;
font-weight:normal;
padding:0;
margin:0;
}

.postnav{
color:#777;
font-size:70%;
line-height:100%;
/*background-color:#fff;*/
padding:7px 5px 5px 5px;
font-weight:normal;
text-align:center;
}

.pagenav{
clear:both;
font-weight:bold;
font-size:70%;
line-height:100%;
padding:0 10px 0 10px;
margin:34px 0 -20px 0;
}

.pagenav a{
color:#000 !important;
} 

img {
border:0px none;
padding:0 10px 10px 0;
}

a:link {
color:#2B65D9;
padding:0;
margin:0;
text-decoration:none;
}

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

a:active{
color:#0442BE;
text-decoration:underline;
}

a:visited{
color:#883DAE;
text-decoration:none;
}

a:visited:hover{
color:#782C9E;
text-decoration:none;
}

a:visited:active{
color:#782C9E;
text-decoration:none;
}

q { 
quotes: '"' '"' "'" "'";
}

q:before {
content: open-quote;
}

q:after {
content: close-quote;
} 

blockquote {
padding:12px 0 0 0;
margin:0;

}

blockquote p{
padding: 0 0 0 12px !important;
font-size:100% !important;
color:#777 !important;
font-style: italic !important;
font-family: "ＭＳ Ｐ明朝",serif !important;
border-left: 1px solid !important;
border-color: #ccc !important;
}

#leftfloat{
float:left;
}

#leftfloat:after{
clear:left;
}


/*--------サイドバー--------*/
#sidebar{
width:288px;
float:left;
padding:0 0 72px 72px;
margin:0;
/*padding-left:72px;*/
}

#sidebar ul{
font-size:60%;
line-height:120%;
font-weight:normal;
color:#333;
list-style-type:none;
margin:0;
padding:0 0 0 0;
}

#sidebar li{
margin:0;
padding:5px 0 0 0;
letter-spacing:0.5px;
}

#sidebar h2{
font-size:70%;
font-weight:bold;
color:#000;
margin:0;
padding:0 0 0 0;
}

#recentposts {
width:182px;
float:left;
margin:0;
padding:0 0 17px 12px;
}

#archives {
width:82px;
float:right;
margin:0;
padding:0 0 17px 12px;
}

#category {
width:182px;
clear:both;
margin:0;
padding:0 0 17px 12px;
}

#my_itunes {
width:182px;
margin:0;
padding:0 0 17px 12px;
}

#my_favorite_books {
width:276px;
margin:0;
padding:0 0 17px 12px;
}


/*--------コメント部分--------*/
#feedbacks h3{
font-size:70%;
font-weight:bold;
color:#000;
margin:0;
padding:68px 0 4px 0;
}

.com{
/*border-top:dotted 1px #777;*/
margin:0;
padding:17px 0 17px 0;
}

.comblock{
/*border-top:dotted 1px #777;*/
font-size:87%;
line-height:170%;
font-weight:normal;
color:#777;
margin:0;
padding:17px 0 0 0;
}

.com p{
font-size:77% !important;
line-height:170% !important;
font-weight:normal;
color:#333;
padding:0 !important;
margin:0;
}

.commeta{
font-size:77% !important;
font-weight:bold !important;
color:#888 !important;
margin:0;
padding:8px 0 0 0 !important;
}

.login{
font-size:70%;
font-weight:bold;
color:#000;
margin:0;
padding:17px 0 17px 0;
}

#tb{
font-size:70%;
line-height:80%;
color:#777;
padding:3px;
background-color:#fff;
border:solid 1px #ccc;
margin:0 0 17px 0;
}

#commentform{
font-size:87%;
line-height:170%;
}

.formlabel{
font-size:70%;
font-weight:bold;
color:#777;
margin:0;
padding:17px 0 2px 0;
}

.button{
font-size:70%;
font-weight:bold;
color:#000;
margin:0;
padding:4px 0 0 0;
}





/*--------フッター部分--------*/

#footer{
clear:both;
font-size:60%;
line-height:100%;
padding:34px 12px 60px 12px;
margin:0;
}

img.signature{
margin:0 0 -7px 0;
padding:0;
}

.copyright{
color:#7F6100;
padding:0 0 0 0;
margin:0;
float:left;
}

.copyright adress{
margin:-2px 0 0 0;
padding:0;
}

.wp-version{
color:#7F6100;
text-align:right;
padding:7px 0 0 0;
margin:0;
float:right;
}



/*--------グレー角丸ボックス--------*/
.g1rbox{

display:block;
}
.g1rbox *{
display:block;
height:1px;
overflow:hidden;
background:#e5e5e5;
}

.g1rbox1{
border-right:1px solid #efeff3;
padding-right:1px;
margin-right:3px;
border-left:1px solid #efeff3;
padding-left:1px;
margin-left:3px;
background:#e9e9eb;
}

.g1rbox2{
border-right:1px solid #f6f6fc;
border-left:1px solid #f6f6fc;
padding:0px 1px;
background:#e8e8e9;
margin:0px 1px;

}

.g1rbox3{
border-right:1px solid #e8e8e9;
border-left:1px solid #e8e8e9;
margin:0px 1px;
}

.g1rbox4{
border-right:1px solid #efeff3;
border-left:1px solid #efeff3;
}
.g1rbox5{
border-right:1px solid #e9e9eb;
border-left:1px solid #e9e9eb;
}

.g1rbox_content{
display: block;
padding:0 10px;
margin:0;
/*min-height: 80px;*/
background:#e5e5e5;
height:100%;
}

*+html div.g1rbox_content {
padding:0 10px 4px 10px;
}

.g1rbox_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .g1rbox_content {
    height: 1em;
}




/*--------フッター角丸ボックス--------*/
.brbox{
display:block;
clear: both;
}
.brbox *{
display:block;
height:1px;
overflow:hidden;
background:#FFC300;
}
.brbox1{
border-right:1px solid #fbe191;
padding-right:1px;
margin-right:3px;
border-left:1px solid #fbe191;
padding-left:1px;
margin-left:3px;
background:#fdd03f;
}
.brbox2{
border-right:1px solid #f8f2e5;
border-left:1px solid #f8f2e5;
padding:0px 1px;
background:#fdcd30;
margin:0px 1px;
}
.brbox3{
border-right:1px solid #fdcd30;
border-left:1px solid #fdcd30;
margin:0px 1px;
}
.brbox4{
border-right:1px solid #fbe191;
border-left:1px solid #fbe191;
}
.brbox5{
border-right:1px solid #fdd03f;
border-left:1px solid #fdd03f;
}
.brbox_content{
display: block;
padding:0 10px 4px 10px;
background:#FFC300;
margin:0;
min-height: 20px;
}

.brbox_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .brbox_content {
    height: 1em;
}


/*--------グレー角丸ボックス2（Index）--------*/
.g2rbox{
display:block;
}
.g2rbox *{
display:block;
height:1px;
overflow:hidden;
background:#e5e5e5;
}
.g2rbox1{
border-right:1px solid #efeff3;
padding-right:1px;
margin-right:3px;
border-left:1px solid #efeff3;
padding-left:1px;
margin-left:3px;
background:#e9e9eb;
}
.g2rbox2{
border-right:1px solid #f6f6fc;
border-left:1px solid #f6f6fc;
padding:0px 1px;
background:#e8e8e9;
margin:0px 1px;
}
.g2rbox3{
border-right:1px solid #e8e8e9;
border-left:1px solid #e8e8e9;
margin:0px 1px;
}
.g2rbox4{
border-right:1px solid #efeff3;
border-left:1px solid #efeff3;
}
.g2rbox5{
border-right:1px solid #e9e9eb;
border-left:1px solid #e9e9eb;
}
.g2rbox_content{
display: block;
padding:0 10px;
margin:0;
/*min-height: 80px;*/
background:#e5e5e5;
height:100%;
}

*+html div.g2rbox_content {
padding:0 10px 4px 10px;
}


.g2rbox_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .g2rbox_content {
    height: 1em;
}

/*--------白角丸ボックス--------*/
.wrbox{
display:block;
clear: both;
}
.wrbox *{
display:block;
height:1px;
overflow:hidden;
background:#ffffff;
}
.wrbox1{
border-right:1px solid #fbfbff;
padding-right:1px;
margin-right:3px;
border-left:1px solid #fbfbff;
padding-left:1px;
margin-left:3px;
background:#fdfdff;
}
.wrbox2{
border-right:1px solid #f8f8ff;
border-left:1px solid #f8f8ff;
padding:0px 1px;
background:#fdfdff;
margin:0px 1px;
}
.wrbox3{
border-right:1px solid #fdfdff;
border-left:1px solid #fdfdff;
margin:0px 1px;
}
.wrbox4{
border-right:1px solid #fbfbff;
border-left:1px solid #fbfbff;
}
.wrbox5{
border-right:1px solid #fdfdff;
border-left:1px solid #fdfdff;
}
.wrbox_content{
display: block;
padding:0 10px;
margin:0;
background:#ffffff;
}

.wrbox_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .wrbox_content {
    height: 1em;
}