@charset "UTF-8";


/*common start*/
html {
    margin-bottom:1px;
    height:100%;
	overflow-y:scroll;
    }
body{ background:#f0ece0; font-family: Helvetica, Arial,sans-serif; font-size:0.9em; width:100%; margin:0; color:#333;}
img{ border:0;}
dl.dt,dd{ margin:0; padding:0;}
#Kawaiall{ width:960px; margin-left:auto; margin-right:auto; background: url(../img/back.gif) repeat-y top center;}
#Kawaiall a:hover{ color:#F60;}

.header h1{ margin:0; }
.header img{ margin:20px 10px 15px 15px;float:left;}
.header .japanese{ float:right;  margin:0 ; padding:0;}
.header .japanese a:hover img{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}


.navi{background: url(../img/navi.gif) repeat-x top left; margin:1px; clear:both;margin:1px;height:37px;}
.navi h2{ font-size:1.2em; line-height:1.5em;color:#333;}
.navi h2 a{ text-decoration:none; color:#333;}
.navi h2 a:hover{ color:#F60;}
.navi .navil-l{  width:260px; float:left;}
.navi .navil-l h2{ margin:8px 0 0 15px; padding:0;}
.navi .navil-r{  width:580px; float:right;}



.breadcrumbs{ width:958px ; background:url(../img/breadcrumbs.gif) top left repeat-x;height:20px; overflow:hidden; border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:0 1px;}
.breadcrumbs ul{ margin:0 0 0 17px; padding:0;}
.breadcrumbs li{ list-style:none; display:block; float:left;font-size:11px; height:20px; overflow:hidden; padding-top:3px;color:#999; font-weight:bold; line-height:1.4em;} 
.breadcrumbs li a{ color:#999; font-weight:bold; text-decoration:none;}
.breadcrumbslist{ background:url(../img/breadcrumbs-list.gif) top left no-repeat; padding-left:20px;}

.contents{ width:958px ;margin: 0 1px;}
.sidenavi{background: url(../img/contents-l.gif) top left repeat-y;}
.contents .contents-l{width:205px; float:left; padding:10px 0;}
.contents .contents-l dl{font-size:14px; width:200px;  }

.contents .contents-l dl a{color:#666; text-decoration:none; display:block;}
.contents .contents-l dd a{padding-left:28px;}
.contents .contents-l dd a{background: url(../img/navi-list4.gif) top left no-repeat;}
.contents .contents-l dd a:hover {background: url(../img/navi-list3.gif) top left no-repeat;}

.contents .contents-l dt{ font-weight:bold; border-bottom:1px solid #fff; padding-bottom:10px; line-height:20px;padding-left:28px;color:#F60;}
.contents .contents-l dd{border-bottom:1px solid #fff; padding:7px 10px 7px 10px; line-height:1.4em;}
.contents .contents-r{width:740px;float:right;padding:10px 0 20px 10px; margin-bottom:0px; position: relative;}
#Kawaiall .present a{color:#F60;background: url(../img/navi-list3.gif) top left no-repeat;}
#Kawaiall .contents-l dt a{color:#F60;}

.footer{background:#f0ece0; border-top:1px solid #ccc; clear:both; height:5em;}
.footer p{color:#999; font-size:10px; margin-top:3px;}
.footer .foot-l{ float:left; width:700px;}
.footer .foot-r{ float:right;100px;}
.footer .foot-r a{color:#999; }
.gotop{ clear:both;}
.gotop p{ width:690px; text-align:right; margin:15px 0 0 0 ;}
.gotop a{ background:url(../company/img/gotop.jpg) bottom left no-repeat;padding-left:17px; color:#666;}

#Kawaiall .goform{ clear:both; position:absolute; bottom:0; right:20px;}
#Kawaiall .goform a{ background:none; border:none; font-size:0.8em; text-align:right; display: block; color:#333; text-decoration:underline;}
#Kawaiall .goform a:hover{color:#F60;}

#Kawaiall .distributor p{color:#999; font-size:10px; position: absolute; bottom:0; left:10px; line-height:1em;}

.contents {
width:width:958px ;
min-height:1px;　/* IE 7 */
}

.contents .contents-l {
float:left;
width:205px;
} 

.contents .contents-r {
float:right;
width:740px;
} 

/* start: clearfix ------------------------------ */
.contents:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.contents { display:inline-table; }

/* Hides from Mac IE \*/
* html .contents { height:1px; }
.contents { display:block; }
/* */
/* end: clearfix ------------------------------ */

/*common close*/




/* each page start */


h3{ margin:30px 0; padding:0;}