@charset utf-8;

/* --------------------------------------------------------------------------------
Font Size

08px = 63%          14px = 108%            20px = 153.9%       
09px = 70%          15px = 116%            21px = 161.6%
10px = 77%          16px = 123.1%          22px = 167%
11px = 85%          17px = 131%            23px = 174%
12px = 93%          18px = 138.5%          24px = 182%
13px = 100%         19px = 146.5%          25px = 189%
-------------------------------------------------------------------------------- */
html { background:#EFEFEF url(../images/common/bg_html.gif) repeat-x 0 bottom; }
body { background:url(../images/common/bg_body.gif) repeat-x 0 0; }


a { color:#333; text-decoration:none; }
a:hover { color:#0A5AD2; text-decoration:underline; }
a.linkshow { color:#333; text-decoration:underline; }

/* HEADER */
#header { margin:0 auto; padding-top:22px; width:1090px; height:138px; overflow:hidden; }

#header h1 { margin-bottom:15px; width:auto; float:left; }

#header div { width:510px; float:right; overflow:hidden; }
#header div p:first-child { margin-right:30px; padding-top:4px; width:auto; float:left; overflow:hidden; }
#header div p:first-child a { display:block; margin-right:10px; width:auto; float:left; }

#header div p:first-child + p { width:auto; float:left; }
#header div p:first-child + p a { display:block; padding:9px 10px; text-align:center; background:#0A5AD2; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

#header form { margin-bottom:10px; padding:5px; width:auto; float:right; background:#9F9F9F; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#header form input { width:auto; float:left; }
#header form input[type="text"] { margin-right:5px; width:180px; }
#header form input[type="submit"] { display:inline-block; padding:0 5px; text-indent:-9999px; white-space:nowrap; width:40px; height:25px; vertical-align:middle; background:#6C6C6C url(../images/common/search.png) no-repeat center 50%; border:none; overflow:hidden; }
#header script + p { clear:both; text-align:right; }

#header div p:first-child a:hover, #header div p:first-child + p a:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1; }

#header ul { margin-right:-14px; width:1104px; overflow:hidden; }
#header li { margin-right:14px; width:auto; float:left; }
#header li a { display:block; font-size:131%; font-weight:bold; line-height:37px; text-align:center; width:170px; border-bottom:8px solid #333; }
#header li.current a, #header li a:hover { color:#0A5AD2; text-decoration:none; border-bottom-color:#0A5AD2; }
/* HEADER */


/* CONTAINER */
#container { margin:0 auto; width:1090px; overflow:hidden; }

/* CONTENT */
#content { width:730px; float:left; overflow:hidden; }

#content h3 { margin-bottom:10px; padding-left:67px; font-size:138.5%; font-weight:bold; line-height:50px; height:50px; width:auto; border-bottom:3px solid; background:url(../images/common/icons_column.png) no-repeat 0 0; overflow:hidden; }
#content h3 span { display:block; padding-top:20px; width:auto; float:right; font-size:77%; font-weight:normal; line-height:16px; }
#content h3.info { background-position:0 0; border-bottom-color:#FF2D5F; }
#content h3.news { background-position:0 -50px; border-bottom-color:#0A5AD2; }
#content h3.column { background-position:0 -100px; border-bottom-color:#FF8C00; }
#content h3.join { background-position:0 -150px; border-bottom-color:#8700B4; }
#content h3.data { background-position:0 -200px; border-bottom-color:#14A01E; }
#content h3.nogenre { background-position:0 -250px; border-bottom-color:#14A01E;padding-left:7px; }

#content ul.newsul li { margin-top:5px; font-size:123.1%; line-height:1.5; background:#FFF; }
#content ul.newsul li span { font-size:77%; color:#0A5AD2; }
#content ul.newsul li a { display:block; padding:5px 40px 5px 15px; width:auto; background:#FFF url(../images/common/icons_tri.png) no-repeat; overflow:hidden; position:relative; }
#content ul.newsul li a:hover { color:#333; text-decoration:none; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1; }
#content ul.newsul li a:after { display:block; content:'\003E'; margin-top:-10px; font-size:10px; font-weight:bold; line-height:20px; text-align:center; color:#FFF; width:20px; height:20px; background:#9F9F9F;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
position:absolute; top:50%; right:10px; }

#content h3.info + ul li a { background-position:0 0; }
#content h3.news + ul li a { background-position:0 -360px; }
#content h3.column + ul li a { background-position:0 -180px; }
#content h3.join + ul li a { background-position:0 -270px; }
#content h3.data + ul li a { background-position:0 -90px; }
#content h3.nogenre + ul li a { background-position:0 -450px; }

/* topbnrs */
#content div#topbnrs { padding:0 3px 3px; border:2px solid #333; margin-bottom:30px; }
#content div#topbnrs dl { width:auto; position:relative; }
#content div#topbnrs dl dt { position:absolute; top:3px; left:0; }
#content div#topbnrs dl dd { padding:3px 0 0 573px; }
#content div#topbnrs dl dd a { display:block; padding:10px; font-size:85%; font-weight:bold; line-height:1.25; background:#FFF url(../images/common/icons_tri.png) no-repeat 0 -360px; }
#content div#topbnrs dl dd a.selected, #content div#topbnrs dl dd a:hover { color:#9F9F9F; text-decoration:none; background-color:#EFEFEF; }
/* topbnrs */

/* topnews */
#topnews { margin-bottom:20px; padding-right:40px; width:auto; height:160px; background:#FFF url(../images/common/icons_tri.png) no-repeat 160px -360px; overflow:hidden; position:relative; }
#topnews img { width:160px; float:left; }
#topnews h5 { margin:10px 0 0 175px; font-size:123.1%; line-height:1.25; }
#topnews h5 a:hover { color:#333; text-decoration:none; }
#topnews h5 a:after { display:block; content:'\003E'; margin-top:-10px; font-size:10px; font-weight:bold; line-height:20px; text-align:center; color:#FFF; width:20px; height:20px; background:#9F9F9F;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
position:absolute; top:50%; right:10px; }
#topnews p { margin-left:175px; line-height:1.5; }
#topnews p span { color:#0A5AD2; }
.bl-hover img, .bl-hover h5, .bl-hover p { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1; }
/* topnews */

/* topnewsnp */
#topnewsnp { margin-bottom:20px; padding-right:40px; width:auto; height:160px; background:#FFF url(../images/common/icons_tri.png) no-repeat 0px -360px; overflow:hidden; position:relative; }
#topnewsnp img { display:none; }
#topnewsnp h5 { margin:10px 0 0 10px; font-size:123.1%; line-height:1.25; }
#topnewsnp h5 a:hover { color:#333; text-decoration:none; }
#topnewsnp h5 a:after { display:block; content:'\003E'; margin-top:-10px; font-size:10px; font-weight:bold; line-height:20px; text-align:center; color:#FFF; width:20px; height:20px; background:#9F9F9F;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
position:absolute; top:50%; right:10px; }
#topnewsnp p { margin-left:10px; line-height:1.5; }
#topnewsnp p span { color:#0A5AD2; }
.bl-hover img, .bl-hover h5, .bl-hover p { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1; }
/* topnews */

/* subnews */
#subnews { margin-bottom:20px; padding-right:40px; width:auto; height:250px; background:#FFF url(../images/common/icons_tri.png) no-repeat 0px -360px; overflow:hidden; position:relative; }
#subnews img { height:60px; float:right; }
#subnews h5 { margin:10px 0 0 10px; font-size:123.1%; line-height:1.25; }
#subnews h5 a:hover { color:#333; text-decoration:none; }
#subnews h5 a:after { display:block; content:'\003E'; margin-top:-10px; font-size:10px; font-weight:bold; line-height:20px; text-align:center; color:#FFF; width:20px; height:20px; background:#9F9F9F;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
position:absolute; top:50%; right:10px; }
#subnews p { margin-left:10px; line-height:1.5; }
#subnews p span { color:#0A5AD2; }
.bl-hover img, .bl-hover h5, .bl-hover p { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1; }
/* subnews */

