@charset "UTF-8";
/*** DDD web ***/
/* -----------------------------------------------
CSS file For AT-FACTORY Inc.
FileName:	styles-site.css
Build:		2007.7.27
----------------------------------------------- */

/* BASE
------------------------------------------------------------ */
body{
margin: 0;
padding: 0;
background-color:#E5E5E5;
color:#555;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:12px;
}

a, a:link{
color:#666;
text-decoration:underline;
}

a:visited{
color:#666;
text-decoration:underline;
}

a:hover{
color:#666;
text-decoration:none;
}

a:active{
color:#666;
text-decoration:none;
}

img{
border:0;
margin:0;
padding:0;
}

p{
margin:5px 0 5px 0;
}


.red{
color:#FF0000;
}

.pink{
color:#CB0065
}

hr{
clear:both;
visibility:hidden;
margin:0;
padding:0;
}

/* BASE BOX
------------------------------------------------------------ */

div#container{
width: 900px;
background-image:url(images/main_bg.jpg);
background-repeat:repeat-y;
margin: 5px auto;
}

div#main{
float: left;
width: 700px;
}
div#box-right{
float: right;
width: 200px;
background-color:#FFF;
}
div#box-center{
float: right;
background-color:#FFF;
width: 500px;
border-right:solid 5px #E5E5E5;
}

div#box-left{
float: left;
background-color:#FFF;
width: 190px;
border-right:solid 5px #E5E5E5;
}

div#footer{
clear: both;
width: 900px;/* IE5.5-6.0対策 */
color: #000;
background: #FFF;
border-top:solid 5px #E5E5E5;
}


/* HEADER
------------------------------------------------------------ */
div#id{
margin:0;
padding:0;
width:190px;
height:210px;
}

div#cover{
margin:0;
padding:0;
width:500px;
height:210px;
}

div#top-ad{
margin:0;
padding:5px;
background-color:#818181;
width:190px;
height:200px;
}


/* GLOBAL MENU
------------------------------------------------------------ */
div#g-menu{
margin:0;
padding:0;
border-top:solid 5px #E5E5E5;
background-color:#FFF;
}

ul#g-menu{
list-style:none;
margin:0;
padding:0;
}

ul#g-menu li a {
padding:0;
margin:0;
border:0;
display:block;
text-indent:-9999px;
}

li#movie a {
background-image:url(images/navi_movie.jpg);
height:69px;
}

li#movie a:hover, li#movie a:focus {
background-image:url(images/navi_movie_hover.jpg);
height:69px;
}

body#movie ul#g-menu li#movie a {
background-image:url(images/navi_movie_select.jpg);
height:69px;
}

li#recommend a {
background-image:url(images/navi_recommend.jpg);
height:69px;
}

li#recommend a:hover, li#recommend a:focus {
background-image:url(images/navi_recommend_hover.jpg);
height:69px;
}

body#recommend ul#g-menu li#recommend a {
background-image:url(images/navi_recommend_select.jpg);
height:69px;
}

li#navi a {
background-image:url(images/navi_navi.jpg);
height:69px;
}

li#navi a:hover, li#navi a:focus {
background-image:url(images/navi_navi_hover.jpg);
height:69px;
}

body#navi ul#g-menu li#navi a {
background-image:url(images/navi_navi_select.jpg);
height:69px;
}

li#special a {
background-image:url(images/navi_special.jpg);
height:69px;
}

li#special a:hover, li#special a:focus {
background-image:url(images/navi_special_hover.jpg);
height:69px;
}

body#special ul#g-menu li#special a {
background-image:url(images/navi_special_select.jpg);
height:69px;
}

li#shop a {
background-image:url(images/navi_shop.jpg);
height:69px;
}

li#shop a:hover, li#shop a:focus {
background-image:url(images/navi_shop_hover.jpg);
height:69px;
}

body#shop ul#g-menu li#shop a {
background-image:url(images/navi_shop_select.jpg);
height:69px;
}

li#school a {
background-image:url(images/navi_school.jpg);
height:69px;
}

li#school a:hover, li#school a:focus {
background-image:url(images/navi_school_hover.jpg);
height:69px;
}

body#school ul#g-menu li#school a {
background-image:url(images/navi_school_select.jpg);
height:69px;
}

