@CHARSET "UTF-8";

/* Section - Static */
div#main section.static>h2 {
    margin: 0;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    color: #FFFFFF;
    text-shadow: -1px 0 1px #555555;
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    background: url(/images/parts/bg/black.jpg);
    border-radius: 5px 5px 0 0;
}

div#main section.static>div {
    margin: 0;
    padding: 10px;
    border: 1px solid #DDDDDD;
}

div#main section.static>div>article>h3 {
    margin: 15px 0;
    padding: 10px;
    line-height: 1.0em;
    font-size: 14px;
    background: #EEEEEE;
}

div#main section.static>div>article>h4 {
    margin: 25px 0 10px;
    padding: 5px 0;
    line-height: 1.0em;
    font-size: 14px;
    border-bottom: 1px solid #999999;
}

div#main section.static>div>article>p {
    margin: 10px 0;
    line-height: 1.75em;
}

div#main section.static>div>article>ol {
    margin: 10px 0;
    padding-left: 22px;
    line-height: 1.75em;
}

div#main section.static>div>article a.block {
    display: block;
    padding: 11px;
    text-decoration: none;
    border: 1px solid #FF0726;
    border-radius: 3px;
}

div#main section.static>div>article a.block:hover {
    background: #FFE8EB;
}

div#main section.static>div>article a.block>strong {
    padding-right: 16px;
    background: url(/images/parts/icon/arrow/circle-deep-orange-r.png) right
        center no-repeat transparent;
    font-size: 13px;
    color: #666666;
}

/* Section - Categories */
div#main section.anime, div#main section.movie, div#main section.music,
    div#main section.book, div#main section.bvc {
    margin: 0;
    padding: 0;
}

div#main section.anime>h2, div#main section.movie>h2, div#main section.music>h2,
    div#main section.book>h2, div#main section.bvc>h2 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    background-image: url('/images/parts/bg/categories.png');
    background-repeat: repeat-x;
    border-radius: 5px 5px 0 0;
}

div#main section.anime>h2>strong, div#main section.movie>h2>strong, div#main section.music>h2>strong,
    div#main section.book>h2>strong, div#main section.bvc>h2>strong {
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    height: 32px;
    white-space: nowrap;
    background-repeat: no-repeat;
    overflow: hidden;
}

div#main section.anime>h2>a, div#main section.movie>h2>a, div#main section.music>h2>a,
    div#main section.book>h2>a, div#main section.bvc>h2>a {
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    width: 75px;
    height: 32px;
    text-indent: 75px;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: right top;
    overflow: hidden;
}

div#main section.anime>div, div#main section.movie>div, div#main section.music>div,
    div#main section.book>div, div#main section.bvc>div {
    margin: 0;
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 0 0 5px 5px;
}

/* Section - Anime */
div#main section.anime>h2 {
    background-position: 0 0;
}

div#main section.anime>h2>strong, div#main section.anime>h2>a {
    background-image: url('/images/parts/bg/anime.png');
}

div#main section.anime>h2>strong {
    width: 107px;
    text-indent: 107px;
    background-position: left top;
}

div#main section.anime>h2>strong.reserve {
    width: 138px;
    text-indent: 138px;
    background-position: left center;
}

div#main section.anime>h2>strong.new {
    width: 74px;
    text-indent: 74px;
    background-position: left bottom;
}

div#main section.anime>h2>strong.recommend {
    width: 120px;
    text-indent: 120px;
    background-position: right bottom;
}

/* Section - Movie */
div#main section.movie>h2 {
    background-position: 0 -32px;
}

div#main section.movie>h2>strong, div#main section.movie>h2>a {
    background-image: url('/images/parts/bg/movie.png');
}

div#main section.movie>h2>strong {
    width: 115px;
    text-indent: 115px;
    background-position: left top;
}

div#main section.movie>h2>strong.new {
    width: 197px;
    text-indent: 197px;
    background-position: left center;
}

div#main section.movie>h2>strong.onair {
    width: 126px;
    text-indent: 126px;
    background-position: left bottom;
}

div#main section.movie>h2>strong.recommend {
    width: 116px;
    text-indent: 116px;
    background-position: right bottom;
}

/* Section - Music */
div#main section.music>h2 {
    background-position: 0 -64px;
}

div#main section.music>h2>strong, div#main section.music>h2>a {
    background-image: url('/images/parts/bg/music.png');
}

div#main section.music>h2>strong {
    width: 59px;
    text-indent: 59px;
    background-position: left top;
}

div#main section.music>h2>strong.reserve {
    width: 139px;
    text-indent: 139px;
    background-position: left bottom;
}

div#main section.music>h2>strong.new {
    width: 77px;
    text-indent: 77px;
    background-position: right bottom;
}

