/*  
Theme Name: SuperFresh
Theme URI: http://themetation.com/
Description: A simple, clean and fresh personal blog design.
Date: 7th Julai 2008
Version: 2.5.1
Author: Kai Loon
Author URI: http://kailoon.com/
Tags: Right Sidebar, 3 Column, Green, Featured Post
*/

/*-------------------------------------------------------------------------------------------------------------------*/

html {
	background-color: #c4c5c5;
}  
body {  
     background: #fff;
     
} 

#wrapper{
	width: 950px;
}

object{
	outline:none;
}

#side-menu{
	float:left;
	width: 275px;
}

/*
.bar{
	background: url(../img/lineber2.gif) repeat-y top left;
} */

#content{
	float:left;
	margin: 20px 0 0 20px;
	width:600px;
}

/*--formatting--*/
a {
	color: #5e5e5e;
	text-decoration: none;
}

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

h2 {
	font: 1.5em sans-serif;
}

h2 a {
	color: #5d5b35;
	text-decoration: none;
}


blockquote {
	width: 400px;
	font-style: italic;
	background-color: #D7D39A;
	padding: 10px;
	clear: both;
	margin: 0 0 10px 70px;
	border-bottom: 1px solid #A6A371;
	border-top: 1px solid #A6A371;
	font: 400 16px "Times New Roman", Times, serif;		
}

blockquote p {
	padding: 0;
}

.entry ul, .entry ol, .post ul, .post ol {
	padding: 18px;
}

ul {
	list-style-type: circle;
}

ul li ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

ol li ol {
	list-style-type: lower-roman;
}

img.left {
	float: left;
	margin: 5px 5px 5px 0;
	background-color: #fff;
	padding: 4px;
	border: 1px solid #A6A371;
}

img.right {
	float: right;
	margin: 5px 0 5px 5px;
	background-color: #fff;
	padding: 4px;
	border: 1px solid #A6A371;
}

/*--news--*/

#news-col{
	margin: 0 0 0 10px; 
}

.news-topbox{
	float: left;
	margin: 0 0 0 10px;
	width: 300px;
	color: #666;
	font-size: 0.8em;
}

.news-topbox ul{
	list-style: inside;
}

/*--content--*/

div#con-title {
	width: 600px;
	height: 60px;
	background: url(../img/h1ber.gif) no-repeat top left;
	margin: 0 0 30px 0;
}

#con-title h2{
	padding: 12px 0 0 8px;
}

div.concept h2{
	text-indent: -9999px !important;
	background: url(../img/h2concept.gif) no-repeat top left !important;
}

div.company h2{
	text-indent: -9999px !important;
	background: url(../img/h2company.gif) no-repeat top left !important;
}

div.contact h2{
	text-indent: -9999px !important;
	background: url(../img/h2contact.gif) no-repeat top left !important;
}

div.flow h2{
	text-indent: -9999px !important;
	background: url(../img/h2flow.gif) no-repeat top left !important;
}

div.link h2{
	text-indent: -9999px !important;
	background: url(../img/h2link.gif) no-repeat top left !important;
}

div.blog-masaki h2{
	text-indent: -9999px !important;
	background: url(../img/h2-blog-masaki.gif) no-repeat top left !important;
}

div.blog-honda h2{
	text-indent: -9999px !important;
	background: url(../img/h2-blog-honda.gif) no-repeat top left !important;
}

div.media h2{
	text-indent: -9999px !important;
	background: url(../img/h2media.gif) no-repeat top left !important;
}

div.news h2{
	text-indent: -9999px !important;
	background: url(../img/h2news.gif) no-repeat top left !important;
}

div.shop h2{
	text-indent: -9999px !important;
	background: url(../img/h2shop.gif) no-repeat top left !important;
}

div.privacy h2{
	text-indent: -9999px !important;
	background: url(../img/h2privacy.gif) no-repeat top left !important;
}

div.works h2{
	text-indent: -9999px !important;
	background: url(../img/h2works.gif) no-repeat top left !important;
}

div.worksn h2{
	text-indent: -9999px !important;
	background: url(../img/h2worksn.gif) no-repeat top left !important;
}

div.workso h2{
	text-indent: -9999px !important;
	background: url(../img/h2workso.gif) no-repeat top left !important;
}

