@charset "utf-8";

/* reset
---------------------------------------------------- */
*{
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
}
img, div, input { behavior: url("iepngfix.htc") }
html{overflow-y:scroll;}
body{
	font-size:80%;
	line-height:160%;
	text-align:center;
	color:#333;
	background-color: #efefef;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;


}
img{border:none;}
div{zoom:1;}
div:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
p{zoom:1;}
p:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
body a:link {
  color: #0975a8;
  background: transparent;
}
body a:visited {
  color: #0975a8;
  background: transparent;
}
body a:hover, body a:active {
  color: #0975a8;
  background: transparent;
}


/* base layout
---------------------------------------------------- */
#wrapper {
	width:960px;
	text-align:left;
	margin:0px auto;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;


}

h1{
	font-size:x-small;
	font-weight:normal;
	color:#336600;
	height:30px;
	line-height:30px;
	overflow:hidden;
}

#head-left{
	width:450px;
	height:86px;
	overflow:hidden;
	float:left;
}

#head-right{
	width:415px;
	height:86px;
	overflow:hidden;
	float:right;
	background:url(../images/header-contact.jpg) no-repeat right top;
}

#head-right div{
	margin-top:55px;
	text-align:right;
	line-height:31px;}
#head-right img{ vertical-align:middle;}

#navigation{
	list-style:none;
	height:34px;

	/*overflow:hidden;*/
	background:url(../images/headnavi-bg.jpg) repeat-x;}
#navigation li.nv1{
	width:130px;
	height:34px;
	float:left;
}
#navigation li.nv2{
	width:136px;
	height:34px;
	float:left;
}
#navigation li.nv3{
	width:63px;
	height:34px;
	float:left;
}
#navigation li.nv4{
	width:125px;
	height:34px;
	float:left;
}
#navigation li.nv5{
	width:148px;
	height:34px;
	float:left;
}
#navigation li.nv6{
	width:355px;
	height:34px;
	float:right;
	background:url(../images/google-logo.jpg) no-repeat right;
}

.w92{width:92px;}
.h19{height:17px;}
.pl10{padding-left:5px;}
.pl20{padding-left:15px;}
.fcwhite{color:#fff;}
.fss{font-size:x-small;}
#main-body{padding-left:30px;
	padding-right:30px;
	padding-top:0px;
	padding-bottom:0px;
}

#cate-list{
	width:200px;
	float:left;
}

.box-body{
	background:url(../images/box-body.jpg) repeat-y;}
	
.book-data-box{
	padding:10px;
	border-bottom:1px solid #ccc;
}

.book-data-box-e{
	padding:10px;
}

.book-img1{
	width:54px;
	float:left;
}
.book-data{
	width:117px;
	float:right;
}
.bb1{border-bottom:1px dotted #666; padding-bottom:5px; margin-bottom:5px; font-size:11px; line-height:normal;}	
	

#header{
	height:34px;
	border-bottom:15px solid #fff;
	/*overflow:hidden;*/
	clear:both;
	/*background:url(../images/header-contact.jpg) no-repeat top right;*/
}

#content-body{
	width:745px;
	float:right;
}

#footer{
	clear:both;
	border-top:20px solid #FFFFFF;

}

.fin{padding:7px 10px; background-color:#669900;}

#footer .textlink{
	width:680px;
	font-size:x-small;
	line-height:normal;
	padding-top:5px;
	float:left;
	padding-bottom: 10px;

}

#footer .pagetop{
	width:62px;
	float:right;
	height: 20px;

}

#footer .copyright{
	font-size:95%;
	line-height:150%;
	color:#fff;


}

#footer .copyright a{
	color:#fff;
}



/* index.html
---------------------------------------------------- */
#top-copy-body{
	background:url(../images/copy-img.jpg) no-repeat right top;
	padding-right:200px;
	padding-top:15px;
	padding-bottom:15px;
	min-height:143px;
	_height:143px;
}

.tpline{
	background:url(../images/top-area.jpg) no-repeat right top;
	min-height:205px;
	margin-bottom:15px;
}

.br10{
	border-right:10px solid #fff;
	width:230px;
	float:left;
}

.br0{
	width:230px;
	float:left;
}


.top-box{
	
	border:1px solid #ccc;
	float:left;
}

.top-box-in{
	border:1px solid #fff;
	padding:0px 7px 7px 7px;
	background:url(../images/top-box-bg.jpg) repeat-x top #e5e5e5;
}

.tb-bg1{
	background:url(../images/top-box-photo1.jpg) no-repeat right top;
	margin-top:10px;
	padding-right:85px;
}
.tb-bg2{
	background:url(../images/top-box-photo2.jpg) no-repeat right top;
	margin-top:10px;
	padding-right:85px;
}
.tb-bg3{
	margin-top:10px;
}

#wn{margin-top:20px; border:1px solid #ccc; padding:10px;}
#wn-body{
	padding-top:10px;
}
#wn-body table{
	border-collapse:collapse;
	border-top:1px dotted #666;
}
#wn-body th{
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	padding:5px;
	border-bottom:1px dotted #666;
	width:80px;
}

#wn-body td{
	vertical-align:top;
	padding:5px;
	border-bottom:1px dotted #666;
}

#wn-body td img{vertical-align:middle;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb35{margin-bottom:35px;}
.mb5{margin-bottom:5px;}



/* kaitai.html */
.page-in{
	padding:0px 14px;
}

