@charset "utf-8";
/*
Theme Name: Slow Land Cafe
Theme URI: http://www.web-ecs.com/
Description: themes
Version: 1.0
Author: ECS Corp.
Tags: 

*/

html, body { margin:0; padding:0;}
body 		{ font-size:12px; line-height:1.65; color:#333333; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif; background:#c59313 url(images/body_back.jpg) repeat-y center top; text-align:center;}
* html body	{ font-size:78%;}
* html table { font-size:100%;}

table{border-collapse:separate; border-spacing:0;}

a:link { text-decoration: none; color : #0066cc; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: none; color : #0066cc; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #0066cc; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #0066cc; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { color: #282b31; font-size: 11px;}
textarea { color: #282b31; font-size: 11px;}
select { color: #282b31; font-size: 11px;}

#bgcontainer { background:url(images/header_back.jpg) no-repeat center top; width:100%;}
#container { width:900px; margin: 0 auto; padding:0; text-align:left;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header { height:100px;}
#header .left { float:left; width:250px;}
#header .right { float:right; width:580px; margin:30px 0 0; color:#330000;}
#header h1 { padding-top:10px;}
#header h1 a{ display:block; width:250px;}

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CON { width: 900px; float:left; padding:0 0 20px; background:url(images/container_back.gif) repeat-y}
.SL { width:170px; float:left; padding:0;}
.SC { width:470px; float:left; padding:0 0 0 20px;}
.SR { width:220px; float:right; padding:0;}

/* Page +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pagetitle { font-size:12px; background:url(images/title_back.gif) repeat-x; color:#fff; height:30px; margin:0; padding:5px 10px 0;}
.SC .left { float:left; width:225px;}
.SC .right { float:right; width:225px;}
.SC .catch { font-size:18px; margin:0; line-height:1.4;}
table.basic { border-top:solid 1px #999; width:100%; margin:20px 0;}
table.basic th,
table.basic td { border-bottom:solid 1px #999; padding:3px;}
table.basic th { white-space:nowrap; color:#330000; text-align:left;}
table.menu { border-top:solid 1px #999; width:100%; margin:20px 0;}
table.menu th,
table.menu td { border-bottom:solid 1px #999; padding:1px; font-size:10px;}
table.menu th { color:#330000; text-align:left;}
table.menu td { text-align:right; white-space:nowrap;}
table.menu .category { background:#ccc; text-align:center;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	padding: 20px 0px 10px; position: relative; clear: left;}

.PostHead { }
.PostHead h2 { font-size:166%; line-height:1.2; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px;}
.PostHead h2 a { color:#333; text-decoration: none;}
.PostHead h2 a:visited { color:#333; text-decoration: none;}
.PostHead h2 a:hover { color:#333; text-decoration: none;}

.PostHead h3 { font-size:166%; line-height:1.2; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px;}
.PostHead h3 a { color: #333; text-decoration: none;}
.PostHead h3 a:visited { color: #333; text-decoration: none;}
.PostHead h3 a:hover { color:#333; text-decoration: none;}

.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; display: block}
.PostHead .category {}

.PostAuthor { color:#999; }

.PostCat { color:#666666; padding-left:7px;}

.PostContent { padding: 10px 0px 0px 0px; line-height: 1.3; color:#63565f;}
.PostContent p { line-height:1.6em; color:#63565f; margin:0 0 15px;}
.PostContent p strong {}
.PostContent img {}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; line-height:1.3; color:#63565f; }
.PostContent ul { padding: 5px 0px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.PostContent blockquote p {  padding: 0px; margin: 0px; line-height:1.3;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; line-height:1.3;}

.PostCom { padding-top: 10px; background: url(images/PostComBkg.gif) repeat-x top;}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 0px 0px 0px 20px; margin: 0px 5px 0px 0px; list-style-type: none; display:block; color:#666666; font-size: 12px; } 

.PostCom .Com { background: url(images/PostCom.png) no-repeat left center; }
.PostCom .Tags { padding-left: 0px;}

/* Edit ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.wp-caption img {  border:1px solid #2CB3F1;}
.PostContent .alignleft{ float:left; margin:0 10px 10px 0;}
.PostContent .alignright{ float:right; margin:0 0 10px 10px; text-align:right;}
.PostContent .aligncenter{ margin:0 10px 10px 0;}
.PostContent p.wp-caption-text{ font-size:85%; list-style:1; color:#FFFFFF; border:1px solid #2CB3F1; padding:3px; background-color:#2CB3F1;}
.PostContent .alignleft p.wp-caption-text{ margin:0 8px 0 0;}
.PostContent .alignright p.wp-caption-text{ margin:0 0 0 8px;}
.PostContent .aligncenter p.wp-caption-text,
.PostContent .alignnone p.wp-caption-text{ margin:0 8px 0 0;}

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.TrackList { background: #f4ebef url(images/TrackListBottom.gif) no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;}
.TrackListTop { background: #f4ebef url(images/TrackListTop.gif) no-repeat top; position: absolute; top: 0px; left: 0px; width: 450px; height:10px; }
.TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;}
.TrackList ul { padding: 0px; margin: 0px;}
.TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background:url(images/TrackListIco.gif) no-repeat left top;}
.TrackList li a { color:#cc3366; }

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size: 11px; padding: 10px 0px; color:#666;}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px; position: relative;}
.Comments h3 { font-size: 14px; line-height:1.3; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px 0; border-bottom: solid 2px #ccc;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding: 0px; margin: 0px; font-size:85%;}
.List li { position: relative; padding: 5px 0px; margin: 10px 0px; list-style-type: none; background: url(images/PostDotted.gif) repeat-x bottom; }

/**/ * html .List .LGrav { right: 30px;} /* */ 
.List .LGrav { position: absolute; right: 0px; top: 10px;}
.List .LGrav img {  padding: 2px; background: #fff;}

.List .LUsr { margin: 0px; padding: 0px; font-size: 10px; line-height: 12px; color:#333;}
.List .LUsr a { color:#333; text-decoration: none;}
.List .LUsr strong { font: bold 14px sans-serif; letter-spacing: -1px;}
.List .LUsr strong a { text-decoration: none;}

.List .LCon { margin: 10px 0px 0px 0px; padding: 0px; line-height: 16px; border-top: solid 1px #ccc;}
.List .LCon p { margin: 0px; padding: 5px 0px; line-height: 16px;}

.List .Author { background:fff; }


/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Form .Email { background: url(images/FooterEmail.png) no-repeat left top;}
.Form {  padding: 0px 0px 10px 0px; position: relative; margin: 0px;}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { color:#003366; background: #e9f8ff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}


/* About Articles/Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Recent { background: #ffe0bf url(images/RecentBkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}

.TabMenu { float: left; margin: 0px; padding: 0px; }
.TabMenu li { padding: 0px; margin: 0px; list-style-type: none; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: lowercase;}
.TabMenu li a { padding: 0px 0px 0px 9px; margin-right: 7px; background: url(./images/mleft.gif) no-repeat left top; float: left;}
.TabMenu li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/mright.gif) no-repeat right top; float: right; }
.TabMenu li a span { float: none; color: #cc0000;}
.TabMenu li a:hover span { color: #cc0000;}
.TabMenu li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabMenu li a:hover span { background-position: 100% -27px;  color:#ffff99;}

.TabLink a:link.active { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabLink a:link.active span { background-position: 0% -27px; color:#ffff99; text-decoration: none;}

.TabLink a:visited.active { background-position: left bottom;  color:#ffff99;}
.TabLink a:visited.active span { background-position: right bottom;  color:#ffff99;}

.TabContent { clear: left; padding-top: 10px;}
.TabContent ul { padding: 0px; margin: 0px;}
.TabContent li { color:#000033; padding: 1px 0px 1px 0px; margin: 0px; list-style-type: none; border-bottom: solid 1px #ecc9a5; font-size: 13px;}
.TabContent li a { color:#336699; text-decoration: none;}
.TabContent li a:visited { color:#336699; text-decoration: none;}
.TabContent li a:hover { color:#000033; text-decoration: none;}

/* Side Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SL h2,
.SR h2{ font-size:100%; padding: 5px 0px 0; margin:0; font-size:12px; color:#330000;}

.SR .widget { margin: 0px 10px 5px 0px; padding: 0px 0 20px; border-bottom:solid 1px #330000;}
.SR .widget ul { margin: 0px; padding:0 0 0 15px; font-size:11px;}
.SR .widget ul ul{padding:0 0 0 15px;}
.SR .widget li { margin: 0px; padding:3px 0 2px 0; line-height:1.2; list-style:disc;}
.SR .widget ul.feedlink		{ padding:5px 5px 2px; border:1px solid #cc0000;}
.SR .widget ul.feedlink li	{ display:inline; background:none; border:none; padding:1px 30px 1px 25px;}
.SR .widget ul.feedlink li.icn_rss		{ background:url("images/icn_feed.gif") no-repeat 2px 0px;}
.SR .widget ul.feedlink li.icn_twitter	{ background:url("images/icn_twitter.gif") no-repeat 2px 0px;}
.SR .widget ul.feedlink li a{ font-size:12px;}

.SR .widget_search #s { border: solid 1px #cebea9; padding: 3px; margin-bottom: 5px;}
.SR .bnr_followme 	{ margin:5px 0 0;}
.SR .bnr_followme a{ background:url("images/bnr_followme.gif") no-repeat 0 0;
					 height:40px; display:block; overflow:hidden; width:210px;
	  				 padding:40px 0 0 0;  height:0px !important;
	  				 height /**/:40px; /* for IE5/Win only */ }
.SR .bnr_followme a:hover{ background-position:0px -40px;}

/* About Blog ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.About { padding: 0px 0 10px 0;}
.About h2 { padding: 0px; margin: 0px; font-size: 14px;}
.About p { padding:0; margin: 0px; font-size: 10px; line-height:1.4;}
.About p .name { font-size:12px; font-weight:bold; line-height:1.6;}
.About p img { float:left; margin:0 5px 5px 0; border:solid 1px #ccc; padding:1px;}
.About p.info { margin:5px 0 0; padding:5px 0 0; border-top:dotted 1px #999;}

/* Page Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.widget_pages ul { list-style:none; padding:0; margin:10px 0 0 0;}
.widget_pages ul li { border-bottom:solid 1px #fff; line-height:1.2;}
.widget_pages ul li a { background:url(images/arrow.png) no-repeat 10px center; display:block; padding:5px 0 5px 25px; color:#330000;}
.widget_pages ul li a:hover { background-color:#e2d9cb; text-decoration:none; color:#330000;}
.widget_pages ul li a:visited { text-decoration:none; color:#330000;}

.account_menu { list-style:none; padding:0; margin:20px 0;}
.account_menu li { margin:5px;}
.account_menu li a { display:block; width:160px; height:37px; text-indent:-1000px;}
.account_menu li.twitter a { background:url(images/bnr_buttons.png) no-repeat 0 0;}
.account_menu li.twitter a:hover { background-position:-170px 0;}
.account_menu li.mixi a { background:url(images/bnr_buttons.png) no-repeat 0 -40px;}
.account_menu li.mixi a:hover { background-position:-170px -40px;}
.account_menu li.gnavi a { background:url(images/bnr_buttons.png) no-repeat 0 -80px;}
.account_menu li.gnavi a:hover { background-position:-170px -80px;}
.account_menu li.tabelog a { background:url(images/bnr_buttons.png) no-repeat 0 -120px;}
.account_menu li.tabelog a:hover { background-position:-170px -120px;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer { width: 900px; margin:20px auto 40px; padding:0; font-size:10px; text-align:center;}
#footer p { font-size: 10px; line-height: 12px; color:#330000; padding:0; margin: 0px; }

/* Hack ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pkg:after	{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg	{ display: inline-block; }
/* no ie mac ¥*/
* html .pkg	{ height: 1%; }
.pkg		{ display: block; }
/* */
*+html .pkg	{ height:1%;}