li#mailmaga a {
background-image:url(images/navi_mailmaga.jpg);
height:69px;
}

li#mailmaga a:hover, li#mailmaga a:focus {
background-image:url(images/navi_mailmaga_hover.jpg);
height:69px;
}

body#mailmaga ul#g-menu li#mailmaga a {
background-image:url(images/navi_mailmaga_select.jpg);
height:69px;
}

li#dancer a {
background-image:url(images/navi_dancer.jpg);
height:69px;
}

li#dancer a:hover, li#dancer a:focus {
background-image:url(images/navi_dancer_hover.jpg);
height:69px;
}

body#dancer ul#g-menu li#dancer a {
background-image:url(images/navi_dancer_select.jpg);
height:69px;
}

div#rss{
margin-top:10px;
padding-left:10px;
}


/* CONTENTS TITLE
------------------------------------------------------------ */
div#contents-title{
background-image:url(images/title_bg.jpg);
background-repeat:no-repeat;
height:25px;
width:490px;
margin:5px;
}

div#contents-title h1{
margin:0 0 5px 0;

float:left;
font-size:14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
letter-spacing:1px;
}

div#more{
position:relative;
top:-3px;
background-image:url(images/arrow_red.gif);
background-repeat:no-repeat;
background-position:left center;
margin:0 0 0 440px;
padding:0 0 5px 10px;
*padding:0 0 2px 8px;
}

div#back{
position:relative;
top:-3px;
background-image:url(images/arrow_red.gif);
background-repeat:no-repeat;
background-position:left center;
margin:0 0 0 430px;
padding:0 0 5px 10px;
*padding:0 0 2px 8px;
}

.updated{
font-size:10px;
}

/* CONTENTS BOX
------------------------------------------------------------ */

div#contents-box{
background-color:#FFF;
width: 500px;
border-top:solid 5px #E5E5E5;
padding-bottom:5px;
}


#contents-box:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}

/* TOP SPECIAL
------------------------------------------------------------ */
#special-list-box:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}

div#special-list-box{
width:490px;
margin:5px;
border-bottom:solid 1px #D2D4D3;
}

div#thumb{
/*background-image:url(images/thumb_noimage.jpg);
background-repeat:no-repeat;*/
float:left;
width:64px;
height:auto;
margin-right:10px;
}

div#list-txt{
float:left;
width:410px;
line-height:180%;
margin:0;
}

div#category-tag-special{
background-image:url(images/special_tag_bg.jpg);
background-repeat:no-repeat;
background-color:#667280;
padding:6px 0 0 5px;
width:411px;
height:17px;
color:#FFF;
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
line-height:100%;
font-weight:bold;
}

div#special-ad{
margin:5px;
}


/* TOP INFORMATION
------------------------------------------------------------ */
#info-list-box:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}


div#info-list-box{
width:490px;
margin:5px 5px 0 5px;
border-bottom:solid 1px #D2D4D3;

}

div#info-list-date{
float:left;
margin:0 5px 5px 0;
width:100px;
height:40px;
}

div#info-list-txt{
float:left;
margin:0 0 5px 0;
width:370px;
}

.category-tag-info{
border:solid 1px #CC3300;
background-color:#FFF;
padding:1px 4px 0 4px;
*padding:0 4px 0 4px;
color:#CC3300;
font-size:10px;
}

/* TOP CENTER AD
------------------------------------------------------------ */
div.center-ad{
background-color:#FFF;
width: 500px;
border-top:solid 5px #E5E5E5;
padding-bottom:0;
line-height:80%;
}
div.center-ad a img{
margin:5px 0 5px 5px;
padding:0;
}
/* safari only \*/  
html:\66irst-child div.center-ad a img {  
margin:5px 0 0 5px;
padding:0;
}
.center-ad:after {
content:".";
height:0;
clear:both;
display: block;
visibility:hidden;
margin:0;
padding:0;
}
div.center-ad a img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
div.center-ad a:hover img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* LATEST BOOK
------------------------------------------------------------ */
div#book-info{
background-color:#FFF;
width: 200px;
border-top:solid 5px #E5E5E5;
}

ul#book-menu{
list-style:none;
margin:0;
padding:0;
}

