@charset "UTF-8";


/* ========BASIC======== */
html {
 overflow-y:scroll;
}

body {
 margin:0;
 padding:0;
 line-height:1.6;
 letter-spacing:1px;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 font-size:11px;
 color:#3E3A39;
 border-top:5px #663300 solid;
 background: #fff8e6;
}

br {
 letter-spacing:normal;
}

a {
 color:#3E3A39;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
 -ms-transition: 0.5s;
 transition: 0.5s;
 text-decoration:none;
}

img {
 border:0;
 vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
 margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#headWrap {
 position:relative;
 width:100%;
 margin:0 auto;
}

#header {
 position:relative;
 width:320px;
 height:50px;
 margin:0 auto 5px;
 padding-top:5px;
}

#nav {
 width:100%;
 float:left;
 margin-top3px;
}

#contents {
 clear:both;
 width:320px;
 margin:0 auto;
 background: #fff8e6;
}

#footer {
 background:#663300;
 margin-top:20px;
}

#foot {
 clear:both;
 width:320px;
 margin:0 auto;
 background:#663300;
}

#foot img{
 width:95%;
 margin:0 auto;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
 margin:0;
 color:#fff;
}

.headl img{
 height:60px;
}

/* ========MENU CUSTOMIZE======== */
#nav ul {
 width:196px;
 margin:5px auto;
 padding:0;
}

#nav li {
 float:left;
 color:#333;
 text-align:center;
 list-style-type:none;
}

#nav li a {
 display:block;
 width:38px;
  line-height:40px;
 border-right:1px solid #3E3A39;
 color:#fff;
 font-size:11px;
}

#nav li.home a {
 border-left:1px solid #3E3A39;
}

#nav li a:hover {
 color:#ff0045;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
 padding:5px 0;
 font-size:11px;
 font-style:normal;
 color:#fff;
 text-align:center;
 background:#000;
}

.clear{
 clear:both;
}

#mainimg img{
 width:100%;
}

.footinfo{
 width:320px;
 margin:0 auto;
 text-align:center;
 color:#fff;
}

.footinfo h5{
 font-size:14px;
 font-weight:bold;
}

.headl {
 float:left;
 width:200px;
}

.headr {
 float:right;
 width:30px;
}

.sp{
 padding:5px 0;
 clear:both;
}

.topcom h2{
 font-size:12px;
 text-align:center;
 font-weight:bold;
 background:url("image.php?id=090") repeat-x;
 color:#fff;
 line-height:30px;
 padding:0 auto;
 margin-bottom:3px;
}


.btn {
    background:transparent url("image.php?id=089") no-repeat 0 0;
    display: block;
    width:35px;
    height: 35px;
    position: absolute;
    top:20px;
    right:20px;
    cursor: pointer;
    z-index: 200;
}
.peke {
    background-position: -35px 0;
}
.drawr {
    display: none;
    background-color:rgba(0,0,0,0.6);
    position: absolute;
    top: 0px;
    right:0;
    width:260px;
    padding:60px 0 20px 20px;
    z-index: 100;
}

#menu li {
    width:260px;
 list-style-type:none;
}
#menu li a {
    color:#fff;
    display: block;
    padding: 15px;
}

#slideshow {
 position: relative;
 width:  320px; /* ボックスの横幅 */
 height: 320px; /* ボックスの高さ */
 margin:0 auto;
}

#slideshow p {
 position: absolute;
 top:  0;
 left: 0;
 z-index: 8;
 opacity: 0.0;
 margin: 0;
 height: 320px; /* ボックスの高さ */
}

#slideshow p.active {
 z-index: 10;
 opacity: 1.0;
}

#slideshow p.last-active {
 z-index: 9;
}

#slideshow p img {
 width:  320px; /* 画像の横幅 */
 height: 320px; /* 画像の高さ */
 display: block;
 border: 0;
}

.topcom{
 width:100%;
 margin-top:10px;
}

.topcom h3{
 font-size:12px;
 color:#663300;
 text-decoration:underline;
 padding:5px 2px;
}

.topcom p{
 font-size:11px;
}

.txt_p1{
color: #293991;
display:inline;
}

.txt_p2{
color: #EC008D;
display:inline;
}

.topiimg{
 width:100%;
}

.topimg table{
 width:100%;
 text-align:center;
 vertical-align:middle;
}

.topimg table td{
 width:33%;
 text-align:center;
 vertical-align:middle;
}

.topimg table td img{
 width:95%;
 text-align:center;
 vertical-align:middle;
}

.topimg2{
 width:100%;
 margin:0 auto;
}

.topimg2 img{
 width:100%;
}

