@charset "utf-8";

* {
	margin:0px;
	padding:0px;
}

hr {display:none;}

h1 , h2 , h3 , h4 , h5 , h6 , p , ul , ol , li , p , strong , em , span , address {
	font-family:"メイリオ", verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "EE EゴシチE", sans-serif , Helvetica , Arial;
	font-size:12px;
	font-weight:normal;
	line-height:1.666;
	font-style:normal;
	color:#5c5c5c;
}

ul , ol , li {list-style-type:none;}

img {border:none;vertical-align:bottom;}

a {text-decoration:none;}
a:link {color:#738fa5;}
a:visited {}
a:hover , a:active {color:#00abcd;}


html {background:url(../images/bg_html_keratin.gif) top left repeat;}
body {text-align:center;}


#container {
	background:url(../images/bg_container.png) left top repeat-y;
	padding:14px 10px 30px 10px;
	text-align:left;
	width:807px;
	margin-right:auto;
	margin-left:auto;
	/background:url(../images/bg_container.gif) left top repeat-y;	/*ie6.7*/
}

/*---------------------------header---------------------------*/

/*--------header1--------*/
#header1 {
	text-align:right;
	padding:0 83px 17px 0;
	height:47px;
}

#header1 h1 {
	margin:9px 0 0 0;
}

/*--------header2--------*/
#header2 {
	padding:0 83px 17px 0;
	_padding:0 83px 9px 0;	/*ie6*/
	height:47px;
	clear:both;
}

#header2 strong {
	width:170px;
	margin:0 0 0 90px;
	display:inline;	/*ie6.7*/
	float:left;
}

#header2 #corpLogoArea {
	width:236px;
	float:right;
}

#header2 p {
	width:122px;
	margin:0 0 0 114px;
}

#header2 #logo_keratin {
	display:block;
	width:236px;
	margin:9px 0 0 0;
}



/*---------------------------mainArea---------------------------*/

/*--------mainArea--------*/
#mainArea {
	width:634px;
	padding:0 83px 0 90px;
	clear:both;
	overflow: hidden;
	position: relative;
	zoom:1;
}

.fig {
	margin:10px 0 0 0;
}
.totop {
	clear:both;
	text-align:right;
	margin:7px
}

/*--------naviArea--------*/
#naviArea {
	height:210px;
}

#naviArea #gnavi {
	width:175px;
	height:181px;
	padding:29px 0 0 35px;
	float:left;
}

#naviArea #gnavi {background:url(../images/bg_gnavi02.gif) left top no-repeat;}

#naviArea #cnttitle{
	width:424px;
	height:210px;
	float:left;
}

#naviArea-top {
	height:420px;
}

#naviArea-top {
	background:url(../../images/bg_top.jpg) left top no-repeat;
	padding:210px 0 0 0;
}

#naviArea-top #gnavi {
	width:175px;
	height:420px;
	padding:29px 0 0 35px;
	float:left;
}
#naviArea-top #gnavi {background:url(../images/bg_gnavi01.jpg) left top no-repeat;}

/*#naviArea-top #cnttitle {
	width:424px;
	height:210px;
	float:left;
}*/


/*--------article--------*/
.article {
	clear:both;
	position:relative;
}
.article h3 {
	font-weight:bold;
	margin:0 0 5px 0;
}
.article .sttl_margin01 {margin:60px 0 0 0;}
#articleLast {
	margin:0 0 30px 0;
}


/*--------layout01--------*/
.layout01 .articlettl {
	width:210px;
	height:210px;
	float:left;
}
.layout01 .articletxt {
	background:url(../images/bg_layout01.gif) left top no-repeat;
	width:327px;
	height:136px;
	padding:37px 50px 37px 47px;
	float:left;
}
.layout01 .articletxt_ie6 {
	_padding:37px 50px 33px 47px;
}

