/* 
Theme Name: Shibuya Lunch
Description: Widget ready. 
*/

@import "reset.css";

/* STRUCTURE */

* {margin:0;padding:0;}
html, body {background:#FFF;letter-spacing:1px;color:#222;}
#container {width:900px;margin:0 auto;}
#main {position:relative;float:left;width:900px;}
#main-content {position:relative;float:left;width:600px;margin:25px 0 10px 0px;display:inline;padding:0;}

#header {position:relative;width:100%;height:110px;background:url(img/title_photo.jpg) no-repeat 5px top;}
#header #logo a{position:absolute;left:110px;top:45px;display:block;text-indent:-9999px;overflow:hidden;background:url(img/title_logo.gif) no-repeat;width:188px;height:28px;}
#header h1{position:absolute;left:118px;top:20px;color:#888;}
#pankuzu{padding:5px 0}
.navigation{padding:0 0 30px 0px;}

/* NAVI */
ul#navi{border-bottom:solid 1px #A7C170}
ul#navi li{float:left;}
ul#navi li a{display:block;width:225px;height:30px;text-align:center;line-height:30px;text-indent:-9000px;
/*\*/
overflow: hidden;
/**/
}

ul#navi li.cat-item-37 a:hover,ul#navi li.current-cat.cat-item-37 a{background:transparent url(img/navi.jpg) no-repeat 0 -30px}
ul#navi li.cat-item-37 a{background:transparent url(img/navi.jpg) no-repeat 0 0px}

ul#navi li.cat-item-23 a:hover,ul#navi li.current-cat.cat-item-23 a{background:transparent url(img/navi.jpg) no-repeat -225px -30px}
ul#navi li.cat-item-23 a{background:transparent url(img/navi.jpg) no-repeat -225px 0px}

ul#navi li.cat-item-14 a:hover,ul#navi li.current-cat.cat-item-14 a{background:transparent url(img/navi.jpg) no-repeat -450px -30px}
ul#navi li.cat-item-14 a{background:transparent url(img/navi.jpg) no-repeat -450px 0px}

ul#navi li.cat-item-47 a:hover,ul#navi li.current-cat.cat-item-47 a{background:transparent url(img/navi.jpg) no-repeat -675px -30px}
ul#navi li.cat-item-47 a{background:transparent url(img/navi.jpg) no-repeat -675px 0px}

/* 見出し */
.cat #main-content h2,
.page #main-content h2{font-size:123.1%;font-weight:bold;background:#E6EED7;border-left:solid 5px #A7C170;padding:5px 15px;margin-bottom:15px;color:#2C3415;}
.cat #main-content h2 .cat{font-size:153.9%;padding-right:3px;}


/* ARTICLES */
.post {margin:0 0 30px 0;line-height:1.5em;padding:0;}
.post ul, .post ol {margin:10px 0 10px 40px;}