/* Section - Book */
div#main section.book>h2 {
    background-position: 0 -96px;
}

div#main section.book>h2>strong, div#main section.book>h2>a {
    background-image: url('/images/parts/bg/book.png');
}

div#main section.book>h2>strong {
    width: 106px;
    text-indent: 106px;
    background-position: left top;
}

div#main section.book>h2>strong.comic {
    width: 120px;
    text-indent: 120px;
    background-position: left bottom;
}

div#main section.book>h2>strong.etc {
    width: 119px;
    text-indent: 119px;
    background-position: right bottom;
}

/* Section - Bvc */
div#main section.bvc>h2 {
    background-position: 0 -128px;
}

div#main section.bvc>h2>strong, div#main section.bvc>h2>a {
    background-image: url('/images/parts/bg/bvc.png');
}

div#main section.bvc>h2>strong {
    width: 108px;
    text-indent: 108px;
    background-position: left top;
}

div#main section.bvc>h2>a {
    background-position: right top;
}

/* Section - Related Item */
div#main section.item-related {
    margin: 0;
    padding: 0;
    background: #E3F4F2;
}

div#main section.item-related>h2 {
    position: relative;
    margin: 0;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    color: #09A2C8;
    font-weight: normal;
    font-size: 13px;
    white-space: nowrap;
}

div#main section.item-related>div>div>ul>li {
    padding: 10px 20px;
    border-top: 1px dotted #93CCC5;
}

/* Section ReSchedule */
div#main section.reschedule {
    margin: 0;
    padding: 3px;
    height: 31px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

div#main section.reschedule>h2 {
    margin: 0;
    padding: 0;
    width: 160px;
    height: 31px;
    line-heihgt: 31px;
    text-indent: 160px;
    white-space: nowrap;
    background: url(/images/parts/bg/reschedule.png) left center no-repeat;
    overflow: hidden;
    float: left;
}

div#main section.reschedule>nav {
    width: 80px;
    height: 31px;
    line-height: 31px;
    font-size: 11px;
    text-align: center;
    float: right;
}

/* Section News */
div#main section.news {
    margin: 0;
    padding: 3px;
    height: 77px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

div#main section.news>h2 {
    margin: 0;
    padding: 0;
    width: 80px;
    height: 77px;
    line-heihgt: 77px;
    text-indent: 80px;
    white-space: nowrap;
    background: url(/images/parts/bg/news.png) left center no-repeat;
    overflow: hidden;
    float: left;
}

div#main section.news>nav {
    width: 80px;
    height: 77px;
    line-height: 77px;
    font-size: 11px;
    text-align: center;
    float: right;
}

div#main section.news>div {
    margin: 0 80px;
    padding: 0 5px;
    height: 77px;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

/* Section - Important */
div#main section.important {
    margin: 0;
    padding: 0;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    overflow: hidden;
}

div#main section.important>h2 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    background: url('/images/parts/bg/gray.png') left top repeat-x;
}

div#main section.important>h2>strong {
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 118px;
    height: 28px;
    text-indent: 118px;
    white-space: nowrap;
    background: url('/images/parts/bg/side.png') left top no-repeat;
    overflow: hidden;
}

div#main section.important>h2>a {
    position: absolute;
    top: 0;
    right: 5px;
    display: block;
    width: 57px;
    height: 28px;
    text-indent: 57px;
    white-space: nowrap;
    background: url('/images/parts/bg/side.png') right top no-repeat;
    overflow: hidden;
}

div#main section.important>div {
    margin: 0;
    padding: 5px;
}

/* Section - Keyword */
div#main section.keyword {
    margin: 0;
    padding: 0;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    overflow: hidden;
}

div#main section.keyword>h2 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    background: url('/images/parts/bg/gray.png') left bottom repeat-x;
}

div#main section.keyword>h2>strong {
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 119px;
    height: 28px;
    text-indent: 119px;
    white-space: nowrap;
    background: url('/images/parts/bg/side.png') left center no-repeat;
    overflow: hidden;
}

div#main section.keyword>div {
    margin: 0;
    padding: 5px;
    overflow: hidden;
}

/* Section - Ranking */
div#main section.ranking {
    margin: 0;
    padding: 0;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    overflow: hidden;
}

div#main section.ranking>h2 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    background: url('/images/parts/bg/gray.png') left bottom repeat-x;
}

div#main section.ranking>h2>strong {
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 121px;
    height: 28px;
    text-indent: 121px;
    white-space: nowrap;
    background: url('/images/parts/bg/side.png') right center no-repeat;
    overflow: hidden;
}

div#main section.ranking>div {
    margin: 0;
    padding: 5px;
}

/* Section - Official */
div#main section.official {
    margin: 0;
    padding: 0;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    overflow: hidden;
}

