@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Concept                     */
/*                 09  Staff                       */
/*                 10  Clinic                      */
/*                 11  Recruit                     */
/*                 12  Perio                       */
/*                 13  Prevent                     */
/*                 14  Laser                       */
/*                 15  Child                       */
/*                 16  Ortho                       */
/*                 17  Aesthe                      */
/*                 18  Implant                     */
/*                 19  Sitemap                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Pink           #de91a2      */
/*        Main Color - Light Pink     #fce6e6      */
/*        Main Color - Fresh Pink     #f94956      */
/*                                                 */
/*        Sub Color  - Yellow Green   #7ac300      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/

body { background: url(../images/body_bg.jpg) top repeat-x; }

#wrapper {
  background: url(../images/wrapper_bg.png) center repeat-y;
  width: 870px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  }

#main {
  margin: 0 10px;
  background: url(../images/main_bg.png) repeat-y;
  }

#content {
  width: 850px;
  float: left;
  font-size: 100%;
  line-height: 1.6;
  color: #666;
  padding: 0;
  margin: 0;
  }


/*---------- 03  Header -----------*/

#header {
  background: url(../images/header.jpg) 0 0 no-repeat;
  height: 101px;
  width: 850px;
  margin: 0 10px;
  padding: 0;
  }

h1 {
  text-indent: -9999px;
  width: 430px;
  height: 80px;
  line-height: 1.0;
  float: left;
  }
h1 a {
  display: block;
  width: 430px;
  height: 80px;
  background: url(../images/h1.png) 0 0 no-repeat;
  }

#header .section {
  width: 200px;
  float: right;
  margin: 0;
  padding: 0;
  }

#header p.tel {
  margin: 0;
  padding: 0;
  }
#header p.tel img { display: block; }

#gnav{
height:39px;
width:850px;
margin:0;
}

#gnav ul {
	width:100%;
	list-style: none;
	padding: 0;
	margin: 0px;
	}
	

#gnav ul li {
	float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 0;
	padding: 0;
        line-height:0;
	}

#gnav ul li a {
	display: block;
	height: 39px;
    line-height:normal;
	}

#gnav01 a {background: url(../images/gnav.jpg) 0 0 no-repeat;width:177px;}
#gnav02 a {background: url(../images/gnav.jpg) -177px 0 no-repeat;width:166px;}
#gnav03 a {background: url(../images/gnav.jpg) -343px 0 no-repeat;width:166px;}
#gnav04 a {background: url(../images/gnav.jpg) -509px 0 no-repeat;width:166px;}
#gnav05 a {background: url(../images/gnav.jpg) -675px 0 no-repeat;width:175px;}

#gnav01 a:hover {background: url(../images/gnav_ov.jpg) 0 0 no-repeat;width:177px;}
#gnav02 a:hover {background: url(../images/gnav_ov.jpg) -177px 0 no-repeat;width:166px;}
#gnav03 a:hover {background: url(../images/gnav_ov.jpg) -343px 0 no-repeat;width:166px;}
#gnav04 a:hover {background: url(../images/gnav_ov.jpg) -509px 0 no-repeat;width:166px;}
#gnav05 a:hover {background: url(../images/gnav_ov.jpg) -675px 0 no-repeat;width:175px;}


#gnav_bottm{
height:45px;
width:850px;
margin:0 10px;
padding:0;
background: url(../images/nav_bottom_bg.jpg) repeat-x;
}

#gnav_bottm ul {
	width:850px;
	list-style: none;
	margin: 0;
	padding: 0;
    background: url(../images/nav_bottom_bg.jpg) repeat-x;
	}


#gnav_bottm ul li {
	float: right;
	text-indent: -9999px;
	list-style: none;
	margin: 0;
	padding: 0;
        line-height:0;
	}

#gnav_bottm ul li a {
	display: block;
	height: 39px;
    line-height:normal;
	}
#gnav_bottm01 a {background: url(../images/nav_bottom.jpg) -339px 0 no-repeat;width:120px;}
#gnav_bottm02 a {background: url(../images/nav_bottom.jpg) -459px 0 no-repeat;width:168px;}
#gnav_bottm03 a {background: url(../images/nav_bottom.jpg) -627px 0 no-repeat;width:108px;}
#gnav_bottm04 a {background: url(../images/nav_bottom.jpg) -735px 0 no-repeat;width:166px;}



