@charset "utf-8";

/*--
 2009/11/02 renewal
 -- */

#headerLine { border-top: 4px solid #000 }
.header { font-size: 12px; width: 920px }
.clear { clear:both;}
#headerLine{ padding:0; border:none;}
#headerLine #head-text-link{ padding:0 20px; height:26px; background:#000; margin-bottom:3px;}
#headerLine #head-text-link span{ float:left}
#headerLine #head-text-link span a{ display:block; padding-left:13px;background:url(http://image.excite.co.jp/jp/top/2009/header/headerLine_textlink_arrow.gif) no-repeat 0 9px;}
#headerLine #head-text-link a{ color:#fff; text-decoration:underline;line-height:25px; font-size:12px;}
#headerLine #head-text-link a:hover{ text-decoration:none;}
#headerLine #head-text-link b{ text-decoration:none;color:#fff; line-height:25px; font-size:12px;font-weight:normal;}
#headerLine #head-text-link ul{ float:right; width:500px; text-align:right; padding:0; margin:0;}
#headerLine #head-text-link li{ display:inline; list-style:none; border-right:solid 1px #ccc; padding:0 5px 0 0; margin:0 5px 0 0;}
#headerLine #head-text-link .last{ margin:0; padding:0; border:none;}
#headerLine #header{ padding:0 20px; clear:both;}
#headerLogo{ float:left;}
#headerSearch{ float:right;}
#headerLogo #logoImage{ float:left;padding:0 10px 4px 0;}
#headerLogo .disc{ float:left; margin:0 0 0 5px; padding:0; line-height:45px; font-size:12px;}
#headerLine #search-word{ height:21px; padding:0 0 0 30px; margin-top:4px; background:url(http://image.excite.co.jp/jp/top/2009/header/headerLine_search_icon.gif) no-repeat 0 3px;float:left;}
#headerLine #input-search-word{ width:170px;}
#headerLine #input-search-word:focus{ outline:none;}
#headerLine #search-submit{ width:80px; height:23px; margin:4px 0 0 3px;}


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

body   {margin: 0; padding: 0;font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

*{ margin: 0; padding: 0 }

/* 2columnlayout liquid---------------------- */
#container     { width: 100%; margin: 0 auto; text-align: left;}
#containerbody { margin: 0 10px 10px; overflow: hidden}
#wrapper   {width: 100%;float: left;margin-right: -310px; background: #fff;}
#content{position: relative; margin: 0 310px 0 0; line-height: 1.8;}
#sidebar {float : right; width: 300px;}
#footer{ color: #666; font-size: 80%; line-height: 140%; text-align: center; clear: both }



/* channel header---------------------- */

/*----
#headerline    { padding-right: 20px; padding-left: 20px; border-top: 4px solid #000 }
.header        { font-size: 12px; width: 100% }
.header img     { margin-top: 5px; padding-bottom: 2em; float: left }
.headerlogo     { background-color: #fff; float: left;}
 
----*/

.disc{ padding-top: 1.8em; padding-right: 5px; padding-left: 4px; float: left }
map { display: none; }/* ff3xhtml */

/* 標準モードで必要ie以外---------------------- */
/* macieには適用されない \*/
html>body div.headernavi              { line-height: 140%; text-align: right; padding-top: 4px; padding-bottom: 1px; width: auto }/* */
/* ie---------------------- */
* html .headernavi                 { line-height: 140%; text-align: right; padding-top: 4px; padding-bottom: 1px; float: right }
.headernavi a { font-weight: bold }
.headerpr       { text-align: right; margin-top: 3px; padding-top: 4px; height: 2px; border-top: 1px solid #ccc }
.headerpr a { font-weight: normal }



.banner    { text-align: center; margin-right: auto; margin-left: auto; padding: 5px 0 5px 0; clear: both }

 /* menu----------------------*/

#menu{ font-size: 80%;
background-image: url("http://image.excite.co.jp/jp/ch01/menubg_01.jpg");
background-repeat: repeat-x;
clear: both;}

#menu ul { background: url("http://image.excite.co.jp/jp/ch01/menubg_01.jpg");
background-repeat: repeat-x;
text-align: center;
list-style-type: none;
margin: 0; padding: 15px 0px 5px 0;}

#menu li  { font-weight: bold;display: inline; white-space: nowrap; border-right:1px solid #FFFFFF;margin-right:5px; padding-right:7px; *margin-right:7px; *padding-right:4px;}

#menu li a{ color: #000; }
#menu li a:link { text-decoration:none;}
#menu li a:hover { color: #666666;border-bottom:1px solid #666666;}
#menu li a:visited { color: #3e3e3e; text-decoration:none;}

