@charset "utf-8";

/* global.css */

/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
}

#table{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

img{
border:0;
}

a:link{
color:#000;
}
a:visited{
color:#333;
}
a:hover{
color:#333;
text-decoration:none;
}
a:active{
color:#000;
}

/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
width:100%;
height:100%;
}

body{
width:100%;
height:100%;
font-size:12px;
color:#000;
line-height:1.6;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
background:url(../img/all_bg01.gif) repeat-y top center;
}

#wrap{
width:760px;
margin:0 auto;
text-align:left;
background:#fff;
}


/*------------------------------------------------
   Default
------------------------------------------------*/

/* float */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */

.fleft{float:left;}
.fright{float:right;}

/* text */
.lh01{line-height:1;}
.lh02{line-height:1.1;}
.lh03{line-height:1.2;}
.lh04{line-height:1.3;}
.lh05{line-height:1.4;}
.lh06{line-height:1.5;}
.lh07{line-height:1.6;}
.lh08{line-height:1.7;}
.lh09{line-height:1.8;}
.lh10{line-height:1.9;}
.lh11{line-height:2;}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}

.blt{font-weight:bold;}
.nlt{font-weight:normal;}

.mint{font-size:10px;}
.bigt{font-size:14px;}

.alignl{text-align:left;}
.alignc{text-align:center;}
.alignr{text-align:right;}

.valignt{vertical-align:top;}
.valignm{vertical-align:middle;}
.valignb{vertical-align:bottom;}