ul#book-menu li a {
padding:0;
margin:0;
border:0;
display:block;
text-indent:-9999px;
}

li#backnumber a {
background-image:url(images/btn_backnumber.jpg);
height:27px;
}

li#subscription a {
background-image:url(images/btn_subscription.jpg);
height:27px;
}

li#help a {
background-image:url(images/btn_help.jpg);
height:26px;
}

li#legal a {
background-image:url(images/btn_legal.jpg);
height:26px;
}

div#latest-book{
width:200px;
text-align:center;
margin-top:5px;
}

div#book-latest-info{
margin-left:45px;
}

div#btn-order{
width:200px;
text-align:center;
padding:5px 0 10px 0;
}

/* QUICK VOTE
------------------------------------------------------------ */
div#quickvote{
background-color:#FFF;
width: 200px;
border-top:solid 5px #E5E5E5;
}

/* QUICK CART
------------------------------------------------------------ */
div#quickcart{
background-color:#E5E5E5;
padding-top:5px;
}

/* TEXT AD
------------------------------------------------------------ */
div#text-ad-box{
background-color:#FFF;
border-top:solid 5px #E5E5E5;
font-size:12px;
padding:5px;
}

div#text-ad-box a{
font-size:14px;
font-weight:bold;
}

/* RIGHT AD
------------------------------------------------------------ */
div#right-ad-box{
background-color:#FFF;
width: 200px;
border-top:solid 5px #E5E5E5;
text-align:center;
padding-top:5px;
}

.right-ad{
clear:both;
margin:0;
}

/* PULLDOWN MENU
------------------------------------------------------------ */
div#content-menu{
margin:5px;
background-image:url(images/content_menu_bg.jpg);
padding:7px 0 0 150px;
*padding:5px 0 0 150px;
background-color:#667280;
height:27px;
}

div#archive-menu{
margin:5px;
background-image:url(images/archive_menu_bg.jpg);
padding:7px 0 0 130px;
*padding:5px 0 0 130px;
background-color:#667280;
height:27px;
}

div#genre-menu{
margin:5px;
background-image:url(images/genre_menu_bg.jpg);
padding:7px 0 0 130px;
*padding:5px 0 0 130px;
background-color:#667280;
height:27px;
}


/* SPECIAL
------------------------------------------------------------ */
div#special-detail-box{
width:480px;
margin:5px 10px 5px 10px;
}

div#special-detail-box h1{
font-size:16px;
margin:25px 0 10px 0;
width:480px;
}

div#special-detail-box h2{
font-size:14px;
width:480px;
}

/* INFORMATION
------------------------------------------------------------ */
div#info-detail-box{
width:480px;
margin:5px 10px 0 10px;
padding-bottom:5px;
}

div#info-detail-box h1{
color:#444;
font-size:16px;
margin:10px 0 10px 0;
}

/* MAIL MAGAZINE
------------------------------------------------------------ */
div#mailmaga-list-box{
width:468px;
margin:5px;
border:solid 1px #CB0063;
padding:10px;
background-color:#FFEEEE;
}

div#mailmaga-list-box h1{
margin:0;
font-size:14px;
border-left:solid 4px #CB0063;
padding-left:10px;
}

div#mailmaga-body-box{
width:468px;
margin:5px;
border-top:solid 4px #D2D4D3;
border-right:solid 1px #D2D4D3;
border-bottom:solid 1px #D2D4D3;
border-left:solid 1px #D2D4D3;
padding:10px;
}

div#mailmaga-body-box h1{
margin:0;
font-size:14px;
}

/* MOVIE
------------------------------------------------------------ */
div#movie-box:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}

div#movie-box{
border:solid 1px #D3D3D3;
margin:5px 5px 0 5px;
height:165px;
}

div#movie-box h1{
background-color:#667280;
color:#FFF;
font-size:12px;
margin:1px;
padding-left:8px;
}

div#movie-title{
float:left;
width:290px;
font-size:12px;
padding-left:10px;
margin-top:10px;
}

div#movie-box h2{
width:300px;
font-size:12px;
padding-left:10px;
margin-top:10px;
}

div#movie-thumb{
float:right;
width:160px;
padding:10px 10px 10px 0;
}

