@charset "shift_jis";

/* Channel style 070401 */

body   { margin: 0; padding: 0 }
.clear { clear: both }

/* 2ColumnLayout Liquid---------------------- */
#container     { text-align: left; margin-right: 20px; margin-left: 20px }
#containerBody { width: 100% }
#wrapper    { display: inline; margin-bottom: 1em; margin-left: -320px; width: 100%; float: left }
#content   { margin-left: 320px }
#side     { margin-bottom: 1em; width: 300px; float: right }
#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; width: 380px;}

.disc          { padding-top: 1.8em; padding-right: 5px; padding-left: 4px; float: left }

/* 標準モードで必要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 }

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

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

#menu      { font-size: 12px; line-height: 100%; background-image: url("http://image.excite.co.jp/jp/ch/menuBg.jpg"); background-repeat: no-repeat; background-position: 100% 0; padding-right: 5px; clear: both; border-bottom: 2px solid #838383; margin-top: 10px; margin-right: auto; margin-left: auto }
#menu ul      { background-image: url("http://image.excite.co.jp/jp/ch/menuBg.jpg"); background-repeat: no-repeat; text-align: center; list-style-type: none; margin: 0; padding: 5px 0 3px }
#menu li  { font-weight: bold; display: inline; margin: 0; padding: 0 }
#menu li a,#menu li span    { color: #000; font-size: 12px; line-height: 140%; background-color: transparent; margin: 0; padding: 6px 6px 5px; border-right: 1px solid #fff }
#menu li a:visited { color: #3e3e3e }
#menu li a:hover { background-color: #fff }
#menu li.selected a,#menu li.selected span  { color: #fff; background-image: url("http://image.excite.co.jp/jp/ch/menuBgSelected.jpg"); background-repeat: repeat-x; padding-bottom: 6px }
#menu li.selected a:visited  { color: #fff }


/*  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 2px; border-right: 1px solid #ccc }
#menuEnd li,#menuEnd li.selected        { display: inline }
#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-top: 10px; margin-bottom: 2px }
.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: 120%; background-image: url("http://image.excite.co.jp/jp/ch/h2Bg.jpg"); background-repeat: no-repeat; text-align: left; margin: 0; padding: 10px 10px 12px 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 { float: left }
.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% }