@charset: "utf-8";
/*
Theme Name: greenn
Theme URI: http://www.nd-craft.com/
Version: 0.1
Description: 2カラムでグリーン基調、シンプル
Author: rhaichi
Author URI: http://wwwnd-craft.com/
Tags: two columns, right sidebar, widget ready, fixed width, simple, white, green, black
*/


@media screen{
* {margin: 0; padding: 0; zoom: 1;}

/*初期設定*/
body{
margin-top: 0px;
padding: 0px;
line-height: 1.4em;
	background: #fff;
	color: #545454;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
	}

ul{list-style-type: none;}
img{border: 0px;}

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

/*センタリング*/
#wrapper{
margin: 0px auto;
width: 800px;
padding: 0px;
}

/*ヘッダ*/
#header{
background: url(img/headerback.jpg) bottom left no-repeat;
width: 800px;
height: 80px;
margin: 0px;
padding: 0px;
background-color: #fff;
}

#headerWrap{
width: 790px;
height: 70px;
margin: 10px 0px 0px 10px;
}

#headerL{
float: left;
width: 500px;
height: 70px;
font-size: .8em;}

.blogtitle{
display: block;
float: left;
margin-top: 10px;
color: #545454;}

.blogdescription{
display: block;
float:
left;margin-top: 10px;
color: #ccc;}

/*文字サイズナビ*/
#headnavi{
float:right;
background: #fff;
width: 230px;
height: 70px;
margin: 0px;
padding: 0px;
color: #000;
}

*:first-child+html #headnavi{height: 30px;}

#size{margin-left: 580px;}
#headnavi li{display: block; float:left;}
#headnavi .fontsize{
display: block;
width: 160px;
background: url(img/fontsize.gif) top left no-repeat;
text-indent: -9999em;
}

/* -search form- */
#searchform{
width:230px;
height:50px;
float: right;
margin-top: 5px;
}
#searchsubmit {
	display: none;
	}
#s {
	background: #545454 url("img/magnifier.png") no-repeat top left;
	border: none;
	color: #ffffff;
	margin-top: 0px;
	padding: 1px 2px 1px 17px;
	width: 200px;
	}
	
/*コンテンツ*/
#content{
float: left;
width: 800px;
height: auto;
margin: 0px;
padding: 0px;
background-color: #fff;
}

#contentL{
float: left;
width: 550px;
height: auto;
margin: 0px;
padding: 0px;
background-color: #fff;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#contentR{
float: left;
width: 245px;
* width: 200px;
height: auto;
margin: 0px;
padding: 0px;
background-color: #fff;
}

#widgetWrap{
width: 243px;
height: auto;
margin: 2px;
padding: 0px;
font-size: .8em;}

#widgetWrap h2{
display:block;
width: 200px;
font-size: 1em;color:d9ec7f;
border-bottom: 1px solid #d9ec7f;}

#widgetWrap a{color: #545454;}
#widgetWrap a:hover{color: #d9ec7f;}
#widgetWrap li{list-style-type: none;}

#banner{
width: 530px;
height: auto;
margin: 5px auto;
border: 1px solid #ccc;
}

/*トピックス*/
#topics{
width: 530px;
height:160px;
margin: 5px auto;
float: left;
}

#topicsscroll{
float: left;
width: 520px;
* width: 510px;
height: 150px;
margin: 0px 10px 10px 10px;
padding: 0px;
text-align: left;
border-top: 1px solid #d9ec7f;
background: url(img/topics.jpg) top center no-repeat;
overflow: scroll;}

#topicsscroll dt{
margin-left: 1em;
line-height:2em;
font-size: 0.8em;
border-bottom: 1px dotted #ccc;
color: #666;}

#topics span{
font-size: 0.8em;
color: green;}

.topicstab{
display: block;
float: left;
width: 150px;
height: 25px;
background: #ccc;
color: #333;
margin-left: 10px;
background: url(img/topicstab.jpg) bottom right no-repeat;
text-indent: -9999em;}
 
 /*ニュースエリア*/
#news{
width: 530px;
height: auto;
float: left;
margin: 10px;
* margin: 5px;
border:1px solid #ccc;
background: url(img/news.jpg) top center no-repeat;}

#newsWrap{
width: 520px;
height: auto;
margin: 5px auto;
}


/* -post and entries- */

.postdate {
	color: #999;
	font-size: .7em;
	font-weight: bold;
	margin-top: 10px;
	}
