/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:140%;
text-align: center;
color:#666666;
background-image:url(base.jpg);
background-repeat:repeat-x;
background-position:top;
}


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

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:100%;
}

table td{
font-size:100%;
line-height:100%;
}

#wrapper{
margin:0px auto;
width:840px;
text-align:left;
margin-top:3px;
}

#locator {
width:840px;
float:left;
line-height:40px;
height:40px;
}

#header{
width:840px;
float:left;
margin-bottom:15px;
}

#header h1{
font-size:80%;
float:left;
margin-left:10px;
display:inline;
line-height:22px;
width:600px;
}

#logo {
float:left;
margin-left:10px;
display:inline;
}

#site {
float:right;
margin-right:10px;
}

#main{
width:840px;
float:left;
}

a:link,a:visited{
color:#0E3675;
text-decoration:none;
}

a:active,a:hover{
color:#628AEA;
text-decoration:underline;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contents {
width:580px;
/*margin-right:10px;*/
display:inline;
float:right;
}

.section{
width:600px;
float:left;
}

#contents-directmanagement {
width:570px;
/*margin-right:10px;*/
display:inline;
float:right;
}



/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainnavi {
width:840px;
float:left;
}

#mainnavi li{
float:left;
margin:0 2px 0 0px;
display:inline;
}

#mainnavi li a{
width:138px;
height:37px;
display:block;
background-repeat:no-repeat;
float:left;
text-indent:-9999px;
}

#mainnavi li#navi01 a:link,
#mainnavi li#navi01 a:visited{
background-image:url(navi01_o.jpg);
}

#mainnavi li#navi01.current01 a:link,
#mainnavi li#navi01.current01 a:visited{
background-image:url(navi01.jpg);
}

#mainnavi li#navi01 a:hover,
#mainnavi li#navi01 a:active{
background-image:url(navi01.jpg);
}

#mainnavi li#navi02 a:link,
#mainnavi li#navi02 a:visited{
background-image:url(navi02_o.jpg);
}

#mainnavi li#navi02 a:hover,
#mainnavi li#navi02 a:active{
background-image:url(navi02.jpg);
}

#mainnavi li#navi02.current02 a:link,
#mainnavi li#navi02.current02 a:visited{
background-image:url(navi02.jpg);
}

#mainnavi li#navi03 a:link,
#mainnavi li#navi03 a:visited{
background-image:url(navi03_o.jpg);
}

#mainnavi li#navi03 a:hover,
#mainnavi li#navi03 a:active{
background-image:url(navi03.jpg);
}

#mainnavi li#navi03.current03 a:link,
#mainnavi li#navi03.current03 a:visited{
background-image:url(navi03.jpg);
}

#mainnavi li#navi04 a:link,
#mainnavi li#navi04 a:visited{
background-image:url(navi04_o.jpg);
}

#mainnavi li#navi04 a:hover,
#mainnavi li#navi04 a:active{
background-image:url(navi04.jpg);
}

#mainnavi li#navi04.current04 a:link,
#mainnavi li#navi04.current04 a:visited{
background-image:url(navi04.jpg);
}

#mainnavi li#navi05 a:link,
#mainnavi li#navi05 a:visited{
background-image:url(navi05_o.jpg);
}

#mainnavi li#navi05 a:hover,
#mainnavi li#navi05 a:active{
background-image:url(navi05.jpg);
}

#mainnavi li#navi05.current05 a:link,
#mainnavi li#navi05.current05 a:visited{
background-image:url(navi05.jpg);
}

#mainnavi li#navi06 a:link,
#mainnavi li#navi06 a:visited{
background-image:url(navi06_o.jpg);
}

#mainnavi li#navi06 a:hover,
#mainnavi li#navi06 a:active{
background-image:url(navi06.jpg);
}

#mainnavi li#navi06.current06 a:link,
#mainnavi li#navi06.current06 a:visited{
background-image:url(navi06.jpg);
}









#subnavi {
width:220px;
float:left;
margin-left:5px;
display:inline;
}

#subnavi_title {
width:220px;
height:37px;
float:left;
}

#subnavi_title a{
width:220px;
height:37px;
color:#FFFFFF;
line-height:37px;
text-align:center;
background-image:url(subnavi-title.jpg);
background-repeat:no-repeat;
display:block;
float:left;
}


#subnavi ul {
display:inline;
margin-bottom:10px;
float:left;
}


#subnavi li {
list-style-type:none;
display:inline;
float:left;

}


#subnavi li a{
background-image:url(subnavi.jpg);
background-repeat:no-repeat;
color:#0E3675;
width:220px;
height:50px;
line-height:50px;
text-indent:15px;
list-style-type:none;
display:block;
text-align:left;
text-decoration:none;
font-weight:bold;
}