/*--------layout02--------*/
.layout02 .articlettl {
	background:url(../images/bg_layout02_a.gif) left bottom no-repeat;
	width:210px;
	height:420px;
	float:left;
}
.layout02 .articletxt {
	background:url(../images/bg_layout02_b.gif) left top no-repeat;
	width:327px;
	height:346px;
	padding:37px 50px 37px 47px;
	float:left;
}
.layout02 .articletxt_ie6 {
	_padding:37px 50px 25px 47px;
}

/*--------layout03--------*/
.layout03 .articlettl {
	background:url(../images/bg_layout03_a.gif) left bottom no-repeat;
	width:214px;
	height:420px;
	float:right;
}
.layout03 .articletxt {
	background:url(../images/bg_layout03_b.gif) left top no-repeat;
	width:420px;
	height:420px;
	float:left;
}
.layout03 .articletxt #img_about01 {
	margin:70px 0 0 12px;
}
/*--------layout04--------*/
.layout04 .articlettl {
	width:210px;
	height:210px;
	float:left;
}
.layout04 .articletxt {
	background:url(../images/bg_layout04.gif) left top no-repeat;
	width:327px;
	height:136px;
	padding:37px 50px 37px 47px;
	float:left;
}
/*--------layout05--------*/
.layout05 .articlettl {
	width:210px;
	height:216px;
	float:left;
}
.layout05 .articletxt {
	background:url(../images/bg_layout05.gif) left top no-repeat;
	width:327px;
	height:136px;
	padding:37px 50px 43px 47px;
	float:left;
}
/*--------layout06--------*/
.layout06 .articlettl {
	width:214px;
	height:210px;
	float:right;
}
.layout06 .articletxt {
	background:url(../images/bg_layout06.gif) left top no-repeat;
	width:333px;
	height:136px;
	padding:37px 47px 37px 40px;
	_padding:37px 47px 15px 40px;	/*ie6*/
	float:left;
}
.layout06 .articletxt #img_products02 {
	margin:-100px 0 0 250px;
	/*position:absolute;
	top:60px;
	left:290px;*/
}
/*--------layout07--------*/
.layout07 .articlettl {
	background:url(../images/bg_layout07_a.gif) left bottom no-repeat;
	width:210px;
	height:843px;
	float:left;
}
.layout07 .articletxt {
	background:url(../images/bg_layout07_b.gif) left top no-repeat;
	width:327px;
	height:763px;
	padding:37px 50px 43px 47px;
	float:left;
}
.layout07 .articletxt #img_products03 {
	margin:46px 0 66px 46px;
}
.layout07 .articletxt #img_products04 {
	margin:46px 0 0 65px;
	/*position:absolute;
	top:435px;
	left:0;*/
}
/*--------layout08--------*/
.layout08 {height:100%;}
.layout08 .articlettl {
	width:210px;
	float:left;
}
.layout08 .articletxt {
	background:url(../images/bg_layout08.gif) left top no-repeat;
	width:327px;
	padding:37px 50px 43px 47px;
	float:left;
}
/*--------layout09--------*/
.layout09 {height:100%;}
.layout09 .articlettl {
	width:210px;
	height:216px;
	float:left;
}
.layout09 .articletxt {
	background:url(../images/bg_layout09.gif) left top no-repeat;
	width:327px;
	height:136px;
	padding:37px 50px 43px 47px;
	float:left;
}
/*--------layout10--------*/
.layout10 .articlettl {
	width:210px;
	height:216px;
	float:left;
}
.layout10 .articletxt {
	background:url(../images/bg_layout10.gif) left top no-repeat;
	width:327px;
	height:767px;
	padding:37px 50px 43px 47px;
	float:left;
}
/*--------layout11--------*/
.layout11 {
	height:100%;
	/margin:-7px 0 0 0;	/*ie6.7*/
}
.layout11 .articlettl {
	width:210px;
	height:216px;
	float:left;
}
.layout11 .articletxt {
	background:url(../images/bg_layout11.gif) left top no-repeat;
	width:327px;
	padding:37px 50px 10px 47px;
	float:left;
}
.layout11 .articletxt #img_news06 {
	margin:30px 0 0 0;
}
/*--------layou12--------*/
.layout12 .articlettl {
	width:210px;
	height:210px;
	float:left;
}
.layout12 .articletxt {
	background:url(../images/bg_layout12.gif) left top no-repeat;
	width:327px;
	height:136px;
	padding:37px 50px 37px 47px;
	float:left;
}
/*--------layout013--------*/
.layout13 {
	height:100%;
	/margin:-7px 0 0 0;	/*ie6.7*/
}
.layout13 .articlettl {
	width:210px;
	float:left;
}
.layout13 .articletxt {
	background:url(../images/bg_layout08.gif) left top no-repeat;
	width:327px;
	height:136px;
	padding:37px 50px 43px 47px;
	float:left;
}
/*--------layout_form--------*/
.layout_form {
	background:url(../images/bg_base_bottom.gif) left bottom no-repeat;
	padding:0 0 10px 0;
	/padding:0 0 30px 0;	/*ie6.7*/
}
.layout_form .articletxt {
	background:url(../images/bg_base_top.gif) left top no-repeat;
	width:497px;
	padding:40px 72px 20px 65px;
}


