﻿@charset "utf-8";



/* local css
----------------------------------------------------------------------------------------------*/
.dispnone{
display:none;
}


/* mainvisual
----------------------------------------------------------------------------------------------*/
.mainvisualA01{
zoom:1;
clear:both;
position:relative;
margin:25px auto 0 auto;
width:950px;
height:295px;
}
.mainvisualA01active{
height:409px !important;
}
#mainvisualA01_mainimage{
position:absolute;
top:0;
left:0;
}
#mainvisualA01_mainimage ul{
position:relative;
}
#mainvisualA01_mainimage ul li{
position:absolute;
overflow:hidden;
}
#mainvisualA01_thumbnail{
position:absolute;
top:291px;
left:39px;
overflow:hidden;
width:872px;
}
#mainvisualA01_thumbnail ul{
position:relative;
width:8720px;
}
#mainvisualA01_thumbnail ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainvisualA01_thumbnail ul li{
position:relative;
float:left;
margin-right:4px;
padding-top:8px;
width:288px;
}
#mainvisualA01_thumbnail_active img{
position:absolute;
top:291px;
left:331px;
}
#mainvisualA01_btn{
position:absolute;
top:299px;
left:0;
width:950px;
}
#mainvisualA01_btn ul{
zoom:1;
position:relative;
}
#mainvisualA01_btn ul li.left{
position:absolute;
top:0;
left:0;
}
#mainvisualA01_btn ul li.right{
position:absolute;
top:0;
right:0;
}



/* layoutbox
----------------------------------------------------------------------------------------------*/
.layoutboxA01{
zoom:1;
position:relative;
background:url(../images/index_bg_raidus_dark_01_bottom.gif) no-repeat 0 bottom;
}
.layoutboxA01 .link{
position:absolute;
bottom:10px;
right:15px;
margin:0;
}
.layoutboxA01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.layoutboxA01Title{
margin:0 -15px 10px -16px;
font-size:117%;
font-weight:bold;
}
.layoutboxA01Column1{
float:left;
padding:0 15px 5px 16px;
width:271px;
}
.layoutboxA01Column1 ul li{
margin-bottom:9px;
}
.layoutboxA01Column2{
float:right;
padding:0 15px 30px 16px;
width:331px;
}
.layoutboxA01Column2 .date{
font-size:87.5%;
}
.layoutboxA01Column2 ul li{
zoom:1;
position:relative;
margin-bottom:10px;
padding-bottom:10px;
background:url(../common/images/mod_line_dot_green_01.gif) repeat-x 0 bottom;
}
.layoutboxA01Column2 ul li .image{
margin:0;
padding:0 10px 10px 34px;
display:table-cell;
width:1%;
/width:auto;
/float:left;
vertical-align:top;
}
.layoutboxA01Column2 ul li .image span.ico img{
position:absolute;
top:0;
left:0;
}
.layoutboxA01Column2 ul li .block{
padding-bottom:1px;
display:table-cell;
vertical-align:top;
/zoom:1;
}
.layoutboxA01Column2 ul li .block a{
text-decoration:none;
}
.layoutboxA01Column2 ul li .block a span{
cursor:pointer;
}
.layoutboxA01Column2 ul li .block a .ttl{
zoom:1;
display:block;
color:#1a9641;
text-decoration:underline;
}
.layoutboxA01Column2 ul li .block:hover a .ttl{
text-decoration:none;
}
.layoutboxA01Column2 ul li .block a .txt{
zoom:1;
display:block;
margin-top:5px;
color:#66602e;
font-size:87.5%;
text-decoration:none;
}


