@charset "utf-8";
body {
  margin: 0;
  padding: 0;
  color : rgb(1, 0, 76);
  font-size : 14px;
  line-height: 1.5em;
  background-color : rgb(1, 0, 76);
  background-repeat : repeat;
  background-position: top center;
  background-attachment: fixed;
}
p {
  margin: 0 0 10px 0;
  padding: 0;
  color : rgb(1, 0, 76);
}
img {
  border : medium none;
  float : none;
  padding : 5px;
}
blockquote {
  font-style: italic;
  margin: 0 0 0 10px;
}
cite {
  font-weight: bold;
  color:#333;
}
cite span {
  color: #333;
}
em {
  color: #333;
  font-weight: 400 ;
}
h1, h2, h3, h4, h5, h6 {
  color : rgb(1, 0, 76);
  font-weight: normal;
}
h1 {
  font-size: 34px;
  margin: 0 0 20px;
  padding: 5px 0 ;
}
h2 {
  font-size: 28px;
  margin: 0 0 20px;
  padding: 5px 0 10px 0;
  font-style : italic;
  text-align : left;
}
h3 {
  font-size: 20px;
  margin: 0 0 15px;
  padding: 0;
  font-weight : normal;
  font-style : italic;
}
h4 {
  font-size: 18px;
  margin: 0 0 15px;
  padding: 0;
  font-weight : bold;
  font-style : italic;
}
h5 {
  font-size: 16px;
  margin: 0 0 10px;
  padding: 0;
}
h6 {
  font-size: 14px;
  margin: 0 0 5px;
  padding: 0;
}
.h10 {
  height: 10px ;
}
.h20 {
  height: 20px ;
}
.h30 {
  height: 30px ;
}
.h40 {
  height: 40px ;
}
.h50 {
  height: 50px ;
}
.h60 {
  height: 60px ;
}
.float_l {
  float: left ;
}
.float_r {
  float: right ;
}
.image_wrapper {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 168px;
  margin: 3px 0 10px 0;
}
.image_wrapper img {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 150px;
}
.image_wrapper span {
  position: absolute;
  border: 0;
  left: 0;
  width: 300px;
  height: 168px;
  background : transparent url(../新しいフォルダー/templatemo_image_bg.jpg) no-repeat scroll 0% 0%;
}
.image_fl {
  float: left;
  margin: 3px 20px 0 0 ;
}
.image_fr {
  float: right;
  margin: 3px 0 0 20px ;
}
.tmo_list {
  margin: 20px 0 20px 10px;
  padding: 0;
  list-style: none ;
}
.tmo_list li {
  color:#bfb839;
  margin: 0;
  padding: 0 0 5px 15px;
  background : transparent url(../新しいフォルダー/templatemo_list.jpg) no-repeat scroll 0px 4px;
}
.tmo_list li a {
  color: #bfb839;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none ;
}
.tmo_list li a:hover {
  color: #bfb839;
  text-decoration: underline ;
}
#templatemo_wrapper {
  width: 806px;
  margin: 0 auto;
  padding-left: 6px;
}
#templatmeo_header {
  width : 100%;
  height : 150px;
  padding : 20px 0px;
  background : rgb(1, 0, 76) url(images/image2.png) no-repeat scroll 0% 0%;
  left : auto;
  top : 0px;
  position : fixed;
  z-index : 1;
  margin-top : 0px;
}
#site_title {
  float: left;
  visibility : hidden;
}
#site_title h1 {
  margin: 0;
  padding: 0 ;
}
#site_title h1 a {
  display: block;
  width: 160px;
  height: 60px;
  background : transparent none no-repeat scroll left top;
  font-size: 40px;
  font-weight: 400;
  outline: none;
  text-indent: -10000px;
  color : black;
}
#templatemo_menu {
  margin-top : 130px;
  margin-bottom : 50px;
  background-color : rgb(1, 0, 76);
  font : bolder x-large;
  font : bolder x-large;
  font-weight : bold;
  font-size : xx-large;
  font : メイリオ;
}
#templatemo_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#templatemo_menu ul li {
  margin: 0;
  padding: 0;
  display: inline-block ;
  font-weight : bold;
}
#templatemo_menu ul li a {
  font-size: 18px;
  color : white;
  margin-left : 10px;
  text-decoration: none;
  font-weight : bolder;
  outline: none;
}
#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
  color : yellow;
  text-decoration: underline;
}
#templatemo_main {
  clear: both;
  width: 800px;
  margin-right : 0px;
  margin-bottom : 0px;
  margin-left : 6px;
  float : none;
  color : rgb(1, 0, 76);
}
.content_top {
  clear: both;
  height: 10px ;
  visibility : hidden;
  float : right;
  padding-top : 200px;
  margin-top : -200px;
}
.content_box {
  position: relative;
  width: 660px;
  margin-bottom: 30px;
  padding: 70px 70px 70px 76px;
  background : rgb(255, 255, 255) none repeat scroll 0% 0%;
  float : left;
  height : auto;
  margin-left : auto;
  margin-right : auto;
  color : rgb(1, 0, 76);
  font-family : メイリオ;
}
.content_title {
  position: absolute;
  width: 106px;
  height: 104px;
  top: -5px;
  left: -6px;
}
.content_home {
  background : transparent url(images/templatemo_content_title.png) no-repeat scroll 0% 0%;
}
.content_aboutus {
  background : transparent url(images/templatemo_content_title.png) no-repeat scroll 0% 0%;
}
.content_services {
  background : transparent url(images/templatemo_content_title.png) no-repeat scroll 0% 0%;
}
.content_portfolio {
  background : transparent url(images/templatemo_content_title.png) no-repeat scroll 0% 0%;
}
.content_contactus {
  background : transparent url(images/templatemo_content_title.png) no-repeat scroll 0% 0%;
}
a.gototop {
  display: block;
  position: absolute;
  width: 140px;
  height: 25px;
  padding: 65px 10px 0 0;
  text-align: right;
  font-size: 14px;
  bottom: 0;
  right: 0;
  color: #000;
  background : transparent url(templatemo_gototop.jpg) no-repeat scroll 0% 0%;
  text-decoration: none;
}
a:hover.gototop {
  text-decoration: underline ;
  color : navy;
}
.col_w310 {
  width: 310px ;
}
.post_box {
  width: 310px;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.post_header {
  border-top: 3px solid #999;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 20px ;
}
.post_box h3 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 15px ;
}
.post_box p.post_meta {
  font-size: 10px;
  margin-bottom: 0;
  padding-bottom: 0 ;
}
#gallery ul {
  margin: 0;
  padding: 0;
}
#gallery ul li {
  display: block;
  position: relative;
  display: inline-block;
  width: 300px;
  height: 168px;
  margin: 0 30px 30px 0 ;
}
#gallery ul img {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 150px;
}
#gallery ul span {
  position: absolute;
  border: 0;
  left: 0;
  width: 300px;
  height: 168px;
  background : transparent url(templatemo_image_bg.jpg) no-repeat scroll 0% 0%;
}
#contact_form {
  padding: 0;
  width: 300px ;
}
#contact_form form {
  margin: 0px;
  padding: 0px;
}
#contact_form form .input_field {
  width: 290px;
  padding: 5px;
  color: #666;
  border: 1px solid #ccc;
  background: #fff;
}
#contact_form form label {
  display: block;
  width: 100px;
  margin-right: 10px;
  margin-bottom: 3px;
  font-size: 14px;
}
#contact_form form textarea {
  width: 288px;
  height: 150px;
  padding: 5px;
  color: #666;
  border: 1px solid #ccc;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