.black01{color:#000000;}
.glay01{color:#333333;}
.glay02{color:#666666;}
.glay03{color:#999999;}
.blue01{color:#003366;}
.blue02{color:#006699;}
.blue03{color:#0099cc;}
.red01{color:#cc0000;}
.red02{color:#990000;}
.red03{color:#CC3300;}
.orange01{color:#FF9900;}
.orange02{color:#FF6600;}
.green01{color:#339900;}
.green02{color:#006600;}

.ct01{color:#000;}
.ct02{color:#000;}
.ct03{color:#000;}

/* margin */
.mat01{margin-top:5px;}
.mat02{margin-top:10px;}
.mat03{margin-top:15px;}
.mat04{margin-top:20px;}
.mat05{margin-top:25px;}
.mat06{margin-top:30px;}
.mat07{margin-top:35px;}
.mat08{margin-top:40px;}
.mat09{margin-top:45px;}
.mat10{margin-top:50px;}

.mar01{margin-right:5px;}
.mar02{margin-right:10px;}
.mar03{margin-right:15px;}
.mar04{margin-right:20px;}
.mar05{margin-right:25px;}
.mar06{margin-right:30px;}
.mar07{margin-right:35px;}
.mar08{margin-right:40px;}
.mar09{margin-right:45px;}
.mar10{margin-right:50px;}

.mab01{margin-bottom:5px;}
.mab02{margin-bottom:10px;}
.mab03{margin-bottom:15px;}
.mab04{margin-bottom:20px;}
.mab05{margin-bottom:25px;}
.mab06{margin-bottom:30px;}
.mab07{margin-bottom:35px;}
.mab08{margin-bottom:40px;}
.mab09{margin-bottom:45px;}
.mab10{margin-bottom:50px;}

.mal01{margin-left:5px;}
.mal02{margin-left:10px;}
.mal03{margin-left:15px;}
.mal04{margin-left:20px;}
.mal05{margin-left:25px;}
.mal06{margin-left:30px;}
.mal07{margin-left:35px;}
.mal08{margin-left:40px;}
.mal09{margin-left:45px;}
.mal10{margin-left:50px;}


/* padding */
.pat01{padding-top:5px;}
.pat02{padding-top:10px;}
.pat03{padding-top:15px;}
.pat04{padding-top:20px;}
.pat05{padding-top:25px;}
.pat06{padding-top:30px;}
.pat07{padding-top:35px;}
.pat08{padding-top:40px;}
.pat09{padding-top:45px;}
.pat10{padding-top:50px;}

.par01{padding-right:5px;}
.par02{padding-right:10px;}
.par03{padding-right:15px;}
.par04{padding-right:20px;}
.par05{padding-right:25px;}
.par06{padding-right:30px;}
.par07{padding-right:35px;}
.par08{padding-right:40px;}
.par09{padding-right:45px;}
.par10{padding-right:50px;}

.pab01{padding-bottom:5px;}
.pab02{padding-bottom:10px;}
.pab03{padding-bottom:15px;}
.pab04{padding-bottom:20px;}
.pab05{padding-bottom:25px;}
.pab06{padding-bottom:30px;}
.pab07{padding-bottom:35px;}
.pab08{padding-bottom:40px;}
.pab09{padding-bottom:45px;}
.pab10{padding-bottom:50px;}

.pal01{padding-left:5px;}
.pal02{padding-left:10px;}
.pal03{padding-left:15px;}
.pal04{padding-left:20px;}
.pal05{padding-left:25px;}
.pal06{padding-left:30px;}
.pal07{padding-left:35px;}
.pal08{padding-left:40px;}
.pal09{padding-left:45px;}
.pal10{padding-left:50px;}

.paa01{padding:5px;}
.paa02{padding:10px;}
.paa03{padding:15px;}
.paa04{padding:20px;}

/* end of global.css */

#boxtitle {height:22px;text-align:center;vertical-align:middle;font-size:16px;line-height:22px;font-weight:bold;border:1px solid #920000;background:#920000;color:#ffffff;}
#boxunder {border-right:1px solid #920000;border-left:1px solid #920000;border-bottom:1px solid #920000;}


/* base.css */

/* CSS Document */

.nav:after {
content: ".";
display: block;
clear: both;
font-size: 0;
height: 0;
line-height: 1;
visibility: hidden;
}

.nav {
list-style: none;
display: inline-block;
}

.nav li {
float: left;
}

html {
overflow-y: scroll;
}

body {
font-size: 14px;
background: url(../img/all_body_bg.jpg) center top no-repeat #000;
}

#wrp {
width: 990px;
margin: 5px auto 0;
padding: 10px 0 2px;
background: url(../img/all_wrp_bg.jpg) center top no-repeat;
}

/*------------------------------------------------
hdr
------------------------------------------------*/
#hdrWrp {
background: url(../img/all_nav_bg.jpg) center top no-repeat #5d0000;
height: 80px;
}

#hdr {
position: relative;
width: 990px;
margin: 0 auto;
}

#hdr h1 {
position: absolute;
top: 0;
left: 15px;
}

#hdr h2 {
position: absolute;
top: 6px;
left: 235px;
}

#hdr h3 {
position: absolute;
top: 34px;
left: 395px;
color: #fff;
font-size: 12px;
line-height: 15px;
}

#hdr h3 * {
vertical-align: middle;
}

#hdr h3 img {
margin-right: 5px;
}

/*------------------------------------------------
primary
------------------------------------------------*/
#primary {
position: absolute;
right: 15px;
top: 8px;
}

#primary li {
line-height: 1em;
padding: 0 5px;
border-right: 1px solid #fff;
}

#primary li.last {
border: none;
}

#primary li a {
color: #fff;
}

/*------------------------------------------------
search
------------------------------------------------*/
#search {
position: absolute;
right: 15px;
top: 26px;
}

#search * {
vertical-align: middle;
}

#search option {
padding-right: 10px;
}

#search .text {
width: 140px;
}


/*------------------------------------------------
navigation
------------------------------------------------*/
#navWrp {
position: absolute;
top: 54px;
padding-left: 15px;
}

#navWrp ul {
float: left;
}

#navWrp #blaNav {
width: 213px;
x-padding-left: 195px;
padding-left: 128px;
xx-padding-left: 40px;
background: url(../img/all_blaNav_bg.jpg) left top no-repeat;
}

#navWrp #blaNav li {
margin-right: 10px;
}

#navWrp #blaNav li.last {
margin-right: 0;
}

#navWrp #greNav {
width: 144px;
padding: 0 12px 0 13px;
background: url(../img/all_greNav_bg.jpg) left top no-repeat;
}

/*------------------------------------------------
control part
------------------------------------------------*/
#ctrlInr {
position: relative;
width: 880px;
height: 40px;
margin: 0 auto;
background: url(../img/all_ctrl_border.gif) left bottom no-repeat;
}

#ctrlInr h2 {
position: absolute;
top: 15px;
left: 10px;
display: inline;
font-size: 18px;
line-height: 18px;
}

#ctrlInr h2 * {
vertical-align: text-bottom;
}

#ctrlInr h2 img {
margin-right: 15px;
}

* html #ctrlInr h2 * {
vertical-align: middle /*IE6*/;
}

*+html #ctrlInr h2 * {
vertical-align: middle /*IE7*/;
}

#ctrlSub {
width: 860px;
margin: 10px auto;
}

#ctrlSub dl {
width: 860px;
margin: 10px auto;
}

#ctrlSub h3 {
float: left;
margin-right: 10px;
}

#ctrlSub .nav {
float: left;
margin-right: 20px;
}

#ctrlSub li {
margin-right: 10px;
}

#ctrlTtl {
width: 862px;
height: 33px;
margin: 0 auto;
line-height: 33px;
background: url(../img/sec_ttl_bg.gif) left top no-repeat;
}

#ctrlTtl h3 {
margin: 0 15px;
}


/*------------------------------------------------
book
------------------------------------------------*/
#book {
position: relative;
width: 970px;
padding-bottom: 30px;
margin: 0 10px;
background: url(../img/all_book_body.jpg) center bottom repeat-y;
}

#book #ctrl {
min-height: 115px;
background: url(../img/all_book_top.jpg) center top no-repeat;
}

* html #book #ctrl {
height: 115px;
}

#book #btmInr {
position: relative;
width: 900px;
padding-bottom: 10px;
margin: 0 auto;
}

#book #btmInr #nextBtn {
position: absolute;
right: 10px;
}

#book #btmInr #prevBtn {
position: absolute;
left: 10px;
}

#book #return {
position: absolute;
bottom: 50px;
left: -20px;
}

/*------------------------------------------------
footer
------------------------------------------------*/
#ftr {
position: relative;
width: 970px;
margin: 0 auto;
padding-bottom: 60px;
color: #fff;
font-size: 9px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#ftr a {
color: #fff;
}

#ftr #linkList p {
white-space: nowrap;
}

#ftr h2 {
position: absolute;
right: 15px;
top: 40px;
}

#ftr #ftrPrimary {
position: absolute;
top: 45px;
}

#ftr #ftrPrimary li {
margin-right: 2px;
}


/* end of base.css */

/* cssx=index/indicial/contents/new/genre */

/* index.css */

/* CSS Document */

.index #ctrlInr a {
position: absolute;
top: 15px;
right: 10px;
padding-left: 20px;
background: url(../img/ind_best_icon.gif) left center no-repeat;
}

.index #main {
width: 863px;
margin: 0 auto 10px;
/*
position: relative;
top: -50px;
*/
margin-top: -50px;
}

.index #main #man {
margin-bottom: 10px;
}

.index #main td {
vertical-align: top;
padding-right: 5px;
}

.index #main h3 {
float: left;
width: 35px;
padding: 20px 15px 0 0;
}

.index #main td {
width: 36px;
}

/*
.index #main td a {
display: block;
padding-top: 15px;
background: url(../img/ind_genre_hdr02.gif) left top no-repeat;
}
*/

.index #main td img {
display: block;
}



/*
.index #main td a:hover {
background: url(../img/ind_genre_hdr02_on.gif) left top no-repeat;
}

.index #main td.ttl a {
width: 36px;
background: none;
}

.index #main td.special a {
width: 76px;
background: url(../img/ind_genre_hdr01.gif) left top no-repeat;
}

.index #main td.special a:hover {
background: url(../img/ind_genre_hdr01_on.gif) left top no-repeat;
}
*/


/*renew-----------------------------------------------------------------------------------*/

.index #main02 {
width: 864px;
margin: 0 auto 10px;
margin-top: -60px;
}

.index #main02 #man02 {
margin-bottom: 10px;
}

.index #main02 td {
vertical-align: top;
}

.index #main02 h3 {
float: left;
width: 35px;
padding: 20px 15px 0 0;
}

.index #main02 td img {
display: block;
}

.index #gln a:link {
color:#0000ff;
}
.index #gln a:visited {
color:#0000ff;
}
.index #gln a:hover {
color:#0000ff;
text-decoration:none;
}
.index #gln a:active {
color:#0000ff;
}

.index #cluln a:link {
color:#920000;
text-decoration:none;
font-weight:bold;
}
.index #cluln a:visited {
color:#920000;
text-decoration:none;
font-weight:bold;
}
.index #cluln a:hover {
color:#920000;
text-decoration:none;
font-weight:bold;
}
.index #cluln a:active {
color:#920000;
text-decoration:none;
font-weight:bold;
}

/*new-----------------------------------------------------------------------------------*/

.index #main02 td.new3 {
width:300px;
}

.index #main02 td.new4 {
width:60px;
height:300px;
border:3px solid #920000;
}

.index #main02 table.new5 {border:1px solid #920000;}


.index #main02 td.new5 {
width:304px;
height:300px;
color:#920000;
font-weight:bold;
font-size:14px;
line-height:20px;
border-top:3px solid #920000;
border-right:3px solid #920000;
border-bottom:3px solid #920000;
}

.index #main02 td.new5 img {
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);
}

.index #main02 td.new5-1 {height:16px;width:560px;font-size:13px;line-height:16px;text-align:center;border-bottom:1px dotted #920000;}

.index #main02 td.new5-1 a {color:#000000;font-weight:bold;font-size:13px;}
.index #main02 td.new5-1 a:link {display:block; margin: 0 0 ; padding:2px 6px; line-height:1em; text-decoration:none;}
.index #main02 td.new5-1 a:visited {display:block; margin: 0 0 ; padding:2px 6px; line-height:1em; text-decoration:none;}
.index #main02 td.new5-1 a:hover {display:block; margin: 0 0 ; padding:2px 6px; line-height:1em; text-decoration:underline;}
.index #main02 td.new5-1 a:active {display:block; margin: 0 0 ; padding:2px 6px; line-height:1em; text-decoration:none;}

.index #main02 td.new5-1 img {
height:100px;
}

.index #main02 td.new5-2 {width:100px;text-align:center;color:#000000;font-weight:bold;font-size:14px;line-height:20px;}

.index #main02 td.new5-2 img {padding:0 0 0 0;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);}

.index #main02 td.new5-3 {width:560px;color:#000000;text-align:left;font-size:13px;line-height:14px;padding:8px 0 0 0;}
.index #main02 td.new5-3 a.title {color:#920000;font-weight:bold;font-size:13px;line-height:15px;}
.index #main02 td.new5-3 a.author {color:#000000;font-weight:bold;font-size:13px;line-height:15px;}
.index #main02 td.new5-3 a.explan {color:#0000ff;}

.index #main02 td.new5-3 a.title:link {text-decoration:none;}
.index #main02 td.new5-3 a.title:visited {text-decoration:none;}
.index #main02 td.new5-3 a.title:hover {text-decoration:underline;}
.index #main02 td.new5-3 a.title:active {text-decoration:none;}

.index #main02 td.new5-3 a.author:link {text-decoration:none;}
.index #main02 td.new5-3 a.author:visited {text-decoration:none;}
.index #main02 td.new5-3 a.author:hover {text-decoration:underline;}
.index #main02 td.new5-3 a.author:active {text-decoration:none;}

