/*  
Theme Name: Grass Roots
Theme URI: http://www.wellmedicated.com/themes/grassroots/
Description: For the Crunchy-Granola-Backpacking Blogger
Version: 1.0
Author: Andrew Lindstrom
Author URI: http://www.andrewlindstrom.com
*/

@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  default.css
 style info :  リセット及びbody初期設定
 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}


/*--- default */  
body {   
    color: #333;   
    font-size: small;   
    font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;   
    line-height: 160%;   
}   
* html body {   /* for IF6 */  
    font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;   
}  

body {
	line-height:1.6;
	color: #666666;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 62.5%;
	background-color: #ffffff;
	background-image: url(/img/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}


#sigmasougou #wrapper #foote a {
	color:#fff;
	text-decoration:none;
}

#sigmasougou #wrapper #foote a:hover	{
	text-decoration: underline;
	color: #233862;
}





#sigmasougou #container	{
	width: 970px;
	background-color: #FFFFFF;
	text-align: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#sigmasougou #wrapper #foote {
	text-align: center;
	background-color: #0087d6;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #223861;
}

#sigmasougou #wrapper #foote .inner {
	text-align: center;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
}

#sigmasougou #wrapper #foote  .inner .footMenu {
	float: left;
	text-align: left;
	padding-left: 30px;
	width: 230px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6d6d6;
	padding-right: 30px;
	margin-right: 30px;
}

#sigmasougou #wrapper #foote  .inner #footMenu2 {
	
	float: left;
	text-align: left;
	width: 230px;
	color: #d6d6d6;
	margin-right: 30px;
}

#sigmasougou #wrapper #foote  .inner #footMenu3 {

	float: left;
	text-align: left;
	width: 230px;
	color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d6d6d6;
	padding-left: 30px;
	

}

.copy {
	color:#FFFFFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
	clear: both;
}