div#main section.official>h2 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    background: url('/images/parts/bg/gray.png') left bottom repeat-x;
}

div#main section.official>h2>strong {
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 115px;
    height: 28px;
    text-indent: 115px;
    white-space: nowrap;
    background: url('/images/parts/bg/side.png') left bottom no-repeat;
    overflow: hidden;
}

div#main section.official>div {
    margin: 0;
    padding: 5px;
}

/* Section - Gekkin */
div#main section.gekkin {
    margin: 0;
    padding: 0;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    overflow: hidden;
}

div#main section.gekkin>h2 {
    position: relative;
    margin: 0;
    padding: 0;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    background: url('/images/parts/bg/gray.png') left bottom repeat-x;
}

div#main section.gekkin>h2>a {
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    width: 154px;
    height: 28px;
    text-indent: 154px;
    white-space: nowrap;
    background: url('/images/parts/bg/side.png') right bottom no-repeat;
    overflow: hidden;
}

div#main section.gekkin>div {
    margin: 0;
    padding: 5px;
}

/* Section Layout - 2column */
div#main ul.section2 {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#main ul.section2>li {
    margin: 0 0 0 10px;
    padding: 0;
    width: 373px;
    float: left;
}

div#main ul.section2>li:first-child {
    margin: 0;
}

/* Section Layout - 3column */
div#main ul.section3 {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#main ul.section3>li {
    margin: 0 0 0 10px;
    padding: 0;
    width: 245px;
    float: left;
}

div#main ul.section3>li:first-child {
    margin: 0;
    width: 246px;
}

/* Section Content - Important */
div#main section>div.important>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#main section>div.important>ul>li {
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 11px;
    border-top: 1px dotted #CCCCCC;
}

div#main section>div.important>ul>li:first-child {
    margin: 0;
    padding: 0;
    border: none;
}

/* Section Content - News Small */
div#main section>div.news-small>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#main section>div.news-small>ul>li {
    margin: 0;
    padding: 0;
    height: 25px;
    line-height: 25px;
    border-top: 1px dotted #CCCCCC;
}

div#main section>div.news-small>ul>li:first-child {
    border: none;
}

div#main section>div.news-small>ul>li.new:before {
    margin-right: 3px;
    color: #FF0000;
    font-weight: bold;
    content: "NEW ";
}

/* Section Content - News Large */
div#main ul.section2>li>section>div.news-large>div, div#main ul.section2>li>section>div.news-large>dl
    {
    margin: 0;
    padding: 0;
    height: 184px;
}

div#main ul.section2>li>section>div.news-large>dl>dt {
    width: 132px;
    height: 184px;
    float: left;
}

div#main ul.section2>li>section>div.news-large>dl>dt>a {
    display: block;
}

div#main ul.section2>li>section>div.news-large>dl>dt>a>img {
    display: block;
    padding: 1px;
    max-width: 128px;
    max-height: 180px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

div#main ul.section2>li>section>div.news-large>dl>dd {
    margin: 5px 0 0 142px;
    padding: 5px 0 0 0;
    height: 54px;
    word-break: breal-all;
    word-wrap: break-word;
    border-top: 1px dotted #DDDDDD;
    overflow: hidden;
}

div#main ul.section2>li>section>div.news-large>dl>dd.first {
    margin: 0 0 0 142px;
    padding: 0;
    border: none;
}

div#main ul.section2>li>section>div.news-large>dl>dd.new:before {
    margin-right: 3px;
    color: #FF0000;
    font-weight: bold;
    content: "NEW ";
}

div#main ul.section3>li>section>div.news-large>div, div#main ul.section3>li>section>div.news-large>dl
    {
    margin: 0;
    padding: 0;
    height: 262px;
}

div#main ul.section3>li>section>div.news-large>dl>dt {
    width: 104px;
    height: 144px;
    float: left;
}

div#main ul.section3>li>section>div.news-large>dl>dt>a {
    display: block;
}

div#main ul.section3>li>section>div.news-large>dl>dt>a>img {
    display: block;
    padding: 1px;
    max-width: 100px;
    max-height: 140px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

div#main ul.section3>li>section>div.news-large>dl>dd {
    margin: 5px 0 0 114px;
    padding: 5px 0 0 0;
    height: 80px;
    word-break: breal-all;
    word-wrap: break-word;
    border-top: 1px dotted #DDDDDD;
    overflow: hidden;
}

div#main ul.section3>li>section>div.news-large>dl>dd.first {
    margin: 0 0 0 114px;
    padding: 0;
    border: none;
}

div#main ul.section3>li>section>div.news-large>dl>dd.new:before {
    margin-right: 3px;
    color: #FF0000;
    font-weight: bold;
    content: "NEW ";
}