/*--------normalLayoutArea--------*/
.normalLayoutArea {
	width:634px;
	margin:0;
	padding:0;
}
.normalLayoutArea #img_news02 {margin:0 0 0 30px;}
.normalLayoutArea #img_news03 , .normalLayoutArea #img_news04 {margin:0 0 0 189px;}
.normalLayoutArea #img_news07 {margin:0 0 30px 60px;}
.normalLayoutArea #img_news08 {margin:20px 0 0 40px;}


/*--------news--------*/
.news {
	background:url(../../images/bg_news.jpg) right top no-repeat;
	width:424x;
	height:420px;
	padding:16px;
}
.news h4 {margin:0 0 8px 0;}
.news ul {
	height:370px;
	color:#000000;
	font-size:12px;
	line-height:1.6em;
	overflow-y:scroll;
}
.news li {
	color:#000000;
	font-size:12px;
	/font-size:11px;
	line-height:1.6em;
	/line-height:1.8em;
	margin:0 0 10px 0;
	/padding:0 5px 0 0;
}

/*.news ul {
	height:300px;
	color:#ffffff;
	font-size:12px;
	line-height:1.6em;
	overflow-y:scroll;
}*/




/*---------------------------footer---------------------------*/
#footer {
	clear:both;
	width:634px;
	padding:30px 83px 0 90px;
	font-size:83.333%;
	line-height:1.6;
	text-align:center;
}


/*-----footerNavi-----*/
.footerNavi{ color:#656769;}
.footerNavi h4{
	display:inline;
	margin-right:-0.5em;
	padding:0 10px 0 9px;
	background:url(../images/separator_footernav.gif) no-repeat 0 0.3em;
}
.footerNavi h4.firstChild{
	padding-left:0;
	background:none;
}

.footerNavi a:link,
.footerNavi a:visited{ color:#656769;}
.footerNavi a:hover,
.footerNavi a:active{ color:#738fa5;}

/*-----utilityNavi-----*/
.utilityNavi{
	margin-top:1em;
	color:#738fa5;
}
.utilityNavi h4{
	display:inline;
	margin-right:-0.5em;
	padding:0 10px 0 9px;
	background:url(../images/separator_utilitynav.gif) no-repeat 0 0.3em;
}
.utilityNavi h4.firstChild{
	padding-left:0;
	background:none;
}

.utilityNavi a:link{ color:#738fa5;}
.utilityNavi a:visited{}
.utilityNavi a:hover,
.utilityNavi a:active{ color:#00abcd;}


/*--------------------copyright--------------------*/
#copyright p {margin:10px 0 10px 0;}


/*--------------- clear fix --------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */