/*--------------- CLASSY CSS ---------------------*/
body {
	background: #DACC9C url(../files/wallpaper.gif) repeat-x;
	margin:0;
	padding:0;
	}

/*---------------  h・p・a・hr要素・その他フォントスポット指定  ------------------*/
h1 {
    text-indent: -999em;
	font:28pt;
	color:#666;
	margin:0;
	padding:20px;
　　}



h2 {
    text-indent: -999em;
	}

h3 {
    font-family: "ＭＳ ゴシック", "Osaka－等幅", "Arial";
	font:18pt;
	color:#987046;
	padding:5px;
	margin:0;
    text-align: left;
　　}

h4 {
	font-size: 15px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅", "Arial";
	color:#660000;
	margin:0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
　　}

h5 {
	font:14pt verdana, arial, sans-serif;
	color:#8B6532;
	padding:10px;
	margin:0;
    text-align: center;
　　}
h6 { 
    font-size: 15px ;
	color: #660000 ;
	margin: 0;
	padding: 2px 0;
	}
	
h7 {
	font-size: 16px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅", "Arial";
	color:#987046;
	margin:0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight:bold;
　　}     
	 
p {
   color: #000000;	
   font-size: 14px;
   font-family: "ＭＳ ゴシック", "Osaka－等幅", "Arial";
   margin: 0px;
   line-height: 1.5;
   }

a:link, a:visited {
	color: #8B6532;
	}

a:hover {
	color: #AD9C61;
	text-decoration: none;
    }

a:active {
	color: #AD9C61;
    }

.hr {
	margin: auto 40px;
	line-height: 2;
	font-family: ＭＳ ゴシック", "Osaka－等幅", "Arial;
	 }


.style5 {color: #003366}
.style6 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
    }
.style7 {
    font-size: 72px;
	color: #FFFFFF;
    }
.style8 {font-weight: bold;}
.style9 {color: #FF0000;}
.style10 {font-size: 15px; color: #996666;
           font-weight:bold;}
.style11 {font-size: 12px; color:#996666;}
.style13 {color: #660000; font-weight:bold;}
.style14 {font-size: 14px}
/*---------------  h・p・a・hr要素・その他フォントスポット指定  終わり------------------*/


/*---------------------コンテンツ部分---------------------------*/	
#contain {
	width:786px;
	border-right:0 solid #FFFFFF;
	border-left:0 solid #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	margin-top: 20px;
	background-image: url(../files/contentsback.gif);
	}
	
/*---------------------　ヘッダー　-----------------*/
/*--------------------------------------------------*/
#header { 
    margin-left:auto;
	margin-right:auto; 
	height:165px;
	margin-top: 0px;
	background-image: url(../files/title.gif);
	background-repeat: no-repeat;

}

/*---------------------------クラッシーロゴ-------------------*/
#logo {
	position: absolute;
	top: 55px;
	left: auto;
	width: 340px;
	height: 74px;
	text-align: right;
}
/*---------------------------クラッシーロゴ 終わり-------------------*/

/*--------------------　ブログ-----------------------*/
#fblike {
	width: 10px;
	margin-top: 100px;
	position: absolute;
	left: auto;
	top: 0px;
	right: auto;
	margin-left: 740px;
	font-size: 12px;
	line-height: normal;
	text-align:right;
   }

#blog {
	width: 200px;
	margin-top: 50px;
	position: absolute;
	left: auto;
	top: 0px;
	right: auto;
	margin-left: 565px;
	font-size: 12px;
	line-height: normal;
   }
   
  
#staffblog a:link, #staffblog a:visited {
	background: transparent url(../files/blog_link.gif) no-repeat left bottom;
	float: left;
	padding: 0;
	margin: 0px 4px 0px 0px;
	text-indent: -999em;
	width: 170px;
	height: 25px;
	color: #987046;
    }

#staffblog a:hover {
	background: transparent url(../files/blog_hover.gif) no-repeat left bottom;
	float: left;
	padding: 0;
	margin: 0px 4px 0px 0px;
	text-indent: -999em;
	width: 170px;
	height: 25px;
	color: #AD9C61;
}


#staffblog a {
	background: transparent url(../files/blog_hover.gif) no-repeat left bottom;
	float: left;
	padding: 0;
	margin: 0px 4px 0px 0px;
	text-indent: -999em;
	width: 170px;
	height: 25px;
}

   
ul.bloglist {
   margin: 2px 0 0 2em;
   padding:0;
   list-style:none;
   }
  

ul.bloglist li{
   font-size:10px;
   margin:0;
   padding:0 0 3px 18px;
   text-indent:-7px;
   line-height: 12px;
   background:url(../files/memo.gif) no-repeat 0% 30%;
   }   
   