#contact_form form .submit_btn {
  background: #e1dc5e;
  color: #000;
  cursor: pointer;
  border: 1px solid #c9c447;
  padding: 7px 14px;
  margin-right: 30px;
}
#templatemo_footer {
  clear: both;
  width : 850px;
  padding : 0px 0px 20px;
  text-align: center;
  background : transparent none no-repeat scroll center top;
  color : white;
  left : auto;
  margin-left : auto;
  margin-right : auto;
  font-size : 12px;
}
#templatemo_footer a {
  color : white;
}
.pre_font{
  font-size : medium;
  font-weight : bolder;
  color : black;
  font : "ＭＳ Ｐゴシック";
}
.clear_l{
  clear : right;
}
.margin_bottom_20{
  margin-bottom : 20px;
}
.overflow_auto{
  overflow : auto;
}
.size_1{
  height : 150px;
  border : 1px solid;
}
#outline{
  margin-top : 200px;
  color : rgb(1, 0, 76);
}
#home,
#kihon_shisei,
#kodawari,
#ryokin_sistem,
#riserve_sistem,
#micro_bubble,
#dead_sea_shampoo
{
  padding:200px 0 0;
  margin:-200px 0 0;
}
.dd-first{
  margin-top : -23px;
  margin-left : 250px;
}
.c-yellow{
  color : fuchsia;
}
.t-indent{
  text-indent : 10px;
}
.ol-bold{
  font-weight : bold;
  font-size : small;
}
.span-b{
  font-weight : bold;
}
.vmenuitem{
  background-color : white;
  cursor:pointer;
  color : rgb(1, 0, 76);
}
.vmenu_on, .vmenu_off{
  margin:2px 0px;
  color : black;
  background-color : white;
}
.vmenu_on .vmenuitem{
  border : 0px;
}
.vmenu_off .vmenuitem{
  border-top-width : 0px;
  border-right-width : 0px;
  border-bottom-width : 0px;
  border-top-style : none;
  border-left-style : none;
  border-top-color : white;
}
.vmenu_on div{
  display:auto;
  margin:2px auto;
}
.vmenu_off div{
  display:none;
}
.h-30{
  height : 30px;
}
.margin_bottom_60{
  margin-bottom : 60px;
}
.inline-block{
  display : inline-block;
}
.clear-both{
  clear : both;
}
.font-bold{
  font-weight : bold;
}
.m-top--7{
  margin-top : -7px;
}
.ol-no{
  list-style-type : upper-alpha;
}
.width-300{
  width : 350px;
}
.dl-background-color{
  background-color : rgb(255, 255, 191);
}
.width-350{
  width : 350px;
}
.margin-l-50{
  margin-left : 50px;
}
.span-b-red{
  font-weight : bold;
  color : red;
}
.line-through{
  text-decoration : line-through;
}
.text-align:center{
  margin-left : auto;
  margin-right : auto;
  width : 100px;
}
.center{
  margin-left : 150px;
  position : absolute;
}
.margin-left-250px{
  margin-left : 250px;
}
.margin-left-200px{
  margin-left : 100px;
}
div