#header_nav {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 180px;
  height: 19px;
  }

#header_nav li {
  height: 19px;
  float: left;
  text-indent: -9999px;
  list-style: none;
  margin: 0;
  padding: 0;
  }
#header_nav li a {
  display: block;
  height: 19px;
  }

#nav01 { width: 80px; }
#nav02 { width: 100px; }

#nav01 a {
  background: url(../images/header_nav.png) -20px 0 no-repeat;
  width: 80px;
  }
#nav02 a {
  background: url(../images/header_nav.png) -100px 0 no-repeat;
  width: 100px;
  }


/*----------04  Navigation -----------*/

#nav {
  width: 250px;
  float: right;
  padding: 5px 0 20px 0;
  }

#nav ul,
#nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  }

#nav .internal li {
  height: 40px;
  text-indent: -9999px;
  }

#nav .internal li a {
  display: block;
  height: 40px;
  }

#nav03 a { background: url(../images/nav.png) 0 0 no-repeat; }
#nav04 a { background: url(../images/nav.png) 0 -40px no-repeat; }
#nav05 a { background: url(../images/nav.png) 0 -80px no-repeat; }
#nav06 a { background: url(../images/nav.png) 0 -120px no-repeat; }
#nav07 a { background: url(../images/nav.png) 0 -160px no-repeat; }
#nav08 a { background: url(../images/nav.png) 0 -200px no-repeat; }
#nav09 a { background: url(../images/nav.png) 0 -240px no-repeat; }
#nav10 a { background: url(../images/nav.png) 0 -280px no-repeat; }
#nav11 a { background: url(../images/nav.png) 0 -320px no-repeat; }
#nav12 a { background: url(../images/nav.png) 0 -360px no-repeat; }
#nav13 a { background: url(../images/nav.png) 0 -400px no-repeat; }
#nav14 a { background: url(../images/nav.png) 0 -440px no-repeat; }

#nav03 a:hover { background: url(../images/nav.png) -180px 0 no-repeat; }
#nav04 a:hover { background: url(../images/nav.png) -180px -40px no-repeat; }
#nav05 a:hover { background: url(../images/nav.png) -180px -80px no-repeat; }
#nav06 a:hover { background: url(../images/nav.png) -180px -120px no-repeat; }
#nav07 a:hover { background: url(../images/nav.png) -180px -160px no-repeat; }
#nav08 a:hover { background: url(../images/nav.png) -180px -200px no-repeat; }
#nav09 a:hover { background: url(../images/nav.png) -180px -240px no-repeat; }
#nav10 a:hover { background: url(../images/nav.png) -180px -280px no-repeat; }
#nav11 a:hover { background: url(../images/nav.png) -180px -320px no-repeat; }
#nav12 a:hover { background: url(../images/nav.png) -180px -360px no-repeat; }
#nav13 a:hover { background: url(../images/nav.png) -180px -400px no-repeat; }
#nav14 a:hover { background: url(../images/nav.png) -180px -440px no-repeat; }

#nav p { text-align: center; }


/*---------- 05  Footer -----------*/

#footer {
  clear: both;
  padding: 12px 0 14px 0;
  margin: 0;
  background: url(../images/footer_bg.png) bottom repeat-x #bf0000;
  font-size: 85%;
  text-align: center;
  color: #fff;
  }
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer a {
  text-decoration: none;
  color: #f94956;
  }
#footer a:hover { 
  text-decoration: underline;
  color: #19709B;
  }

#footer ul { 
  list-style: none;
  margin: 0 1em 2px 1em;
  padding: 0;
  clear: both;
  }

#footer ul li {
  display: inline;
  margin: 0;
  padding: 0;
  }

#footer address { margin: 8px 1em; }


/*---------- 06  Contents -----------*/

.section { padding: 5px 10px 10px 10px; }
.section .section { padding: .5em 10px 1em 10px; }