div.worksm h2{
	text-indent: -9999px !important;
	background: url(../img/h2worksm.gif) no-repeat top left !important;
}

#con-title span{
	display:block;
	margin: 0 0 0 7px;
	font-size: 0.8em;
}

.con-title-left{
	width: 200px;
	float: left;
}

#content-sub-menu{
	float: right;
	width: 370px;
	text-align: right;
	padding: 20px 0 0 0;
}

#content-sub-menu ul{
	text-align: right;
}

#content-sub-menu ul li{
	float: right;
	list-style: none;
}

#content-sub-menu li{
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	background: url(../img/h4ber.gif) no-repeat 0 0.2em;
}

#content-main h3 {
	font-size:1.1em;
	padding: 0 0 20px 10px;
	height:20px;
	background: url(../img/h2ber.gif) no-repeat top left;
}

#content-main h4{
	font-size: 1.1em;
	padding: 2px;
}

h4.kome-line{
	padding: 7px 7px 7px 25px !important;
	background: url(../img/kome.gif) no-repeat left center;
}

h4.kome-line-n{
	padding: 7px 7px 15px 25px !important;
	background: url(../img/h3ber.gif) no-repeat left center;
	vertical-align: middle;
}

span.link{
	padding:0 0 0 10px;
	font-size: 0.9em;
}

span.date{
	padding: 0 10px 0 0;
}

p.news_next{
	width: 100%;
	text-align:center;
	padding: 10px 0;
}

p.news_photo img{
	padding: 3px;
	border:solid 1px #ccc;
	margin: 3px;
}

p.kome-ma{
	margin: 2px 0 15px 0;
}

#content-main h5{
	font-size: 1em;
	padding: 0 0 8px 0;
}

#content-main div{
	margin: 0 0 0 15px;
	padding: 0 0 1.8em 0;
	font-size: 12px;
}

#content-main-s h3{
	font-size:1.1em;
	padding: 0 0 20px 10px;
	height:20px;
	background: url(../img/h2ber.gif) no-repeat top left;
}

#mailform-box{
	width:570px;
	background: url(../img/mail.gif) no-repeat 300px 70px;
}

#mailform-box dt{
	padding: 5px 0 5px 22px;
	background: url(../img/kome.gif) no-repeat center left;
}

#mailform-box dd{
	margin: 0 0 8px 0 ;
}

.mailform_dl dd input{
	width:240px;
	height:20px;
	border: none;
	background-color: #e7e7e7;
}

.mailform_dl textarea{
	width:550px;
	height:150px;
	border: none;
	background-color: #e7e7e7;
}

.mailform_dl_sosin ul{
	list-style: none;
}

.mailform_dl_sosin li{
	margin: 0 0 0 10px;
	float:left;
}

p.privacy-e{
	width:100%;
}

p.privacy-e span{
	float: right;
}

span.privacy-n{
	display:block;
	width:120px;
	height:15px;
	padding-left: 15px;
	font-size:0.9em;
	background: url(../img/kome12.gif) no-repeat center left;
}

.concept-e{
	font-size:1.1em;
	padding-left: 17px;
	padding-right: 30px;
	background: url(../img/kome12.gif) no-repeat center left;
}

.content-left{
	float:left;
	width: 260px;
}

.content-right{
	float:right;
	width: 280px;
}

.content-img{
	padding: 3px;
	border: solid 1px #ccc;
}

.top-page{
	padding: 10px 0 0 0;
}

#content-main-work{
	margin: 0 0 0 0;
}

#content-main-work h3 {
	font-size:1.1em;
	padding: 0 0 20px 10px;
	height:20px;
	background: url(../img/h2ber.gif) no-repeat top left;
}

#work-content .works-box p{
	padding:  0 20px;
}

#work-content .works-box h3{
	padding:  0 20px !important;
}

#content-main-work h4{
	font-size: 1.1em;
	padding: 2px;
}

#content-main-work h5{
	font-size: 1em;
	padding: 0 0 8px 0;
}

#works-col{
	width:600px;
}

#tm-col{
	width: 290px;
	float: left;
}

#hk-col{
	width: 290px;
	float: right;
}

.profile-col{
	width:280px;
	height:100px;
	background: #f1f1f1;
	border-bottom: 1px solid #ccc;
}

.works-col-s{
	width:280px;
	height:100px;
	background: #fff;
	font-style: normal !important;
	border-bottom: 1px solid #ccc;
	font-weight: normal !important;
}