.left{float:left;}
.right{float:right;}
.w652{width:652px;}
.w550{width:450px;}
.w448{width:448px;}
.w240{width:240px;}
.w218{width:218px;}
.w438{width:438px;}
.w294{width:294px;}
.mt5{margin-top:5px;}
.mb45{margin-bottom:45px;}
.b-r15{border-right:15px solid #fff;}


.normal-list{list-style:none;}
.normal-list li{padding-left:40px; padding-top:5px; padding-bottom:5px; border-bottom:1px dashed #ccc; margin-bottom:12px; background:url(../images/check-head.gif) no-repeat left;}
.add-flow{
	padding:10px;
	border:1px solid #ccc;
	background: url(../images/cur-bg.jpg) no-repeat top;
}
.st1{
	font-size:100%;
	line-height:normal;
	padding:8px;
	border-top:3px solid #003366;
	border-bottom:1px solid #003366;
	color:#003366;
	background:url(../images/tit-bg.jpg) repeat-x top;
}
	

/* access.html */
.w280{width:280px;}











/* antiaging.html */
.pricebox{
	border:1px solid #009933;
	background-color:#009933;
	margin-top:10px;
}

.pricebox h4{
	font-size:100%;
	line-height:normal;
	color:#fff;
	text-align:center;
	width:48px;
	float:left;
	padding:5px 0px;
}

.pricebox p{
	line-height:normal;
	background-color:#fff;
	text-align:center;
	width:150px;
	float:right;
	padding:5px 0px;
}

.supbox1{
	width:368px;
	float:left;
	border:1px solid #ccc;
	margin-bottom:10px;
}
.supbox2{
	width:368px;
	float:right;
	border:1px solid #ccc;
	margin-bottom:10px;
}

.supbox1-35{
	width:368px;
	float:left;
	border:1px solid #ccc;
	margin-bottom:35px;
}
.supbox2-35{
	width:368px;
	float:right;
	border:1px solid #ccc;
	margin-bottom:35px;
}

.suptext{width:218px;
	border-left:10px solid #fff;
	border-top:10px solid #fff;
	border-bottom:10px solid #fff;
float:left;}

.suptext h4{
	color:#009933;
	font-size:100%;
	line-height:normal;
	border-bottom:1px solid #ccc;
	padding-bottom:4px;
	margin-bottom:5px;
}

.supdsc { padding: 15px 0 0 0; }

.supphoto{
	width:130px;
	float:right;
}
.supphoto img{
	margin:10px 10px 10px 0px;
}



/* overview.html */
.overview-table{
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.overview-table th{
	text-align:left;
	padding:5px;
	border-bottom:1px solid #ccc;
	background-color:#efefef
}

.overview-table td{
	padding:5px;
	border-bottom:1px solid #ccc;
}

.overview-table2{
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.overview-table2 th{
	padding:5px;
	border-bottom:1px solid #ccc;
	background-color:#efefef
}

.overview-table2 td{
	text-align:center;
	padding:5px 1em;
	border-bottom:1px solid #ccc;
}

.overview-table3{
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.overview-table3 th{
	border-bottom:1px solid #ccc;
	background-color:#efefef
}

.overview-table3 td{
	border-bottom:1px solid #ccc;
}

.integer { text-align: right; padding: 5px 0 5px 1em; }
.second { padding: 5px 0; }
.decimal { text-align: left; padding: 5px 1em 5px 0; }
.w1em { padding: 5px 1em; }
.w2em { padding: 5px 2em; }
.white { color: #fff; }
.small { font-size: x-small; }


/* contact.html
---------------------- */
.input-w300{width:300px;}
.input-w400{width:400px;}
.input-w300s{width:500px; height:100px;}
.input-w200{width:200px;}
.input-w100{width:100px;}
.input-w70{width:70px;}
.input-w40{width:40px;}
.input-w100p{width:98%;}
.mt10{margin-top:10px;}
.scrollpr{height:200px; 
overflow-y:scroll;
}
.ppbox{
	margin-bottom:30px;
	margin-top:10px;
	padding:5px;
	}
	
h4 { color: #036; font-size:100%; }
.ppbox ul, .ppbox ol { margin: 0 0 10px; }
.ppbox li { margin: 0 0 0 2em; }


.mit{padding-top:15px;
margin-top:15px;
border-top:1px dashed #ccc;
margin-bottom:35px;}

.clear{clear:both;}
.tac{text-align:center;}
.tar{text-align:right;}
.fcred{color:#C00;}
.mb1{margin-bottom:1px;}
.pba{page-break-after: always;}
.bt1{border-top:1px dotted #666; padding-top:10px;}
.link1{ border-left:4px solid #06C; padding-left:7px;}
.link2{background:url(../images/mark2.gif) no-repeat left center; padding-left:15px;}
.b-r18{border-right:18px solid #fff;}
.w200{width:200px;}
.w530{width:530px;}

/* menu */
#dd {
  margin-left: 25%;
  padding: 0 0 20px 0;
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 11px arial;
}

#dd li a.menu {
  display: block;
  text-align: center;
  background: #5970B2;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFF;
  width: 60px;
  text-decoration: none;
}

#dd li a.menu:hover {
  background: #49A3FF;
}

.submenu {
  background: #EAEBD8;
  /*border-bottom: 1px solid #5970B2;*/
  visibility: hidden;
  position: absolute;
  z-index: 3;
}

.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #2875DE;
  border-bottom:1px dotted #666;
}

.submenu a:hover {
  background: #49A3FF;
  color: #FFF;
}