body[id=mose] ul.bloglist li{
   line-height: 10px;
   }
/*--------------------　ブログ　終わり-----------------------*/

/*----------------- ナビリスト------------------------*/
#navcontainer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding: 0;
	width: 775px;
	height: 30px;

	background-color: #FFFFFF;
	background-image: url("../files/menu.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
body[id=mose] #navcontainer {
	background-image: url("../files/menu.png");
	}


#navlist {
	margin: 0;
	padding: 5px 0px 0px 5px;
}

#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited {
	background: transparent url(../files/menu_inactive.gif) no-repeat left bottom;
	float: left;
	margin: 0;
	padding: 0 2px;
	color: #000000;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	width: 81px;
	height: 29px;
	font-family: "Times New Roman","Arial","Book Antiqua";
	font-size: 14px;
	font-weight: bold;
	}

#navlist a:link#current, #navlist a:visited#current {
	background: transparent url("../files/menu_active.gif") left bottom no-repeat;
	font: bold 14px "Times New Roman","Arial","Book Antiqua";
	color: #000000;
	line-height: 26px;
}
#navlist a:hover {
	background: transparent url("../files/menu_hover.gif") no-repeat left bottom;
	font: bold 14px "Times New Roman","Arial","Book Antiqua";
	color: #660000;
	line-height: 26px;
	}
/*----------------- ナビリスト  終わり------------------------*/
/*---------------------　ヘッダー 終わり　-----------------*/
/*---------------------------------------------------------*/


/* ---------------------　　メイン部分　　------------------------------- */
/* ---------------------------------------------------------------------- */
#main {
	width:690px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	}
	
#main p {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;

}
/*------------　本文部分　----------------------*/
#content {
 	margin-left:190px;
	width:600px;

}

#content p {
	padding:3px 18px 3px 18px;
	margin:0;

}
/*------------　本文部分　終わり----------------------*/

/*------------　フッター　----------------------*/
/*----------------------------------------------*/

#footer p {
	padding-right:1px;
	font:8pt verdana, arial, sans-serif;
}


#footer {
    position: relative;
    background: url(../files/footer_middle.gif) repeat-x;
	width: 100%;
	height: 44px;
	clear:both;
	top: 0;
}        

#credit{
    text-indent: -999em;
     background: url(../files/footer_left.gif) no-repeat;
	 height: 44px;
     position: relative;
	 width: 50%;
	 left: 0;
	 }
#gototop a {
    text-indent: -999em;
	height: 44px;
	position: absolute;
	right: 0;
	width: 60px;
	background-image: url(../files/footer_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	top: 0;
	 }

#gototop a:hover {
	background-position: 0 -44px;
}
/*------------　フッター　終わり----------------------*/
/*----------------------------------------------*/


/*---------------   policy CSS   ----------------------*/

#policy {
	background-image:url(../policy/images/flower.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 30px;
	padding: 0;
	 } 
.email {
	text-align: right;
	line-height: 150%;
	font-size: 12px;
	margin-right:30px;
	margin-bottom: 10px;
	}
	 
/*---------------   about CSS   ----------------------*/

#about {
	margin: 30px;
	padding:0;
	 } 
	 
#abouttop{
    text-align:left;
	width: 365px;
	height: 30px;
	font-size: 36px;
	background-image: url(../about/images/top.gif);
	margin: 5px 0 0 15px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -999em;
	}
#abouttope{
    text-align:left;
	width:380px;
	height: 30px;
	font-size: 36px;
	background-image: url(../about/english/images/top.gif);
	margin: 5px 0 0 15px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -999em;
	}

	 

.simplicte img {
	margin: 2px 15px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	  }
.pass {
     margin-top: 10px;
	 }
.pass p {
    text-align: right;
	color: #000;
	font-size: 13px;
	}


/*---------------   menu CSS   ----------------------*/
#menuss {
	margin: 30px;
	padding:0;
	 } 
	 
.hrline {
    text-align: right;
    font-size: 10px ;
	color: #987046 ;
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px dotted #343434;
	}

#menulist ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    } 

#menulist li { 
    padding-left: 20px;
    padding-bottom: 5px;
    background:url(../files/mark.gif) no-repeat 0% 30%;
    } 

#menulist {
    font-size: 12px;
	margin: 20px 0 20px 70px;
	padding: 0;
	}
.menu {
	font-size: 16px;
	padding: 0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 5px;
	}


.menutop {
	margin:0;
	padding:0;
	 }
	 
.menutop p {
    }
	