#menu li.selected a{ color: #fff;background: url("http://image.excite.co.jp/jp/ch01/menubgselected_01.jpg") repeat-x 0px 0px; padding: 2px;margin-left:0px;}
#menu li.selected span  { color: #fff;background: url("http://image.excite.co.jp/jp/ch01/menubgselected_01.jpg") repeat-x;padding: 2px;}
#menu li.selected a:link  { color: #fff }
#menu li.selected a:hover  { color: #fff; border:0px;}
#menu li.selected a:visited  { color: #fff }

#m_bot {background: url("http://image.excite.co.jp/jp/ch01/menubg_bo_01.jpg") repeat-x; margin:0 0 0 0 ;} 




/*  menu pageend---------------------- */
#menuend { font-size: 80%; text-align: center; margin-top: 1em; margin-right: auto; margin-left: auto; clear: both }
#menuend ul { line-height: 200%; text-align: center; list-style-type: none; margin: 0; padding: 6px 0 }
#menuend li a { padding: 2px 5px 2px 5px;}
#menuend li,#menuend li.selected        { display: inline ;border-right:1px solid #CCC;margin-right:5px; padding-right:7px; *margin-right:7px; *padding-right:4px;}
#menuend li a:hover  { color: #f00; background-color: #eaeaea; }
#menuend li.selected { font-weight: bold }
#menuend li.selected a { background-color: #eaeaea }

#subsearch { font-size: 80%; background-color: #f6f6f6; text-align: center; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 3px; clear: both; border-bottom: 1px solid #ccc }
#subsearch form { margin: 0; padding: 0 }

/* contents style---------------------- */

.breadcrumb   { color: #666; font-size: 80%; margin:2px 0 5px 0;}
.bodypr       { color: #333; font-size: 12px; line-height: 110%; background-color: #ececec; margin-bottom: 6px; padding-top: 4px; padding-bottom: 3px; padding-left: 6px; border: solid 1px #fff }
.bodyprcenter { font-size: 12px; text-align: center; padding-top: 4px }


/* main style------------------------ */

.chh2          { font-size: 100%; background: url("http://image.excite.co.jp/jp/ch01/h2bg_01.jpg") no-repeat;text-align: left; margin: 10px 0 0 0 ; padding: 0 0 0 12px;}
.chh2 a { color: #000; text-decoration: underline }
.chh3          { font-size: 100%; line-height: 120%; text-align: left; margin: 10px 0; padding: 0 6px 0 8px; clear: both; border-left: 6px solid #c00 }
.chh3bar       { font-size: 100%; line-height: 120%; background-color: #ededed; text-align: left; margin: 10px 0; padding: 4px 6px 2px 8px; clear: both; border-left: 6px solid #c00 }
.chh3 a,.chh3bar a { color: #000; text-decoration: underline }
.cap         { color: #454545; font-size: 80%; line-height: 140%; margin-bottom: 1em }
.box         { line-height: 140%; margin-bottom: 2em; padding-left: 0.8em }

.chh2l { text-align: left;margin: 0 0 0px 0;}
.chh2r   { color: #333; font-size: 80%; font-weight: normal; float: right }

.rightcap           { font-size: 75%; font-weight: normal; text-align: right; display: block; margin-top: -1.3em; width: 100% }
.rightcapside       { font-size: 100%; font-weight: normal; text-align: right; display: block; margin-top: -1.3em; width: 100% }

/* sidebar---------------------- */

.extra300x250   { margin-top: 0; margin-bottom: 8px }
.sidebox       { font-size: 80%; margin-bottom: 8px; width: 300px; border: solid 1px #c0c0c0 }
.sidebox table    { padding-right: 6px; padding-bottom: 6px; padding-left: 6px }
.sidebox p, .sideboxgray p  { line-height: 140%; margin: 0; padding: 0 6px 6px }/* ieの為にマージンをboxの内容で指定---------------------- */
.sidebox h3, .sideboxgray h3       { font-size: 100%; line-height: 120%; margin-top: 0; margin-bottom: 0; padding: 6px }
.sidebox h3 a, .sideboxgray h3 a { color: black }

.sidelistd ul   { color: #666; font-size: 80%; line-height: 150%; list-style-type: disc; margin: 0; padding: 0 0 0 20px }
.sidelistnon ul   { color: #666; font-size: 80%; line-height: 150%; list-style-type: none; margin: 0; padding: 0 }
.sidelist ul { font-size: 80%; line-height: 150%; list-style-type: none; margin: 0; padding: 0 }
.sidelist li { margin: 0; padding: 0 5px 0 0; width: 138px; float: left }

.sideboxgray { font-size: 80%; background-color: #ececec; width: 300px }
.sideboxgray ul  { margin: 0; padding: 0 6px 6px 30px }


/* footer style----------------------  */

#footer hr      { background-color: #999; margin-top: 1em; margin-bottom: 0.5em; width: 100%; height: 1px; clear: both; border: none }
#footer p       { margin: 0; padding: 0 }
.copyright { font-size: 90% }