div#movie-data{
float:left;
width:290px;
font-size:12px;
color:#999;
padding-left:10px;
margin-top:10px;
}

div#movie-box-detail{
background-color:#8D9296;
border:solid 1px #D3D3D3;
margin:5px 5px 0 5px;
}

div#movie-box-detail h1{
margin:1px;
background-color:#667280;
color:#FFF;
font-size:12px;
text-align:center;
}

div#movie-flv{
text-align:center;
margin:5px 0 0 0;
}

div#movie-data2{
margin:5px 10px 20px 10px;
font-size:12px;
color:#FFF;
}

div#movie-text{
margin:10px;
font-size:12px;
color:#FFF;
}

div#movie-text a{
color:#FFF;
text-decoration:underline;
}

div#movie-notice{
margin:20px 10px 10px 10px;
font-size:10px;
color:#EDEDED;
}

div#movie-notice a{
color:#FFF;
text-decoration:underline;
}



div#movie-menu{
clear:both;
margin:5px;
}

#movie-menu ul{
list-style:none;
margin:0;
padding:0;
}

#movie-menu li{
background-image:url(images/arrow_movie.gif);
background-repeat:no-repeat;
background-position:1% 45%;
background-color:#E0E0E0;
border-bottom:solid 1px #CCCCCC;
color:#FFFFFF;
text-indent:30px;
}

#movie-menu li a{
background-image:url(images/arrow_movie.gif);
background-repeat:no-repeat;
background-position:1% 45%;
background-color:#E0E0E0;
display:block;
text-decoration:none;
font-size:12px;
padding:5px 10px 5px 30px;
color:#444;
text-indent:0;
}

#movie-menu li a:hover{
text-decoration:none;
background-color:#CCCCCC;
}

#page{
border:solid 1px #CCC;
margin:5px;
padding:10px;
text-align:center;
}

/* ABOUT
------------------------------------------------------------ */
div#about-box{
width:468px;
margin:5px;
border:solid 1px #D2D4D3;
padding:10px;
}

div#about-box h1{
margin:0;
font-size:14px;
border-left:solid 4px #666666;
padding-left:10px;
}

/* SHOP
------------------------------------------------------------ */
#shop-box:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}

div#shop-box{
width:468px;
margin:5px;
border:solid 1px #D2D4D3;
padding:10px;
}

div#photo{
float:left;
}

div#order-box{
float:right;
width:300px;
padding:5px;
border:solid 1px #DDD;
}

div#shop-box h1{
margin:0;
font-size:16px;
color:#CC4422;
}

div#shop-box h2{
margin:0;
font-size:14px;
}

div#shop-list-text{
float:right;
width:380px;
margin-left:5px;
}

div#shop-detail-text{
clear:both;
padding:5px;
border:solid 4px #DDD;
}

div#shop-menu{
clear:both;
margin:5px;
}

#shop-menu ul{
list-style:none;
margin:0;
padding:0;
}

#shop-menu li{
background-image:url(images/arrow_red.gif);
background-repeat:no-repeat;
background-position:2% 45%;
background-color:#E0E0E0;
border-bottom:solid 1px #CCCCCC;
color:#FFFFFF;
text-indent:20px;
}

#shop-menu li a{
background-image:url(images/arrow_red.gif);
background-repeat:no-repeat;
background-position:2% 45%;
background-color:#E0E0E0;
display:block;
text-decoration:none;
font-size:12px;
padding:5px 10px 5px 20px;
color:#444;
text-indent:0;
}

#shop-menu li a:hover{
text-decoration:none;
background-color:#CCCCCC;
}

/* RECOMMEND LIST
------------------------------------------------------------ */
div#recommend-box{
border:solid 1px #D3D3D3;
margin:5px 5px 0 5px;
}

#recommend-list-box:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}

div#recommend-list-box{
margin:1px;
background-color:#E0E0E0;
border-right:solid 16px #C1C1C1;
}

div#event-list-info{
float:left;
width:330px;
_width:320px;
margin:5px;
}

div#event-list-info h1{
margin:0;
font-size:12px;
}

div#event-list-info h2{
margin:0;
font-size:12px;
}

div#recommend-event{
float:left;
width:120px;
background-color:#667280;
margin:5px;
}

div#event-koushi{
float:left;
width:50px;
height:75px;
}

