/* Channel style 070305 */
/* 不具合、上書きしてもスタイルが継承される場合は調整します */
/* 標準モードを宣言した時のIEでヘッダが崩れるのを修正（結構怪しい） */
/* 基本的に可変用 */

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

/* 2ColumnLayout 可変---------------------- */
#container     { text-align: left; margin-right: 20px; margin-left: 20px }
#containerBody { width: 100% }/* コンテンツ幅 */
#wrapper    { display: inline; margin-bottom: 1em; margin-left: -300; float: left }/* 左 */
#content   { margin-left: 300 }/* 左 */
#special-content   { width: 100% }/* 左 */
#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; 
/**/ 
 }/* MacIE用に適当に幅を指定 */

.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 }/* これ以降macieに適用 */
/* 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; background: url("http://image.excite.co.jp/jp/ch/menuBg.jpg") no-repeat 100% 0; text-align: center; margin-top: 12px; margin-right: auto; margin-left: auto; padding-right: 5px; padding-bottom: 5px; clear: both; border-bottom: 2px solid #838383 }
#menu ul         { font-weight: bold; line-height: 100%; 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: 6px 0 0 }
#menu li,#menu li.selected      { line-height: 120%; display: inline; padding: 6px; border-right: 1px solid #fff }
#menu a:link     { color: #000 }
#menu a:visited  { color: #666 }
#menu li a:hover    { color: #f00 }
#menu li.selected      { color: #fff; background-image: url("http://image.excite.co.jp/jp/ch/menuBgSelected.jpg"); background-repeat: repeat-x }
#menu li.selected a      { color: #fff }
#menu li.selected a:visited     { color: #e9e9e9 }

#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; margin: 0; padding: 10px 10px 12px 12px }
.chH2 a { color: #000; text-decoration: underline }
.chH3        { font-size: 100%; line-height: 120%; margin: 10px 0; padding: 0 6px 0 8px; border-left: 6px solid #c00 }
.chH3Bar     { font-size: 100%; line-height: 120%; background-color: #ededed; margin: 10px 0; padding: 4px 6px 2px 8px; 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% }