/* --= Typography & Colors =-- */
a { color: #000000; }
a:hover { color: #0087d6; }
#menu a { font-size: 12px; color: #c8c3af; text-decoration: none; font-style: italic; }
#menu a:hover { color: #0087d6; }
.postmetadata { font: 12px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #0087d6; font-weight: bold; }
.postmetadata a { text-decoration: none; color: #000000; font-weight: normal; }
.postmetadata a:hover { color: #0087d6; }
.postheader h2, .postheader h2 a, h3 {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.03em;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
}
.postheader h2 a:hover { color: #0087d6; }
.subheader { font: 10px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #8f8d82; text-decoration: none; }
.subheader a { color: #8f8d82; text-decoration: none; }
.subheader a:hover { color: #c3e062; }
.entry { padding: 0 18px; font-size: 100%; }
.readmore a { text-decoration: none; }
h2.widgettitle { font: bold 14px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #000000; text-decoration: none; letter-spacing: 0.02em; }
.widget a { font: 100% "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #000000; text-decoration: none; letter-spacing: -0.02em; }
.navigation a { text-decoration: none; padding: 4px; }
.navigation a:hover { background-color: #0087d6; }
.postmeta { padding: 0 15px; color: #8f8d82; font-size: 0.8em; font-style: italic; }
.pagetitle { text-align: left; color: #67625b; font-style: italic; }
blockquote { margin: 0 15px; padding: 0 20px; background: url(images/quote.gif) left top no-repeat; color: #8f8d82; height: 100%;}
#blogname { font: bold 28px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; text-decoration: none; padding-right: 10px; }
#blogname:hover { color: #dddcdc; }
#blogdescription {
	font: 11px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-style: italic;
	text-align: left;
}
#footer { color: #c8c3af; }
#footer a { color: #fff; text-decoration: none; font-weight: bold; }
#footer a:hover { color: #ffffff; text-decoration: underline; }
/* --= End Typography & Colors =-- */


/* --= Begin Structure =-- */
#page {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 5px;
}
#content {
	width: 530px;
	float: left;
	margin-bottom: 50px;
}
#menu ul { float: right; }


#sigmasougou #wrapper #header #inner {
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#sigmasougou #wrapper #header h1 {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #666666;
	font-weight: normal;
	font-size: 130%;
	float: left;
	padding-left: 5px;
}
h2 {

	font-weight: normal;
	font-size: 130%;

}
#sigmasougou #wrapper #header #inner .font {
	float: right;
	width: 230px;
	text-align: left;
}

#sigmasougou #wrapper #header #inner .font .hidari {
	text-align: left;
}

#sigmasougou #wrapper #header #inner #logo {
	float: left;
	clear: both;
	padding-top: 10px;
	padding-left: 15px;





	font-weight: normal;
	font-size: 180%;


}

#sigmasougou #wrapper #header #inner .toi {
	padding-right: 30px;
}

#sigmasougou #wrapper #header #inner .font li {
	display: inline;
	text-align: left;
}

#sigmasougou #wrapper #header #globalNavi	{
	height: 40px;
	padding-top: 35px;
	margin: 0px auto 0;
	clear: both;
	
}

#sigmasougou #wrapper #header #globalNavi li	{
	float: left;
	height: 40px;
	overflow: hidden;
}


#header { 
	text-align: center;
	background: #FFFFFF url(http://sigma-sougou.com/img/bg/menubg.jpg) repeat-x left bottom;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 15px;
}
#headerimg { padding: 85px 0 35px 15px; }
#headertxt {
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 100px;
	padding-left: 0;
}
#blogdescription {
	line-height: 40px;
	text-align: left;
}
.post { background: url(images/) repeat-y; height: 100%; }
#sidebar-1 { width: 200px; float: left; margin-left: 10px; }
#sidebar-2 { width: 200px; float: left; margin-left: 10px; }

#footerwrapper { width: 1010px; margin: 0 auto; }
/* --= End Structure==- */

.pageTop {
	text-align: right;
	clear: both;
	padding-right: 20px;
}
/* --= Begin Images =-- */
/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered', will of course center the image. 
	This is much better than using align="center", being much more futureproof (and valid) */
.entry img {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	text-align: center;
	display: block;
}
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft {	float: left; }
/* --= End Images =-- */


/* --= Begin Lists =-- */
ol,ul { list-style:none; }
.entry ul { list-style: inside; padding: 0 0 15px 15px; }
.entry ul li { list-style-image: url(images/bullet.gif) }
.entry ol { list-style:decimal inside; padding: 0 0 15px 15px; }
.entry li { padding-bottom: 0.2em; }
#menu ul { line-height: 36px; }
#homelink a { padding-right: 11px; }
#menu .page_item a { padding: 11px; background: url(images/menudivider3.gif) center left no-repeat;}
.widget li a { display: block; padding: 5px 10px; }
.widget li a:hover { background-color: #0087d6; color: #ffffff; }
.widget li { border-bottom: 1px solid #67625b; }
/* --= End Entry Lists =-- */


/* --= Begin Comments =-- */
#commentform #submit { border: 1px solid #67625b; background-color: #67625b; color: #000000; }
#commentform #submit:hover { border:1px solid #67625b; background-color: #0087d6; color: #c3e062; }
textarea#comment { width:400px; height:70px; }
ol.commentlist { margin-bottom: 2.5em; }
.commentlist li { margin:1em; padding:10px; border-top:1px solid #67625b; border-bottom:1px solid #67625b; background-color:#0087d6; color:#000000; font-size:1.2em; line-height:1.7em; }
.commentlist li.alt { margin:0 1em; padding:10px; color:#000000; font-size:1.2em; border:none; background-color:transparent; } 
.commenttext { clear:both; }
.commenttop { padding-bottom:0.5em; }
.commenttop a { color:#8f8d82; background-color:transparent; }
.commenttop a:hover { color:#8f8d82; background-color:transparent; text-decoration:underline; }
.commentmetadata { float:right; }
.commenttop div.commentmetadata a { text-decoration:none; color:#8f8d82; }
.commenttop div.commentmetadata a:hover { color:#c3e062; background-color:transparent; text-decoration:none;}
.commentauthor, .commentauthor a { float:left; color: #8f8d82; }
.commentauthor a:hover { color: #c3e062; }
.commentmetadata a { color: #8f8d82; }
#commentform { padding: 18px; }
#commentform p { margin:0.5em 0.5em 0 0.5em; }
#commentform input,#commentform textarea { border:1px solid #67625b; font:12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color:#000000; background-color: #0087d6; margin:0; padding:0.2em; }
#commentform input:hover,#commentform textarea:hover { border:1px solid #8f8d82; }
#comments, #respond { margin-top: 30px; }
/* --= End Comments =-- */


/* --= Begin Calendar =-- */
#calendar_wrap { width:100%; margin:0 0 1em 0; }
#calendar_wrap a { color: #bcd760; }
#calendar_wrap a:hover { color: #86a030 }
#wp-calendar caption { font-weight:400; font-size:10px; padding:0.2em 0; text-transform:uppercase; letter-spacing:0.3em; color:#000000; }
#wp-calendar { width:100%; border-collapse:collapse; }
#wp-calendar th { width:26px; font-size:0.9em; line-height:1.7em; border-top: 1px solid #67625b; border-bottom: 1px solid #67625b; text-align:center; color:#67625b; }
#wp-calendar td { width:26px; line-height:1.8em; color:#000000; text-align:center; }
#wp-calendar td#next,#wp-calendar td#prev { width:78px; font-size:0.8em; letter-spacing:1px; text-transform:uppercase; }
/* --= End Calendar =-- */


/* --= Begin Searchbox =-- */
#searchetc p {padding: 0px 0px 2px 4px; }
#searchetc { float:right; margin-top: 12px; font: 12px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #000000; font-weight: bold; }
#searchetc #searchbox { width:180px; height:22px; background:url(images/s1.jpg) no-repeat; }
#searchetc #searchbox #s { float:left; padding:0; margin:2px 0 0 5px; border:0; width:125px; background:none; font:12px "Trebuchet MS", Helvetica, Arial, Verdana, Sans-serif; font-weight:700; color:#1c1c1c; letter-spacing:0.03em; }
#searchetc #searchbox #go { float:left; }
/* --= End Searchbox =-- */


/* --= Begin Various Tags & Classes =-- */
img#wpstats { width:0px; height:0px; padding:0px; border:none; overflow:hidden; } /* for wp stats smileyface */
.entry p { padding-bottom: 1.5em; }
#menu li {  display: inline; margin: 0; padding: 0; border: 0; margin-left: -4px;}
#menu li#homelink { margin-left: 0; }
.post { margin-bottom: 40px; }
.posttop {
	height: 100%;
	background-repeat: no-repeat;
}
.postheader { padding: 18px 18px 10px 18px; }
.postmetadata {
	background: #0087d6 url() no-repeat;
	height: 26px;
	color: #FFFFFF;
	margin-left: 18px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;
}









.postmetadata a{ color: #fff; text-decoration: none; no-repeat; height: 26px; padding: 3px 0 0 18px; }


.postmetadata a:hover { background-color: #0087d6; color: #666666; text-decoration: none; no-repeat; height: 26px; padding: 3px 0 0 18px; }






.cal { background: url(images//*cal.gif*/) center center no-repeat; font-family: Arial, "Trebuchet MS", Helvetica, Verdana, sans-serif; line-height: 1em; float: left; margin-right: 1em; margin-top: 2px;}
.month { color: #0087d6; font-size: 10px; font-weight: bold; display: block; text-transform:uppercase; width: 35px; text-align: center; padding-top: 3px; }
.day { color: #0087d6; font-size: 16px; font-weight: bold; width: 34px; text-align: center; display: block; padding: 6px 0 6px 0; }
.readmore { margin-bottom: 0px; padding-right: 7px; text-align: right; background: url(images/readmore.gif) right 10px no-repeat; display: block; }
.readmore a { display: block; }
a.more-link { text-decoration: none; }
.sidebarbox { background: url(images//*sidebarbox.gif*/) no-repeat; height: 67px; margin-bottom: 30px; }
div.sidebarbox:hover { background: url(images//*sidebarbox.gif*/) bottom no-repeat; }
#feed {
	font: 12px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	background-image: url(images/rss.png);
	background-repeat: no-repeat;
	background-position: left 19px;
}
#feed a { font-weight: normal; text-decoration: none; }
.widgettitle {
	padding-left: 10px;
	margin-bottom: 4px;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #0087d6;
}
.widget { margin-bottom: 35px; padding: 0 5px; }
.textwidget { margin-top: 3px; padding: 3px; border-top: 1px solid #67625b; border-bottom: 1px solid #67625b; font-size: 100%; color: #b0aa98; }
#tag_cloud { padding-bottom: 5px; border-bottom: 1px solid #67625b; text-align: center; }
#tag_cloud .widgettitle { padding-bottom: 5px; border-bottom: 1px solid #67625b; text-align: left; }
#tag_cloud a { line-height: 1em; padding: 0 1px; }
#tag_cloud a:hover { background-color: #0087d6; color: #ffffff; }
.clr { clear: both; }
.post h3 { padding-left: 18px; }
.recentcomments { padding: 5px 10px; display: block; font-size: 12px;  }
/* --= End Various Tags & Classes =-- */