@charset "shift_jis"; 

/************************************************/
/*   Application all                            */
/************************************************/

html,body{
  text-align:center;
  font-family:Verdana,Arial,Sans-serif,"‚l‚r ‚oƒSƒVƒbƒN","Osaka";
  font-size:small;
  margin:0px;
  padding:0px;
}

body {
  background:#E5FFCF url(../img/back-line.gif) repeat-y center top;
}

a{text-decoration:none;}
a:link{color:#4646aa;}
a:visited{color:#4646aa;}
a:hover{color:#f70;}

table{
  text-align:left;
  font-size:small;
}

img{
  border:0px;
}

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

p{
  line-height:1.3em;
  padding:0;
  margin:0;
}

em{
  font-style:normal;
}

hr{
  height:1px;
  border:0px;
}

.clear,.clear_both{
  clear:both;
  font:1px/1px monospace;
}

.alt{
  display:none;
}


/************************************************/
/*   Flame layout                               */
/************************************************/

#container{
  text-align:left;
  width:720px;
  margin:0 auto;
  border-left:1px solid #999;
  border-right:1px solid #999;
  background:#fff;
}

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

#navigation {
  float:left;
  height:100%;
  width:170px;
  font-family:"Osaka","‚l‚r ‚oƒSƒVƒbƒN";
  background:#ffffff;
}

#navigation UL{
  list-style:none;
  padding-left:15px;
  margin:0;
}

#navigation LI A{ 
  display:block;
  width:170px;
  height:50px;
  margin-top:5px;
  background:url(../img/navi_neko.gif) left center no-repeat;
  margin-left:-20px;

}

#navigation LI A:hover {
  background:url(../img/navi_neko_o.gif) left center no-repeat;
  margin-left:-20px;
}

#navigation LI#navi1 { 
  background:url(../img/navi1.gif) left center no-repeat;
}

#navigation LI#navi2 { 
  background:url(../img/navi2.gif) left center no-repeat;
}

#navigation LI#navi3 { 
  background:url(../img/navi3.gif) left center no-repeat;
}

#navigation LI#navi4 { 
  background:url(../img/navi4.gif) left center no-repeat;
}

#navigation LI#navi5 { 
  background:url(../img/navi5.gif) left center no-repeat;
}

#navigation LI#navi6 { 
  background:url(../img/navi6.gif) left center no-repeat;
}

#navigation LI#navi7 { 
  background:url(../img/navi7.gif) left center no-repeat;
}

#navigation LI#navi8 { 
  background:url(../img/navi8.gif) left center no-repeat;
}

#navigation LI#navi9 { 
  background:url(../img/navi9.gif) left center no-repeat;
}

#copy{
  clear:both;
  text-align:center;
  color:#333;
  padding:10px;
  margin-top:10px;
  border-top:1px solid #999;
}



/************************************************/
/*   Decoration                                 */
/************************************************/

h1{
  border-bottom:3px solid #333;
}

h1 img{
  display:block;
}

#main h2{
  color:#FF6600;
  font:normal normal bold 2.3em  sans-serif,"Osaka";
  padding-left:25px;
  background:url(../img/puni.gif) left 60% no-repeat;
}



/************************************************/

/* relaxation */

div.relaxation-wrap{
  width:520px;
  margin-top:25px;
}

div.relaxation-wrap h3{
  margin-bottom:10px;
}

div.relaxation-wrap p.image{
  float:right;
  text-align:right;
  width:260px;
}

div.relaxation-wrap div.detail{
  float:left;
  width:260px;
}

div.relaxation-wrap div.detail p{
  line-height:1.5em;
  font-size:1.1em;
  padding-right:25px;
}

div.relaxation-wrap div.detail table{
  font-size:1.1em;
  margin-top:25px;
  border-collapse:separate;
  border:0;
  background:#ccc;
}

div.relaxation-wrap div.detail table th{
  color:#333;
  width:150px;
  padding:3px;
  background:#dde;
}

div.relaxation-wrap div.detail table td{
  text-align:right;
  width:100px;
  color:#000;
  padding:3px;
  background:#fff;
}


/************************************************/

/* germa */

div.relaxation-wrap p.germa-text{
  line-height:1.5em;
  font-size:1.1em;
  padding-top:15px;
}

div.relaxation-wrap p.germa-text strong{
  font-weight:normal;
  color:#f00;
}

div.relaxation-wrap p.germa-text img{
  float:right;
  margin-left:5px;
}

div.relaxation-wrap div#effect{
  margin-top:15px;
  background:url(../germa/img/effect-back.jpg) 100% 0 no-repeat;
}

div.relaxation-wrap div#effect h5{
  color:#f07;
  margin-top:15px;
}

div.relaxation-wrap div#effect em{
  color:#3a2;
}

div.relaxation-wrap div#effect ul{
  list-style:none;
  font-size:1.1em;
  padding:0;
  margin:10px;
}

div.relaxation-wrap div#effect ul li{
  line-height:1.8em;
  padding-left:15px;
  background:url(img/icon.gif) 0 50% no-repeat;
}

div.relaxation-wrap table.germa-charge{
  font-size:1.1em;
  width:350px;
  margin:15px auto 0;
  border-collapse:separate;
  border:0;
  background:#ccc;
}

div.relaxation-wrap table.germa-charge th{
  color:#333;
  width:142px;
  padding:3px;
  background:#dde;
}

div.relaxation-wrap table.germa-charge th.colspan2{
  text-align:center;
  color:#03a;
  width:342px;
}

div.relaxation-wrap table.germa-charge td{
  text-align:right;
  color:#000;
  width:192px;
  padding:3px;
  background:#fff;
}

#rurudo{
  font-size:1.1em;
  width:500px;
  color:#555;
  line-height:150%;
  padding:10px;
  margin:25px 0 0;
  background:url(img/rurudo-back.gif) 0 0;
}

#rurudo h4{
  text-align:center;
  color:#50c;
  padding:5px;
  background:#fff;
}

#rurudo p{
  padding:5px;
  background:#fff;
}