@charset "shift_jis";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   background:url(images/bg_body.gif);
}

br {
   letter-spacing:normal;
}

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

p {
   margin:0 0 1em 0;
   font-size:14px;
}

a img{
    /* IE */
    filter: alpha(opacity=100);
    /* Safari Opera */
    opacity:1.0;
    /* Firefox Netscape */
    -moz-opacity:1.0;
}

a:hover img{
    /* IE */
    filter: alpha(opacity=65);
    /* Safari Opera */
    opacity:0.65;
    /* Firefox Netscape */
    -moz-opacity:0.65;
}

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

img.a_right {
  float:right;
  margin:0 0 5px 10px;
}

img.margin {
  margin:10px 0 5px 0;
}

img.margin_bottom {
  margin:0 0 5px 0;
}

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

h2 {
   display:block;
   width:650px;
   margin-left:25px;
   color:#ad7e4e;
   font-size:14px;
   font-weight:bold;
   border-bottom:2px dotted #d2b48c;
   letter-spacing:1px;
}

h3 {
   display:block;
   margin:20px 0;
   padding:6px 2px 2px 0;
   color:#333;
   font-size:15px;
   font-weight:bold;
   text-indent:15px;
   background:#fbf7f3;   
   border-bottom:3px double #999;
   letter-spacing:1px;
}

h4 {
  margin-bottom:20px;
  border-bottom:#d2b48c 1px dotted;  
  height:40px;
  line-height:40px;
  color:#996633;
  font-size:14px;
  font-weight:bold;  
  background:url(images/qa-q.gif) no-repeat center left;
  text-indent:30px;
}

span.h3 {
   margin-left:25px;
   padding-bottom:3px;
   color:#d2b48c;
   font-size:15px;
   font-weight:bold;
   line-height:2;
   border-bottom:2px dotted #d2b48c; 
}

span.price {
  color:#663300;
  font-weight:bold;
}

div.info {
  margin:5px 0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:650px;
  height:57px;
  text-align:right;
  background:url(images/tel.gif) no-repeat bottom left;
}

.thanks {
  float:right;
  margin:120px 50px 80px 0;
}


/* ========TEMPLATE LAYOUT======== */
div#top {
   width:789px;
   margin:0 auto;
   background:#fff url("images/bg_contents_left.gif") 0 0 repeat-y;
}

div#wrapper {
   width:789px;
   background:url("images/bg_contents_right.gif") 100% 0 repeat-y;
}

div#header {
   position:relative;
   padding:0 5px;
   height:50px;
   background:url("images/logo.jpg") no-repeat center center;
}

div#pr {
   float:right;
   margin:5px 10px 0 0;
   text-align:right;
}

div#menu {
   float:left;
   padding:0 5px;
}

div#eyecatch {
   clear:both;
   padding:0 5px;
}

div#main {
   margin:10px 5px;
   margin-left:auto;
   margin-right:auto;
   padding:0;
   width:700px;
}

div#contents {
   clear:both;
   margin:0 auto;
   padding:15px 5px 0 5px;
   width:700px;
}

div#contents-1 {
   margin:0 auto;
   padding:0;
   width:650px;
   height:140px;
   background:url(images/bg_contents-1.jpg) no-repeat right bottom;
}

div#contents-1in {
   width:460px;
}

div#price,div#scene,div#knowledge,div#office,div#thanks,div#mailform,div#area_waku {
   margin:0 auto;
   padding:0;
   width:650px;
}

div#mailform {
   text-align:center;
}

div#flow {
  width:650px;
  margin:0 0 5px 0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
}

div#totop,div#before-page {
   clear:both;
}

div#totop {
   clear:both;
}

div#footer {
   clear:both;
   margin:0 5px;
   height:50px;
   background:#d2b48c url(images/logo-6.gif) no-repeat left center;
}


/* ========HEADER CUSTOMIZE======== */
div#header #pr h1 {
   margin:0;
   padding:0;
   font-size:12px;
   font-weight:normal;
   color:#666;
}


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

div#menu li {
   float:left;
   font-size:12px;
   color:#333;
   text-align:center;
   list-style-type:none;
}

div#menu li a {
   display:block;
   width:110px;
   color:#333;
   line-height:39px;
   border-left:1px solid #DCDCDC;
   background:url("images/bg_menu.gif") 0 0 repeat-x;
}

div#menu li.home a {
   border:none;
}

div#menu li a.active {
   color:#333;
}

div#menu li a:hover {
   background:url("images/bg_menu.gif") 0 -39px repeat-x;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#eyecatch p {
   display:block;
   margin:5px 3px 20px 3px;
   padding:5px 0;
   text-align:center;
   font-size:17px;
   font-weight:bold;
   color:#f1e6c8;
   background:#663300;
   letter-spacing:3px;
}

/* ========CONTENTS-1 CONTENTS CUSTOMIZE======== */
div#contents-1in span {
   color:#CC9900;
}

/* ========PRICE CUSTOMIZE========= */
div#price table {
  border-collapse:collapse;
  border:1px solid #000;
  width:650px;
  margin:0 0 10px 0;
  font-size:14px;
}

div#price th {
  padding:5px;
  color:#663300;
  background:#d2b48c;
  border:1px solid #000;
  text-align:center;
}

