html,body { height:100%; text-align:center;}
body {}
/*LAYOUT
--------------------------------------------------------------------------------------------------*/
/*全体*/
#wrapper { position:relative; min-height:100%; margin:0 auto; text-align:center; background:#f8f8f8;}
#header { width:100%; height:149px; position:relative; margin-bottom:43px;}
#navi { width:883px; position:relative; margin:0 auto; overflow:hidden;}
#group { width:100%; height:27px; position:absolute; top:0px; left:0px; background:#33373e; text-align:center;}
#pan { width:883px; margin:0 auto; padding:7px 0px 0px 0px; overflow:hidden;}
#contents { width:874px; margin:0 auto; padding:0px 3px 166px 0px; overflow:hidden;}
#main { float:right; display:inline; overflow:hidden; padding-bottom:50px; text-align:left;}
#pickup { float:right; display:inline; overflow:hidden; padding-bottom:50px; text-align:left;}
#side { width:174px; float:left;}
#info { width:215px; float:right; display:inline; overflow:hidden; margin-left:11px;}
#footer { width:100%; height:166px; position:absolute; left:0px; bottom:0px; background:#33373e; clear:both;}
/*IE6 HACK*/
* html #wrapper { height:100%;}
/*HEADER
--------------------------------------------------------------------------------------------------*/
/*navi*/
#navi h1 { position:absolute; top:56px; left:2px;}
#navi h1 span { position:absolute; top:-2000px; display:block;}
#navi dl { float:left; margin-top:106px;}
#navi dt { position:absolute; top:-2000px;}
#navi dd { width:175px; height:42px; float:left;}
#navi dd a { width:175px; height:42px; display:block; text-indent:-9999px;}
#navi dd#gn_01 { width:177px;}
#navi dd#gn_05 { width:180px;}
#navi dd#gn_01 a { width:177px; background:url(../images/img_navi_01.jpg) left top no-repeat;}
#navi dd#gn_02 a { background:url(../images/img_navi_02.jpg) left top no-repeat;}
#navi dd#gn_03 a { background:url(../images/img_navi_03.jpg) left top no-repeat;}
#navi dd#gn_04 a { background:url(../images/img_navi_04.jpg) left top no-repeat;}
#navi dd#gn_05 a { width:180px; background:url(../images/img_navi_05.jpg) left top no-repeat;}
#navi dd#gn_01 a:hover,
#navi dd#gn_02 a:hover,
#navi dd#gn_03 a:hover,
#navi dd#gn_04 a:hover,
#navi dd#gn_05 a:hover,
#navi dd#gn_01.active a,
#navi dd#gn_02.active a,
#navi dd#gn_03.active a,
#navi dd#gn_04.active a,
#navi dd#gn_05.active a { background-position:left bottom;}
#navi dd.active { text-indent:-9999px;}
#navi ul { float:right; display:inline; margin:-74px 8px 0px 0px;}
#navi li { float:left; display:inline;}
#navi li a { display:block; font-size:93%; color:#333; border-left: 1px #6f6f6f solid; margin:0px 0px 0px 10px; padding-left:10px;}
#navi li span a { border:none; padding:0px;}
#navi li a:hover { text-decoration:underline;}
/*group*/
#group div { width:874px; margin:0 auto; overflow:hidden;}
#group ul { float:right; overflow:hidden; text-align:left;}
#group li { float:left;}
#group strong { float:left; display:block;}
#group li a { display:block; height:27px;}
#group li span,
#group strong span { display:block; text-indent:-9999px;}
#group strong a { width:111px; height:27px; display:block; background:url(../images/group/img_gnavi_01.gif) no-repeat left top;}
#group li a#wn_01 { width:58px; background:url(../images/group/img_gnavi_02.gif) no-repeat left top;}
#group li a#wn_02 { width:120px; background:url(../images/group/img_gnavi_03.gif) no-repeat left top;}
#group li a#wn_03 { width:107px; background:url(../images/group/img_gnavi_04.gif) no-repeat left top;}
#group strong a:hover,
#group strong.active a,
#group li a#wn_01:hover,
#group li a#wn_02:hover,
#group li a#wn_03:hover,
#group li.active a#wn_01,
#group li.active a#wn_02,
#group li.active a#wn_03{ background-position:left bottom;}
#group li.active { height:27px;}
/*pan*/
#pan p { float:left; padding:0px 3px; font-size:93%; color:#333; line-height:14px;}
#pan p a { color:#333; line-height:14px;}
#pan p a:hover { text-decoration:underline;}
#pan p.active { margin-left:3px;}
/*IE hack*/
* html #navi li a { width:70px; padding-left:5px; font-size:85%;}
* html #pan p { font-size:85%;}
* html #group ul { margin-bottom:-3px;}
* html #group li a { float:left;}
* html #group strong a { line-height:15px;}
*+html #group strong a { line-height:15px;}
/*MAIN
--------------------------------------------------------------------------------------------------*/
/*one-colum*/
#main.one-colum dl { width:873px; margin:0px;}
#main.one-colum dt { width:819px; margin-left:1px; padding:0px 26px 4px 26px; }
#main.one-colum dd { width:871px; margin-left:1px; padding:0px; overflow:hidden;}
/*two-colum*/
#main.two-colum { width:689px;}
#main.two-colum dl { width:689px;}
#main.two-colum dt { width:635px; margin-left:1px; padding:0px 26px 4px 26px; }
#main.two-colum dd { width:687px; margin-left:1px; padding:0px; overflow:hidden;}
/*three-colum*/
#main.three-colum { width:462px; margin-right:1px;}
#main.three-colum dl{ width:462px;}
#main.three-colum dt{ width:408px; margin-left:1px; padding:0px 26px 4px 26px; }
#main.three-colum dd{ width:460px; margin-left:1px; padding:0px; overflow:hidden;}
#main img.curner { display:block;}
#main span img.curner { margin-bottom:15px;}
#main dd a.pagetop { position:absolute; bottom:28px; right:37px; font-size:93%; line-height:26px; color:#1d699a;}
#main dd a:hover.pagetop{ text-decoration:underline;}
/*SIDE NAVIGATION
--------------------------------------------------------------------------------------------------*/
#side dl { width:174px; background:#e2e2e2; text-align:left; overflow:hidden; line-height:0;}
#side dt { width:174px; color:#fff; background:url(../images/corner/img_side_top_over.gif) no-repeat #203240;}
#side dd { width:174px; font-size:93%; line-height:31px}
/*サイドナビ タイトル*/
#side dt a { width:146px; padding:0px 14px; display:block; font-size:93%; background:url(../images/img_side_icon.gif) 155px center no-repeat #324552; line-height:30px; color:#fff; font-weight:bold;}
#side dt a:hover { padding-top:5px; color:#bbb; background:url(../images/img_side_icon.gif) 155px center no-repeat;}
#side dt a img { display:block; margin-left:-14px;}
#side dt a:hover img{ display:none;}
/*サイドナビ ボタン*/
#side dd a { width:144px; display:block; padding:0px 15px 0px 13px; margin-left:1px; background:url(../images/img_navi_arrow.gif) 155px center no-repeat #FFF; color:#333; line-height:31px;}
#side dd a:hover { background:url(../images/img_navi_arrow.gif) 155px center no-repeat #eff0f1;}
#side dd.active a { width:144px; padding:0px 15px 0px 13px; margin-left:1px; background-color:#eff0f1;}
/*バックナンバー用*/
#side dd.back_number a { width:132px; padding:0px 15px 0px 25px; margin-left:1px; background:url(../images/img_navi_arrow.gif) 155px center no-repeat #eff0f1;}
#side dd a.back_number { width:132px; padding:0px 15px 0px 25px;}
/*２行用*/
#side dd.two_line a { padding:7px 15px 4px 13px; line-height:18px; margin-left:1px; background:url(../images/img_navi_arrow.gif) 155px center no-repeat #eff0f1;}
#side dd a.two_line { padding:7px 15px 4px 13px; line-height:18px;}
/*dd_last サイドナビの下部 角丸ボタン*/
#side dd.dd_last { background:url(../images/corner/img_side_bottom_over.gif) no-repeat left bottom; overflow:hidden;}
#side dd.dd_last_active a { width:144px; margin-left:1px; position:relative; padding:0px 15px 5px 13px; background-color:#eff0f1;}
#side dd.dd_last a { position:relative; padding-bottom:5px; background:url(../images/img_navi_arrow.gif) 155px center no-repeat #FFF;}
#side dd.dd_last a:hover { background:url(../images/img_navi_arrow.gif) 155px center no-repeat;}
#side dd.dd_last img,
#side dd.dd_last_active img{ display:block; position:absolute; bottom:0px; left:-1px;}
#side dd.dd_last a:hover img{ top:-9999px;}
/*二行用*/
#side dd.two_line.dd_last_active a { padding:7px 15px 12px 13px; line-height:18px;}
#side dd.dd_last a.two_line { padding:7px 15px 12px 13px;}
/*IE hack*/
*+html #side dd.dd_last a:hover img{ display:none; bottom:0px;}
#side img { display:block;}
#side span img { margin-top:13px;}
/*bunner*/
#side a.bunner { display:block; margin:16px 0px 20px 0px;}
/*search*/
#side #search { background:#d2d4d7; width:174px; position:relative; overflow:hidden;}
#side #search dt,
#side #search dd { width:152px; margin-left:1px; padding:0px 10px 0px 10px; color:#333; background:#dadcdf;}
#side #search dt { width:131px; margin-left:1px; padding:0px 10px 0px 31px; background: url(../images/img_search_icon.gif) no-repeat 11px center #cacdd1; color:#333; line-height:30px;}
#side #search dd.active { background:#cacdd1; line-height:20px; padding-top:5px;}
#side #search dd span { position:absolute; top:-2000px;}
#side #search dd p { padding:6px 0px;}
#side #search dd select { width:151px; margin-bottom:8px;}
#side #search dd input.s_text { width:108px; height:18px; display:block; padding:1px 40px 1px 2px; font-size:123.1%; border:1px solid #d0d0d0;}
#side #search dd input.s_submit { width:33px; height:17px; position:absolute; top:39px; right:13px; display:block; border:none; background:url(../images/img_search_btn.gif) no-repeat left top; cursor:pointer;}
* html #side #search dd input.s_text { height:17px;}
*+html #side #search dd input.s_text { height:17px;}
/*side_box TVで使用*/
#side #side_box { background:#d2d4d7;}
#side #side_box p { width:148px; overflow:hidden; margin-left:1px; padding:10px 12px 14px; text-align:left; font-size:93%; line-height:18px; color:#647985; background:#fff;}
#side #side_box p em { display:block; margin:0px 0px 11px;}
#side #side_box p em img{ margin:0 auto;}
#side #side_box p a { display:block; float:left; margin-top:19px; padding-right:8px; color:#1d699a; background:url(../../program/images/img_icon.jpg) no-repeat right center;}
#side #side_box p a:hover { text-decoration:underline;}
#side #side_box p em a { display:inline; float:none; margin:0px; padding:0px; background:none;}
#side #side_box p strong { clear:both; display:block; padding:38px 0 9px;}
#side #side_box p strong a { background:none; float:none; padding:0; margin:0;}
#side #side_box p span { letter-spacing:-1px;}
/*FOOTER
--------------------------------------------------------------------------------------------------*/
#footer div { width:874px; height:166px; position:relative; margin:0 auto;}
#footer ul { position:absolute; right:0px; top:19px; overflow:hidden;}
#footer li { float:left; display:inline; font-size:93%; line-height:26px; color:#fff;}
#footer li span { padding:0px 10px 0px 10px;}
#footer li a { line-height:26px; color:#fff;}
#footer li a:hover { text-decoration:underline;}
#footer p { position:absolute; left:0px; top:19px; font-size:93%; line-height:26px; letter-spacing:1px; color:#fff;}
/*TOP-PAGE
--------------------------------------------------------------------------------------------------*/
#top #header { height:343px;}
/*navi*/
#top #navi { width:880px; position:relative; margin:0 auto; padding-top:65px;}
#top #navi h1 { position:absolute; top:-1000px; }
#top #navi h1 span {}
#top #navi dl { height:82px; overflow:hidden; float:left; margin-top:0px;}
#top #navi dt { position:absolute; top:-2000px;}
#top #navi dd { width:146px; height:82px; float:left;}
#top #navi dd a { width:146px; height:82px; display:block; text-indent:-9999px; background:url(../../images/header/img_navigation.jpg) no-repeat 0px -2px;}
#top #navi ul { margin:-300px 8px 0px 0px;}
#top #navi dd#gn_01,#top #navi dd#gn_06 { width:148px;}
#top #navi dd#gn_01 a { width:148px;}
#top #navi dd#gn_02 a { background-position: -148px -2px;}
#top #navi dd#gn_03 a { background-position: -294px -2px;}
#top #navi dd#gn_04 a { background-position: -440px -2px;}
#top #navi dd#gn_05 a { background-position: -586px -2px;}
#top #navi dd#gn_06 a { width:148px; background-position: -732px -2px;}
#top #navi dd#gn_01 a:hover { background-position:0px -87px;}
#top #navi dd#gn_02 a:hover { background-position:-148px -87px;}
#top #navi dd#gn_03 a:hover { background-position:-294px -87px;}
#top #navi dd#gn_04 a:hover { background-position:-440px -87px;}
#top #navi dd#gn_05 a:hover { background-position:-586px -87px;}
#top #navi dd#gn_06 a:hover { background-position:-732px -87px;}
#top #main { width:583px; float:left; padding-bottom:20px; display:block; overflow:hidden;}
#top #main dl { width:194px; background:url(../../images/img_bg.gif) repeat-y left top; overflow:hidden;}
#top #main dt { width:178px;}
#top #main dl#dl_last { width:195px; background:url(../../images/img_bg_right.gif) repeat-y right top #fff;}
#top #main dl#dl_last dt { width:178px;}
#top #main img.curner { clear:both; display:block;}
#top #contents { padding-bottom:0px;}
#top #footer { position:static;}
/*IE hack*/
* html #top #contents { margin-bottom:0px;}
* html #top #main {}
* html #top #main dl {}
/*CMS propaty
--------------------------------------------------------------------------------------------------*/
img.centered { display:block; margin-left:auto; margin-right:auto;}
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; float:right;}
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; float:left;}