@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


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

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:serif, Verdana, Helvetica, sans-serif;
   font-size:13px;
	 background:url('../images/back.jpg') repeat;
}

html,body {
	height: 100%;
}

body > #container {
  height: auto;
}
	
br {
   letter-spacing:normal;
}

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

a:hover {
   color:#d1d1d1;
}

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

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

span.pink {
   color:#F36;
}

span.bold {
   font-weight: bold;
   text-decoration: underline;
}

/* ========TEMPLATE LAYOUT======== */
#container {
   width:820px;
   margin:0 auto;
	 background:#FFF;
	 min-height:100%;
	 box-shadow:0 0 5px 5px #CCC;
}

#top {
   width:780px;
   margin:0 auto;
}

#contents {
   float:left;
   width:780px;
	 background:#fff;
}

#side {
   float:left;
   width:220px;
}

#main {
   float:right;
   width:540px;
   padding:10px 0;
}

#footer {
   width:540px;
   margin-left:240px;
}

/* ========SIDE CUSTOMIZE======== */


/* ========TOP PAGE js======== */
#viewer {
    margin: 0 auto;
    width: 780px;
    height: 350px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0 auto;
   padding:10px 0;
}

#menu li {
   color:#C93;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   display:block;
   width:220px;
	 font-size:16px;
   color:#663300;
   line-height:60px;
	 background:url("../images/menu.png") no-repeat;
}

#menu li a:hover {
   color:#CC9900;
   background:url("../images/menu.png") no-repeat;
}

#menu li.wako a {
	 display:block;
   width:220px;
	 font-size:16px;
	 letter-spacing:0px;
   color:#663300;
   line-height:20px;
	 padding:10px 0 10px 0;
	 background:url("../images/menu.png") no-repeat;
}

#menu li.wako a:hover {
   color:#CC9900;
   background:url("../images/menu.png") no-repeat;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
#main #pr p {
   margin:0;
   padding:5px 0;
}

#main #icatch {
	 text-align:center;
   margin-bottom:10px;
}

#main a {
   color:#000;
	 text-decoration:underline;
}

#main a:hover {
   color:#f1f1f1;
   text-decoration:underline;
}

#main h2 {
   margin-bottom:8px;
   padding:0 0 0 10px;
   font-size:19px;
   font-weight:bold;
   line-height:35px;
   color:#663300;
	 text-align:center
}

#word {
   width:380px;
	 padding:0 0 0 70px;
}

p.greeting {
   text-align:center;
	 color:#663300;
}

div.list {
   width:380px;
	 padding:0 0 0 20px;
}
div.list img {
   float:left;
   margin:0 10px 10px 0;
   padding:5px;
   background:#CC9900;
}

div.list p.price {
   color:#CC9900;
   font-size:11px;
}

#main #information {
   width:380px;
	 padding:0 0 0 80px;
}
#main #information img {
   float:left;
   margin:0 10px 10px 0;
   padding:5px;
   background:#CC9900;
}

#information h2 {
   font-size:19px;
   font-weight:bold;
   color:#663300;
}

#main #information p.calendar {
   color:#CC9900;
	 padding:0 0 0 60px;
	 margin-bottom:0;
}

p.topword {
	 font-size:10px;
	 color:#CCC;
	 margin-top:0;
}


p.next a {
	 text-decoration:none;
	 font-size:70%;
}



#main h3 {
   clear:both;
   margin:20px 0 8px 0;
   padding:0 0 0 5px;
   font-size:14px;
   border-left:5px solid #3e3e3e;
}

#main p {
   margin:0 0 1em 0;
}

/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
   display:inline-block;
}

#main dl.information {
	 width:380px;
   margin-left:90px;
}

#main dl.information dt {
   float:left;
   margin:0;
   padding:0;
   color:#000;
}

#main dl.information dd {
   margin:0 0 0.5em 10em;
   padding:0;
   color:#000;
   background:transparent;
}

#main table {
   width:400px;
   border-collapse: collapse;
}

#main table th {
   padding:5px;
   font-size:13px;
   text-align:left;
   border:1px solid #ddd;
}

#main table td {
   padding:5px;
   font-size:12px;
	 font-color:#000;
   text-align:left;
   border:1px solid #ddd;
}

#main table td a {
	 color:#000;
}



/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:10px 0;
   text-align:right;
   font-size:80%;
}

#pageTop a{
   padding:10px 10px 10px 15px;
}



/* ========FOOTMENU CUSTOMIZE======== */
#footMenu address {
   padding-right:15px;
	 color:#b4b4b4;
	 text-align:right;
	 font-size:85%;
}

#footMenu address a {
	 color:#b4b4b4;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:10px 10px 10px 15px;
   font-size:63%;
   color:#b4b4b4;
   font-style:normal;
   text-align:right;
}


/* ========SAMPLEPAGE CUSTOMIZE======== */
div.menulist img {
   float:left;
   margin:0 10px 10px 0;
   padding:5px;
   background:#181c18;
}

div.menulist p.price {
   text-align:right;
   color:#d98f00;
   font-weight:bold;
}