/*
THEME NAME: relache
THEME URI: http://www.dosanite.co.jp
DESCRIPTION: relaceh theme
VERSION: 1.0
AUTHOR: Dosanite
AUTHOR URI: http://www.dosanite.co.jp
*/

/*
 * ベースになるコード。あまり変更しなくて良いと思われるが必要に応じて変更若しくはここでオーバーライドすると良い。
 */
@import url('css/reset.css');
@import url('css/widget.css');
@import url('css/entry.css');


/*
 * IT IS SAMPLE CODE! YOU MUST REWRITE SUCH THINGS!!
 *
 */

/* GLOBAL */
body {
	color: #776640;
}
/* anchor */
a {
	text-decoration: none;
	color: #92B239;
}
a:hover {
	text-decoration: underline;
}

strong, b {
    font-weight: bold;
}

div#contents img {
    max-width: 100%;
    height: auto;
}
.size-full {
    max-width: 100%;
}

/*
+----------#wrapper--------------+
|+---------#header--------------+|
||                              ||
||                              ||
|+------------------------------+|
++----#contents----+ +-#sidebar-++
||                 | |          ||
||                 | |          ||
||                 | |          ||
||                 | |          ||
|+-----------------+ +----------++
|+---------#footer--------------+|
||                              ||
|+------------------------------+|
+--------------------------------+
#wrapper.width = #sidebar.width + #contents.width
*/
/* cheap layouts */
#wrapper {
	width: 1160px;
}
#header {
	position: absolute;
	left: 0;
	top: 0;
}
#description {
	display: none;
}
#container {
	overflow: hidden;
	padding-top: 190px;
}
#sidebar {
	width: 310px;
}
#menubar {
	/* 520 */
	height: 390px;
	padding-top: 130px;
}
#contents {
	margin-top: 100px;
	margin-right: 265px;
	width: 585px;
	padding-bottom: 50px;
}

#sidebar ,
#contents {
	/* Change it to change sidebar position*/
	float: right;
}
#footer  {
	margin-bottom: 100px;
}
/* explain */
#explain {
	margin: 0.5em 1em;
	padding: 0.2em;
	border: 1px solid #666;
}

/* contents */
#contents .entry p.date {
	font-size: 16px;
	text-align: right;
}
#contents .entry {

}
/* paginate */
.pageprev ,
.pagenext {
    margin: 10px 0;
    padding: 0 10px;
}
.pagesprev ,
.pagesnext {
    margin-bottom: 1em;
    padding: 0 10px;
}
.pageprev ,
.pagesprev {
    float: left;
}
.pagenext ,
.pagesnext {
    float: right;
}
/* sidebar header hidden */
#sidebar h2.header {
	display: none;
}

/*
 * DETAILS
 */
html {
	background: url('img/base_pict.jpg') 0 bottom no-repeat;
}
body {
	background: url('img/container_bg.png') 50px 0 repeat-y ;
}
#wrapper {
	background: url('img/header_bg.jpg') 50px 0 no-repeat;
}
#banner {
	margin-left: 88px;
}

/*
 * contents
 */

/* pickup */
#pickup ,
#news ,
#footer ,
#contents .entry {
	background-image: url('img/entry_bottom.png');
	background-position: 12px bottom;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}
#pickup .header ,
#news .header ,
#footer .header ,
#contents .entry .header {
	background-image: url('img/pickup_header.png');
	background-position: 12px 0;
	background-repeat: no-repeat;
	height: 38px;
	padding-top: 40px;
	padding-left: 132px;
	padding-right: 78px;
}
#pickup .header a ,
#pickup .header a:hover ,
#contents .entry .header a ,
#contents .entry .header a:hover {
	color: #776640;
	-text-decoration: none;
}
#pickup .body ,
#news ol ,
#footer > p ,
#contents .entry .body {
	background-image: url('img/entry_repeat.png');
	background-position: 12px 0;
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-left: 52px;
	padding-right: 78px;
	padding-bottom: 10px;
	overflow: hidden; /* clearfix */
}

#news {
	/* view "#pickup" lines */
}
#news .header {
	/* view "#pickup .header" lines */
	background-image: url('img/news_header.png');
}
#news ol {
	/* view "#pickup .body" lines */
	margin: 0;
}
#news ol li {
	background-repeat: no-repeat;
	padding-left: 34px;
	height: 34px;
	line-height: 24px;
	vertical-align: baseline;
}
#news ol li a {
	color: #776640;
	/* fix hovering */
	position: relative;
	z-index: 20;
}
#news ol li.odd {
	background-image: url('img/news_icon_odd.png');
}
#news ol li.even {
	background-image: url('img/news_icon_even.png');
}
#news .more {
	position: absolute;
	margin-top: -80px;
	margin-left: 360px;
	z-index: 10;
}
#news .more a {
	border: none;
}
/* footer */
#footer {
	background-image:url('img/footer_bottom.png');
	padding-bottom: 60px;
}
#footer .header {
	/* view "#pickup .header" lines */
	background-image: url('img/footer_header.png');
	height: 30px;
	text-indent: -999px;
}