.aisatsu {
 width:100%
}
.aisatsu-pic {
 width:100%;
}

.aisatsu-pic img {
    width: 100%;
}

.aisatsu-text {
 width:100%;
}

.aisatsu-text ul {
    margin-top: 15px;
 list-style-type:none;
}

.aisatsu-ekiten {
 margin:0 auto;
}

.information{
 margin-bottom:20px;
}

.information table{
 width:100%;
}

.information table th{
 width:80px;
 text-align:left;
 border-bottom:1px dotted #385723;
}

.information table td{
 text-align:left;
 border-bottom:1px dotted #385723;
}

#riyu p{
 font-size:12px;
}

.riyul{
 width:100%;
 text-align:center;
}

.riyul img{
 width:100%;
}

.riyur{
 width:100%;
}

.riyur h3{
 color:#ff4500;
}

#riyu h4{
 font-size:12px;
 color:#ff0045;
 text-align:center;
}

#riyu h2{
 border-bottom:1px solid #d8d8d8;
 font-size:14px;
}

.sp2{
 padding:10px;
 clear:both;
}

#qa {
 width:100%;
}

#qa table{
 width:100%;
 font-size:12px;
}

#qa table th{
 width:15px;
 text-align:center;
}

#qa table td{
 text-align:left;
 padding-left:5px;
}

.qaq{
 color:#00f;
}

.qaa{
 color:#f00;
}

.vol{
 width:60px;
 float:left;
 text-align:center;

}

.vol img{
 width:100%;
}

.vor{
 width:250px;
 float:right;
}

#vo p{
 font-size:12px;
}

.sp2{
 padding:10px;
 clear:both;
}

#kata p{
 font-size:14px;
}

#kata img{
 width:100%;
}

.katal{
 width:100%;
 text-align:center;
}

.katal img{
 width:100%;
}

.katar{
 width:100%;
}

.katar h3{
 color:#ff4500;
}

#kata ul{
 width:100%;
}

#kata ul li{
 color:#009060;
}

#kata h4{
 font-size:18px;
 color:#ff0045;
 text-align:center;
}


#kosi p{
 font-size:14px;
}

#kosi h3{
 color:#ff4500;
 border-bottom:1px dotted #d8d8d8;
 margin-top:10px;
}

#kosi h4{
 margin-top:5px;
 font-weight:bold;
}

#hiza p{
 font-size:14px;
}

#hiza h3{
 color:#ff4500;
 border-bottom:1px dotted #d8d8d8;
 margin-top:10px;
}

#hiza h4{
 margin-top:5px;
 font-weight:bold;
}

#hiza h2{
 font-size:14px;
 font-weight:bold;
 color:#663300;
}
#ac p{
 font-size:14px;
}

.acl{
 width:100%;
 text-align:center;
 padding-bottom:10px;
}

.acl img{
 width:100%;
}

.acr{
 float:left;
 width:100%;
}

.acr h3{
 color:#ff4500;
 border-bottom:1px dotted #d8d8d8;
}

#pri{
 width:100%;
}

#pri table{
 width:98%;
 border:1px #5A482B solid;
 margin:0 auto;
 font-size:10px;
}

#pri table th{
 width:120px;
 border-bottom:1px #5A482B solid;
 border-right:1px #5A482B solid;
 text-align:left;
 padding:2px;
 vertical-align:middle;
}

#pri table td{
 border-bottom:1px #5A482B solid;
 border-left:1px #5A482B solid;
 text-align:left; 
 padding:2px;
}

.yen{
 text-align:right;
}

#pri2{
 width:100%;
}

#pri2 table{
 width:100%;
 border:1px #5A482B solid;
 margin:0 auto;
 font-size:10px;
}

#pri2 table th{
 width:120px;
 border-bottom:1px #5A482B solid;
 border-right:1px #5A482B solid;
 text-align:left;
 vertical-align:middle;
 padding:2px;
}

#pri2 table td{
 border-bottom:1px #5A482B solid;
 text-align:left; 
 padding:2px;
}

.b{
 font-weight: bold;
 margin-top:5px;
}

#contents h2{
 font-size:14px;
 font-weight:bold;
 color:#663300;
}

.osirase{
 width:98%;
 margin:0 auto;
}

.osirase h3{
 border-bottom:5px double #808080;
 color:#906000;
 font-weight:bold;
 font-size:14px;
}

.osirase h4{
 border-top:1px dotted #808080;
 text-align:right;
}


.osirasel{
 width:100%;
 min-height:50px;
 padding-bottom:10px;
}

.osiraser{
 width:100%;
 min-height:50px;
 padding-bottom:10px;
}

.osiraser img{
 width:100%;
}