.facial {
	margin:0;
	padding:0;
	 } 

.ipl {
	margin:0;
	padding:0;
	background: url(../menu/images/ipl.jpg);
	 } 
.insubmenu {
	font-size: 14px;
	line-height: 2;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
    }
.h4text {
    margin-left: 20px;
	}
.h4text {
     font-size: 14px;
	}

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

.submenu {
	font-size: 14px;
	line-height: 2;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
    }
	
.submenu a:link {
    text-decoration: none;
	color: #CC9900;
	
}
.submenu a:visited {
    text-decoration: none;
	color: #CC9900;
	
}

.submenu p {
    font-size: 12px;
	}
	

.submenu1 {
	background-image:url(../menu/images/nail.jpg);
	font-size: 14px;
	margin: 0 auto 10px 60px;
	line-height: 2;
	background-repeat: no-repeat;
	background-position: center center;
	 } 
.submenu2 {
	font-size: 14px;
	line-height: 2;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	 } 
.submenu3 {
	font-size: 14px;
	line-height: 2;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	 } 
.price {
	　　text-align: right;
	   margin-right: 20px;
	  }
	  
.hideprice {
	height: 15px;
	position: absolute;
	right: -3px;
	width: 200px;
	text-align: right;
	  }	 
.hidemap {
	height: 15px;
	position: absolute;
	right: -3px;
	width: 450px;
	text-align: left;
	  }	
	  
.hideprice p {
       font-size: 15px;
       color: #660000;
	   font-weight: bold;
	   }
	   
.price p {
      font-size: 15px;
      text-align: right;
	  margin: 0;
	  color: #660000;
	  font-weight: bold;
	  }

.hidebox{
      position:relative;
	  width: 100%;
	  height: 30px;
	  clear: both;
	  top: 0;
	  }
.hidetitle {
      height: 15px;
	  position:absolute;
	  width:100%;
	  left: 0px;
	  margin-bottom: 0;
	  }
.hidemaptitle {
      height: 15px;
	  position:absolute;
	  width:100%;
	  left: 0px;
	  margin-left: 0;
	  }
.hidemaptitle p {
      margin-top: 10px;
	  }
.hidetitleb {
      height: 15px;
	  position:absolute;
	  width:100%;
	  left: 0px;
	  margin-bottom: 0;
	  }
.hidetitleb h4 {
      margin-left: 100px;
	  }
.hidetexts {
	margin-left: 100px;
	margin-top: 5px;
	margin-bottom: 15px;
	}
	  	  
.hidetime {
	height: 15px;
	position: absolute;
	top: 0;
	right: 170px;
	width: 150px;
	text-align: right;
	  }	  

.hidetime2 {
	height: 15px;
	position: absolute;
	top: 0;
	right: 130px;
	width: 150px;
	text-align: right;
	  }	
.sidehide {
    margin-top: 0;
	margin-bottom: 15px;
	}

.sidehide p {
    margin: 5px 20px;
	}
.sidehides {
    margin-top: 0;
	margin-bottom: 15px;
	}

.sidehides p {
    color: #000;
    margin: 5px 20px;
	}

      


/*---------------   Q&A CSS   -----------------------*/
#faq {
	margin: 30px;
	padding:0;
	 } 



#qlist {
    font-size: 12px;
	line-height: 2;
	margin: 20px 0 20px 100px;
	padding: 0;
	}
.question {
    font-size: 16px ;
	margin: 5px auto 5px 30px;
	padding: 0;
	}
.question p{
    color: #000;
	}
		
.answer {
	font-size: 14px;
	line-height: 2;
	margin-top: 3px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 60px;
	 }
.answer {
    color: #000;
	} 
	 
.answer2 {
	font-size: 13px;
	line-height: 2;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 60px;
	color: #996666;
	 }

.backtop {text-align: right;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 20px;
	font-size: 10px;
	 }

/*------------   location CSS ---------------*/

#location {
	margin: 30px;
	padding:0;
	 } 



.map1 {
	padding: 0;
	margin-top: 50px;
	
	   }
.map1 p {
	font-size:16px ;
	}

.map img {
	margin: 0px 15px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-color: #DACC9C;
	  }
.map p {
    color: #000;
	}
	  
	  
	  
/*------------　　フォームCSS　　-------------*/
#form {
	margin: 30px;
	padding:0;
	 } 


.forms table {
font-size: 12px;
}

.intable {
font-size: 12px;
text-align: left;
line-height: 150%;
margin: 5px;
}


/*------------　　リンクCSS　　-------------*/
#link {
	margin: 30px;
	padding:0;
	 } 