.index #main02 td.new5-3 a.explan:link {text-decoration:none;}
.index #main02 td.new5-3 a.explan:visited {text-decoration:none;}
.index #main02 td.new5-3 a.explan:hover {text-decoration:underline;}
.index #main02 td.new5-3 a.explan:active {text-decoration:none;}

.index #main02 td.new5-4 {vertical-align:bottom;width:80px;text-align:center;color:#000000;font-weight:bold;font-size:14px;line-height:20px;}
.index #main02 td.new5-4 img {padding:0 0 0 0;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);}

.index #main02 .new6-1 {width:300px;border:1px solid #000000;margin-bottom:10px;font-size:12px;line-height:14px;}
.index #main02 .new6-1-0 {height:16px;background:#000000;color:#ffffff;text-align:right;vertical-align:middle;padding-right:5px;}

.index #main02 .new6-2 {
width:300px;
height:160px;
border:2px solid #920000;
margin-bottom:10px;
}

.index #main02 .new6-2-0 {
height:16px;
background: url(../img/t_today2.gif) left center no-repeat;
font-size:12px;
line-height:14px;
color:#ffffff;
text-align:right;
vertical-align:middle;
padding-right:5px;
}

.index #main02 .new6-2-1 {
width:90px;
padding:3px;
text-align:center;
vertical-align:middle;
font-size:12px;
line-height:14px;
}

.index #main02 .new6-2-1 img {
height:80px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2); 
}

.index #main02 .new6-2-2 {
width:136px;
height:44px;
padding:2px 2px 0 0;
vertical-align:middle;
color:#920000;
font-weight:bold;
font-size:12px;
line-height:14px;
}

.index #main02 .new6-2-3 {
width:136px;
height:61px;
padding:1px 2px 2px 0;
vertical-align:top;
font-size:12px;
line-height:14px;
}

.index #main02 .new6-2-4 {
width:68px;
height:19px;
text-align:center;
vertical-align:top;
}

.index #main02 .new6-3 {width:300px;height:192px;border:1px solid #920000;}
.index #main02 .new6-3-0 {margin:3px 5px 0px 5px;text-align:center;vertical-align:middle;}
.index #main02 .new6-3-1 {width:64px;height:80px;text-align:center;vertical-align:middle;}
.index #main02 .new6-3-2 {height:80px;text-align:left;vertical-align:middle;font-size:12px;line-height:14px;}
.index #main02 .new6-3-3 {width:64px;height:88px;text-align:center;vertical-align:middle;}
.index #main02 .new6-3-3 img {height:80px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);}
.index #main02 .new6-3-4 {height:88px;text-align:left;vertical-align:middle;font-size:12px;line-height:14px;}

.index #main02 .colum_title {
font-weight:bold;
color:#920000;
}

.index #main02 .ymd {
font-size:10px;
line-height:12px;
}

.index #book #btmInr #BackgenreBtn {
position: absolute;
right: 40px;
}

.index #main02 span.first02 {
background: url(../img/gen_rank_icon01.gif) left center no-repeat;
font-weight: bold;
padding-left:30px;
}

.index #main02 span.second02 {
background: url(../img/gen_rank_icon02.gif) left center no-repeat;
font-weight: bold;
padding-left:30px;
}

.index #main02 span.first02 {background: url(../img/gen_rank_icon01.gif) left center no-repeat;font-weight: bold;padding-left:30px;}
.index #main02 span.second02 {background: url(../img/gen_rank_icon02.gif) left center no-repeat;font-weight: bold;padding-left:30px;}
.index #main02 span.second03 {background: url(../img/gen_rank_icon03.gif) left center no-repeat;font-weight: bold;padding-left:30px;}

/*-----------------------------------------------------------------------------------*/


/* end of index.css */

/* indicial.css */

/* CSS Document */

.indicial #ctrlSub a {padding: 2px 0 2px 13px;}
.indicial #subIcon01 {background: url(../img/new_select01_icon01.gif) left center no-repeat;}
.indicial #subIcon02 {background: url(../img/new_select01_icon02.gif) left center no-repeat;}

