@charset "euc-jp";

/*-----------------------------------------------------------------------
	リリースページ基本CSS
-------------------------------------------------------------------------*/

#main h2.comics { background: url(/release/images/title/comics.gif) no-repeat; }

#main h2.biblio { background: url(/release/images/title/biblio.gif) no-repeat; }

#main #notitle h3 { font-size: 100%; margin: 20px 0 0 30px; }
#main #notitle p { font-size: 90%; margin: 10px 0 0 30px; }
#main #notitle h4 { font-size: 90%; margin: 20px 10px 0 25px; padding: 5px 0 0 10px; }
#main #notitle h4.comics { background: #FFDFDF; border-bottom: 1px solid #CC2929; }
#main #notitle h4.biblio { background: #EAFFDF; border-bottom: 1px solid #53A600; }
#main #notitle h5 { font-size: 90%; }
#main #notitle img { margin: 0 10px 0 0; }
#main #notitle ul { margin: 0; }
#main #notitle li { margin: 0 5px 0 0; padding: 4px 0 0 12px; display: inline; background-position: 0; }

#main #notitle .wgroup,
#main #notitle .mgroup,
#main #notitle .ngroup { margin: 10px 10px 0 25px; padding: 10px 0 10px 5px; float: none; width: auto; height: auto; }

#main #notitle .wgroup p,
#main #notitle .mgroup p,
#main #notitle .ngroup p { margin: 0 0 0 5px; font-size: 70%; }

#main #notitle span { display: none; }

#main p.norelease { font-size: 90%; margin: 20px 0 40px 20px; }

#detail { margin: 15px 0 5px 20px; }
#detail img { margin: 0 9px 10px 0; border: 1px solid #333333; float: left; }
#detail hr { height: 20px; display: block; clear: both; }
*html #detail hr { height: 0px; display: block; clear: both; }
#detail ul { margin: 0; padding: 4px 0 0 220px; font-size: 90%; line-height: 150%; }
#detail li { border-bottom: 1px dotted #808080; font-size: 90%; padding: 6px 0 6px 0; }
#detail h4 { border-bottom: 1px dotted #808080; font-size: 90%; padding: 0 0 3px 20px; margin: 0 0 8px 0; }
*html #detail h4 { margin: 10px 0 8px 0; }
#detail h4.w { background: url(/release/images/buret/w.gif) no-repeat 0 2px; }
#detail h4.m { background: url(/release/images/buret/m.gif) no-repeat 0 2px; }
#detail h4.n { background: url(/release/images/buret/n.gif) no-repeat 0 2px; }
#detail p { font-size: 80%; padding: 0 0 0 5px; }
#detail p.w { border-top: 1px solid #ff00b3; background: #ffe5f7; margin: -8px 0 0 0; padding: 5px 5px 10px 10px; }
#detail p.m { border-top: 1px solid #00b2ff; background: #e5f7ff; margin: -8px 0 0 0; padding: 5px 5px 10px 10px; }
#detail p.n { border-top: 1px solid #ff9900; background: #fff7cc; margin: -8px 0 0 0; padding: 5px 5px 10px 10px; }
*html #detail p.w { margin: -8px 5px 0 0; }
*html #detail p.m { margin: -8px 5px 0 0; }
*html #detail p.n { margin: -8px 5px 0 0; }
#detail em { border-top: 1px dotted #999999; font-style: normal; display: block; margin: 10px 5px 0 0; padding: 8px 0 0 0; }

#detail span { color: #FFFFFF; float: left; display: block; text-align: center; margin: 0 10px 0 0; width: 80px; }
#detail .w span { background: #ff00b3; }
#detail .m span { background: #00b2ff; }
#detail .n span { color: #333333; background: #ffd900; }

#detail dl { padding: 4px; border: 1px solid #999999; background: #f2f2f2; width: 550px; clear: both; }
#detail dt { margin: 0 0 4px 0; padding: 5px 10px; color: #ffffff; background: #FF7F00; font-size: 90%; font-weight: bold; }
#detail .w dt { background: #ff00b3; }
#detail .m dt { background: #00b2ff; }
#detail .n dt { background: #ffd900; color: #333333; }
#detail dd { background: #ffffff; border: 1px solid #999999; padding: 5px 10px; font-size: 80%; }
#detail .w dd { background: #ffe5f7; }
#detail .m dd { background: #e5f7ff; }
#detail .n dd { background: #fff7cc; }
#detail dd a:hover { background: none; }

#buy { margin: 0 0 10px 0; height: 50px; background: #F2F2F2; }
*html #buy { margin: 20px 0 10px 0; }
#buy h4 { padding: 15px 0 0 0; height: 33px; font-size: 75%; font-weight: normal; border: 1px solid #cccccc; background: #e5e5e5; float: left; width: 120px; text-align: center; }
*html #buy h4 { /*\*/margin: 0; height: 36px;/**/ }
#buy ul { padding: 10px 0 0 130px; }
*html #buy ul { padding: 0; /*\*/padding: 10px 0 0 120px;/**/ }
#buy li { border: none; }
#buy li.amazon { background: url(/share_images/banner/amazon.gif) no-repeat; }
#buy li.seven { background: url(/share_images/banner/7net_88x31.gif) no-repeat; }
#buy li.tsutaya { background: url(/share_images/banner/tsutaya.gif) no-repeat; }
#buy li.amazon,#buy li.tsutaya, #detail li.seven { margin: 0 0 0 10px; width: 88px; text-indent: -9999px; float: left; }
#buy li.amazon a,#buy li.tsutaya a, #detail li.seven a { margin: -5px 0 0 0; height: 31px; display: block; }