@charset "shift-jis";

/* base style
----------------------------------------------------------------------------------------------*/
body{
-webkit-text-size-adjust:none;
}

/* home local
----------------------------------------------------------------------------------------------*/

/* mainvisual
---------------------------------------------*/
.mainvisualA01{
margin:10px auto 17px auto;
width:900px;
}
.mainvisualA01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.mainvisualA01Column1{
float:left;
width:655px;
}
.mainvisualA01Column2{
position:relative;
float:right;
width:240px;
}
.mainvisualA01Main{
position:relative;
width:655px;
height:273px;
overflow:hidden;
}
.mainvisualA01Main ul li{
position:absolute;
top:0;
left:0;
}
.mainvisualA01Main ul li.active{
z-index:0;
}
.mainvisualA01Main ul li:hover{
background:#ffffff;
}
.mainvisualA01Sub{
}
.mainvisualA01Sub ul{
margin-top:1px;
}
.mainvisualA01Sub ul li{
margin-top:-1px;
}
.mainvisualA01Current li{
display:none;
z-index:1;
position:absolute;
left:-12px;
}
.mainvisualA01Current li a{
outline:none;
}
.mainvisualA01Current li img{
cursor:pointer;
}
.mainvisualA01Current .current1{
top:0;
}
.mainvisualA01Current .current2{
top:68px;
}
.mainvisualA01Current .current3{
top:136px;
}
.mainvisualA01Current .current4{
top:204px;
}



/* order 2012/01/23 meta_Sakuma
---------------------------------------------*/
.orderA01{
zoom:1;
clear:both;
padding-bottom:5px;
background:url(../images/index_bg_grad_pink_01.gif) no-repeat 0 bottom;
}
.orderA01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.orderA01Column1{
padding:0 30px;
width:390px;
float:left;
}
.orderA01Column2{
padding:0 30px;
width:390px;
float:right;
background:url(../common/images/mod_line_dotted_02.gif) no-repeat 0 0;
}
.orderA01Title{
margin:0 -30px 10px -30px;
}
.orderA01 p{
margin-bottom:10px;
}


/* top 2012/01/23 meta_mizushima
---------------------------------------------*/
.topA01{
zoom:1;
clear:both;
padding-bottom:5px;
background:url(../images/index_bg_grad_pink_01.gif) no-repeat 0 bottom;
}
.topA01:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.topA01Column1{
padding:0 30px;
width:390px;
float:left;
}
.topA01Column2{
padding:0 30px;
width:390px;
float:right;
background:url(../common/images/mod_line_dotted_02.gif) no-repeat 0 0;
}
.topA01Title{
margin:0 -30px 10px -30px;
}
.mb10{
margin-bottom:10px;
}

.mb20{
margin-bottom:20px;
}

.mb5{
margin-bottom:5px;
}

.mt14{
margin-top:14px;
}

.fs11{
font-size:90%
}






/* banner
---------------------------------------------*/
.bannerA01 ul{
margin-top:-10px;
}
.bannerA01 ul li{
position:relative;
margin-top:10px;
}
.bannerA01 ul li span.txt{
z-index:1;
zoom:1;
display:block;
position:absolute;
top:77px;
left:22px;
padding-right:10px;
width:350px;
color:#333333;
font-size:12px;
line-height:1.3;
cursor:pointer;
letter-spacing:0.1em;
}
.bannerA01 ul li a span.txt{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}



/* recommendinfo
---------------------------------------------*/
.recommendinfoA01{
zoom:1;
padding:17px;
background:#f7f7f1;
}
.recommendinfoA01Title{
margin:-7px -7px 10px -7px;
font-size:117%;
font-weight:bold;
}
.recommendinfoA01List{
zoom:1;
position:relative;
margin:0 auto;
padding:0 20px;
width:589px;
overflow:hidden;
}
.recommendinfoA01List ul{
position:relative;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
width:1590px;
letter-spacing:0;
word-spacing:0;
}
.recommendinfoA01List ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.recommendinfoA01List ul li{
float:left;
margin-right:18px;
width:185px;
}
.recommendinfoA01List .ttl{
zoom:1;
display:block;
font-weight:bold;
cursor:pointer;
}
.recommendinfoA01List .txt{
color:#b88887;
font-size:11px;
line-height:1.4;
}
.recommendinfoA01ListBack{
zoom:1;
position:absolute;
top:0;
left:0;
}
.recommendinfoA01ListNext{
zoom:1;
position:absolute;
top:0;
right:0;
}


.recommendedTypeA01 ul li a span.type2{
	top:54px;
}

/* item7
---------------------------------------------*/
.item7 .ttl{
position:relative;
}
.item7 .ttl a{
outline:none;
}
.item7 .ttl a span{
zoom:1;
display:block;
position:absolute;
top:80px;
left:356px;
color:#c8a4a4;
line-height:1.4;
cursor:pointer;
}
.item7 .ttl a:hover span{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}



/* news
---------------------------------------------*/
.news{
zoom:1;
text-indent:-10em;
}
.news li{
margin-left:10em;
/margin-bottom:10px;
}
.news li img{
margin-top: -2px;
margin-right:7px;
vertical-align:middle;
}
.news li .news_icon{
margin-right:5px;
vertical-align:middle;
}
.news li span.date{
margin-right:5px;
color:#a0a0a0;
font-size:84.6%;
font-weight:bold;
}
.news li span.date{
color:#a0a0a0;
font-size:84.6%;
font-weight:bold;
}
.news li a {
	word-wrap: break-word;
}
.adobe_link, .page_top {
	float:right;
	clear: both;
	margin-top: 5px;
}

/* utilityBox
---------------------------------------------*/
.utilityBox{
background:url(../common/images/mod_bg_dotted_01.gif) repeat 0 0;
}
.utilityBox .inner{
padding:20px 18px;
background:url(../common/images/mod_bg_frame_01.gif) no-repeat 0 0;
}
.utilityBox .inner ul{
margin-left:-24px;
}
.utilityBox .inner ul li{
display:inline-block;
/display:inline;
/zoom:1;
margin-left:24px;
vertical-align:top;
}
.utilityBox .inner ul li a{
zoom:1;
display:block;
width:140px;
text-decoration:none;
}
.utilityBox .inner ul li a span{
zoom:1;
display:block;
padding:5px 0 0 14px;
background:url(../common/images/mod_ico_arrow_02.gif) no-repeat 0 0.7em;
cursor:pointer;
text-decoration:underline;
line-height:1.4;
}
.utilityBox .inner ul li a:visited span{
text-decoration:none;
}



/* footerUtility
---------------------------------------------*/
#footer .footerUtility{
margin:0 auto;
width:900px;
}
#footer .footerUtility:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#footer .footerUtility ul{
float:left;
width:450px;
padding-top:20px;
margin-left:-10px;
}
#footer .footerUtility ul li{
display:inline-block;
/display:inline;
/zoom:1;
margin-left:10px;
vertical-align:middle;
}
#footer .footerUtility .copyright{
float:right;
width:450px;
padding-top:20px;
}