* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
}
a:visited, a:active {
    color: #ECE2C4;
}
 .link:hover {text-decoration: underline;}
 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";}
 em {font-style: normal; font-weight: bold;}
 
 body {
	background-color: #DBD19C;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	font-size: 11px;
	line-height: 19px;
	color: #ECE2C4;
}

 .clearer { height: 0.1em; clear: both;}

 #container {
	width: 830px;
	height: 555px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -415px;
	margin-top: -261px;
	visibility: visible;
}
 #wrapper { background:url(../images/common/bg_middle.gif); }
 #page { background-image:url(../images/common/bg_top.gif);   }
 #page_top {background-image:url(../images/common/bg_bottom.gif); background-position: left bottom; padding: 5px 5px 4px;  }
 #page_bottom {border: 1px solid #FEFBED; }
 #real_page {background: #FEFBED; height: 494px; position: relative; overflow: hidden; border: 9px solid #DBD19C; }
 
 h1 {width: 164px; height: 164px;  position: absolute; top: 218px; left:426px; z-index: 10000; }
 h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/common/3box.gif); display: block; height: 100%; width: 100%;}
 h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 h4 {font-size: 10px;}
 h4.noutati {margin-bottom: 5px;}
 
 #main_menu {width: 142px; position: absolute; top: 226px; left: 603px; padding: 1px 0 0; background:url(../images/common/dot_hor.gif); background-repeat: repeat-x;}
 #main_menu li {padding: 0 0 1px; background:url(../images/common/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
 #main_menu a:link, #main_menu a:visited, #main_menu a:active {display: block; height: 20px; background-position: -137px 6px; text-indent: -3000px; background-repeat: no-repeat;  }
 #main_menu a:hover, #main_menu a#hovered:link, #main_menu a#hovered:visited, #main_menu a#hovered:active {background-position: 5px 6px;}
 
 .top {background:url(../images/common/top.gif);}
 .concept {background:url(../images/common/concept.gif);}
 .about {background:url(../images/common/about.gif);}
 .gallery {background:url(../images/common/gallery.gif);}
 .company {background:url(../images/common/company.gif);}
 .qa {background:url(../images/common/qa.gif);}
 .contact {background:url(../images/common/contact.gif);} 
 
 #contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
 #contents {width: 3952px; height: 100%; position: relative;}
 .content {width: 494px;  position: absolute; overflow: hidden; }
.next_box {
	height: 444px;
	padding-top: 30px;
	padding-right: 80px;
	padding-bottom: 20px;
	padding-left: 40px;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
.next_box img {
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
}
 #home {
	left: 0;
	top: 0;
	z-index: 1;
	position: absolute;
}
 
 #top {
	left: 494px;
	top: 0;
	height: 494px;
	overflow: hidden;
}
#top_main {
	left: 0px;
	top: 0;
	background-color: #2F1312;
	background-image:url(../images/common/top_thumb.jpg);
	padding: 248px 0 0;
	overflow: hidden;
	position: absolute;
}
 #top h2 { background-image:url(../images/common/top-h2.gif); background-position: center center;}
 #top .description {background-color: #5B423B; height: 196px; padding: 20px 80px 30px 40px; color: #ECE2C4;}
 
 #concept {
	height: 494px;
	left: 988px;
	top: 0px;
	overflow: hidden;
}
#concept_main {
	left: 0px;
	top: 0px;
	background-color: #40452F;
	background-image:url(../images/common/concept_thumb.jpg);
	padding-top: 248px;
	position: absolute;
	overflow: hidden;
	width: 494px;
}
 #concept h2 { background-image:url(../images/common/concept-h2.gif); background-position: center center;}
 #concept .description {background-color: #6f765e; height: 196px; padding: 20px 75px 30px 40px; color: #ECE2C4;}
 
 #about {
	left: 1482px;
	top: 0;
	overflow: hidden;
	height: 494px;
}
#about_main {
	left: 0px;
	top: 0;
	background-color: #2c1e16;
	background-image:url(../images/common/about_thumb.jpg);
	padding: 248px 0 0;
	overflow: hidden;
	position: absolute;
}
 #about h2 {background-image:url(../images/common/about-h2.gif); background-position: center center;}
 #about .description {background-color: #4f4138; height: 196px; padding: 20px 80px 30px 40px; color: #ECE2C4;}