.post a:link {color:#0066cc;}
.post a:hover, post a:visited {color:#FF6600}
.post p {padding:10px 0px 10px 0px;margin:0px;}
blockquote {background:#eee;padding:10px;margin:5px 0 5px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#signature {margin:30px 0 0 0;color:#999;}
#signature a:link {color:#777;font-weight:bold;text-decoration:none;}
.post .commentnumber {float:right;margin:0 0 20px;}
.post .commentnumber a {text-decoration:none;text-transform:uppercase;padding:8px;border-top:1px solid #ddd;}
.post .commentnumber a:hover {color:#000;border-top:1px solid #000;background:none;}


/* サイドバー */

.sidebar-wrapper {position:relative;float:right;display:inline;width:270px;margin:25px 0px 15px 0;padding:0 0 20px 0;background:#E6EED7;}
.sidebar-wrapper  hr{margin:20px 0;heigjt:2px;}
.sidebar-wrapper .sidebox{margin:0px 0px 20px 0px;padding:0 15px;color:#576A2D;}
.sidebar-wrapper h2{padding:10px 10px 5px 10px;}
.searchbox{vertical-align:middle;height:30px;}
#main-content .searchbox{margin-top:10px;}
#s {background:#EFEFEF;border:1px solid #576A2D;width:160px;}
.searchsubmit {color:#222;width:70px;}

#abonnements {position:relative;float:right;width:250px;margin:5px;padding:5px;background:#A7C170;}
img#rssfeed {border:none;}

.sidebar-wrapper ul{list-style-type:none;line-height:1.5em;margin:0px;padding:0px;list-style: none;margin: 0px;margin-left: 0px;}
.sidebar-wrapper ul li {margin:0;padding:5px;font-size:123.1%;}
.sidebar-wrapper ul li ul {margin:0 0 0 15px;}
.sidebar-wrapper ul li ul li {list-style-type:disc;margin-left: 12px;padding: 5px 5px 5px 0px;font-size:81.2%;}

.sidebar-wrapper dt{font-size:116%;margin:3px 0;}
.sidebar-wrapper dd{margin:0px 0px 10px 15px;font-size:85%;}

.sidebar-wrapper .qr img{float:left;padding-right:10px;}
.sidebar-wrapper .qr p{padding:5px 0px;}

.sidebar-wrapper a, .sidebar-wrapper a:visited {color:#003300;text-decoration:none;padding:3px;margin:2px;}
.sidebar-wrapper a:hover {background:#003300;color:#FFF;}
.sidebar-wrapper .textwidget {text-indent:0;}
#sidebar #calendar table#wp-calendar {width:100%;text-align:center;}

/* PIED DE PAGE */

#footer {position:relative;float:left;width:100%;height:50px;color:#ccc;padding:10px 0;background:#E6EED7;border-top:solid 1px #A7C170}
#footer a:link, #footer a:visited {color:#003300;text-decoration:none;padding:4px;}
#footer a:hover {background:#003300;color:#FFF;padding:4px;}
#footer ul{float:right;}
#footer ul li{float:left;margin-right:10px;}

/* COMMENTS */

#comments {margin:0;padding:0;}
h3#comments {margin:10px;}
textarea#comment {margin:10px;width:350px;}
#commentform input {margin:0 10px;width:200px;}
ol.commentlist {width:430px;margin:0;padding:0;list-style-type:none;}
ol.commentlist a:link, ol.commentlist a:visited {text-decoration:none;color:#6B7D8F;font-weight:bold;}
ol.commentlist a:hover {background:#EFDFB3;}
ol.commentlist li {margin:0 0 5px 0;padding:30px;background:#eee;border:1px solid #ddd;}
#commentform label {color:#888;}

/* IMAGES */
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;}

/* シングルページ */
.single .post{border:solid 1px #E5B380;background:#FAFAFA;position:relative;}
.single .post .print{position:absolute;right:20px;top:12px;}
.single .post .post-content{padding:0px 15px 5px 15px;font-size:116%;}
.single #main-content .post .title{background:url(img/post_title.gif) no-repeat 12px 50% #F5EFE4;padding:10px 0 5px 0;border-left:solid 1px #fff;border-top:solid 1px #fff;border-bottom:solid 1px #F2D9BF;}
.single #main-content .post .title p{padding:0px 0px 3px 75px;font-size:85%;color:#666;}
.single #main-content .post .title h2{padding:0px 0px 3px 75px;font-weight:bold;font-size:123.1%;}
.single .postmetadata {margin:15px 0 0px 0;padding:5px 10px;background:#F5EFE4;border-left:solid 1px #fff;border-top:solid 1px #fff;}
.single .postmetadata a:link {color:#888;text-decoration:none;}
.single .postmetadata a:hover, .postmetadata a:visited {color:#000;background:#D1E5EF;}

table.info{width:100%;font-size:85%;margin-bottom:15px;}
table.info th,table.info td{text-align:left;border:1px solid #CADAA9;padding:7px 8px 6px;text-align:left;background:url(img/bg_table.gif) no-repeat #F8FAF5;}
table.info th{background:url(img/bg_table.gif) no-repeat #CEDDAF;}
table.info td.first{background:url(img/bg_table.gif) no-repeat #E6EED7;width:100px;}
table.info td .menu{position:relative;width:100%;height:100%;}
table.info td .menutext{position:absolute;right:0px;top:22%;width:270px;}
table.info td .menu p{padding:10px 0 0 0;}




/* 個社一覧関連、カテゴリーページ */
.cat .post {border:solid 1px #E5B380;padding:0;background:#FAFAFA;}
.cat .post .title{background:url(img/post_title.gif) no-repeat 12px 50% #F5EFE4;padding:10px 0 5px 0;border-left:solid 1px #fff;border-top:solid 1px #fff;border-bottom:solid 1px #F2D9BF;}
.cat .post .title p{padding:0px 0px 3px 75px;font-size:85%;color:#666;}
.cat .post .title .name{padding:0px 0px 3px 75px;font-weight:bold;font-size:123.1%;}
.cat .post .title .name a{text-decoration:none;}
.cat .post .title .name a:hover{text-decoration:underline;}

.cat .post .post-content table{width:340px;float:right;margin:10px 15px 10px 0;display:inline;}
.cat .post .post-content td{padding:4px 8px;}
.cat .post .post-content td.first{width:65px;border-right:dotted 1px #999;}
.cat .post .post-content img.attachment-thumbnail,
.cat .post .post-content img.attachment-medium{float:left;padding:10px 15px;}

.cat .post .meta{clear:both;background:#F5EFE4 url(img/post_meta.gif) repeat-y;border-top:solid 1px #F2D9BF;}
.cat .post .meta_point{background:url(img/post_point.gif) no-repeat 5px 50%;border-left:solid 1px #fff;border-top:solid 1px #fff;}
.cat .post .meta .tag{width:489px;padding:8px 15px;line-height:1.5em;margin-left:70px;}

.cat .about{background:#F5EFE4 url(img/about_bg.jpg) no-repeat right bottom;padding:15px 235px 5px 15px;,margin:0 0 30px 0;}
.cat .about p{padding:0 0 10px 0;}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 80%;
	line-height: 17px;
	padding: 3px 4px 3px;
	margin: 0;
}


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

.clearfix {
  min-height: 1px;
}

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

/* 特集 */
#post-888 #special-wrap{}
#post-888 .name{display:block;border-bottom:solid 1px #DDD;padding:0 5px 8px 5px;margin:0 0 8px 0;font-weight:bold;font-size:120%;}
#post-888 #special-wrap{background:url(fall_bg.jpg);padding:15px 0 5px 0;}
#post-888 #special-wrap dl{background:#FFF5EB;width:550px;height:auto;margin:0  auto;padding:15px;}
#post-888 #special-wrap dt{float:left;}
#post-888 #special-wrap dd{float:right;width:360px;}

#post-888 #special-wrap dl{border-radius:15;-px-webkit-border-radius:15px;-moz-border-radius:15px;}


/* A/B testing */
.test .navigation{display:none;}
.bnr_head{width:450px;position:absolute;top:10px;right:0px;}
.bnr_index{margin-bottom:25px;}

/* pager */
.wp-pagenavi{margin-bottom:15px}

/* nextpage */
.page-links a{border-radius:10px;-moz-border-radius:10px;background:#cc6600;margin-bottom:20px;text-align:center;padding:5px 0;color:#fff!important;font-size:80%;font-weight:bold;display:block;}
.page-links a:hover{background:#660000;}

/* Google review */
.hreview {display:none;}