.campaign {
	background: url(../images/banner_cam.jpg) no-repeat;
	width: 230px;
	height: 170px;
	margin: .5em 10px .5em 10px;
	}
	
.campaign a{
	display: block;
	width: 230px;
	height: 170px;
	text-indent: -9999px;
	}

.member {
	background: url(../images/banner_mem.jpg) no-repeat;
	width: 230px;
	height: 170px;
	margin: .5em 10px .5em 10px;
	}
	
.member a{
	display: block;
	width: 230px;
	height: 170px;
	text-indent: -9999px;
	}

.point {
	background: url(../images/banner_point.jpg) no-repeat;
	width: 230px;
	height: 170px;
	margin: .5em 10px .5em 10px;
	}
	
.rank {
	background: url(../images/banner_ranking.jpg) top no-repeat;
	width: 230px;
	height: auto;
	margin: .5em 10px 10px 10px;
	text-indent: -9999px;
	}
	
.rank01 {
	background: url(../images/rank01.jpg) no-repeat;
	width: 230px;
	height: 100px;
	margin: 20px 10px 10px 0px;
	}
	
.rank01 a {
	display:block;
	width: 230px;
	height: 100px;
	}
	
.rank02 {
	background: url(../images/rank02.jpg) no-repeat;
	width: 230px;
	height: 100px;
	margin: 20px 10px 10px 0px;
	}
	
.rank02 a {
	display:block;
	width: 230px;
	height: 100px;
	}
	
.rank03 {
	background: url(../images/rank03.jpg) no-repeat;
	width: 230px;
	height: 100px;
	margin: 20px 10px 10px 0px;
	clear: both;
	}
	
.rank03 a {
	display:block;
	width: 230px;
	height: 100px;
	}
	

.mobile {
	background: url(../images/banner_mobile.jpg) no-repeat;
	width: 230px;
	height: 171px;
	margin: .5em 10px .5em 10px;
	text-indent: -9999px;
	}

.sendurl {
	display:block;
	width: 230px;
	height: 210px;
	margin: .5em 10px 10px 10px;
	}

.p_content {
	position: relative;
	top: 55px;
	left: 85px;
	width: 140px;
	height: 130px;
	line-height: 1.2em;
	}

.center { text-align: center; }

#alpha {
    width: 600px;
    margin: 0;
    padding: 0;
    float: left;
    }
    
#alpha .section {
    width: 580px;
    margin: 0 10px 10px 10px;
    padding: 0;
    float: left;
    }
    
    


#panel {
	width:580px;
	height:245px;
	background-color: #fcf8e8;
	}

#panel ul {
	width:100%;
	list-style: none;
	padding: 0;
	margin: 0px;
	}

#panel ul li{
    float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 7px -5px;
	padding: 0;
    line-height:0;
	}
	
#panel ul li a {
	display: block;
	height: 229px;
    line-height:normal;
	}

#pan01 a { background: url(../images/panel.jpg) 0 0 no-repeat; width:136px;}
#pan02 a { background: url(../images/panel.jpg) -142px 0 no-repeat; width:136px;}
#pan03 a { background: url(../images/panel.jpg) -284px 0 no-repeat; width:136px;}
#pan04 a { background: url(../images/panel.jpg) -427px 0 no-repeat; width:136px;}

#pan01 a:hover { background: url(../images/panel_ov.jpg) 0 0 no-repeat; width:136px;}
#pan02 a:hover { background: url(../images/panel_ov.jpg) -142px 0 no-repeat; width:136px;}
#pan03 a:hover { background: url(../images/panel_ov.jpg) -284px 0 no-repeat; width:136px;}
#pan04 a:hover { background: url(../images/panel_ov.jpg) -427px 0 no-repeat; width:136px;}


#face {
	width:580px;
	height:150px;
	background: url(../images/search_face.jpg) top repeat-x; #fff; 
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	}

#face ul{
	width:100%;
	list-style: none;
	padding: 0;
	margin: 0px;
	}

#face ul li{
    float: left;
	list-style: none;
	padding: 0;
    line-height:0;
    margin: 40px 0 0 -10px;
	}
	