#about_next {
	color: #ECE2C4;
	background-color: #4f4138;
	overflow: hidden;
	height: 494px;
	width: 494px;
	left: 0px;
	top: 494px;
	position: absolute;
	background-image: url(../images/common/about_next.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#about_link {
background-image:url(../images/common/next.gif); display: block; text-indent: -3000px; overflow: hidden; width: 44px; height: 14px; margin-top: 3px;
}
#about_link:hover {
background-position: 0 -14px;
}
#next_link {
background-image:url(../images/common/back.gif); display: block; text-indent: -3000px; overflow: hidden; width: 44px; height: 14px; margin-top: 3px;
}
#next_link:hover {
background-position: 0 -14px;
}
 
 #gallery {left: 1976px; top: 0; height: 494px; overflow: hidden;    }
 #photos_nav {position: absolute; top: 218px; left: 0;  z-index: 20;}
  #photos_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
 #photos_nav  a {display: block; width: 87px; height: 86px; cursor: pointer; }
 #photo_inapoi { background-image:url(../images/common/up.png); visibility: hidden;}
 #photo_inainte { background-image:url(../images/common/down.png);}
 #photos_wrapper {width: 494px; height: 494px; overflow: hidden; position: absolute; top: 0; left: 0;}
 #photos {  width: 494px; position: absolute; top: 0; left: 0;  }
 #photos li { position: relative; left: 0; top: 0; float: left; clear: left; }
 #photos li img {display: block;}
 #photos li span {height: 23px; width: 247px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}

 
 #photos_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 494px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
 #gallery:hover #photos_nav2 {visibility: visible;} 
 
 #photos_nav2 ul {float: right; padding: 5px;}
 #photos_nav2 li {float: left; padding-right: 1px;}
 #photos_nav2 li a:link, #photos_nav2 li a:visited , #photos_nav2 li a:active, #photos_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Trebuchet Ms'; background-image:url(../images/common/nav_bg.png);}
  #photos_nav2 li a:hover, #photos_nav2 li a#selectat { background-color: #000 !important; background-image: none !important; }
 #photos_nav2 h4 {
	height: 23px;
	width: 180px;
	background-color: #000;
	color: #fff;
	line-height: 23px;
	font-weight: normal;
	float: left;
	text-indent: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
 
 
 #company {
	left: 2470px;
	top: 0;
	height: 494px;
	overflow: hidden;
}
#company_main {
	left: 0px;
	top: 0;
	background-color: #211231;
	background-image:url(../images/common/company_thumb.jpg);
	padding: 248px 0 0;
	overflow: hidden;
	position: absolute;
	width: 494px;
}
 #company h2 { background-image:url(../images/common/company-h2.gif); background-position: center center;}
 #company .description {
	background-color: #4A4252;
	height: 198px;
	padding: 18px 90px 30px 40px;
	color: #ECE2C4;
}
 
 #qa {
	left: 2964px;
	top: 0px;
	height: 494px;
	overflow: hidden;
}
#qa_main {
	left: 0px;
	top: 0;
	background-color: #2B3E44;
	background-image:url(../images/common/qa_thumb.jpg);
	padding: 248px 0 0;
	overflow: hidden;
	position: absolute;
}
 #qa h2 { background-image:url(../images/common/qa-h2.gif); background-position: center center;}
 #qa .description {
	background-color: #617070;
	height: 210px;
	padding: 16px 75px 20px 40px;
	color: #ECE2C4;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	font-size: 11px;
	line-height: 16px;
}
#qa_next {
	color: #ECE2C4;
	background-color: #617070;
	height: 494px;
	width: 494px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 494px;
	background-image: url(../images/common/qa-next.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	font-size: 11px;
	line-height: 16px;
}
#qanext_link {
background-image:url(../images/common/qanext.gif); display: block; text-indent: -3000px; overflow: hidden; width: 44px; height: 14px; margin-top: 3px;
}
#qanext_link:hover {
background-position: 0 -14px;
}
#qa_next2 {
	color: #ECE2C4;
	background-color: #617070;
	height: 494px;
	width: 494px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 988px;
	background-image: url(../images/common/qa-next.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	font-size: 11px;
	line-height: 16px;
}
#qanext2_link {
background-image:url(../images/common/qanext.gif); display: block; text-indent: -3000px; overflow: hidden; width: 44px; height: 14px; margin-top: 3px;
}
#qanext2_link:hover {
background-position: 0 -14px;
}
#qaback_link {
	background-image:url(../images/common/qaback.gif);
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	width: 44px;
	height: 14px;
	margin-top: 3px;
}
#qaback_link:hover {
background-position: 0 -14px;
}
#qaback2_link {
background-image:url(../images/common/qaback.gif); display: block; text-indent: -3000px; overflow: hidden; width: 44px; height: 14px; margin-top: 3px;
}
#qaback2_link:hover {
background-position: 0 -14px;
}

 
 #contact { left: 3458px;  top: 0; height: 494px; overflow: hidden;}
 #contact_main {position: absolute; left: 0px;  top: 0; background-color: #24201D; background-image:url(../images/common/contact_thumb.jpg); padding: 248px 0 0; height: 246px; overflow: hidden; width: 494px; }
 #contact_main h2 { background-image:url(../images/common/contact-h2.gif); background-position: center center;}
 #contact_main .description {background-color: #4C413F; height: 196px; padding: 20px 80px 30px 40px; color: #ECE2C4;}
 #contact_link { background-image:url(../images/common/tomap.gif); display: block; text-indent: -3000px; overflow: hidden; width: 96px; height: 33px; margin-top: 3px;   }
 #contact_link:hover {background-position: 0 -33px;}
 #contact_div {width: 370px;}