div.works-col-s:hover{
	background: #f1f1f1;
	border-bottom: 1px solid #ccc;
}

div.works-col-s div.work-left{
	text-align: center;
}

.work-left-img{
	float: left;
	width: 81px;
	height: 81px;
	margin: 10px 0 0 5px;
	padding: 5px 5px 0 5px;
	background:	url(../img/back-img.gif) no-repeat top left;
}

.works-col-s span{
	display:block;
	height: 20px;
	vertical-align: middle;
}

.works-col-s span img{
	vertical-align: middle;
}

div.profile-col div.work-left{
	text-align: center;
}

.works-num{
	margin: 10px 0 0 0;
	padding: 6px 0 0 0;
	width: 290px;
	height: 31px;
	text-align: center;
	vertical-align: center;
	background:	url(../img/worksbar.gif) repeat-x top left;
}

.work-left{
	float:left;
	width:100px;
	padding: 10px 0 10px 0;
}

.work-right{
	float:left;
	width:170px;
	padding: 10px 0 10px 0;
}

.work-text-left{
	float:left;
	width:340px;
	padding: 10px 0 0 0;
}

span.work-text-title{
	display:block;
	padding: 0 0 10px 15px;
	font-size: 1.1em;
	background: url(../img/kome12.gif) no-repeat top left;
}

.work-text-right{
	float:right;
	width:240px;
	padding: 5px 0 0 0;
}

div.work-text-right h4{
	margin: 0;
	padding: 100px;
}

.name-plate{
	padding: 10px 10px;
	margin: 0 0 10px 0;
	background: #f6f6f6;
	color: #666;
	border-bottom: #ccc solid 1px;
}

#gallery_top img{
	float:left;
}

#contents_sub ul.gallery_sub{
	margin: 5px auto;
	text-align:center;
}

div#gallery_main #gallery_main_img{
	width: 600px;
	height: 370px;
	margin: 0 0 10px 0;
	text-decoration: none;
}

div#gallery_main_img_list{
	width: 600px;
}

#gallery_main_img_list ul{
	list-style: none;
	margin-bottom: 10px;
	padding-right: 10px;
}

#gallery_main_img_list li{
	float:left;
	margin: 0 5px 0 0;
}

div#gallery_main p#gallery_text{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}

div#gallery_main p#gallery_text{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}


#gallery_sub_img_list ul{
	list-style: none;
	margin-bottom: 10px;
	padding-right: 10px;
}

#gallery_sub_img_list li{
	float:left;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

li.list_text{
	display:block;
	width: 120px;
	height: 30px;
	text-align:center;
	padding: 5px 0 0 0;
}

#gallery_sub_sub iframe{
	border: none;
	margin: 0;
	padding: 0;
}

.works-text-col{
	margin: 5px 0 0 0;	
}

/*--blog--*/

#blog-content h3{
	font-size: 1.2em;
	padding: 0 0 5px 20px;
	height:20px;
	background: url(../img/kome.gif) no-repeat top left;
	clear:both;
}

#blog-content .post{
	margin: 10px 3px;
	padding: 0 0 1.1em 0;
	font-size: 12px;	
}

#blog-content .navigation{
	display: block;
	font-size:0.9em;
	width: 150px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin: 0 0 15px 0;
	float: right;
	padding: 2px 2px;
	background: #f1f1f1;
}

#blog-content .g-navigation{
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

#blog-content .attachment {
	text-align: center;
	margin: 5px 0px;
}

#blog-content .entry{
	line-height:1.5;
}

#blog-content .entry a{
	text-decoration:underline;
}

#blog-content .entry img{
	padding: 5px;
	border: 1px solid #bdbfb8;
}

.pagetitle{
	font-size: 1.2em;
	width: 400px;
	padding-bottom: 10px;
	float: left;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.postmetadata{
	padding: 6px;
	border-top: solid 1px #ccc;
	border-left:none !important;
	margin: 15px 0 10px 0 !important;
}


ul.info li{
	margin-top: 0pt;
	margin-right: 0.5em;
	margin-bottom: 0.1em;
	margin-left: 5px;
	display: inline;
	font-size: 85%;
}

ul.info{
	margin: 0 0 15px 0;
}

/*--comment--*/

#respond textarea{
	width:600px;
	border: none;
	background-color: #e7e7e7;
}