/* subnewsblock */
#content div.subnewsblock { margin:0 50px 30px 0; width:340px; float:left; }
#content div.subnewsblock + div.subnewsblock { margin-right:0; }
/* subnewsblock */

/* newstab */
#content ul.newstab { margin-right:-8px; width:738px; overflow:hidden; }
#content ul.newstab li { margin-right:8px; width:auto; float:left; }
#content ul.newstab li a { display:block; padding:0 10px; font-weight:bold; line-height:30px; width:218px; height:30px; background:#9F9F9F; overflow:hidden;
-webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-top-left-radius:8px; border-top-right-radius:8px; }
#content ul.newstab li a:hover { color:#9F9F9F; background:#FFF; text-decoration:none; }
#content ul.newstab li a:after { display:block; content:'\25BC'; margin-right:5px; line-height:30px; color:#FFF; float:left; }
#content ul.newstab li a:hover:after  { color:#9F9F9F; }
#content ul.newstab li.current a { color:#9F9F9F; background:#FFF; }
#content ul.newstab li.current a:after { color:#9F9F9F; }
/* newstab */

/* newsblock */
#content div.newsblock { margin-bottom:30px; }
#content div.newsblock ul.newsul li a { padding-left:110px; background:url(../images/common/icons_tri.png) no-repeat 0 -360px; }
#content div.newsblock ul.newsul li span:first-child { display:block; margin-top:-20px; font-weight:bold; line-height:40px; text-align:center; width:40px; height:40px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:absolute; left:10px; top:50%; }
#content div.newsblock ul.newsul li span.yellow { color:#333; line-height:20px; background:#FFE600; }
#content div.newsblock ul.newsul li span.blue { font-size:9px; color:#FFF; background:#64BEFA; }
#content div.newsblock ul.newsul li span.red { color:#FFF; background:#DC0A0A; }
/* newsblock */