#face ul li a {
	display: block;
	height: 92px;
    line-height:normal;
	}

#face01 a { background: url(../images/face.jpg) 0 0 no-repeat; width:211px;}
#face02 a { background: url(../images/face.jpg) -217px 0 no-repeat; width:66px;}
#face03 a { background: url(../images/face.jpg) -289px 0 no-repeat; width:66px;}
#face04 a { background: url(../images/face.jpg) -361px 0 no-repeat; width:66px;}
#face05 a { background: url(../images/face.jpg) -434px 0 no-repeat; width:66px;}
#face06 a { background: url(../images/face.jpg) -506px 0 no-repeat; width:66px;}

#face01 a:hover { background: url(../images/face_ov.jpg) 0 0 no-repeat; width:211px;}
#face02 a:hover { background: url(../images/face_ov.jpg) -217px 0 no-repeat; width:66px;}
#face03 a:hover { background: url(../images/face_ov.jpg) -289px 0 no-repeat; width:66px;}
#face04 a:hover { background: url(../images/face_ov.jpg) -361px 0 no-repeat; width:66px;}
#face05 a:hover { background: url(../images/face_ov.jpg) -434px 0 no-repeat; width:66px;}
#face06 a:hover { background: url(../images/face_ov.jpg) -506px 0 no-repeat; width:66px;}

#bodies {
	width:580px;
	height:150px;
	background: url(../images/search_body.jpg) top repeat-x; #fff; 
	text-indent: -9999px;
	}

#bodies ul{
	width:100%;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	padding: 0;
	}


#bodies ul li{
    float: left;
	list-style: none;
	margin: 40px 0 0 10px;
	padding: 0;
    line-height:0;
	}
	
#bodies ul li a {
	display: block;
	height: 92px;
    line-height:normal;
	}

#bod01 a { background: url(../images/bodies.jpg) -11px 0 no-repeat; width:66px;}
#bod02 a { background: url(../images/bodies.jpg) -104px 0 no-repeat; width:66px;}
#bod03 a { background: url(../images/bodies.jpg) -201px 0 no-repeat; width:66px;}
#bod04 a { background: url(../images/bodies.jpg) -298px 0 no-repeat; width:66px;}
#bod05 a { background: url(../images/bodies.jpg) -393px 0 no-repeat; width:66px;}
#bod06 a { background: url(../images/bodies.jpg) -488px 0 no-repeat; width:66px;}

#bod01 a:hover { background: url(../images/bodies_ov.jpg) -11px 0 no-repeat; width:66px;}
#bod02 a:hover { background: url(../images/bodies_ov.jpg) -104px 0 no-repeat; width:66px;}
#bod03 a:hover { background: url(../images/bodies_ov.jpg) -201px 0 no-repeat; width:66px;}
#bod04 a:hover { background: url(../images/bodies_ov.jpg) -298px 0 no-repeat; width:66px;}
#bod05 a:hover { background: url(../images/bodies_ov.jpg) -393px 0 no-repeat; width:66px;}
#bod06 a:hover { background: url(../images/bodies_ov.jpg) -488px 0 no-repeat; width:66px;}

#parts {
	width:580px;
	height:150px;
	background: url(../images/search_parts.jpg) top repeat-x; #fff; 
	text-indent: -9999px;
	}
#parts ul{
	width:100%;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	padding: 0;
	}


#parts ul li{
    float: left;
	list-style: none;
	margin: 40px 0 0 10px;
	padding: 0;
    line-height:0;
	}
	
#parts ul li a {
	display: block;
	height: 92px;
    line-height:normal;
	}
	


#parts01 a { background: url(../images/parts.jpg) -11px 0 no-repeat; width:66px;}
#parts02 a { background: url(../images/parts.jpg) -104px 0 no-repeat; width:68px;}
#parts03 a { background: url(../images/parts.jpg) -201px 0 no-repeat; width:66px;}
#parts04 a { background: url(../images/parts.jpg) -298px 0 no-repeat; width:68px;}
#parts05 a { background: url(../images/parts.jpg) -393px 0 no-repeat; width:68px;}
#parts06 a { background: url(../images/parts.jpg) -488px 0 no-repeat; width:68px;}

