@charset "utf-8";
/* ==================================================================
CSS information
style info :MY CHARACTERƒy[ƒW—p
================================================================== */

@import url("../../common/css/container.css");

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{}


.leftBox{float:left; width:390px;}
.rightBox{float:right; width:490px; text-align:right;}

p.text{color:#5a5a5a; line-height:160%;}
p.attention{color:#818181; font-size:93%;}


/* --------------------------------------------------------
#topBox
-------------------------------------------------------- */
#topBox{}
#topBox h3{margin-bottom:37px;}
#topBox .copy{margin-bottom:15px;}
#topBox .text{margin-bottom:50px;}

/* --------------------------------------------------------
#thumbnails
-------------------------------------------------------- */
#thumbnails {width:340px;}
#thumbnails li{
float:left;
width:161px;
height:32px;
margin-right:6px;
background:url(../img/my/btn_sub_bg.gif) 0 0 no-repeat;
}
#thumbnails li a{
display:block;
width:157px;
height:25px;
margin-left:2px;
}
#thumbnails li a.on{background-color:#e3e3e3;}
#thumbnails li a.on img{
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#thumbnails li a:hover img{
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

#imgBox{}
#imgBox .content{display:none;}/* over-write */





	
/* --------------------------------------------------------
#bottomBox
-------------------------------------------------------- */
#bottomBox{clear:both; padding-top:60px;}

#bottomBox h4{margin-bottom:15px;}
#bottomBox .text{margin-bottom:1em;}

.picList{width:486px;}
.picList li{
float:left;
display:block;
width:162px;
height:96px;
}
.picList li a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}