@charset "UTF-8";

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

clearfix Hack

------------------------------ */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide Mac IE \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

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

Common

------------------------------ */
img { border-style: none; }

a {
 color: #006699;
 text-decoration: none;
}

a:hover { color: #0099CC; }
h1, h2, h3, h4, h5, h6, p, form, fieldset {
 margin: 0;
 padding: 0;
 border: none;
}

h1, h2, h3, h4, h5, h6 {
 font-size: 100%;
 font-weight: bold;
}
.menu, .entry-list {
 list-style-type:none;
 margin: 0;
 padding: 0;
}

.align-right { text-align: right; }
.align-center { text-align: center; }

.float-left {
 float: left;
 display: block;
 margin-right: 10px;
 margin-bottom: 10px;
}

.float-right {
 display: block;
 float: right;
 margin-bottom: 10px;
 margin-left: 10px;
}
.even-row { background: #F5F7E6; }

.btn-form { text-align: center; }

.section { margin-bottom: 5px; }

.txt-small { font-size: 80%; }

.txt-caution { color: #990000; }

table {
 margin: 0px 0px 1em;
 padding: 0px;
 border-style: none;
 width: 100%;
}

th, td { padding: 0.5em; }
tr.header {
 background: #E5F5ED;
 color: #00974B;
}

td.cell-caps {
 width: 10em;
 vertical-align: top;
}

/*  */

body {
 background: #FFFFFF url(/img/common/bg-body.jpg) repeat-y center top;
 color: #333333;
 font-size: small;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 line-height: 1.6;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

#wrap {
 width: 839px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 background: #FFFFFF url(/img/common/bg-wrap.jpg) no-repeat center top;
}

#header {
 height: 380px;
 position: relative;
}

#logo {
 position: absolute;
 right: 0px;
 top: 108px;
}

#nav-global {
 position: absolute;
 bottom: 30px;
 left: 208px;
}

#description {
 width: 400px;
 text-align: right;
 position: absolute;
 right: 10px;
 bottom: 0px;
 color: #775925;
}

#article {
 float: right;
 width: 552px;
 margin-top: 60px;
}

#article .section {
 background: url(/img/common/bg-section.jpg) repeat-y left top;
 margin-bottom: 10px;
}

#article .section .outer { background: url(/img/common/bg-section-outer.jpg) no-repeat left top; }

#article .section .inner {
 background: url(/img/common/bg-section-inner.jpg) no-repeat left bottom;
 padding: 20px 10px 20px 20px;
}

#article .inner h2 {
 font-size: 120%;
 color: #006633;
 border-bottom: 1px solid #990000;
 margin-bottom: 5px;
 padding-bottom: 3px;
}

#article .inner h3 {
 color: #FFFFFF;
 margin-bottom: 5px;
 background: #4B3500;
 padding: 3px 5px;
}

#article .inner h4 {
 color: #624500;
 border-bottom: 1px solid #624500;
 padding-top: 10px;
}

#article .inner hr {
 color: #FCFAF7;
 background: #FCFAF7;
 border-style: none;
 border-color: #FCFAF7;
 height: 1em;
}

#article .inner td { border-bottom: 1px dotted #CCCC99; }

#article p { padding-bottom: 10px; }

#article .inner strong { color: #644300; }

#article .inner ul {
 margin: 0px 0px 0px 1.5em;
 padding: 0px;
}

#article .inner li {
 margin-bottom: 5px;
 padding-bottom: 5px;
}

#article .inner .price {
 text-align: right;
 width: 10em;
 font-weight: bold;
 color: #990000;
}

#article .inner .menu-name { width: 10em; }

#footer {
 clear: both;
 position: relative;
 height: 88px;
 margin-bottom: 10px;
 padding-top: 10px;
 margin-top: 20px;
 border-top: 1px solid #593f0d;
}

#footer .logo {
 position: absolute;
 left: 81px;
}

#footer #credit {
 position: absolute;
 left: 230px;
 font-style: normal;
 line-height: 1.4;
 bottom: 0px;
}

#footer #credit a {
 display: block;
 margin-bottom: 10px;
}
#p-top  #topics.section, #p-map .section { background: url(none); }
#p-top  #topics  h2 {
 font-size: 120%;
 font-family: "Times New Roman", Times, serif;
 color: #8b7b5f;
 margin: 0px;
 padding: 0px;
}

#p-top #topics .entry-list {
 border-top: 1px solid #CCCC99;
 border-bottom: 1px solid #CCCC99;
 border-left: 1px solid #CCCC99;
 padding-right: 10px;
 padding-left: 10px;
 padding-bottom: 5px;
}

#p-top #topics .entry-list li {
 padding-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px dotted #CCCC99;
}

#p-top #topics .post-date {
 padding-right: 10px;
 color: #990000;
 display: block;
 font-size: 80%;
}

#p-blog #wrap { background: #FFFFFF url(/img/blog/bg-wrap.jpg) no-repeat center top; }

#p-blog #aside {
 width: 225px;
 float: left;
 margin-top: 60px;
 padding-left: 30px;
}

#p-blog #aside h3 {
 font-size: 90%;
 border-bottom: 1px solid #8b7b5f;
 color: #8b7b5f;
 margin: 0px;
 padding: 0px 0px 3px;
}

#p-blog #aside .section { margin-bottom: 15px; }

#p-blog #aside .menu li {
 padding-top: 5px;
 padding-bottom: 5px;
 border-bottom: 1px dotted #8B7B5F;
}
#p-blog  .inner  .body  {
 margin-bottom: 10px;
 border-bottom: 1px dotted #BAB0A0;
}

#p-blog .inner .asset-meta {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
#p-blog  .inner  .asset-meta  li {
 float: left;
 padding-right: 10px;
 padding-left: 10px;
 border-left: 1px solid #BAB0A0;
 line-height: 1em;
 font-size: 90%;
 color: #624400;
}
#p-blog  .inner  .asset-meta  li.first {
 border: none;
 padding-left: 0px;
}

#p-blog .comments-header, #p-blog .comments-open-header {
 font-size: 120%;
 color: #634402;
 border-bottom: 1px solid #634402;
 margin-bottom: 5px;
 padding-bottom: 3px;
 padding-top: 15px;
}

#p-blog .comment {
 background: #FCFAF7;
 padding: 10px;
 margin-bottom: 3px;
}

#p-blog #comments-open-data div {
 padding: 10px 0px;
 border-bottom: 1px dotted #8B7B5F;
}

#comments-form label {
 display: block;
 font-size: 90%;
 color: #8B7B5F;
}

#p-blog #page-title {
 font-size: 120%;
 color: #634402;
 border-bottom: 1px solid #634402;
 margin-bottom: 5px;
 padding-bottom: 3px;
}

#p-map #g-map {
 width: 551px;
 height: 500px;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
}