#parts01 a:hover { background: url(../images/parts_ov.jpg) -11px 0 no-repeat; width:66px;}
#parts02 a:hover { background: url(../images/parts_ov.jpg) -104px 0 no-repeat; width:68px;}
#parts03 a:hover { background: url(../images/parts_ov.jpg) -201px 0 no-repeat; width:66px;}
#parts04 a:hover { background: url(../images/parts_ov.jpg) -298px 0 no-repeat; width:68px;}
#parts05 a:hover { background: url(../images/parts_ov.jpg) -393px 0 no-repeat; width:68px;}
#parts06 a:hover { background: url(../images/parts_ov.jpg) -488px 0 no-repeat; width:68px;}

#item_top {
	width:580px;
	height:158px;
	}

#item_top ul {
	width:100%;
	list-style: none;
	padding: 0;
	margin: 0px;
	}

#item_top ul li{
    float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
    line-height:0;
	}
	
#item_top ul li a {
	display: block;
	height: 158px;
    line-height:normal;
	}

#item_t01 a { background: url(../images/item01.jpg) 0 0 no-repeat; width:100px;}
#item_t02 a { background: url(../images/item01.jpg) -120px 0 no-repeat; width:100px;}
#item_t03 a { background: url(../images/item01.jpg) -240px 0 no-repeat; width:100px;}
#item_t04 a { background: url(../images/item01.jpg) -360px 0 no-repeat; width:100px;}
#item_t05 a { background: url(../images/item01.jpg) -480px 0 no-repeat; width:100px;}

#item_t01 a:hover { background: url(../images/item01_ov.jpg) 0 0 no-repeat; width:100px;}
#item_t02 a:hover { background: url(../images/item01_ov.jpg) -120px 0 no-repeat; width:100px;}
#item_t03 a:hover { background: url(../images/item01_ov.jpg) -240px 0 no-repeat; width:100px;}
#item_t04 a:hover { background: url(../images/item01_ov.jpg) -360px 0 no-repeat; width:100px;}
#item_t05 a:hover { background: url(../images/item01_ov.jpg) -480px 0 no-repeat; width:100px;}

#item_bottom {
	width:580px;
	height:158px;
	}

#item_bottom ul {
	width:100%;
	list-style: none;
	padding: 0;
	margin: 0px;
	}
	
#item_bottom ul li{
    float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
    line-height:0;
	}
	
#item_bottom ul li a {
	display: block;
	height: 158px;
    line-height:normal;
	}

#item_b01 a { background: url(../images/item02.jpg) 0 0 no-repeat; width:100px;}
#item_b02 a { background: url(../images/item02.jpg) -120px 0 no-repeat; width:100px;}
#item_b03 a { background: url(../images/item02.jpg) -240px 0 no-repeat; width:100px;}
#item_b04 a { background: url(../images/item02.jpg) -360px 0 no-repeat; width:100px;}
#item_b05 a { background: url(../images/item02.jpg) -480px 0 no-repeat; width:100px;}

#item_b01 a:hover { background: url(../images/item02_ov.jpg) 0 0 no-repeat; width:100px;}
#item_b02 a:hover { background: url(../images/item02_ov.jpg) -120px 0 no-repeat; width:100px;}
#item_b03 a:hover { background: url(../images/item02_ov.jpg) -240px 0 no-repeat; width:100px;}
#item_b04 a:hover { background: url(../images/item02_ov.jpg) -360px 0 no-repeat; width:100px;}
#item_b05 a:hover { background: url(../images/item02_ov.jpg) -480px 0 no-repeat; width:100px;}

#info {
	width:580px;
	height:auto;
	}

#info ul {
	width:100%;
	list-style: none;
	padding: 0;
	margin: 0px;
	}

#info ul li{
	list-style: none;
	margin: 10px 8px 5px 8px;
	padding: 0 0 0 20px;
    line-height:22px;
    background: url(../images/nav_info.gif) left no-repeat; 
    
	}

* html #alpha ul{
    margin: 0 0 0 5px;
    font-weight: bold;
    padding: 3px 0 0 5px;
    }