/* entry */

#contents .entry {
	margin-top: 20px;
	padding-bottom: 22px;
}
#contents .entry:first-child {
	margin-top: 0 ;
}
#contents .entry .header {
	background-image: url('img/entry_header.png');
	background-position: 0 0;
	height: 48px;
	padding-top: 30px;
	padding-left: 110px;
}
#contents .entry .date {
	position: absolute;
	margin-top: -62px;
	margin-left: 30px;
}
#contents .entry .date .month ,
#contents .entry .date .day {
	display: block;
	float: left;
	text-align: center;
	font-size: 14px;
}
#contents .entry .date .month {
	width: 20px;
}
#contents .entry .date .day {
	padding-left: 2px;
	width: 18px;
}
#contents .entry .body {
	padding-top: 10px;
}
#contents .entry .body > p:first-child {
	margin-top: 0;
}
#contents .entry .info {
	padding-top: 10px;
	font-size: 14px;
	text-align: right;
	padding-right: 200px;
}
#contents .entry .comment {
	position: absolute;
	background: url('img/comment_bg.png') no-repeat;
	height: 38px;
	width: 170px;
	margin-top: -40px;
	margin-left: 386px;
	padding-left: 11px;
	padding-top: 20px;
	font-size: 14px;
}
#contents .entry .comment a {
	color: #776640;
}

/* comment */
#contents .comments-wrapper {
	background: url('img/comment_header.png') 116px 0 no-repeat;
	padding-top: 25px;
}
#contents .comments {
	background: url('img/comment_footer.png') 114px bottom no-repeat;
	padding-bottom: 30px;
}
#contents .comments .comment ,
#contents .comment-post ,
#contents .no-comment p {
	margin-left: 130px;
	margin-right: 58px;
}
#contents .comments .comment ,
#contents .no-comment p {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-left: 52px;
	background-color: #ffffff;
	background-position: 14px 6px;
	background-repeat: no-repeat;
}
#contents .no-comment p {
	padding-top: 0;
	padding-right: 8px;
	padding-left: 8px;
}
#contents .comments .comment {
	border-top: solid 3px #f7f8f2;
}
#contents .comments .comment.odd {
	background-image: url('img/news_icon_odd')
}
#contents .comments .comment.even {
	background-image: url('img/news_icon_even')
}
#contents .comments .comment:first-child {
	border-top: none;
}
#contents .comments .comment .author {
	text-align: right;
}
#commentform {
	overflow: hidden;
}
#commentform > div {
	margin-bottom: 4px;
	float: right;
}
#commentform input ,
#commentform textarea {
	border: 2px solid #f7f8f2;
	background: #fff;
	color: #776640;
}
#commentform > div input {
	line-height: 1.4em;
	padding-left: 4px;
}
#commentform > div label {
	padding-right: 2px;
	text-align: right;
}
#commentform > div input.text {
	width: 240px;
}
#commentform textarea {
	width: 393px;
	height: 160px;
}
#commentform #submit {
	margin-top: 4px;
	padding: 2px 4px;
	float: right;
}

/*
 * pagenavi
 */
.wp-pagenavi .pages ,
.wp-pagenavi .previouspostslink ,
.wp-pagenavi .nextpostslink {
	display: none;
}
.wp-pagenavi {
	margin: 0 auto;
	text-align: center;
}
.wp-pagenavi .current ,
.wp-pagenavi .page {
	background: url('img/pagenavi_bg.png') 0 0 repeat-x;
	border: #c4af90 1px solid;
	margin: 0 2px;
	padding: 2px 4px 0;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-family: sans-serif;
}
.wp-pagenavi .current ,
.wp-pagenavi .page:hover {
	color: #ffffff;
}
.wp-pagenavi .page {
	color: #806554;
}


/*
 * sidebars
 */
#sidebar {
	padding-bottom: 96px;
	background: url('img/sidebar_bg_bottom.png') 91px bottom no-repeat;
}
#menubar {
	background: url('img/sidebar_bg_top.png');
}
#menubar > ul {
	margin-top: -76px;
}
#menubar > ul > li {
	margin-top: -40px;
	margin-left: 50px;
	padding-left: 74px;
	height: 104px;
	width: 120px;
}
#menubar > ul > li > a {
	display: block;
	width: 120px;
	padding-top: 40px;
}
#menubar > ul > li > a > img {
	margin-left: 6px;
}
/* menubar icons */
#menubar > ul > li {
	background-repeat: no-repeat;
}
#menubar_about {
	background-image: url('img/menubar_about_icon.png');
	background-position: 30px 0;
}
#menubar_access {
	background-image: url('img/menubar_access_icon.png');
	background-position: 12px -116px;
}
#menubar_price {
	background-image: url('img/menubar_price_icon.png');
	background-position: 0 -76px;
}
#menubar_cafe {
	background-image: url('img/menubar_cafe_icon.png');
	background-position: 28px -120px;
}
#menubar_contact {
	background-image: url('img/menubar_contact_icon.png');
	background-position: 12px -50px;
}
#menubar_blog {
	background-image: url('img/menubar_blog_icon.png');
	background-position: 34px -120px;
}
#menubar_about:hover {
	background-position: 31px -115px;
}
#menubar_access:hover {
	background-position: 12px -311px;
}
#menubar_price:hover {
	background-position: 0 -322px;
}
#menubar_cafe:hover {
	background-position: 28px -305px;
}
#menubar_contact:hover {
	background-position: 12px -177px;
}
#menubar_blog:hover {
	background-position: 34px -319px;
}
#menubar_blog {
	-padding-left: 134px !important;
}
#widgetbar {
	background: url('img/sidebar_bg_middle.png') 88px 0 repeat-y;
}
/* .widget */
.widget {
	margin-left: 110px;
	padding-top: 50px;
	width: 160px;
	background: url('img/scissor.png') 50% 8px no-repeat ;
}
.widget:first-child {
	padding-top: 0;
	background: none;
}
.widget h3 {
	display: none;
}
.widget li {
	font-size: 16px;
	margin-top: 4px;
	margin-left: 10px;
}
.widget a {
	color: #776640;
}

