@charset "utf-8";

/* =Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
}
body, img {
	line-height:1;
}
#wrapper img {
	vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6 {
	clear:both;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
blockquote {
	quotes:none;
}
blockquote:before, blockquote:after {
	content:'';
	content:none;
}
del {
	text-decoration:line-through;
}
a img {
	border:none;
}


/* =Layout
-------------------------------------------------------------- */

#container {
	float:left;
	margin:0;
	width:740px;
	background-color:#fff;
	background-image:url(img/bg.jpg);
}
#content {
	padding:30px 20px 20px 20px;
}
#sidebar {
	width:180px;
	float:right;
	overflow:hidden;
	margin:0;
	padding:0;
}
#footer {
	clear:both;
	width:100%;
}

/* =Fonts
-------------------------------------------------------------- */
body,
.page-title span,
.pingback a.url {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#footer-submenu,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
pre {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
code {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*=====見出し=====*/
.text_ll {
	font-size:129%;
}
.text_l {
	font-size:115%;
}
.text_m {
	font-size:100%;
}
.text_s {
	font-size:86%;
}
.text_ss {
	font-size:72%;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#colophon,
#main,
#wrapper {
	margin:0 auto;
	width:940px;
	text-align:left;
}
#wrapper {
	margin-top:0px;
	padding:0px;
}

/* Structure the footer area */

#footer-menuarea {
	width:940px;
	margin:0 auto;
}

#footer-menuarea .menu-footer {
	float:left;
}

#footer-submenu {
	clear:both;
	float:left;
	margin:10px 0;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */


body {
	background-color:#000;
	color:#333;
	font-size:14px;
	line-height:1.5;
	font-style:normal;
	letter-spacing:0.1em;
	text-align:center;
}

input,
textarea {
	color:#333;
	font-size:14px;
	font-style:normal;
	letter-spacing:0.1em;
	text-align:left;
}
hr {
	background-color:#ccc;
	border-color:#ccc;
	border:0;
	clear:both;
	height:1px;
	margin-bottom:20px;
}

/* Text elements */
p {
	margin:10px 0;
}
ul {
	list-style-type:disc;
	margin:0 0 20px 1.5em;
}
ol {
	list-style:decimal;
	margin:0 0 20px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight:bold;
}
dd {
	margin-bottom:20px;
}
strong {
	font-weight:bold;
	color:#cc0000;
}
em {
	font-weight:bold;
	font-style:normal;
}
.catch {
	font-size:120%;
	color:#330000;
}
.aka {
	color:#ff0000;
}
.kakomi {
	font-size:100%;
	padding:20px;
	border:1px solid #CCC;
	background-color:#fff;
}

/* Link */
a:link {
	color:#00F;
	text-decoration:underline;
}
a:visited {
	color:#36F;
	text-decoration:underline;
}
a:hover {
	color:#F00;
	text-decoration:underline;
}
a:active {
	color:#F90;
	text-decoration:underline;
}


/* =Header
-------------------------------------------------------------- */

#header {
	padding:0 0 0 0;
	margin:0 auto;
	width:940px;
	color:#fff;
	font-size:86%;
	line-height:35px;
}

#site-title {
	float:left;
	margin:30px 0 0 0;
	padding:0px;
}

#site-title a {
	display:block;
	width:180px; /* 画像の幅 */
	text-indent:-9999px;
	outline:none;
	background-image:url(img/tit.jpg);
	background-repeat:no-repeat;
	background-position:0% 0%;
	border-bottom:none;
	height:220px; /* 画像の高さに合わせて調整 */
}


/* =Menu
-------------------------------------------------------------- */

#access {
	clear:both;
	display:block;
	margin:0 auto;
	width:180px;

}
#access .menu-header ul  {
	list-style:none;
	margin:0 0 0 5px;
}
#access .menu-header li {
	position:relative;
	float:left;
	margin-top:30px;
	margin-right:11px;
}
#access a {
	display:block;
	height:270px;
	text-indent:-9999px;
	width:30px;
}

#access li a:hover {
	background-position:-30px 0;
}

#access .menu-1 a {
	background:url(img/btn/info.gif);
	background-repeat:no-repeat;
}
#access .menu-2 a {
	background:url(img/btn/ryouri.gif);
	background-repeat:no-repeat;
}
#access .menu-3 a {
	background:url(img/btn/machikado.gif);
	background-repeat:no-repeat;
}
#access .menu-4 a {
	background:url(img/btn/hiratajuku.gif);
	background-repeat:no-repeat;
}


/* =Content
-------------------------------------------------------------- */

#main {
	clear:both;
	overflow:hidden;
	padding:0 0 20px 0;
}
#content {
	margin-bottom:0px;
}
#content {
	color:#333;
	font-size:14px;
	line-height:1.6;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom:20px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom:0;
}

#content h1 {
	font-size:180%;
	font-weight:bold;
	color:#000;
	background-image:url(img/icon_h1.gif);
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-repeat:no-repeat;
	background-position:0 6px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:30px;
	margin-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:35px;
}

#content h2 {
	font-size:120%;
	font-weight:bold;
	color:#fff;
	background-color:#000;
	border-left:10px solid #996633;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	padding:5px 10px;	
}

#content h3 {
	font-size:110%;
	font-weight:bold;
	color:#000;
	padding:5px 0px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #333;
	border-top:1px solid #333;
}

#content h4 {
	font-size:100%;
	font-weight:bold;
	color:#000;
}

#content table.hyou {
	border-collapse:collapse;
	border:1px solid #ccc;
	border-spacing:0;
	empty-cells:show;
}
#content table.hyou th {
	border-collapse:collapse;
	background-color:#eee;
	font-size:100%;
	border-top-width:1px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	text-align:center;
}
#content table.hyou td {
	border-collapse:collapse;
	background-color:#fff;
	padding:5px;
	font-size:100%;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
}

#content table.hyou td.midashi {
	background-color:#f1f1f1;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
	font-size:86%;
	color:#fff;
	margin-bottom:20px;
}

#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#999;
	text-decoration:underline;	
}
#footer-menuarea .menu-footer {
}
#footer-menuarea .menu-footer li {
	position:relative;
	float:left;
	margin-right:20px;
	line-height:30px;
	padding:0 0 0 0;

/*	リストアイコン使用
	background-image:url(img/list_yajirushi.gif);
	background-repeat:no-repeat;
	background-position:left center;	
*/
}
#page-top {
	float:right;
}

#colophon {
	margin-top:0;
	overflow:hidden;
	padding:0;
}



/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p,
.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.format-aside,
.home .hentry.category-asides {
	padding: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}