#subnavi ul li a:hover{
background-image:url(subnavi_o.jpg);
background-repeat:no-repeat;
color:#0E3675;
font-weight:normal;
}

#subnavi ul li.current a{
background-image:url(subnavi_o.jpg);
background-repeat:no-repeat;
color:#0E3675;
font-weight:normal;
}

#subnavi ul ul li {
margin-left:10px;
display:inline;
width:210px;
height:50px;
}

#subnavi ul ul li a {
background-image:url(subnavi.jpg);
background-repeat:no-repeat;
color:#0E3675;
width:220px;
height:50px;
line-height:50px;
text-indent:15px;
list-style-type:none;
display:block;
text-align:left;
text-decoration:none;
}

#subnavi ul li.current ul li a:hover{
background-image:url(subnavi_o.jpg);
background-repeat:no-repeat;
color:#0E3675;
font-weight:normal;
}

#subnavi ul li.current ul li.current a{
background-image:url(subnavi_o.jpg);
background-repeat:no-repeat;
color:#0E3675;
font-weight:normal;
}

#subnavi ul li.current ul li a{
background-image:url(subnavi.jpg);
background-repeat:no-repeat;
color:#0E3675;
font-weight:normal;
}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
width:840px;
height:80px;
float:left;
background-image:url(footer.jpg);
background-repeat:repeat-x;
background-position:0 26px;
}

#footer-menu {
width:840px;
height:30px;
float:left;
list-style-type:none;
border-bottom:1px solid #0E3675;
margin-bottom:10px;
}

#footer-menu li{
float:left;
margin-right:5px;
display:inline;
}

#footer-menu li a{
font-size:85%;
margin-right:5px;
}

#footer-link {
margin:0 0 0 10px;
float:left;
display:inline;
list-style-type:none;
}

#footer-link li{
margin:0 20px 0 0;
float:left;
display:inline;
}

address {
margin:0 10px 0 0;
float:right;
font-size:85%;
font-style:normal;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainimage {
width:840px;
float:left;
}

#top_cont {
float:left;
width:840px;
margin-bottom:30px;
}

#top_cont ul {
float:left;
list-style-type:none;
width:840px;
}

#top_cont ul li {
float:left;
}

#top_leftcont {
width:600px;
float:left;
margin-right:10px;
}

.flt {
float:left;
}

.naka {
width:580px;
float:left;
margin-left:10px;
display:inline;
margin-bottom:37px;
}

.naka p {
float:left;
width:335px;
}

.naka2 {
width:580px;
float:left;
margin-left:15px;
display:inline;
}

.topbox {
float:left;
width:280px;
height:170px;
border-bottom:1px solid #cccccc;
background-image:url(blueback.jpg);
background-repeat:repeat-y;
margin-right:5px;
margin-bottom:12px;
}


*html .topbox {
float:left;
width:280px;
height:180px;
border-bottom:1px solid #cccccc;
background-image:url(blueback.jpg);
background-repeat:repeat-y;
margin-right:5px;
margin-bottom:12px;
}

.topbox p {
float:left;
width:165px;
margin:10px 0 0 5px;
display:inline;
}

.top-product {
float:right;
margin-top:6px;
margin-right:2px;
}

.arr a{
background-image:url(arr.jpg);
background-repeat:no-repeat;
background-position:0% 50%;
text-indent:10px;
float:left;
width:250px;
margin-left:10px;
display:inline;
}

*html .arr a{
background-image:url(arr.jpg);
background-repeat:no-repeat;
background-position:0% 50%;
text-indent:10px;
float:left;
width:240px;
margin-left:10px;
display:inline;
}

.inbox {
width:280px;
float:left;
}

.inbox2 {
width:280px;
float:left;
}

*html .inbox2 {
width:280px;
float:left;
margin-bottom:12px;
}

