@charset "euc-jp";

/*-----------------------------------------------------------------------
	共有サブメニューCSS
-------------------------------------------------------------------------*/

#sub { padding: 0 0 20px 0; float: left; width: 200px; position: relative; }
*+html #sub { padding: 0 0 10px 0; }

#sub h3 { margin: 10px 0 0 0; text-indent: -9999px; height: 51px; }
#sub h3 a { display: block; height: 51px; }

#sub .submenu { position: relative; }

#sub h4 { padding: 5px 5px 5px 37px; width: 158px; border-bottom: 1px solid #ff7f00; font-size: 80%; }
#sub p { padding: 10px 0 0 0; font-size: 80%; }
#sub h5 { margin: 10px 0 0 0; background: url(/share_images/banner/to7andy.jpg) no-repeat; width: 200px; height: 220px; }

#sub .new { padding: 10px 0; }
#sub #info { padding: 10px 0; }
#sub #info h4 { background: url(/share_images/buret/info.gif) no-repeat 10px 3px #ffe5cc; }
#sub #info h4 a:hover { color: #cc6600; }
#sub #info p { padding: 5px 0 0 5px; font-size: 70%; line-height: 130%; }
#sub #info p span { color: #FF6600; }
#sub #info p strong { font-weight: normal; }
#sub #info .line { background: url(/share_images/dotline.gif) repeat-x 0 -1px; margin: 0; clear: both; width: 200px; height: 6px; }

#sub p img { border: 1px solid #333333; }

#sub .submenu span { font-size: 85%; letter-spacing: 1px; }

#sub .submenu dt { padding: 4px 0 0 24px; font-size: 80%; height: 36px; font-weight: bold; line-height: 100%; }
*html #sub .submenu dt { font-size: 12px; }
*+html #sub .submenu dt { font-size: 12px; }

#sub .submenu dt a { display: block; padding: 8px 0 0 24px; margin: -4px 0 0 -24px; height: 32px; color: #333333; text-decoration: none; }
*html #sub .submenu dt a { padding: 10px 0 0 24px; height: 30px; }
*+html #sub .submenu dt a { padding: 10px 0 0 24px; height: 30px; }

#sub .submenu dd { display: none; text-align: right; font-weight: bold; font-size: 75%; }
#sub .submenu dd br { display: none; }

#sub .submenu dd a { padding: 6px 5px 0 20px; height: 24px; display: block; text-decoration: none; color: #333333; border-bottom: 1px solid #FFFFFF; }
#sub .submenu dd a:hover { text-decoration: none; color: #333333; }

#sub .release { margin: 10px 0 0 0; background: url(/share_images/sub/bg.gif) repeat-y; }
#sub .release h4 { padding: 0; width: 200px; /*background: url(/share_images/sub/newrelease.gif) no-repeat;*/ height: 50px; text-indent: -9999px; border: none; }
#sub .release h4.today { background: url(/share_images/sub/today.gif) no-repeat; }
#sub .release h4.newcomics { background: url(/share_images/sub/newcomics.gif) no-repeat; }
#sub .release h4.newbiblio { background: url(/share_images/sub/newbiblio.gif) no-repeat; }
#sub .release h4.newmagazine { background: url(/share_images/sub/newmagazine.gif) no-repeat; }
#sub .release h4.todaycomics { background: url(/share_images/sub/todaycomics.gif) no-repeat; }
#sub .release h4.todaybiblio { background: url(/share_images/sub/todaybiblio.gif) no-repeat; }
#sub .release h4.todaymagazine { background: url(/share_images/sub/todaymagazine.gif) no-repeat; }
#sub .release h4 a { display: block; height: 40px; }
#sub .release img { border: 1px solid #333333; }
#sub .release p { text-align: center; padding: 3px 10px; font-size: 70%; line-height: 120%; }
#sub .release .line { margin: 0; width: 200px; background: url(/share_images/sub/footer.gif) no-repeat; height: 10px; }
#sub .release hr { display: none; }

/*#sub #ad dl { text-indent: -9999px; margin: 10px 0 0 0; background: url(/share_images/banner/to7andy.jpg) no-repeat; width: 200px; height: 220px; position: relative; }
#sub #ad dd.s_aya { position: absolute; top: 52px; left: 10px; background: none; }
#sub #ad dd.y_aya { position: absolute; top: 52px; left: 104px; background: none; }
#sub #ad a { display: block; width: 86px; height: 124px; }
#sub #ad a:hover { background: none; }*/

#sub #ad ul { text-indent: -9999px; margin: 10px 0 0 0; background: url(/share_images/banner/schedule.jpg) no-repeat; width: 200px; height: 169px; position: relative; }
#sub #ad li.schedule { position: absolute; top: 15px; left: 8px; }
#sub #ad li.store { position: absolute; top: 65px; left: 8px; }
#sub #ad li.english { position: absolute; top: 115px; left: 8px; }
/* #sub #ad li.aurora { position: absolute; top: 165px; left: 8px; } */
#sub #ad a { display: block; width: 184px; height: 40px; }

#sub #otherbanner { margin: 10px 0 0 0; text-align: center; }


#sub #kyodo { padding: 10px 0 3px 0; }
#sub #kyodo p { padding: 5px 0 0 0px; font-size: 70%; line-height: 130%; }