div#price td {
  padding:5px;
  color:#663300;  
  background:#fafaf1;
  font-weight:bold;
  border:1px solid #000;
  text-align:center;
}

div#price li {
  margin:0;
  padding:0 0 5px 0;
}

div#price li {
  font-size:14px;
}

/* ========OFFICE CUSTOMIZE========= */
div#office table {
  border-collapse:collapse;
  border:1px solid #000;
  width:650px;
  margin:10px 0 30px 0;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
}

div#office th {
  padding:15px 0;
  white-space:nowrap;
  width:170px;
  color:#663300;
  background:#ece0d4;
  border:1px solid #000;
  font-weight:normal;
}

div#office td {
  padding:15px 20px;
  color:#663300;  
  background:#fafaf1;
  border:1px solid #000;
  text-align:left;
  line-height:2;
}

/* ========SCENE CONTENTS CUSTOMIZE======== */
div#scene img {
  margin-bottom:25px;
}

div#scene span {
  font-size:12px;
  font-weight:bold;
}

/* ========KNOWLEDGE CONTENTS CUSTOMIZE======== */
div#knowledge a {
  color:##996633;
}

div#knowledge a:hover {
  color:#cc9966;
}

div.qa-a {
  margin:0 auto;
  padding:0 0 0 35px;
  width:580px;
  background:url(images/qa-a.gif) no-repeat top left;
  font-size:14px;
  line-height:2.25;
}

/* ========MAILFORM CONTENTS CUSTOMIZE======== */
div#mailform table {
  border-collapse:collapse;
  border:1px solid #000;
  width:650px;
  margin:10px 0 30px 0;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
}

div#mailform tr th {
  padding:15px 0;
  white-space:nowrap;
  width:170px;
  color:#663300;
  background:#ece0d4;
  border:1px solid #000;
  font-weight:normal;
}

div#mailform tr td {
  padding:15px 20px;
  color:#663300;  
  background:#fafaf1;
  border:1px solid #000;
  text-align:left;
}

div#mailform td span {
	color: #cc0000;
	font-size: 14px;
}

div#mailform input {
  margin:3px 0;
}

span.form {
  color:#cc0000;
  height:60px;
  line-height:60px;
  font-size:16px;
  font-weight:bold;
}

span.error {
  color:#cc0000;
}

/* ========BEFORE-PAGE CUSTOMIZE========= */
div#before-page {
   margin:10px 0;
   text-align:right;
}

div#before-page a {
   padding:0 0 0 12px;
   font-size:11px;   
   background:url("images/bg_before.gif") 0 50% no-repeat;
}

div#before-page a:hover {
   text-decoration:underline;
}

/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:10px 0;
   text-align:right;
}

div#totop a {
   padding:0 0 0 12px;
   font-size:11px;   
   background:url("images/bg_totop.gif") 0 50% no-repeat;
}

div#totop a:hover {
   text-decoration:underline;
}

/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin:0 0 10px 0;
   padding:10px 0 0 0;
   text-align:right;
   border-top:5px dotted #f9f3ec;
}

div#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   font-size:13px;
   list-style:none;
}

div#footMenu li a {
   padding-left:15px;
   background: url("images/bg_footmenu.gif") 0 50% no-repeat;
}

div#footMenu li a:hover {
   text-decoration:underline;
}

/* ========FOOTER CUSTOMIZE======== */
address {
   padding:0 50px;
   height:50px;
   line-height:50px;
   font-style:normal;
   font-size:12px;
   color:#fff;
   text-align:right;
}

/* ========AREA CUSTOMIZE======== */
div#area_waku table {
  border-collapse:collapse;
  border:1px solid #000;
  margin:8px 0 10px 0;
  width:650px;
  font-size:14px;
}

div#area_waku th {
  padding:8px 0;
  white-space:nowrap;
  width:170px;
  color:#663300;
  background:#ece0d4;
  border:1px solid #000;
  font-weight:normal;
}

div#area_waku td {
  padding:8px 20px;
  color:#663300;  
  background:#fafaf1;
  border:1px solid #000;
}

div#area_waku span {
  display:block;
  margin-top:20px;
  color:#663300;
  font-size:15px;
  font-weight:bold;
  letter-spacing:2px;
}


/* ========TOPPAGE LINK======== */
div#toplink {
  margin:0 0 20px 0;
  padding:0;
}

div#toplink p {
  margin:0;
  padding:0;
  text-align:left;
  font-size:12px;
}

div#toplink table {
  margin:0;
  padding:0;
  border:0;
}

div#toplink td {
  padding:5px 15px;
  font-size:12px;
  background:#fafaf1;
  line-height:1.5;
}

div#toplink a {
  color:#996600;
  text-decoration:underline;
}

div#toplink a:hover {
  color:#d2b48c;
}


/* ========STAFF CONTENTS CUSTOMIZE======== */
div#staff {
  margin:0;
  padding:0;
}

div#staff table {
  margin:0 auto;
  padding:0;
  width:600px;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:15px;
}

div#staff th {
  text-align:center;
}

div#staff th.back {
  font-size:14px;
  background:#ece0d4;
}

div#staff td {
  padding:2px 5px;
  border:1px dotted #663300;
  text-align:left;
  font-size:13px;
  letter-spacing:0px;
}