.bluebox {
width:280px;
height:25px;
background-image:url(blue.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
text-indent:10px;
line-height:25px;
}


.left-und {
width:270px;
height:130px;
float:left;
}


.left-und2 {
width:270px;
height:130px;
float:left;
margin-left:25px;
display:inline;
}

.left-und p {
width:270px;
float:left;
}

.left-und2 p {
width:270px;
float:left;
}

.bluefly01 {
width:270px;
height:31px;
background-image:url(p-1.jpg);
background-repeat:no-repeat;
float:left;
color:#6699CC;
margin-bottom:5px;
}

.bluefly01 i{
float:right;
line-height:31px;
font-weight:bold;
font-style:normal;
padding-right:5px;
}

.bluefly02 {
width:270px;
height:31px;
background-image:url(p-2.jpg);
background-repeat:no-repeat;
float:left;
color:#6699CC;
margin-bottom:5px;
}

.bluefly02 i{
float:right;
line-height:31px;
font-weight:bold;
font-style:normal;
padding-right:5px;
font-size:80%;
}

.bluefly03 {
width:270px;
height:31px;
background-image:url(p-3.jpg);
background-repeat:no-repeat;
float:left;
color:#6699CC;
margin-bottom:5px;
}

.bluefly03 i{
float:right;
line-height:31px;
font-weight:bold;
font-style:normal;
padding-right:5px;
}

.bluefly04 {
width:270px;
height:31px;
background-image:url(p-4.jpg);
background-repeat:no-repeat;
float:left;
color:#6699CC;
margin-bottom:5px;
}

.bluefly04 i{
float:right;
line-height:31px;
font-weight:bold;
font-style:normal;
padding-right:5px;
}

.bluefly05 {
width:270px;
height:31px;
background-image:url(p-5.jpg);
background-repeat:no-repeat;
float:left;
color:#6699CC;
margin-bottom:5px;
}

.bluefly05 i{
float:right;
line-height:31px;
font-weight:bold;
font-style:normal;
padding-right:5px;
}

.bluefly06 {
width:270px;
height:31px;
background-image:url(p-6.jpg);
background-repeat:no-repeat;
float:left;
color:#6699CC;
margin-bottom:5px;
}

.bluefly06 i{
float:right;
line-height:31px;
font-weight:bold;
font-style:normal;
padding-right:5px;
}

.bluefly07 {
width:270px;
height:31px;
background-image:url(p-7.jpg);
background-repeat:no-repeat;
float:left;
color:#6699CC;
margin-bottom:5px;
}

.bluefly07 i{
float:right;
line-height:31px;
font-weight:bold;
font-style:normal;
padding-right:5px;
}

.naka3 {
width:570px;
float:left;
margin-left:15px;
display:inline;
}

.naka4 {
width:580px;
float:left;
margin-left:10px;
display:inline;
}

*html .naka4 {
width:580px;
float:left;
display:inline;
}

#top_right {
width:220px;
float:left;
margin-bottom:60px;
}

.news {
width:220px;
height:37px;
background-image:url(news.jpg);
background-repeat:no-repeat;
float:left;
}

.ichiran {
float:right;
margin-top:10px;
margin-right:8px;
}

#creem {
width:220px;
background-image:url(creem.jpg);
background-repeat:repeat-y;
border-bottom:1px solid #E5E4E1;
float:left;
margin-bottom:10px;
}

#creem dl {
width:210px;
margin-left:5px;
display:inline;
float:left;
margin-bottom:10px;
}

#creem dl dt {
font-size:80%;
float:left;
background-image:url(arr2.jpg);
background-repeat:no-repeat;
background-position:0% 50%;
text-indent:10px;
width:210px;
line-height:180%;
font-weight:bold;
margin-top:10px;
margin-left:5px;
display:inline;
}

#creem dl dd {
font-size:80%;
float:left;
width:210px;
background-image:url(border.jpg);
background-repeat:no-repeat;
background-position:bottom;
line-height:180%;
padding-bottom:10px;
margin-left:5px;
display:inline;
}

#top_right ul {
list-style-type:none;
float:left;
}

.blue {
font-size:120%;
color:#0E3675;
font-weight:bold;
}

*html #top10 {
margin-top:10px;
}

.mr10 {
margin-right:10px;
}

*html .mr10 {
margin-right:0px;
}


.m2 {margin-bottom:2px;}
.m5 {margin-bottom:5px;}
.m10{margin-bottom:10px;}
.m12{margin-bottom:12px;}
.m20{margin-bottom:20px;}
.m30{margin-bottom:30px;}
/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
margin:0 0 15px 10px;
}

ul.sitemap li{
margin:0 0 15px 30px;
}

ul.sitemap ul{
margin:7px 0 15px 30px;
list-style-type:none;
}

ul.sitemap ul li{
margin:0 0 15px 30px;
list-style-type:none;
}

ul.sitemap ul ul{
margin:7px 0 15px 30px;
list-style-type:none;
}