.indicial #ctrlSub .nav {
margin-right: 10px;
}

.indicial #ctrlSub .nav a.current {
font-weight: bold;
color: #920000;
}



.indicial #ctrlSub .nav.char li{
margin: 0;
padding: 0;
}

* html .indicial #ctrlSub .nav li {
margin-left: -1px;
}

.indicial #ctrlSub .nav.char li a {
padding: 0;
}

.indicial #main {
position: relative;
top: -30px;
width: 860px;
margin: 0 auto;
}

.indicial #main .sectionWrp {
min-height: 600px;
background: url(../img/pi_bg.jpg) left top repeat-y;
}

* html .indicial #main .sectionWrp {
height: 600px;
}

.indicial #main .section {
float: left;
width: 168px;
margin: 0 2px;
display: inline;
}

.indicial #main .section h3 {
margin-bottom: 5px;
text-align: center;
color: #fff;
background: #920000;
}

.indicial #main .section li {
list-style: none;
line-height: 1.2;
padding: 0 10px 5px 5px;
margin-bottom: 5px;
background: url(../img/all_dotted_border.jpg) left bottom no-repeat;
}

.indicial #main .section a.new {
padding-left: 30px;
background: url(../img/pi_newIcon.gif) left 2px no-repeat;
}

.indicial #main .section li a {
color: #00f;
text-decoration: none;
}

.indicial #main .section li a:hover {
text-decoration: underline;
}

.indicial #btmIndex {
clear: both;
width: 860px;
margin: 0 auto 10px;
}

.indicial #btmIndex li {
float: left;
display: inline;
width: 168px;
margin: 0 2px;
background: #920000;
color: #fff;
list-style: none;
text-align: center;
font-weight: bold;
font-size: 16px;
}

.indicial #main .pageTop {
clear: both;
width: 860px;
height: 22px;
margin: 0 auto;
background: #e9cccc;
text-align: right;
}

.indicial #main .pageTop img {
margin: 5px 10px;
}

.indicial #btm {
padding-top: 10px;
background: url(../img/all_dotted_border.jpg) center top no-repeat;
}



/* end of indicial.css */

/* contents.css */

/* CSS Document */

.contents #column {
width: 866px;
margin: 0 auto 10px;
margin-top: -55px;
}

.contents #column_2 {
width: 866px;
margin: 0 auto;
}

.contents #column_2 a:link {
color:#0000ff;
text-decoration:none;
}

.contents #column_2 a:visited {
color:#0000ff;
}

.contents #column_2 a:hover {
color:#0000ff;
text-decoration:none;
}

.contents #column_2 a:active {
color:#0000ff;
}

.contents #column td.clm2-1 {
width:350px;
vertical-align: top;
}

.contents #column td.clm2-2 {
color:#000000;
padding: 5px;
font-size:12px;
line-height:14px;
vertical-align: top;
}

.contents #column td.clm2-3 {
font-size:14px;
font-weight:bold;
text-align:right;
padding:0 8px 8px 12px;
}

.contents #column td.clm2-4 {
width:350px;
vertical-align: top;
}

.contents .tx10 {font-size: 10px; line-height: 14px}
.contents .tx11 {font-size: 11px; line-height: 13px}
.contents .tx12 {font-size: 12px; line-height: 16px;}
.contents .tx14 {font-size: 14px; line-height: 20px}

.contents .tx16 {
font-size: 16px;
line-height: 20px;
color:#cc0000;
font-weight: bold;
text-align: left;
vertical-align: top;
padding: 8px;
}

.contents .ichioshi {
	font-size: 12px;
	line-height: 20px;
}

.contents .ichioshi_title {
	width: 390px;
	float: left;
	background-color: #eef5ff;
}

.contents .cltilst {
margin:8px;
}