div#event-id{
float:left;
color:#FFFFFF;
background-image:url(images/event_id_bg.jpg);
background-repeat:no-repeat;
background-color:#667280;
width:70px;
height:45px;
font-size:38px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:30px;
}

div#event-date{
text-align:center;
color:#FFF;
background-color:#333;
width:120px;
}

div#event-list-another{
margin:5px;
padding:5px;
border:solid 1px #FFF;
background-color:#ededed;
}


div#recommend-menu{
clear:both;
margin:5px;
}

#recommend-menu ul{
list-style:none;
margin:0;
padding:0;
}

#recommend-menu li{
background-image:url(images/arrow_red.gif);
background-repeat:no-repeat;
background-position:2% 45%;
background-color:#E0E0E0;
border-bottom:solid 1px #CCCCCC;
color:#FFFFFF;
text-indent:20px;
}

#recommend-menu li a{
background-image:url(images/arrow_red.gif);
background-repeat:no-repeat;
background-position:2% 45%;
background-color:#E0E0E0;
display:block;
text-decoration:none;
font-size:12px;
padding:5px 10px 5px 20px;
color:#444;
text-indent:0;
}

#recommend-menu li a:hover{
text-decoration:none;
background-color:#CCCCCC;
}

/* RECOMMEND DETAIL
------------------------------------------------------------ */
#recommend-detail-box:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}

div#recommend-detail-box{
margin:1px;
background-color:#EAECEB;
border-bottom:solid 1px #EAECEB;
}

div#event-title-box{
float:left;
background-image:url(images/event_title_bg.jpg);
background-repeat:repeat-y;
background-color:#667280;
width:486px;
}

div#event-id-detail{
float:left;
color:#FFFFFF;
background-image:url(images/event_id_bg.jpg);
background-repeat:no-repeat;
background-color:#667280;
width:70px;
height:50px;
font-size:38px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-top:30px;
}

div#event-title{
float:left;
color:#FFF;
width:400px;
}

div#event-title h1{
margin:0;
color:#FFF;
font-size:14px;
padding:10px 0 0 10px;
}

div#event-title h2{
margin:0;
color:#FFF;
font-size:12px;
padding:10px 0 0 10px;
}

div#event-content{
float:left;
width:466px;
margin:0;
padding:10px 10px 0 10px;
*padding:10px;
}

div#event-content h3{
margin:0;
font-size:14px;
}

div#dancer-pr{
float:left;
background-color:#DDE0E0;
border-top:solid 1px #FFFFFF;
border-bottom:solid 1px #FFFFFF;
width:485px;
padding-bottom:5px;
}

div#dancer-photo{
float:left;
margin:0;
padding:10px;
width:50px;
}

div#dancer-text{
float:right;
width:400px;
margin:0;
padding-right:10px;
}

div#data{
clear:both;
margin-top:10px;
*margin-top:0;
padding:0 10px 10px 10px;
}

div#data table{
border:solid 1px #667380;
border-collapse:collapse;
background-color:#FFF;
}

div#data th{
border:solid 1px #667380;
text-align:left;
padding:2px 5px 2px 5px;
font-weight:100;
width:70px;
}

div#data td{
border:solid 1px #667380;
text-align:left;
padding:2px 5px 2px 5px;
}



div#event-notice{
text-align:center;
}

div#apply-btn{
text-align:center;
padding:10px;
}

/* CONTACT
------------------------------------------------------------ */
div#contact-box{
background-image:url(images/contact_bg.jpg);
width:468px;
margin:5px;
border:solid 1px #D2D4D3;
padding:10px;
}

div#contact-notice{
width:468px;
margin:5px;
padding:10px;
}

/* FOOTER
------------------------------------------------------------ */

div#partner-banner{
padding:10px;
clear:both;
text-align:center;
}

div#partner-banner img{
margin-left:5px;
}

div#about-navi{
clear:both;
text-align:center;
padding:0 10px 10px 10px;
}

div#copyright{
clear:both;
text-align:center;
padding:0 10px 10px 10px;
font-size:12px;
}

/* COMMON
------------------------------------------------------------ */
div#notice-box{
width:468px;
margin:5px;
border:solid 1px #CB0063;
padding:10px;
}