.layoutboxB01{
zoom:1;
padding:0 15px 1px 16px;
background:url(../common/images/mod_bg_radius_dark_03_bottom.gif) no-repeat 0 bottom;
}
.layoutboxB01Title{
margin:0 -15px 0  -16px;
font-size:117%;
font-weight:bold;
}
.layoutboxB01 .search{
zoom:1;
margin-top:14px;
padding:10px 29px 10px 36px;
background:#f0efea;
}
.layoutboxB01 .search p{
margin:0;
}
.layoutboxB01 .search .searchTitle{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
margin-top:6px;
font-size:117%;
font-weight:bold;
}
.layoutboxB01 .search .searchInput{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
margin-left:16px;
}
.layoutboxB01 .search .searchInput input.txt{
width:369px;
height:19px;
line-height:19px;
border:#67602d solid 1px;
}
.layoutboxB01 .search .searchBtn{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
margin-left:10px;
}
.layoutboxB01 .search .notes{
margin-top:5px;
color:#a7a277;
font-size:87.5%;
}
.layoutboxB01 .tab{
margin-top:15px;
}
.layoutboxB01 .tab #tabNavi{
zoom:1;
position:relative;
margin-bottom:-1px;
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.layoutboxB01 .tab #tabNavi li{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
}
.layoutboxB01 .tab .tabContents{
zoom:1;
background:url(../images/index_bg_radius_brown_01_bottom.gif) no-repeat 0 bottom;
}
.layoutboxB01 .tab .tabContentsInner{
zoom:1;
padding:4px 11px;
background:url(../images/index_bg_radius_brown_01_top.gif) no-repeat 0 0;
}
.layoutboxB01 .tab #tabContents01 .skincare{
zoom:1;
background:url(../images/index_bg_tabcontents1_01.jpg) no-repeat right 0;
}
.layoutboxB01 .tab #tabContents01 .makeup{
zoom:1;
background:url(../images/index_bg_tabcontents1_02.jpg) no-repeat right 0;
}
.layoutboxB01 .tab #tabContents01 .dailycare{
zoom:1;
background:url(../images/index_bg_tabcontents1_03.jpg) no-repeat right 0;
}
.layoutboxB01 .tab #tabContents01 .supplement{
zoom:1;
background:url(../images/index_bg_tabcontents1_04.jpg) no-repeat right 0;
}
.layoutboxB01 .tab #tabContents01 .inner{
zoom:1;
padding:10px 0;
background:url(../common/images/mod_line_dot_dark_01.gif) repeat-x 0 bottom;
}
.layoutboxB01 .tab #tabContents01 .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.layoutboxB01 .tab #tabContents01 .last{
background:none;
}
.layoutboxB01 .tab #tabContents01 .tabContentsTitle{
float:left;
width:150px;
font-size:117%;
font-weight:bold;
}
.layoutboxB01 .tab #tabContents01 ul{
zoom:1;
float:left;
width:420px;
letter-spacing:-0.4em;
word-spacing:-0.4em;
margin-top:-2px;
}
.layoutboxB01 .tab #tabContents01 ul li{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
margin-top:2px;
margin-left:10px;
}
.layoutboxB01 .tab #tabContents01 ul li a{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
padding-left:12px;
width:90px;
color:#1a9641;
background:url(../common/images/mod_ico_arrow_green_01.gif) no-repeat 0 0.4em;
}
.layoutboxB01 .tab #tabContents01 ul li.type2 a{
width:198px;
}
.layoutboxB01 .tab #tabContents02 .inner{
zoom:1;
padding:10px 0;
background:url(../common/images/mod_line_dot_dark_01.gif) repeat-x 0 bottom;
}
.layoutboxB01 .tab #tabContents02 .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.layoutboxB01 .tab #tabContents02 .last{
background:none;
}
.layoutboxB01 .tab #tabContents02 .tabContentsTitle{
float:left;
width:150px;
font-size:117%;
font-weight:bold;
}
.layoutboxB01 .tab #tabContents02 ul{
zoom:1;
float:left;
width:420px;
letter-spacing:-0.4em;
word-spacing:-0.4em;
margin-top:-2px;
}
.layoutboxB01 .tab #tabContents02 ul li{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
margin-top:2px;
margin-left:10px;
}
.layoutboxB01 .tab #tabContents02 ul li a{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
padding-left:12px;
width:90px;
color:#1a9641;
background:url(../common/images/mod_ico_arrow_green_01.gif) no-repeat 0 0.4em;
}
.layoutboxB01 .tab #tabContents03{
padding-bottom:17px;
}
.layoutboxB01 .tab #tabContents03 .tabContentsTitle{
margin-top:17px;
font-size:117%;
font-weight:bold;
}
.layoutboxB01 .tab #tabContents03 ul{
letter-spacing:-0.4em;
word-spacing:-0.4em;
margin-top:-5px;
margin-left:-4px;
}
.layoutboxB01 .tab #tabContents03 ul li{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
margin-top:5px;
margin-left:4px;
}
.layoutboxB01 .tab #tabContents04 ul{
letter-spacing:-0.4em;
word-spacing:-0.4em;
}
.layoutboxB01 .tab #tabContents04 ul li{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
margin-top:2px;
margin-left:10px;
}
.layoutboxB01 .tab #tabContents04{
padding:10px 0;
}
.layoutboxB01 .tab #tabContents04 ul li{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
letter-spacing:0;
word-spacing:0;
padding:5px 0;
}
.layoutboxB01 .tab #tabContents04 ul li a{
display:inline-block;
display:inline;
zoom:1;
vertical-align:top;
padding-left:12px;
width:134px;
color:#1a9641;
background:url(../common/images/mod_ico_arrow_green_01.gif) no-repeat 0 0.4em;
}
.layoutboxB01 .tab ul li.type2 a{
width:198px !important;
}
