@charset "UTF-8";

/* Table of Contents
--------------------------
  Layout Settings
  Detail Settings
-------------------------- */


/* Layout Settings
-------------------------- */
div#contents { padding: 12px 0 0 0; }
div#innerbox{ float: left; width: 690px; padding: 0 0 0 12px; }
div#main { float:right; width: 450px; margin: 0; }
div#btoc { float: left; width: 200px; margin: 0; }
div#btob { float:right; width: 200px; margin: 0 12px 0 0; display: inline; }


/* Detail Settings
-------------------------- */

/* HEADER SETTINGS */
h1 { position: absolute; }
ul#mainmenu { margin: 20px 2px 20px 2px; }
ul#mainmenu li a{ background: url(../common/img/mainmenu_top.gif) no-repeat; }

/* CONTENTS SETTINGS */
div#contents { background: url(../img/top_contents_bg.png) no-repeat top left; min-height: 1px; }
* html div#contents { height: auto; }
div#btoc div.banner,
div#btoc div.qr,
div#btoc div.info { margin: 0 0 10px 0; }

div#main div.block { margin: 0 0 20px 0; }
div#main div#news li{ margin: 10px 5px 0 5px; padding: 0 0 10px 0;  font-size: 110%; background: url(../common/img/border_dotted.gif) repeat-x left bottom; }
div#main div#news li p.date { background: url(../common/img/icon_arrow_orange.gif) no-repeat 0px 1px; padding: 0 0 0 15px;}
div#main div#news li p.text { padding: 0 0 0 15px;}
div#main div#news li p.text strong { font-weight: bold; }
div#main div#schedule li{ margin: 10px 5px 0 5px; padding: 0 0 10px 0;  font-size: 110%; background: url(../common/img/border_dotted.gif) repeat-x left bottom; }
div#main div#schedule li p.date { background: url(../common/img/icon_arrow_orange.gif) no-repeat 0px 1px; padding: 0 0 0 15px;}
div#main div#schedule li p.text { padding: 0 0 0 15px;}
div#main div#schedule li p.text strong { font-weight: bold; }
div#main div#discography li.item{ margin: 10px 5px 0 5px; padding: 0 0 10px 0;  font-size: 110%; background: url(../common/img/border_dotted.gif) repeat-x left bottom; }
div#main div#discography li.item p.img { float:left; width: 100px; }
div#main div#discography li.item p.img img{ border: 1px solid #ddd; }
div#main div#discography li.item div.info { float:right; width: 340px; }
div#main div#discography li.item div.info p.title{ font-weight: bold; font-size: 120%; padding: 0 0 5px 0; }
div#main div#discography li.item div.info ul.link{ padding: 5px 0 0 0;}
div#main div#discography li.item div.info ul.link li {float: right; margin: 0 0 0 15px; padding: 0 0 0 15px; background: url(../common/img/icon_arrow_orange.gif) no-repeat 0px 1px;}
/* FOOTER SETTINGS */
div#footer { background: url(../img/top_contents_bg_bottom.png) no-repeat top left; }