.pagetitle {
	color: #666;
	font-size: 1em;
	font-weight: bold;
	margin-top: 20px;
	text-transform: uppercase;
	}
.posttitle {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	}
.posttitle a {
	color: #ff7e00;
	}
.posttitle a:hover {
	color: green;
	}
.postmetadatabottom {
	background: #a9a9a9;
	margin: 15px 0 15px 0;
	padding: 3px;
	width: 100px;
	font-size: .75em;
	}
.postmetadatabottom a {
	color: #fff;
	}
.postmetadatabottom a:hover {
	color: #ff7e00;
	}
.entry {
	border-bottom: 1px dotted #a9a9a9;
	padding-bottom: 10px;
	font-size: .8em}
.tag{color: #ccc;}

#menuA{
float: right;
width: 240px;
height: auto;
margin: 2px;
padding: 0px;
background:  url(img/pages.jpg) top right no-repeat;
border-bottom: 1px solid #d9ec7f;
}
.navi{
font-size: .8em;
}

.navi li a{display: block;
width: 230px;
height: 25px;
line-heigt: 1.8em;
}
.navi li a:hover{
margin-left: 5px;
padding-left: 1em;
width: 200px;
background: #545454;
filter:alpha(opacity=60);
       -moz-opacity:0.60;
       opacity:0.60;
    color: #ffcc66;  }

#menuB{
float: right;
width: 240px;
height: auto;
margin: 2px;
padding: 0px;
background:  url(img/category.jpg) top right no-repeat;
border-bottom: 1px solid #d9ec7f;
}

.tab1 {
float: right;
width: 200px;
height: 50px;
background: #ccc;
color: #333;
margin: 0px;
padding: .5em;
font-size: 0.7em;
background: url(img/tab1.jpg) bottom right no-repeat;
text-indent: -9999em;}

.tab2 {
float: right;
width: 200px;
height: 50px;
background: #ccc;
color: #333;
margin: 0px;
padding: .5em;
font-size: 0.7em;
background: url(img/tab2.jpg) bottom right no-repeat;
text-indent: -9999em;}


/*フッタ*/
#footer{
/*clear: both;*/
float: left;
width: 800px;
height: auto;
margin: 0px;
margin-bottom: 10px;
padding-top: 1em;
padding- bottom: 1em;
font-size: .8em;
background-color: #bde165;
color: #fff;
}

#footerWrap{
clear: both;
width: 790px;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
#footerWrap li{list-style-type: none;}

#footerL{
width: 260px;
margin-left: 5px;
margin-bottom: 5px;
height: auto;
float: left;
}

#footerC{
width: 260px;
margin: 0px;
margin-bottom: 5px;
height: auto;
float: left;
}

#footerR{
width: 260px;
margin: 0px;
margin-bottom: 5px;
height: auto;
float: left;
}

#footerE{
margin-top: 10px;
clear: both;
width: auto;
height: 30px;
border-top: 1px solid #545454;
text-align: center;}

hr{color: #545454;}
}

/*トップページサムネイル*/
#thumb{
width: 535px;
height: auto;
margin-bottom: 5px;
}

#thumb li{float: left;}

#thumb li a{display: block;
width: 60px;
height: 60px;
margin: 2px;
border: 1px solid #ccc;
}

#thumb li a:hover{
dispaly: block;
filter:alpha(opacity=60);
       -moz-opacity:0.60;
       opacity:0.60;
      border: 1px solid #fff;}

.thumb{
display block;
float:left;
width: 535px;
height: 25px;
text-indent: -9999em;
background: url(img/tumbstab.jpg) top left no-repeat;
border-bottom: 1px solid #ccc;}

#bread{
width: 530px;
height:1.5em;
color: #545454;
font-size: .8em;
border-bottom: 1px solid #bde165;} 

#comments{font-size:1em; color:#ccc;}
.commentlist{
width: 500px;
margin: 2px auto;
height: auto;
border: 1px doted #ccc;
font-size: .7em;}
.commentbox{padding: 1em;background: #ccc; color: #545454;}
.commentbox span{color: #fff;font-size:.9em;}

#respond{color: #545454;}

.single{display: block; width: 535px; height:1.5em; border-bottom: 1px solid #bde165;color: #bde165;}

.kanren{display: block; width:535px; height:1.5em;border-top:1px dotted #ccc; margin-top: 5px;}

.wp-caption-text{font-size: 0.8em; color: #ccc;}

#contentL td{border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;} 
}

pre {font-size: 12px;}