@charset "utf-8";

/* CSS Document */



@import "base.css";







.enter{ width:600px; margin:23% auto; text-align:center;}



.enter img{ margin-bottom:1.5em;}

.enter p{ margin-top:7.5em;}



.category{ text-align:right; font-size:95%;}

.category a{ text-align:right; margin-right:0.8em;}

.category_tit_r{ text-align:right; padding:0.4em; background-color:#CCCCCC; font-weight:bold; font-size:130%; margin:0.3em 0 1em;}

.category_tit_l{ text-align:left; padding:0.4em; background-color:#CCCCCC; font-weight:bold; font-size:130%; margin:0.3em 0 1em;}

.top{ text-align:right; margin-right:0.5em;}



.old_news{ margin:1em; text-align:center;}

.old_news div{ width:10em; background-color:#9AB5B4; color:#663300; text-align:center; margin-top:3em; margin-bottom:1em; padding:0.3em; border:#CCCCCC 1px solid;}



.back{ float:left;}

.next{ float:right;}



.strong{ font-weight:bold;}

.normal{ font-weight:normal;}



/* info */



.red_n{ color:#FF0000;}

.blue{ color:#0000FF;}

.news_title { background-color:#CCCCCC; font-size:95%; line-height:160%; font-weight:normal; padding:0.4em;}

.news_title p{ display:inline; padding-left:1.5em; color:#FF0000; font-weight:bold; font-size:120%; line-height:150%;}

.comment{ margin:1em; font-size:110%; line-height:160%;}

.comment p{ margin-bottom:2em;}





.info_title { background-color:#CCCCCC; padding:0.8em; overflow: hidden; font-size:140%; margin:0.1em 0 1em;}

* html .info_title { background-color:#CCCCCC;  padding-top:1.1em; padding-bottom:2.1em; overflow: auto; font-size:140%; margin:0.3em 0 1em;}

.info_title p{ display:inline; font-weight:bold; line-height:140%;}

.title{ color:#FF0000; width:75%; float:left;}

.day{ text-align:right; width:20%; float:right; font-size:80%;}



.select{ font-size:165%; font-weight:bold;}

.select a{ text-align:right; margin-right:0;}







.info_photo{ float:right; width:auto;}
.info_photo img{ margin:0.3em;  border:#333333 1px solid;}


#info h5{ font-weight:bold; font-size:120%; margin-bottom:0.3em;}

#info h5:first-letter{ font-size:110%; font-weight:normal;}

#info h5 span{ text-decoration:underline;}



#info ul{}

.li_red{ list-style:url(../info/img/list_red.gif); margin-left:1.7em;}

.li_black{ list-style:url(../info/img/list_black.gif); margin-left:1.7em;}



/* profile */

.profile_photo{ width: 505px; text-align: center; margin: auto; }
.photo_copy{ text-align:right;  font-size:85%;}

.year{ color:#628270; font-weight:bold; font-size:120%; margin:0.8em auto 0.5em;}

#profile dl{ padding-bottom:0.8em; border-bottom:#628270 1px solid; margin-bottom:1em;}

#profile .dl_last{ padding-bottom:0.8em; margin-bottom:1em; border:0;}

#profile dt{ font-weight:bold; font-size:120%;}

#profile dd{ padding-left:3em; padding-bottom:0.8em;}

.content{ padding-left:3em; padding-bottom:0.8em;}

.bottom{ padding-left:3em; padding-bottom:0.8em; border-bottom:#628270 1px solid; margin-bottom:1em;}







/* discs */





.item{ width:100%; margin-bottom:10px;}

.photo{ width:100px; padding:10px; float:left;}

.description{ width:430px; float:right; padding-top:10px;}

.description dt{ font-size:120%; font-weight:bold;}

.description dd{ margin-left:3em;}

.number{ font-size:80%; color:#999999;}









/* live */



.live_title{ background-color:#CCCCCC; color:#FF0000; font-weight:bold; margin-bottom:10px; padding:0.8em;}

.live_text{ background-color:#EEEEEE; margin:5px 20px; padding:1em; line-height:200%;}

#live dl{ width:500px; margin:auto;}

#live dt{ width:75px; background-color:#EEEEEE; padding:1.5em; font-weight:normal; font-size:100%; float:left; clear:left;}

#live dd{ margin-left:110px; background-color:#EEEEEE; margin-bottom:5px; padding:1.5em;}

#live .time{ background-color:#FFFFFF; padding:1.5em;}

#live .place{ background-color:#FFFFFF; padding:1.5em;}

#live .yen{ background-color:#FFFFFF; padding:1.5em;}

#live p{ margin:2em 25px 4em;}





/* bbs */



#bbs li{ margin-left:2em; list-style-type:disc; margin-bottom:0.3em;}

#bbs h5{ font-size:130%; margin:0 auto 0.7em;}

.center{ text-align:center; color:#628270; margin:2em auto; text-decoration:underline;}

.red{ font-size:160%; font-weight:bold; color:#FF0000; text-align:center; text-decoration:underline;}





.square{}



/* tape */



#tape dt{ font-size:120%; font-weight:bold; padding-left:0.4em;}

#tape dd{ margin:auto 2em;}

#tape ol{ margin-left:2em; margin-bottom:2em; display:block;}

#tape ol li{ list-style-type:decimal;}

#tape p{ margin-bottom:2em;}



.banner_link{ margin:auto 2em; line-height:130%; margin-bottom:2em;}



/* stuff */



#stuff dt{ margin-bottom:0.3em; font-size:95%;}

#stuff dd{ padding-left:3em;}

#stuff p{ margin-bottom:2em;}

.stuff_title{ font-size:140%; font-weight:bold;}





/* toyo */



.gallery li{ float:left; padding:5px;}

.toyo_title{ width:320px; text-align:center; margin:auto;}





.toyo_pop_tit{ width:auto; text-align:right; margin-right:2em;}

.toyo_pop p{  text-align:center;}

.toyo_photo{ width:auto; text-align:center; margin:2em auto;}

.toyo_photo p{ text-align:center;}

.toyo_button{ text-align:center; margin:auto;}



/* bbs */



#tbbs ul{ margin-bottom:2em;}

#tbbs li{ margin-left:2em; list-style-type:disc; margin-bottom:0.3em;}

#tbbs h5{ font-size:130%; margin:0 auto 0.7em;}

#tbbs .red{ font-size:160%; font-weight:bold; color:#FF0000; text-align:center; text-decoration:none;}



/* lib */



#lib h5{ font-size:100%; margin:0 auto 0.7em;}





/* mobile */



#mobile{ width:400px; margin:0 auto; font-size:120%;}



#mobile h4{ font-weight:bold; margin:3em auto 0.8em;}

.indent{ text-indent:0.5em; margin-bottom:0.4em;}



.mobilemenu{ border:#CCCCCC 1px solid; padding:4px; width:392px;}

.mobilemenu dl{ margin-bottom:0.5em;}



.homeroom dt{ width:85px; float:left;}

.homeroom dd{ margin-left:90px;}



.download dt{ width:87px; float:left;}

.download dd{ margin-left:92px;}



.movie dt{ width:55px; float:left;}

.movie dd{ margin-left:60px;}



.column dt{ width:71px; float:left;}

.column dd{ margin-left:76px;}



.present dt{ width:80px; float:left;}

.present dd{ margin-left:85px;}



.staffdiary dt{ width:123px; float:left;}

.staffdiary dd{ margin-left:128px;}



.qr{ padding:1.5em;}

.qr p{ margin-top:0.8em;}

.qrcord{ float:right;}



.explanation dl{ margin-bottom:0.3em;}

.explanation dt{ width:1.5em; float:left;}

.explanation dd{ margin-left:1.6em;}


/* event */

#event{ width:402px; margin:0 auto; font-size:120%;}

.new_years{ font-weight:bold; margin:0.8em 0.5em 3em auto; color:#666666; text-align:right; border-bottom:#666666 1px dashed}