#contact_mail {
	float: left;
	width: 170px;
}
 #contact_info {padding-left: 15px; float: right; width: 150px; white-space:normal;  line-height: 18px;}
 
 #map {
	position: absolute;
	left: 0px;
	top: 494px;
	background-color: #585047;
	height: 494px;
	width: 494px;
	background-image: url(../images/common/map.gif);
}
 #map img {cursor: pointer;}
#map_link {
	background-image:url(../images/common/back.gif);
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	width: 44px;
	height: 14px;
	margin-top: 3px;
	top: 20px;
	position: absolute;
	left: 20px;
}
#map_link:hover {
background-position: 0 -14px;
}
#google_link {
	background-image:url(../images/common/googlemap.gif);
	display: block;
	text-indent: -3000px;
	overflow: hidden;
	width: 94px;
	height: 29px;
	margin-top: 3px;
	top: 450px;
	position: absolute;
	left: 20px;
}
#google_link:hover {
background-position: 0 -29px;
}
 
 .formular {width: 333px;}
 .formular label {display: block; float: left; clear: both;  white-space: nowrap;}
 .formular span {display: block; float: right;  background-color: #694f47; padding: 3px; margin: 0 0 4px; }
 .formular input.text, .formular textarea {width: 243px; background-color: #694f47; display: block; color: #fff;}
  .formular2 {width: 193px; float: left;}
 .formular2 input.text,  .formular2 textarea {width: 147px;}
 input.button {float: right;}
 .formular textarea {height: 50px; overflow: auto;}
 #top .formular  input.text {width: 240px;}
 #top .nr {width: 100%; float: left;}
 #top .formular .nr input.text {width: 73px;}
 #top .nr_1 {float: left; width: 166px;  }
 #top .nr_2 {float: right; width: 159px;  }
 #top .nr span { position: relative; top: 0; left: 0;}
 #top .nr_1 iframe {top: 10px; left: 10px;}
  .top_select {width: 100%; float: left; position: relative; left: 0; top: 0; padding-bottom: 4px; z-index: 100;}
  iframe {visibility: visible; z-index: 999; position: absolute; top: -5000px; left: -5000px;  width: 205px; height: 194px; overflow: hidden;}
  select { display: block; width: 246px; position: absolute; top: 0; left: 87px; }
  select.replaced { display: none; }
  ul.selectReplacement { overflow: visible; width: 246px; float: right;  position: absolute; top: 0; left: 87px; z-index: 100;}
  ul.selectReplacement li { background: #432C26; color: #fff; cursor: pointer; display: none; font-size: 10px;padding-left: 5px;}
  ul.selectOpen li {display: block;}
  ul.selectReplacement li.selected { background-color: #6A4F48; background-image:url(../images/common/select_arrow.gif); background-position: center right; background-repeat: no-repeat; color: #fff; display: block; }
  ul.selectOpen li.selected { background: #301D17; display: block;}
  ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #301D17; color: #fff; }
  
  #footer {
	position: relative;
	top: 0;
	left: 0;
	color: #978158;
	font-size: 9px;
	padding: 8px 5px 0 0;
	background: #DBD19C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
  #footer p {float: right; margin: -1px 0 0; background-image:url(../images/common/footer_bg.gif); background-position: left center; padding: 0 10px 0 6px; line-height: 16px;}
  .footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
  
   .alert_wrapper { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; float: left;}

 .loading {width:370px; display:block; height:120px; background-position:center;}
 #top .loading {color:#5B423B; background-image:url(../images/common/loader_top.gif); }
 #contact .loading {color:#4C413F; background-image:url(../images/common/loader_contact.gif);}
 .photo {background-image:url(../images/common/loader_contact.gif); background-position: center; background-color: #4C413F;}