/* ---common--- */

body {
margin: 0;
padding: 0;
text-align:left;
color: #333333;
font-size:14px;
background-color:#ffffff;
}

div#wrapper {
margin: 0;
width: 740px;
background-color:#ffffff;
background-repeat: repeat-y;
}

/* ---wrap for skincheck--- */
div#wrapper_l {
margin: 0;
width: 765px;
background-color:#ffffff;
background-repeat: repeat-y;
}

div#header {
margin: 0;
left: 0px;
width: 740px;
height: 80px;
background-repeat: no-repeat;
}

div#navigation{
margin: 0;
width:185px;
float:left;
}

/* ---contents area for index--- */
div#top_cont {
margin: 0;
width: 530px;
float:right;
}

/* ---contents area for others--- */
div#contents {
margin: 0;
width: 520px;
float:right;
}

/* ---contents area for skincheck--- */
div#cont_l {
margin: 0;
width: 550px;
float:right;
}

div#footer {
padding-top:10px;
clear:both;
}

div#footer_kao {
/* ---position:fixed;
bottom:0px;--- */
clear:both;
}

h1,h2,h3{
margin:0;
}

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

.hnavi{
padding-top:50px;
padding-right:10px;
float:right;
}

/* ---navigation area--- */

.nav_dic01 {
width: 185px;
height:71px;
background-image:url(../common/nav_dic01.gif);
background-repeat: no-repeat;
}

.nav_dic01b{
padding-left:15px;
padding-top:26px;
}

.nav_dic02 {
width: 185px;
height:62px;
background-image:url(../common/nav_dic02.gif);
background-repeat: no-repeat;
}

.nav_dic02b{
padding-left:15px;
padding-top:18px;
}

.nav_dic03 {
width: 185px;
height:61px;
background-image:url(../common/nav_dic03.gif);
background-repeat: no-repeat;
}

.nav_dic03b {
padding-left: 12px;
padding-top:5px;
}
.nav_dic03c {
padding-left: 12px;
padding-top:3px;
}

.nav_small {
width: 185px;
height:56px;
background-image:url(../common/nav_small.gif);
background-repeat: no-repeat;
}

.nav_small02 {
width: 185px;
height:56px;
background-image:url(../common/nav_small02.gif);
background-repeat: no-repeat;
}

.nav_smallb
{
font-size:12px;
padding-left: 15px;
padding-top:16px;
}

.nav_large {
width: 185px;
height:71px;
background-image:url(../common/nav_large.gif);
background-repeat: no-repeat;
}

.nav_large02 {
width: 185px;
height:71px;
background-image:url(../common/nav_large02.gif);
background-repeat: no-repeat;
}

.nav_largeb
{
font-size:12px;
padding-left: 15px;
padding-top:16px;
}

/* ---footer--- */
.margin_f{padding:0px 0px 10px 215px;}


/* ---margin--- */
.m5{margin:5px;}
.m10{margin:10px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}

.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.mr20{margin-right:20px;}


/* ---margin for index page--- */
.mt20l15b20{margin-top:20px;margin-left:15px;margin-bottom:20px;}
.mt20l15b10{margin-top:20px;margin-left:15px;margin-bottom:20px;}
.mt10l15{margin-top:10px;margin-left:15px;}
.mt10l7{margin-top:10px;margin-left:7px;}
.mtb10l15{margin-top:10px;margin-left:15px;margin-bottom:10px;}
.mtb5{margin-top:5px;margin-bottom:5px;}
.ml5t25{margin-left:5px; margin-top:25px;}

/* ---margin for dictionary index page--- */
.mt5l10{margin-top:5px; margin-left:10px;}

/* ---margin for banner--- */
.mt10l5{margin-top:10px; margin-left:5px;}
.mt25l5{margin-top:25px; margin-left:5px;}

/* ---margin for navigation--- */
.mt10b10{margin-top:10px; margin-bottom:10px;}

/* ---margin for sitemap--- */
.ml30b3{margin-left:30px; margin-bottom:3px;}
.ml30b5{margin-left:30px; margin-bottom:5px;}

/* ---margin for skincheck--- */
.mt20b20{margin-top:20px; margin-bottom:20px;}

/* ---margin for skincare point--- */
.mt10b40{margin-top:10px; margin-bottom:40px;}
.mr10{margin-right:10px;}

/* ---margin for maternity--- */
.ml20{margin-left:20px;}