.contents .cltitle {
font-size: 14px;
color:#ffffff;
font-weight: bold;
text-align: left;
vertical-align: top;
padding:5px;
}

.contents .kanren {
font-size: 14px;
color:#ffffff;
font-weight: bold;
text-align: left;
vertical-align: top;
padding:5px;
}

.contents #news {
width: 866px;
margin: 0 auto;
}

.contents #news a:link {
color:#0000ff;
text-decoration:none;
}

.contents #news a:visited {
color:#0000ff;
}

.contents #news a:hover {
color:#0000ff;
text-decoration:none;
}

.contents #news a:active {
color:#0000ff;
}

.contents #column td.news1 {
width:405px;
height:500px;
font-size:12px;
line-height:14px;
vertical-align: top;
padding:10px;
border:1px solid #920000;
}

.contents #column td.news2 {
height:500px;
font-size:12px;
line-height:14px;
vertical-align: top;
padding:0 10px 0 10px;
border:1px solid #920000;}

.contents .newstitle {
font-size: 14px;
color:#ffffff;
font-weight: bold;
text-align: left;
padding:0 5px;
}

.contents .newslist {
padding:10px 0 10px 0;
border-bottom:2px dotted #cccccc;
}

.contents #btmInr #prevclm {
position: absolute;
right: 35px;
}


/* end of contents.css */

/* new.css */

/* CSS Document */

.new #ctrlSub a {padding: 2px 0 2px 13px;}
.new #subIcon01 {background: url(../img/new_select01_icon01.gif) left center no-repeat;}
.new #subIcon02 {background: url(../img/new_select01_icon02.gif) left center no-repeat;}


.new #ctrlTtl {
position: relative;
}

.new #ctrlTtl h3 {
position: absolute;
top: 7px;
}

.new #ctrlTtl dl {
position: absolute;
top: 0;
left: 120px;
}

.new #ctrlTtl dt {
font-weight: bold;
margin-right: 10px;
}

.new #ctrlTtl dt, #ctrlTtl dd {
float: left;
color: #fff;
}

.new #ctrlTtl .nav a{
color: #fff;
margin-right: 5px;
}
.new #ctrlSub .nav a.current {
font-weight: bold;
color: #920000;
}

/*------------------------------------------------
section
------------------------------------------------*/

.new .sectionWrp {
width: 868px;
margin: 10px auto;
padding-bottom: 10px;
background: url(../img/all_dotted_border.jpg) center bottom no-repeat;
}

.new .section td {
width: 120px;
background: #ececec;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
font-size: 10px;
text-align: center;
line-height: 1.2;
}

.new .section .above img {
margin-top: 5px;
}

.new .section .above strong {
color: #920000;
display: block;
}

.new .section .below img {
margin: 5px 2px;
}




/* end of new.css */

/* genre.css */

/* CSS Document */

.genre #ctrlSub a {padding: 2px 0 2px 20px;}
.genre #subIcon01 {background: url(../img/gen_select01_icon01.gif) left center no-repeat;}
.genre #subIcon02 {background: url(../img/gen_select01_icon02.gif) left center no-repeat;}
.genre #subIcon03 {background: url(../img/gen_select01_icon03.gif) left center no-repeat;}
.genre #subIcon04 {background: url(../img/gen_select02_icon01.gif) left center no-repeat;}
.genre #subIcon05 {background: url(../img/gen_select02_icon02.gif) left center no-repeat;}
.genre #subIcon06 {background: url(../img/gen_select02_icon03.gif) left center no-repeat;}

.genre #ctrlSub .nav a.current {
font-weight: bold;
color: #920000;
}
.genre #main {
margin-top: 10px;
}

.genre #ctrlTtl {
position: relative;
}

.genre #ctrlTtl h3 {
position: absolute;
left: 0;
top: 8px;
}

.genre #ctrlTtl #rank {
position: absolute;
left: 220px;
top: 0;
color: #fff;
font-weight: bold;
font-size: 16px;
}

.genre #ctrlTtl #rank span.rankTop {
padding-right: 5px;
}