.linklist {
	line-height: 2;
	margin: 0 20px;
    }
.linklist p {
    margin: 0;
	padding: 0;
	}	

.linkp {
    font-size: 12px;
	margin: 2px 5px;
	}

	  
	  
/*------------　　各ページタイトル画像置換　　-------------*/
#title{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titlefaq{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../faq/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titlefaqe{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../faq/english/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titlemenu{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../menu/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titlemenue{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../menu/english/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titlelocation{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../location/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titlelocatione{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../location/english/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titleabout{
	width: 500px;
	height: 40px;
	background-image: url(../about/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titleaboute{
	width: 500px;
	height: 40px;
	background-image: url(../about/english/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titleabout2{
    text-indent: -999em;
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../about/images/title2.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titleform{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../form/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titleforme{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../form/english/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titlepolicy{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../policy/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titlepolicye{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../policy/english/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titlelink{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../link/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}	
#titlelinke{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../link/english/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}	
#titleproducts{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../products/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}
#titleproductse{
	width: 500px;
	height: 40px;
	font-size: 36px;
	background-image: url(../products/english/images/title.gif);
	margin: 5px auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	}

.notice p {
     text-align: right;
	 font-size: 12px;
	 }
    
	
	

/* --------------FLASH -------------------------*/

.intropic {
	background-color: #FFFFFF;
	width: 560px;
	height: 300px;
	margin-top: 25px;
	margin-bottom: 25px;
	}

.introflash {
	margin: 0px;
	border: 0px;
}

.introtext {
	margin-left: 355px;
	margin-right: 3%;
}

/* -----------------products ------------------------ */
.dispatch {
	padding: 15px 0 10px;
	margin: 0;
	width: 100%;
	
}

.proline {
	padding-top: 7px;
	margin: 0 0 30px;
	 }
	 
.proline p {
    text-align: right;
    font-size: 11px ;
	margin: 0;
	}

.dispatch img {
	margin: 10px 15px 25px;
}

.dispatch p {
	padding: 0;
	margin-right: 15px;
	margin-left: 130px;
	font: 0.8em;
	color: #000;
	line-height: 1.2em;
}

.dispatch hr {
	color: #FF9900;
	width: 100%;
	height: 1px;
	border: none;
	padding: 0;
	margin: 0;
	clear: both;
}
.proprice p {
    text-align: right;
    font-size: 12px ;
	color: #8B6532 ;
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px dotted #343434;
	}
	
#productslist ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    } 

#productslist li { 
    padding-left: 20px;
    padding-bottom: 5px;
    background:url(../files/mark.gif) no-repeat 0% 30%;
    } 

#productslist {
    font-size: 12px;
	margin: 20px 0 20px 70px;
	padding: 0;
	}
.simplicite p {
    text-align: right;
    font-size: 13px ;
	color: #000 ;
	margin: 10px 0;
	padding: 2px 0;
	}
	
#messages{
	width:450px;
	margin: 10px;
	height: 20px;
	
	}

#japanese a:link, #japanese a:visited {
	background: transparent url(../images/japanese.gif) no-repeat left bottom;
	float: right;
	padding: 0;
	margin: 0;
	text-indent: -999em;
	width: 172px;
	height: 17px;
	}

#japanese a:hover {
	background: transparent url(../images/japanese_hover.gif) no-repeat left bottom;
	float: right;
	padding: 0;
	margin: 0;
	text-indent: -999em;
	width: 172px;
	height: 17px;
}


#japanese a {
	background: transparent url(../images/japanese.gif) no-repeat left bottom;
	float: right;
	padding: 0;
	margin: 0;
	text-indent: -999em;
	width: 172px;
	height: 17px;
}
.hrlinefaq {
    text-align: right;
    font-size: 10px ;
	color: #987046 ;
	margin: 0 40px 0 30px;
	padding: 2px 0;
	border-bottom: 1px dotted #343434;
	}
#english a:link, #english a:visited {
	background: transparent url(../images/english.gif) no-repeat left bottom;
	float: right;
	padding: 0;
	margin: 0;
	text-indent: -999em;
	width: 172px;
	height: 17px;
	}

#english a:hover {
	background: transparent url(../images/english_hover.gif) no-repeat left bottom;
	float: right;
	padding: 0;
	margin: 0;
	text-indent: -999em;
	width: 172px;
	height: 17px;
}


#english a {
	background: transparent url(../images/english.gif) no-repeat left bottom;
	float: right;
	padding: 0;
	margin: 0;
	text-indent: -999em;
	width: 172px;
	height: 17px;
}
a:focus{
/**/
	overflow: hidden;
/**/
}