@charset "UTF-8";

@import "initialize.css";

/*-----------------------------------------
MicroSiteHeadFoot
-----------------------------------------*/
div#MicroSiteHeadFoot{
width:965px;
}

div#MicroSiteHeadFoot table td{
background-color:#fff;
}

div#headerWrapper{
background:url(/asience/share/images/header_bg_002.gif) repeat-x bottom;
}

div#footerWrapper{
width:100%;
background:url(/asience/share/images/share_kao_footer_bg.gif) repeat-x top;
}

/*-----------------------------------------
share
-----------------------------------------*/
body{
color:#333;
line-height:120%;
}

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix{
zoom:1;
}

.reader{
height:1px;
left:0;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
top:0;
width:1px;
z-index:100;
}

#wrapper{
width:100%;
}

#addthis{
padding:30px 20px 20px 0;
text-align:right;
}

#topFlash{
background-color:#000;
}

/*-----------------------------------------
font
-----------------------------------------*/
.txtS{font-size:85%;}
.txtM{font-size:90%;}
.txtL{}

a{
color:#cf0034;
}


/*-----------------------------------------
headerArea
-----------------------------------------*/

#header{
background:url(/asience/share/images/header_bg_01.jpg) #000 no-repeat left top;
}

h1{
text-align:center;
}

#h1-caption{
text-align:center;
}

/*-----------------------------------------
navi
-----------------------------------------*/
#navi01Area{
width:262px;
}
#navigation01 ul{
margin-left:20px;
}
#navigation01 ul li{
position:relative;
z-index:100;
}
#navigation01 ul li ul{
width:200px;
background-color:#222;
position:absolute;
top:3px;
left:220px;
z-index:200;
display:none;
}
#navigation01 ul li ul li{
padding-bottom:1px;
}
#navigation01 ul li ul li.firstChild{
padding-top:5px;
}
#navigation01 ul li ul li.lastChild{
padding-bottom:5px;
}

#brand{
margin:0 0 27px 20px;
padding-top:16px;
}

#title{
margin:0 0 9px 20px;
}

ul li img{
vertical-align:top;
display:inline;
font-size:0;
}

#navigation02{
margin:30px 0 0;
padding-left:21px;
float:left;
font-size:97%;
color:#333;
}
#navigation02 li:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
#navigation02 li{
margin:0 0 15px;
zoom:1;
}
#navigation02 li .image{
float:left;
margin-right:10px;
}
#navigation02 li .txt{
width:150px;
float:left;
}
#navigation02 li strong{
color:#cf0034;
font-weight:bold;
}
#navigation02 li span{
font-size:80%;
}
#navigation02 li a{
color:#333;
text-decoration:none;
}

#globalLink{
font-size:0;
margin:15px 0 0 5px;
padding-bottom:24px;
height:9px;
}

/*-----------------------------------------
contentsArea
-----------------------------------------*/

#contentArea{
padding:0 0 5px;
background:url(/asience/share/images/share_bg_03.jpg) repeat-x bottom left;
}

#container{
padding:5px 0 0;
background:url(/asience/share/images/share_bg_01.jpg) repeat-x top left;
}

#contentWrap{
background:url(/asience/share/images/share_bg_02.gif) #fff3c7 repeat-x bottom left;
position:relative;
}


#contents{
width:705px;
position:absolute;
left:260px;
top:-405px;
clear:both;
}

.asian_beauties#index #contents{
clear:none;
}

#contentsInner{
padding:0 24px;
}



#toPageTop{
position:fixed;
right:0;
bottom:25px;
}




/*-----------------------------------------
footer
-----------------------------------------*/
#footer{
padding:0 100px;
}

#ci{
float:left;
}

#footer .rightside{
float:right;
text-align:right;
margin-top:17px;
}

#footer .rightside a{
margin-bottom:5px;
}

/*-----------------------------------------
movie
-----------------------------------------*/
/*
#variableBox01{
display:none;
}
#variableBox02{
display:block;
}
*/
.interview .box,
.artist .box,
.asian_beauties .box{
margin-right:20px;
float:left;
font-size:90%;
}

.interview .box.last,
.artist .box.last,
.asian_beauties .box.last{
margin-right:0;
}

.interview .boxInner,
.artist .boxInner,
.asian_beauties .boxInner{
width:195px;
}

.interview .box .image,
.artist .box .image,
.asian_beauties .box .image{
margin:9px 0 15px 0;
}

.interview .linkList,
.artist .linkList,
.asian_beauties .linkList{
margin-top:8px;
background:url(/asience/jp/images/index_ico_02.gif) no-repeat left 5px;
padding-left:6px;
}

.interview #column01,
.artist #column01,
.asian_beauties #column01{
margin-top:25px;
padding:0 12px;
}

.interview #contentsBody h2,
.artist #contentsBody h2,
.asian_beauties #contentsBody h2{
margin:0 8px;
}

.interview #h2-caption,
.artist #h2-caption,
.asian_beauties #h2-caption{
margin:5px 13px;
}

.interview #contentsBody,
.artist #contentsBody,
.asian_beauties #contentsBody{
padding-top:27px;
padding-left:24px;
padding-right:24px;
}


/*-----------------------------------------
Module
-----------------------------------------*/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}

.mr20{margin-right:20px;}

.ml20{margin-left:20px;}

.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.center{text-align:center;}