.genre #ctrlTtl #rank span.rankBtm {
background: url(../img/sec_dlRanking_arrow.gif) 5px left no-repeat;
padding-left: 20px;
margin-right: 5px;
}

.genre #ctrlTtl .nav {
position: absolute;
right: 10px;
top: 4px;
}


* html .genre #ctrlTtl .nav {
position: absolute;
right: 10px;
top: 7px;
}

.genre #ctrlTtl .nav li {
height: 18px;
margin-left: 3px;
}

/*------------------------------------------------
main
------------------------------------------------*/
.genre #main .sectionWrp {
width: 864px;
padding-bottom: 10px;
margin: 0 auto 10px;
background: url(../img/all_dotted_border.jpg) center bottom no-repeat;
}

.genre #main .section td {
vertical-align: top;
}

.genre #main .cell {
padding-bottom: 5px;
}

.genre #main .cell th {
padding-bottom: 2px;
}

.genre #main .cell th,
.genre #main .cell td {
vertical-align: top;
line-height: 18px;
}

.genre #main .cell th {
color: #920000;
font-weight: bold;
}

.genre #main .cell th span {padding-left: 28px; background: url(../img/gen_rank_icon04.gif) left center no-repeat;}
.genre #main .cell th span.first {background: url(../img/gen_rank_icon01.gif) left center no-repeat;}
.genre #main .cell th span.second {background: url(../img/gen_rank_icon02.gif) left center no-repeat;}
.genre #main .cell th span.third {background: url(../img/gen_rank_icon03.gif) left center no-repeat;}

.genre #main .cell th img {
margin-top: 5px;
}

.genre #main .cell td a {
color: #00f;
font-weight: bold;
margin-left: 5px;
}

/*------------------------------------------------
2column version.
------------------------------------------------*/
.genre #main.columnTwo .sectionWrp {
padding-left: 6px;
}

.genre #main.columnTwo table.section {
width: 864px;
margin: 0 auto;
}

.genre #main.columnTwo .cell {
margin-bottom: 5px;
}

.genre #main.columnTwo .cell,
.genre #main.columnTwo .nav {
width: 425px;
}

.genre #main.columnTwo .cell .left {
width: 75px;
}

.genre #main.columnTwo .nav {
background: #920000;
text-align: center;
width: 198px;
height: 21px;
padding: 4px 113px 5px;
}

.genre #main.columnTwo .nav li {
margin: 0 6px;
display: inline;
}

/*------------------------------------------------
3column version.
------------------------------------------------*/
.genre #main.columnThree .sectionWrp {
padding-left: 6px;
}

.genre #main.columnThree table.section {
width: 870px;
margin: 0 auto;
}

.genre #main.columnThree .cell {
margin-bottom: 5px;
}

.genre #main.columnThree .cell,
.genre #main.columnThree .nav {
width: 280px;
}

.genre #main.columnThree .cell .left {
width: 75px;
}

.genre #main.columnThree .nav {
background: #920000;
text-align: center;
width: 198px;
height: 21px;
padding: 4px 41px 5px;
}

.genre #main.columnThree .nav li {
margin: 0 6px;
display: inline;
zoom: 1;
}

/*------------------------------------------------
4column version.
------------------------------------------------*/
.genre #main.columnFour table.section {
width: 864px;
margin: 0 auto;
}

.genre #main.columnFour .cell,
.genre #main.columnFour .nav {
width: 210px;
margin: 0 3px;
}

.genre #main.columnFour .cell .left {
width: 75px;
}

.genre #main.columnFour .nav {
background: #920000;
text-align: center;
width: 182px;
height: 21px;
padding: 4px 14px 5px;
}

.genre #main.columnFour .nav li {
margin: 0 2px;
display: inline;
}


/*------------------------------------------------
sequence
------------------------------------------------*/
.genre #main .cell .right strong {
color: #920000;
display: block;
}








/* end of genre.css */

/* print.css is a zero-sized-file */