ul.sitemap ul ul li{
margin:0 0 15px 30px;
list-style-type:none;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sub1 {
background-image:url(sub1.jpg);
background-repeat:no-repeat;
width:580px;
height:50px;
line-height:50px;
text-indent:15px;
color:#333333;
font-size:200%;
font-weight:bold;
margin-bottom:10px;
}

.sub2 {
background-image:url(sub2.jpg);
background-repeat:no-repeat;
width:580px;
height:30px;
line-height:30px;
text-indent:15px;
color:#333333;
font-weight:bold;
margin-bottom:10px;
}

.sub3 {
background-image:url(sub3.jpg);
background-repeat:no-repeat;
width:260px;
height:46px;
padding-left:15px;
line-height:23px;
color:#666666;
margin-bottom:10px;
text-align:left;
}

*html .sub3 {
background-image:url(sub3.jpg);
background-repeat:no-repeat;
width:260px;
height:46px;
padding-left:15px;
line-height:23px;
color:#666666;
margin-bottom:10px;
text-align:left;
}

.sub4 {
background-image:url(sub3.jpg);
background-repeat:no-repeat;
width:260px;
height:46px;
padding-left:15px;
padding-top:10px;
line-height:23px;
color:#666666;
text-align:left;
}

.sub5 {
font-size:120%;
font-weight:bold;
color:#003366;
line-height:120%;
}

.sub6 {
background-image:url(dm-title01.jpg);
background-repeat:no-repeat;
width:170px;
height:30px;
text-indent:10px;
/*padding-left:10px;*/
line-height:30px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
font-size:120%;
margin:0 10px;
}


p {
padding-left:10px;
line-height:150%;
}

.icon01{
background-image:url(icon01.jpg);
background-repeat:no-repeat;
text-indent:12px;
line-height:14px;
margin-left:13px;
}

/*skincare*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ml10 {
margin-left:10px;
display:inline;
}

.f85 {
font-size:85%;
}

.p165 {
width:165px;
height:120px;
}

.p165_2 {
width:165px;
height:140px;
}

.blue_n {
color:#0E3675;
}

table.tdleft td {
text-align:left;
}


/*contact*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contact_form {
width:590px;
float:left;
}

#contact_form dl{
width:540px;
border-bottom:1px dotted #99cccc;
float:left;
padding:10px 0;
line-height:220%;
}

#contact_form dt{
width:180px;
float:left;
}

#contact_form dt span{
font-weight:bold;
color:#CC0000;
}

#contact_form dd{
width:360px;
float:left;
}

#contact_form dd p{
float:left;
margin:0 10px 0 0;
}

#contact_form dd ul{
width:360px;
float:left;
list-style-type:none;
}

#contact_form dd li{
width:360px;
float:left;
}

#contact_form dd li p{
width:80px;
float:left;
margin:0px;
}

#contact_form dd li span{
width:80px;
}

#contact_form dd li input{
margin:5px 0 0 0;
float:left;
}


#contact_form dd ul#privacy{
width:360px;
height:200px;
overflow:auto;
float:left;
list-style-type:none;
margin:0 0 20px 0;
background-color:#f6f6f6;
}

#contact_form dd ul#privacy li{
width:340px;
margin:0 0 15px 0;
float:left;
}

#contact_button {
width:590px;
float:left;
margin:10px 0 25px 0;
}

#contact_button input{
width:180px;
margin:0 0 0 180px;
}

#contact_box01 {
width:590px;
float:left;
}

#contact_box01 dt{
width:260px;
text-align:right;
float:right;
}

#contact_box01 dd{
width:330px;
float:left;
}

#contact_box01 dd ul{
margin:0 0 20px 0;
list-style-type:none;
}

#contact_box01 dd li{
background-image:url(../icon05.jpg);
background-repeat:no-repeat;
background-position:0 50%;
text-indent:20px;
color:#FE9900;
font-weight:bold;
letter-spacing:2px;
}

#contact_tel{
margin:20px 120px 30px 0;
text-align:right;
}




/*company*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.company-table01{
width:545px;
border-collapse:collapse;
font-size:80%;
float:left;
margin-left:20px;
}

.company-table01 td{
padding:10px;
border:1px solid #CCCCCC;
}

.company-table01-td{
background-color:#e7e7eb;
text-align:center;
width:100px;
}


/*details*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.details-table{
padding:5px;
margin:10px;
}

.details-table td{
line-height:140%;
}


/*beautyadvice*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ba-table{
padding:5px;
margin:10px;
}

.ba-table td{
line-height:140%;
}

/*information*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.info-table{
margin:10px;
width:550px;
}

.info-table td{
line-height:140%;
}


/*normal*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.normal-table01{
text-align:center;
}

.normal-table01 img{
margin:10px 0 5px 0;
}


/*agency*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.agency-table01{
width:580px;
}

.agency-table02{
width:580px;
border-collapse:collapse;
}

.agency-table02 td{
border-style:solid;
border:1px;
padding:10px;
border-color:#CCCCCC
}

/*directmanagement*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sub1_2 {
background-image:url(sub1_2.jpg);
background-repeat:no-repeat;
width:570px;
height:50px;
line-height:50px;
text-indent:15px;
color:#333333;
font-size:200%;
font-weight:bold;
margin-bottom:10px;
}

.sub2_2 {
background-image:url(sub2_2.jpg);
background-repeat:no-repeat;
width:570px;
height:30px;
line-height:30px;
text-indent:15px;
color:#333333;
font-weight:bold;
margin-bottom:10px;
}


/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/