/* widget/ wp-calendar */
#calendar_wrap {

}
#wp-calendar {
	background: url('img/calendar_bg.png') 50% 50% no-repeat;
}
#wp-calendar caption {
	text-align: center;
	line-height: 2em;
	font-size: 16px;
	letter-spacing: 0.1em;
}
#wp-calendar thead th ,
#wp-calendar tbody td {
	font-size: 13px;
	width: 26px;
	text-align: center;
	font-family: sans-serif;
}
#wp-calendar thead th {
	height: 24px;
	color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url('img/calendar_blue_circle.png');
}
#wp-calendar thead th:first-child,
#wp-calendar thead th:last-child {
	background-image: url('img/calendar_red_circle.png');
}
#wp-calendar tbody td ,
#wp-calendar tbody td a {
	height: 20px;
	width: 26px;
	vertical-align: baseline;
}
#wp-calendar tbody td a {
	display: block;
}
#wp-calendar tbody td {
	padding-top: 2px;
}
#wp-calendar tbody td a {
	color: #92B239;
	font-weight: bold;
}
#wp-calendar tbody td#today {
	background-image: url('img/calendar_green_circle.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	color: #fff;
}
#wp-calendar #prev ,
#wp-calendar #next {
	font-size: 14px;
}
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}

/*
 * float gadget
 */
#float_gadget {
	background: url('img/float_gadget.png') 0 0 no-repeat;
	position: absolute;
	top: 346px;
	left: 900px;
	padding: 40px 62px 60px 60px;
	width: 184px;
	height: 200px;
	overflow: hidden;
}
.textwidget {
	padding: 8px 4px;
	font-size: 10px;
	font-family: sans-serif;
	line-height: 1.6em;
}
.widget_randomimagewidget p {
	padding: 0;
}
#float_gadget .floatWidget h3 {
	display: none;
}
#float_gadget .floatWidget img {
	max-width: 184px;
}

/* pc switcher */
.pc-switcher {
    clear: both;
    text-align: center;
    margin: 36px auto;
    font-size: 24px;
}
.pc-switcher a,
.pc-switcher span {
    padding: 30px 10%;
    text-align: center;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
}
.pc-switcher a {
    background-color: #ccc;
    background-image: -moz-linear-gradient(#ccc, #744e3a);
    background-image: -o-linear-gradient(#ccc, #744e3a);
    background-image: -ms-linear-gradient(#ccc, #744e3a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#744e3a));
    background-image: -webkit-linear-gradient(#ccc, #744e3a);
    background-image: linear-gradient(#ccc, #744e3a);
}
.pc-switcher a:hover {
    background-color: #aaaaaa;
    background-image: -moz-linear-gradient(#aaaaaa, #744e3a);
    background-image: -o-linear-gradient(#aaaaaa, #744e3a);
    background-image: -ms-linear-gradient(#aaaaaa, #744e3a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#744e3a));
    background-image: -webkit-linear-gradient(#aaaaaa, #744e3a);
    background-image: linear-gradient(#aaaaaa, #744e3a);
}
.pc-switcher span.active {
    background-color: #ccc;
}
.pc-switcher a:first-child,
.pc-switcher span:first-child {
    border-left: 1px solid #ccc;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}
.pc-switcher a:last-child,
.pc-switcher span:last-child {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
}


.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.mb3 { margin-bottom: 3em; }
.mb4 { margin-bottom: 4em; }
.mb5 { margin-bottom: 5em; }
.mb6 { margin-bottom: 6em; }
.mb7 { margin-bottom: 7em; }
.mb8 { margin-bottom: 8em; }
.mb9 { margin-bottom: 9em; }


.news_list {
    background: #fff;
    padding: 0 10px 20px 10px;
}
.news_list > section > h1 > a {
    font-size: 18px;
    font-weight: bold;
}
.wp-post-image {
    width: 150px;
    float: right;
}