#respond input#author{
	height:20px;
	border: none;
	background-color: #e7e7e7;	
}

#respond input#email{
	height:20px;
	border: none;
	background-color: #e7e7e7;	
}

#respond input#url{
	height:20px;
	border: none;
	background-color: #e7e7e7;	
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}
	
.even, .alt {

	border-left: 1px solid #ddd;
}

.commentlist {
	padding: 0;
/*	text-align: justify; */
	}

.commentlist li {
	margin: 5px 0 10px;
	padding: 5px 5px 5px 10px;
	list-style: none;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	

/* End Comments */

#footer-content{
	padding: 20px;
	border: 1px #ccc solid;
	margin: 0 0 15px 0;
}

#footer-content h2{
	margin:0 0 7px 0;
	font-size: 16px;
}

#footer-content .categories{
	margin: 15px 0 0 0;
}

#footer-content ul{
	list-style:none;
}

#footer-content .footer-left{
	width:250px;
	float: left;
}

#footer-content .footer-right{
	width:250px;
	float: right;
}

/* Begin Calendar */

.foot-calendar{
	background: #f1f1f1;
	padding: 10px 0;
}

#wp-calendar #today{
	font-weight: bold;
}
	
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	text-decoration: underline;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	text-decoration: underline;
	}

#wp-calendar a {
	display: block;
	text-decoration: underline;
	}

#wp-calendar caption {
	text-align: center;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/*--footer--*/
#footer{
	clear:left;
	width: 100%;
	height: 129px;
	background-color: #c4c5c5;
}

#footer object{
	margin:-1px 0 0 0;
	padding:0;
}/*Firefoxのバグ？：1px背景が見えるバグ*/


div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}


/*--clearfix--*/

#works-col:after{
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear-l{
	clear: left;
}

.clear-r{
	clear: right;
}

.clear{
	clear:both;
}

/* ブログcss */
#category li{
	line-height: 1.5;
}

.line-bar{
	display:block;
	height:3px;
	margin: 10px 0 20px 0;
	background: url(../shopimg/bars.gif) repeat-x left center;
}


/*--新ブログ--*/

#work-content h3{
	font-size: 1.2em;
	padding: 0 0 5px 23px;
	background: url(../img/kome.gif) no-repeat left 1px;
	clear:both;
	margin:0 0 5px 0;
}

#work-content .post{
	margin: 0px 3px 0 3px;
	padding: 10px 10px 0 10px;
	font-size: 12p;
	background: url(http://www.garden-shibuya.com/shopimg/barss.gif) repeat-y left top;
}

#work-content .navigation{
	display: block;
	font-size:0.9em;
	width: 150px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin: 0 0 15px 0;
	float: right;
	padding: 2px 2px;
	background: #f1f1f1;
}

#work-content .g-navigation{
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

#work-content .attachment {
	text-align: center;
	margin: 5px 0px;
}

#work-content .entry{
	line-height:1.5;
	padding: 0 0 25px 0;
	margin: 0 0 7px 0;
}

#work-content .topbar{
	margin: 0 3px 0 3px;
	width:590px;
	height:1px;
	background: url(http://www.garden-shibuya.com/shopimg/barsss.gif) repeat-x left bottom;
	padding: 20px 0 0 0;
}

#work-content .footbar{
	margin: 0 3px 0 3px;
	width:590px;
	height:1px;
	background: url(http://www.garden-shibuya.com/shopimg/barsss.gif) repeat-x left top;
	padding: 0 0 20px 0;
}

#work-content .entry a{
	text-decoration:underline;
}

#work-content img{
	margin: 0 0 15px 0;
}

#work-content h4{
	font-size: 1.2em;
	margin: 0 0 4px 0;
}

.pagebar {
	font-size: 0.9em;
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	text-align: center;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #e2e2e2;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #e2e2e2;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #666;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #666;
	color: #fff;
}

.pagebar a:hover {
	border-color: #666;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}

#content-menu{
	font-size:12px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 5px ;
	background: url(http://www.garden-shibuya.com/shopimg/bars.gif) repeat-x left bottom;
}

.category_bom{
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
	background: url(http://www.garden-shibuya.com/img/h4ber.gif) no-repeat 0 0;
}

#category_menu{
	list-style:none;
}

#category_menu li{
	float:left;
}