/* columnblock */
#content div.clblock { margin:0 50px 30px 0; width:340px; float:left; }
#content div.clblock + div.clblock { margin-right:0; }
/* columnblock */

/* texttitle */
#content div.texttitle { border-bottom:8px double;font-style:italic;font-size:x-large;margin-bottom:2px;border-bottom-color:orange }
/* texttitle */

/* CONTENT */


/* SIDE */
#side { width:300px; float:right; }

/* today */
h2#today { margin-bottom:30px; padding:0 5px; font-size:42px; font-weight:bold; line-height:1.25; border-bottom:3px solid #333;  }
h2#today span { font-size:24px; font-weight:normal; }
h2#today span span { font-size:14px; }
/* today */

/* Twitter Widget */
#side #TWbox { margin-bottom:20px; }
/* Twitter Widget */

#side dl { margin-bottom:30px; }
#side dt { padding-left:55px; font-size:131%; font-weight:bold; line-height:40px; height:40px; border-bottom:3px solid; background:url(../images/common/icons_side.png) no-repeat 0 0; }
#side dt.info { background-position:0 0; border-bottom-color:#FF2D5F; }
#side dt.news { background-position:0 -40px; border-bottom-color:#0A5AD2; }
#side dt.column { background-position:0 -80px; border-bottom-color:#FF8C00; }
#side dt.join { background-position:0 -120px; border-bottom-color:#8700B4; }
#side dt.data { background-position:0 -160px; border-bottom-color:#14A01E; }
#side dt.info { width:auto; overflow:hidden; }
#side dt.info span { display:block; padding-top:15px; width:auto; float:right; font-size:77%; font-weight:normal; line-height:16px; }
#side dd ul.infomenu li { margin-left:1em; padding-top:10px; font-size:108%; line-height:1.25; list-style:disc; }
#side dd ul.sidemenu li { padding-top:10px; font-size:108%; line-height:1.25; }
/* SIDE */


/* BANNERS */
ul.bnrs { padding-bottom:15px; }
ul.bnrs li { margin-bottom:15px; width:auto; }
ul.bnrs li a { display:block; }
ul.bnrs li a:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1; }

ul.w340 { margin-right:-50px; margin-top:3px; width:780px; overflow:hidden; }
ul.w340 li { margin-right:50px; float:left; }

ul.w730, ul.w300 { padding-bottom:0; margin-top:3px; margin-bottom:5px; }
/* BANNERS */

/* CONTAINER */


/* FOOTER */
#footer { margin:0 auto; padding-top:30px; width:1090px; height:170px; overflow:hidden; }
#footer ul { width:600px; float:right; overflow:hidden; }
#footer li { margin:0 15px 15px 0; font-size:108%; font-weight:bold; line-height:1.25; width:auto; float:left; }
#footer h6 { font-size:138.5%; font-weight:bold; line-height:1.25; width:auto; float:left; }
#footer address { margin-left:40px; font-size:93%; line-height:1.25; width:auto; float:left; }
#footer p { clear:both; font-size:77%; line-height:1.25; text-align:right; }
/* FOOTER */


/* CURSOR */
#content h3 span a:after,
#side dt.info span a:after,
#side dd ul.sidemenu li a:after,
#footer li a:after { display:block; content:'\25B6'; margin-right:5px; font-size:8px; font-weight:normal; line-height:16px; text-align:center; color:#FFF; width:16px; height:16px; float:left; background:#0A5AD2; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
/* CURSOR */

/* PR-BOX */
.pr_list_box{padding-top:8px;padding-bottom:8px;}
.pr_list_title{	width:100%;	background-color:royalblue;	color:#FFFFFF;font-size:14px;
	font-family:'メイリオ', Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}
.pr_list_contentsbox0{float: left;vertical-align:middle;	width:330px;	background-color:#FFFFFF;	/*border-bottom:1px dotted #DDD;*/	padding-bottom:2px;padding-top:2px;}
.pr_list_contentsbox1{float:right;vertical-align:middle;	width:330px;	background-color:#FFFFFF;	/*border-bottom:1px dotted #DDD;*/	padding-bottom:2px;padding-top:2px;}

.pr_list_right_head{width:100%;color:BLUE;font-size:14px;line-height:110%;font-weight:600;padding-top:2px;width:100%;text-align:left;text-decoration:none;
		font-family:'メイリオ', Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}
.pr_list_right_head a{text-decoration:none;}
.pr_list_right_description{width:100%;font-size:12px;color:#000000;text-align:left;padding-top:2px;padding-right:3px;font-weight:200;
	font-family:'メイリオ', Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}
.pr_list_left_thumb{vertical-align:middle;width:54px;float:left;padding-right: 4px;padding-left: 3px;padding-top: 4px;padding-bottom: 4px;}
.pr_list_underline{	background-color:silver;	height:1px;	clear:both;
}
/* PR-BOX */