* html #alpha li{
    width: 450px;
    padding: 10px;
    font-weight: normal;
    line-height:normal;
    text-indent:0;
    }


.main_mc {
	width: 600px;
	height: 462px;
	background: url(../images/main_mcream.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.main_ml {
	width: 600px;
	height: 462px;
	background: url(../images/main_mlotion.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.main_ms {
	width: 600px;
	height: 462px;
	background: url(../images/main_msavon.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.main_lu {
	width: 600px;
	height: 462px;
	background: url(../images/main_liftup.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.main_q10 {
	width: 600px;
	height: 462px;
	background: url(../images/main_q10cream.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.main_junpaku {
	width: 600px;
	height: 462px;
	background: url(../images/main_junpaku.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.main_lp {
	width: 600px;
	height: 462px;
	background: url(../images/main_liftpouder.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.main_hc {
	width: 600px;
	height: 462px;
	background: url(../images/main_hikishime.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.main_es {
	width: 600px;
	height: 462px;
	background: url(../images/main_es_cream.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.main_concept {
	width: 600px;
	height: 470px;
	background: url(../images/main_concept.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_anti {
	width: 600px;
	height: 63px;
	background: url(../images/title_anti.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_kusumi {
	width: 600px;
	height: 63px;
	background: url(../images/title_kusumi.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_kao_hikishime {
	width: 600px;
	height: 63px;
	background: url(../images/title_kao_hikishime.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_keana {
	width: 600px;
	height: 63px;
	background: url(../images/title_keana.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_kao_binkan {
	width: 600px;
	height: 63px;
	background: url(../images/title_kao_binkan.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_kansou {
	width: 600px;
	height: 63px;
	background: url(../images/title_kansou.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_mukumi {
	width: 600px;
	height: 63px;
	background: url(../images/title_mukumi.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_karada_hikishime {
	width: 600px;
	height: 63px;
	background: url(../images/title_karada_hikishime.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_karada_binkan {
	width: 600px;
	height: 63px;
	background: url(../images/title_karada_binkan.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_memoto {
	width: 600px;
	height: 63px;
	background: url(../images/title_memoto.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_kuchimoto {
	width: 600px;
	height: 63px;
	background: url(../images/title_kuchimoto.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_kobana {
	width: 600px;
	height: 63px;
	background: url(../images/title_kobana.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_suhada {
	width: 600px;
	height: 63px;
	background: url(../images/title_suhada.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_miken {
	width: 600px;
	height: 63px;
	background: url(../images/title_miken.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_odeko {
	width: 600px;
	height: 63px;
	background: url(../images/title_odeko.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_item {
	width: 600px;
	height: 63px;
	background: url(../images/title_item.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_concept {
	width: 600px;
	height: 63px;
	background: url(../images/title_concept.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_company {
	width: 600px;
	height: 63px;
	background: url(../images/title_company.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_privacy {
	width: 600px;
	height: 63px;
	background: url(../images/title_privacy.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_low {
	width: 600px;
	height: 63px;
	background: url(../images/title_low.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_riyou {
	width: 600px;
	height: 63px;
	background: url(../images/title_riyou.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_fax {
	width: 600px;
	height: 63px;
	background: url(../images/title_fax.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_sitemap {
	width: 600px;
	height: 63px;
	background: url(../images/title_sitemap.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_contact {
	width: 600px;
	height: 63px;
	background: url(../images/title_contact.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_camp {
	width: 600px;
	height: 63px;
	background: url(../images/title_camp.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.title_member {
	width: 600px;
	height: 63px;
	background: url(../images/title_member.jpg) no-repeat; 
	margin:0;
	padding:0;
	text-indent: -9999px;
	}
	
.picup {
	width: 580px;
	height: auto;
	margin:10px;
	padding:0;
	}
	
.picup_l {
	float: left;
	width: 150px;
	height: auto;
	margin:0;
	padding:8px;
	}

.picup_r {
	float: right;
	width: 390px;
	height: auto;
	margin:0;
	padding:15px 8px 0px 0px;
	}
	
.pic_cat {
	color:#ed8600;
	font-weight:bold;
	}
	
.pic_tit {
	display:block;
	width:560px;
	color:#e20224;
	font-weight:bold;
	font-size:14px;
	background-color:#fff5e9;
	padding:5px;
	margin:0;
	}
	
.cont {
	width: 530px;
	height: auto;
	margin:10px;
	padding:0;
	}
	
.cont .txs{
	color:#ff0000;
	font-size:12px;
	}
	
.cont .txl{
	color:#ff0000;
	font-size:22px;
	font-weight:bold;
	}
	
.cont dl {
	border:none;
    width:480px;
    margin:0px;
    padding:2px 0px;
    }

.cont dt {
	float:left;
    width:140px;
    padding:5px 0 5px 5px;
    clear:both;
    font-weight:bold;
    color:#dc0000;
    text-align:right;
    }

.cont li {
	margin: 10px 0 0 20px;
	padding: 0;
       line-height:14px;
	}

.cont dt .tx10{
	font-size:10px;
	}

.cont dd {
	width:380px;
    margin-left:170px;
    padding:5px 5px 5px 10px;
    border-left:1px solid #999;
	}
	
.cont dd .tx10{
	color:#ff0000;
	font-size:10px;
	}
	
.cont_tit {
	display:block;
	width:560px;
	color:#e20224;
	font-weight:bold;
	font-size:14px;
	background-color:#fff5e9;
	padding:5px;
	margin:0;
	}
	
.cont p {
	margin:10px 0 10px 0;
	}
	
.voice {
	width: 580px;
	height: auto;
	margin:10px;
	padding:0;
	}
	
.voice_l {
	float: left;
	width: 270px;
	height: auto;
	background-color: #fff3ff; 
	margin:0;
	padding:8px;
	}

.voice_r {
	float: right;
	width: 270px;
	height: auto;
	background-color: #fff3ff; 
	margin:0;
	padding:8px;
	}

#alpha table {
	border-collapse: separate;
    border-spacing: 1px;
    
    font-size: 100%;
    color: #666;
    width: 450px;
    margin: 3px 10px 10px 10px;
    text-align: right;
    float: right;
    }

#alpha table th,
#alpha table td {
  padding: 3px 3px;
  border: 1px solid #fff;
  border-bottom: 1px dashed #999;
  }
  

#alpha table th {
  background: #fff;
  color: #636570;
  }

.seibun {
	background-color:#fcf8e8;
	padding: 10px;
	}

.mc_step {
	float: left;
	width: 580px;
	height: 280px;
	background: url(../images/m_cream_step.jpg) no-repeat; 
	margin:5px;
	padding:0;
	text-indent: -9999px;
	}

.ml_step {
	float: left;
	width: 580px;
	height: 280px;
	background: url(../images/m_lotion_step.jpg) no-repeat; 
	margin:5px;
	padding:0;
	text-indent: -9999px;
	}
	
.ms_step {
	float: left;
	width: 580px;
	height: 280px;
	background: url(../images/m_savon_step.jpg) no-repeat; 
	margin:5px;
	padding:0;
	text-indent: -9999px;
	}

.hikishime_step {
	float: left;
	width: 580px;
	height: 280px;
	background: url(../images/hikishime_step.jpg) no-repeat; 
	margin:5px;
	padding:0;
	text-indent: -9999px;
	}

.es_cream_step {
	float: left;
	width: 580px;
	height: 280px;
	background: url(../images/es_cream_step.jpg) no-repeat; 
	margin:5px;
	padding:0;
	text-indent: -9999px;
	}

.zyunpaku_step {
	float: left;
	width: 580px;
	height: 280px;
	background: url(../images/zyunpaku_step.jpg) no-repeat; 
	margin:5px;
	padding:0;
	text-indent: -9999px;
	}

.q10_step {
	float: left;
	width: 580px;
	height: 280px;
	background: url(../images/q10_step.jpg) no-repeat; 
	margin:5px;
	padding:0;
	text-indent: -9999px;
	}

.liftup_step {
	float: left;
	width: 580px;
	height: 280px;
	background: url(../images/liftup_step.jpg) no-repeat; 
	margin:5px;
	padding:0;
	text-indent: -9999px;
	}

.pouder_step {
	float: left;
	width: 580px;
	height: 280px;
	background: url(../images/pouder_step.jpg) no-repeat; 
	margin:5px;
	padding:0;
	text-indent: -9999px;
	}

#beta {
    width: 250px;
    margin: 0;
    padding: 0;
    float: right;
    }

#beta .section {
    padding: 0;
    margin: 10px;
    }

#beta ul,
#beta li {
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
        float: left;
        line-height:0
        text-indent:0;
	}

#beta li a {
	text-indent: -9999px;
	display: block;
	height: 80px;
        line-height:normal;
	}

#content h2 {
  height: 50px;
  text-indent: -9999px;
  margin: 0 15px;
  }
#content h3 {
  clear: both;
  height: 30px;
  text-indent: -9999px;
  }
#content h4 {
  height: 30px;
  text-indent: -9999px;
  }

#content h5 {
  font-size: 100%;
  font-weight: bold;
  margin: 1em 0 .3em .3em;
  }

#content ul li {
  list-style: none;
  background: url(../images/li_bg.png) 0 4px no-repeat;
  padding-left: 15px;
  }
#content ul.olist li {
  background-image: none;
  padding-left: 0;
  }


#content a { 
  text-decoration: underline;
  color: #FF7D50;
  }

#content a:hover {
  color: #FFB000;
  }

#content blockquote {
  margin: .5em;
  background: url(../images/blockquote_bg.jpg) top left repeat-y;
  padding: .5em 1em;
  }

.image_l  {
  float: left;
  margin: 8px 12px 8px 0;
  }

.image_r {
  float: right;
  margin: 8px 0 8px 12px;
  }

.case {
  margin: 10px 20px;
  background: url(../images/arrow_h.png) center center no-repeat;
  }

.case-narrow {
  margin: 10px 40px;
  background: url(../images/arrow_h.png) center center no-repeat;
  }

.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

.caption {
  text-align: center;
  border-top: 2px solid #ccc;
  }



#content ul.totop {
  clear: both;
  padding-bottom: 20px;
  }

#content ul.totop li {
  list-style: none;
  width: 100px;
  height: 14px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  float: right;
  background-image: none;
  }
#content ul.totop li a {
  display: block;
  height: 14px;
  background: url(../images/to_top.png) 0 0 no-repeat;
  }

p.caution {
  padding-left: 24px;
  background: url(../images/caution.png) 0 1px no-repeat;
  }

/* Hides from IE-mac \*/
p.answer:first-letter {
  display: block;
  padding: 2px;
  background: #4499af;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #ccc;
  margin: 0 5px 0 0;
  float: left;
  }
/* End hide from IE-mac */






input.submit {
  font-weight: bold;
  margin-right: 1.5em;
  }





/*---------- 07  Index -----------*/
#index #main_image{
margin:0;
padding:0;
}


.naka #main_img{
margin:0;
padding:0;
}

img{
display: block;
vertical-align:bottom;
}

a{
	outline : 0 ;
}

/*---------- 08  Concept -----------*/
/*---------- 10  Yahoo! -----------*/

#srchBox
{
width:210px;
_width:208px;
margin-bottom:10px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#333333;
color:#000000;
text-align:left;
}

#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:10px 10px 0 10px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
width:120px;
margin-right:6px;
vertical-align:bottom;
}
#srchBox #srchBtn
{
width:50px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}



/*---------- mailform -----------*/
form#mailform {
	padding: 5px;
}

form fieldset {
	border-width:0;
}

/* 確認画面の送信ボタンの装飾 */
form#mailform p {
	width: 100%;
	text-align:center;
}
form#mailform p input {
	width:150px;
	height:40px;
}
/* 確認画面へ進むボタンの装飾 */
table.mailform .submit {
	width:150px;
	height:40px;
}

table.mailform {
	padding: 1em;
	width: 580px;
	border: solid 1px #999999;
}

table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 200px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 90%;
	height: 120px;
}

.caution {	color:red;}

.info {	color:#009900;}

.strong {	font-weight:bold;}