@charset "utf-8"; /* TOC 01 基本設定 02 CSS Hack 03 container（ページ全体を覆うコンテナの設定） 04 ヘッダ 05 contents（コンテンツ全般） 06 タイトル */ /* ============================== 01 基本設定 */ * { margin: 0; padding: 0; font-style:normal;} body { margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; } h1 { font-size: small; margin: 0; padding: 0; } h2 { font-size: small; margin: 0; padding: 0; } h3 { font-size: small; margin: 0; padding: 0; } p { margin: 0; padding: 0; } ul { margin: 0; padding: 0; list-style-type: none; } ol { margin: 0; padding: 0; list-style-type: none; } li { margin: 0; padding: 0; } dl,dt,dd { margin: 0; padding: 0; list-style-type: none; } a { color: #315fbc; text-decoration: none; } a:link, a:visited { color: #315fbc; text-decoration: none; } a:hover { color: #5987e4; text-decoration: underline; } a:active { color: #5987e4; text-decoration: underline; } a img { border: none; } /* 補足説明・注意書き */ .notes { font-size: small; color: #464646; line-height: 150%; margin-top: 10px; } .notes li { margin-bottom: 5px; } /* ============================== 02 CSS Hack */ /* 以下はfloatのバグをクリアするためのhack */ .clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clr { display: inline-table; min-height: 1%; } /* Hide from mac IE5 \*/ * html .clr { height: 1%; } .clr { display: block; } /* End Hide from mac IE5 */ /* 以下はロールオーバーのテキストを隠すためのhack */ .hidetxt { text-indent: -9999px; overflow: hidden; } /* ============================== 03 container（ページ全体を覆うコンテナの設定） */ #header_container { text-align: center; background-image: url(../images/vi_bgr.gif); height: 290px; margin-top: 5px; margin-right: auto; margin-bottom: 0; margin-left: auto; background-color: #000000; background-repeat: repeat-x; } #header_ichiran { text-align: center; height: 300px; margin-right: auto; margin-bottom: 0; margin-left: auto; margin-top: 2px;} #navigation_container { margin: 0 auto; text-align: center; } #container { margin: 0 auto; text-align: center; } /* ============================== 04 ヘッダ */ #header { height: 105px; text-align: center; } /* ============================== 05 contents（コンテンツ全般） */ #contents { width: 840px; text-align: left; margin: 0 auto; line-height: 140%; } #contents2 { width: 840px; text-align: left; margin: 0 auto; line-height: 140%; margin-top: 5px; } /* 主なトピックの表示領域 */ #main_content { width: 840px; text-align: left; float: left; } #col_up { width: 840px; height:14px; background: url(../images/frame_01.gif) no-repeat; } #col_mid { width: 840px; background-image: url(../images/frame_02.gif); background-repeat: repeat-y;} #col_mid2 { width: 840px; height:50px; background-image: url(../images/frame_02.gif); background-repeat: repeat-y;} #col_down { width: 840px; height:14px; background: url(../images/frame_03.gif) no-repeat; clear: both; } #col_mid h1 { position: relative; background-image: url(../images/h1_top.gif) ; height: 63px; width: 611px; top: 20px; margin-bottom:20px; left: 25px; } #col_mid h2 { position: relative; background-image: url(../images/h2_top.gif); height: 70px; width: 400px; top: 20px; bottom: 20px; left: 30px; } #col_mid p { position: relative; width: 450px; top: 40px; left: 30px; line-height: 180%; text-align: left; font-size:12px; _font-size:75%; margin-bottom: 20px; } #col_mid p small { line-height: 180%; text-align: left; font-size:10px; _font-size:80%; color: #828282; } img.ph01 { position: relative; float: right; right: 25px; top: 20px; margin-bottom:25px; } img.ph02 { position: relative; float: right; margin-top: 5px; margin-right: 15px; margin-bottom: 20px; margin-left: 15px; } img.ph03 { position: relative; float: right; right: 25px; top: 60px; margin-bottom:25px; } img.copy01 { position:relative; left:30px; top:30px; text-align: left; width: 400px; height: 20px; } img.shiono { position:relative; float: right; margin-top: 5px; margin-right: 5px; margin-bottom: 20px; margin-left: 15px; width: 200px; height: 300px; } img.ikeuchi { position:relative; float: right; margin-top: 5px; margin-right: 15px; margin-bottom: 20px; margin-left: 0px; width: 200px; height: 300px; } img.flash { position:relative; left:730px; top:20px; text-align: right; width: 88px; height: 31px; } .slideshow { position: relative; float: right; right: 25px; top: 20px; height: 300px; width: 320px; } .main_text1 { position: relative; width: 290px; top: 10px; left: 30px; line-height: 180%; text-align: left; font-size:12px; _font-size:75%; margin-bottom: 20px; } .main_text2 { color: #74000d; font-weight: bold; font-size: larger; } .main_text3 { color: #006600; font-weight: bold; font-size: larger; } .main_text4 { margin-bottom: 10px; font-size:14px; _font-size:95%; font-weight: bold; } .main_text5 { margin-bottom: 8px; } .main_text6 { margin-bottom: 8px; } .main_text7 { position:relative; left:45px; top:20px; margin-bottom:50px; text-align: left; width: 750px; font-size:12px; _font-size:75%; } .main_text8 { position:relative; left:30px; top:35px; text-align: center; width: 780px; height: 546px; border: 1px solid #CCCCCC; } .main_text9 { position:relative; bottom:5px; text-align: right; width: 750px; font-size:10px; _font-size:65%; color: #FFFFFF; } .main_text10 { position:relative; bottom:5px; left:40px; text-align: left; width: 700px; } /* ============================= 06 タイトル */ #title { width: 840px; background: url(../images/vi.jpg) no-repeat; height: 290px; position: absolute; } .title_whatsnew { width: 265px; height: 63px; position: absolute; left: 90px; top: 30px; } #title_ichiran { width: 840px; background: url(../images/large1.jpg) no-repeat; height: 300px; position: absolute; } #title_nenpyo { width: 840px; background: url(../images/large4.jpg) no-repeat; height: 300px; position: absolute; } #title_shiono { width: 840px; background: url(../images/large2.jpg) no-repeat; height: 300px; position: absolute; } /* ============================= 07 ナビゲーション */ ul#navigation { position: relative; margin: 0; padding: 0; height: 25px; list-style: none; } ul#navigation li { position: absolute; display: block; height: 25px; margin: 0; padding: 0; text-indent: -9999px; } ul#navigation li#bt01 { left: 0px; background: url(../images/bt/01_01.gif) no-repeat; height: 25px; width: 192px; } ul#navigation li#line01 { left: 192px; background: url(../images/bt/01_02.gif) no-repeat; height: 25px; width: 2px; } ul#navigation li#bt02 { left: 194px; background: url(../images/bt/01_03.gif) no-repeat; height: 25px; width: 136px; } ul#navigation li#line02 { left: 330px; background: url(../images/bt/01_04.gif) no-repeat; height: 25px; width: 2px; } ul#navigation li#bt03 { left: 332px; background: url(../images/bt/01_05.gif) no-repeat; height: 25px; width: 76px; } ul#navigation li#line03 { left: 408px; background: url(../images/bt/01_06.gif) no-repeat; height: 25px; width: 2px; } ul#navigation li#bt04 { left: 410px; background: url(../images/bt/01_07.gif) no-repeat; height: 25px; width: 63px; } ul#navigation li#line04 { left: 473px; background: url(../images/bt/01_08.gif) no-repeat; height: 25px; width: 2px; } ul#navigation li#bt05 { left: 475px; background: url(../images/bt/01_09.gif) no-repeat; height: 25px; width: 76px; } ul#navigation li#line05 { left: 551px; background: url(../images/bt/01_10.gif) no-repeat; height: 25px; width: 2px; } ul#navigation li#bt06 { left: 553px; background: url(../images/bt/01_11.gif) no-repeat; height: 25px; width: 76px; } ul#navigation li#line06 { left: 629px; background: url(../images/bt/01_12.gif) no-repeat; height: 25px; width: 2px; } ul#navigation li#bt07 { left: 631px; background: url(../images/bt/01_13.gif) no-repeat; height: 25px; width: 85px; } ul#navigation li#line07 { left: 716px; background: url(../images/bt/01_14.gif) no-repeat; height: 25px; width: 2px; } ul#navigation li#bt08 { left: 718px; background: url(../images/bt/01_15.gif) no-repeat; height: 25px; width: 122px; } ul#navigation2 { position: relative; margin: 0; padding: 0; height: 290px; list-style: none; } ul#navigation2 li { left: 438px; position: absolute; display: block; height: 125px; margin: 0; padding: 0; text-indent: -9999px; } ul#navigation2 li#bt_r01 { background: url(../images/bt/02_01.gif) no-repeat; height: 25px; width: 272px; top: 137px; } ul#navigation2 li#bt_r02 { background: url(../images/bt/02_02.gif) no-repeat; height: 27px; width: 272px; top: 162px; } ul#navigation2 li#bt_r03 { background: url(../images/bt/02_03.gif) no-repeat; height: 27px; width: 272px; top: 187px; } ul#navigation2 li#bt_r04 { background: url(../images/bt/02_04.gif) no-repeat; height: 27px; width: 272px; top: 212px; } ul#navigation2 li#bt_r05 { background: url(../images/bt/02_05.gif) no-repeat; height: 29px; width: 272px; top: 237px; } /* セレクトの指定 -------------------------------- */ ul#navigation li#bt01_select { left: 0px; background: url(../images/bt/01_01_over.gif) no-repeat; height: 25px; width: 192px; } ul#navigation li#bt02_select { left: 194px; background: url(../images/bt/01_03_over.gif) no-repeat; height: 25px; width: 136px; } ul#navigation li#bt03_select { left: 332px; background: url(../images/bt/01_05_over.gif) no-repeat; height: 25px; width: 76px; } ul#navigation li#bt04_select { left: 410px; background: url(../images/bt/01_07_over.gif) no-repeat; height: 25px; width: 63px; } ul#navigation li#bt05_select { left: 475px; background: url(../images/bt/01_09_over.gif) no-repeat; height: 25px; width: 76px; } ul#navigation li#bt06_select { left: 553px; background: url(../images/bt/01_11_over.gif) no-repeat; height: 25px; width: 76px; } ul#navigation li#bt07_select { left: 631px; background: url(../images/bt/01_13_over.gif) no-repeat; height: 25px; width: 85px; } ul#navigation li#bt08_select { left: 718px; background: url(../images/bt/01_15_over.gif) no-repeat; height: 25px; width: 122px; } ul#navigation2 li#bt_r01_select { background: url(../images/bt/02_01_select.gif) no-repeat; height: 25px; width: 272px; top: 137px; } ul#navigation2 li#bt_r02_select { background: url(../images/bt/02_02_select.gif) no-repeat; height: 27px; width: 272px; top: 162px; } ul#navigation2 li#bt_r03_select { background: url(../images/bt/02_03_select.gif) no-repeat; height: 27px; width: 272px; top: 187px; } ul#navigation2 li#bt_r04_select { background: url(../images/bt/02_04_select.gif) no-repeat; height: 27px; width: 272px; top: 212px; } ul#navigation2 li#bt_r05_select { background: url(../images/bt/02_05_select.gif) no-repeat; height: 29px; width: 272px; top: 237px; } ul#navigation2 li#bt_r03_comingsoon { background: url(../images/bt/02_03_comingsoon.gif) no-repeat; height: 27px; width: 272px; top: 187px; } ul#navigation2 li#bt_r04_comingsoon { background: url(../images/bt/02_04_comingsoon.gif) no-repeat; height: 27px; width: 272px; top: 212px; } /* リンクの指定 -------------------------------- */ ul#navigation li#bt01 a { display: block; width: 192px; height: 25px; text-decoration: none; } ul#navigation li#bt02 a { display: block; width: 136px; height: 25px; text-decoration: none; } ul#navigation li#bt03 a { display: block; width: 76px; height: 25px; text-decoration: none; } ul#navigation li#bt04 a { display: block; width: 63px; height: 25px; text-decoration: none; } ul#navigation li#bt05 a { display: block; width: 76px; height: 25px; text-decoration: none; } ul#navigation li#bt06 a { display: block; width: 76px; height: 25px; text-decoration: none; } ul#navigation li#bt07 a { display: block; width: 85px; height: 25px; text-decoration: none; } ul#navigation li#bt08 a { display: block; width: 122px; height: 25px; text-decoration: none; } ul#navigation2 li#bt_r01 a { display: block; width: 272px; height: 25px; text-decoration: none; } ul#navigation2 li#bt_r02 a { display: block; width: 272px; height: 27px; text-decoration: none; } ul#navigation2 li#bt_r03 a { display: block; width: 272px; height: 27px; text-decoration: none; } ul#navigation2 li#bt_r04 a { display: block; width: 272px; height: 27px; text-decoration: none; } ul#navigation2 li#bt_r05 a { display: block; width: 272px; height: 29px; text-decoration: none; } /* マウスオーバー時の指定 -------------------------------- */ ul#navigation li#bt01 a:hover { background: url(../images/bt/01_01_over.gif) no-repeat; } ul#navigation li#bt02 a:hover { background: url(../images/bt/01_03_over.gif) no-repeat; } ul#navigation li#bt03 a:hover { background: url(../images/bt/01_05_over.gif) no-repeat; } ul#navigation li#bt04 a:hover { background: url(../images/bt/01_07_over.gif) no-repeat; } ul#navigation li#bt05 a:hover { background: url(../images/bt/01_09_over.gif) no-repeat; } ul#navigation li#bt06 a:hover { background: url(../images/bt/01_11_over.gif) no-repeat; } ul#navigation li#bt07 a:hover { background: url(../images/bt/01_13_over.gif) no-repeat; } ul#navigation li#bt08 a:hover { background: url(../images/bt/01_15_over.gif) no-repeat; } ul#navigation2 li#bt_r01 a:hover { background: url(../images/bt/02_01_over.gif) no-repeat; } ul#navigation2 li#bt_r02 a:hover { background: url(../images/bt/02_02_over.gif) no-repeat; } ul#navigation2 li#bt_r03 a:hover { background: url(../images/bt/02_03_over.gif) no-repeat; } ul#navigation2 li#bt_r04 a:hover { background: url(../images/bt/02_04_over.gif) no-repeat; } ul#navigation2 li#bt_r05 a:hover { background: url(../images/bt/02_05_over.gif) no-repeat; } /* ============================== 14 ページトップ */ #page_top { width: 840px; margin: 10px auto 0; line-height: 140%; text-align: right;} /*#page_top p a { float: right; background: url(../images/listmarker_01_03.gif) no-repeat left center; padding: 0 0 0 9px; font-size: x-small; } */ #page_top p a { background: url(../images/listmarker_01_03.gif) no-repeat left center; padding: 0 0 0 9px; font-size:10px; _font-size:65%; } /* ============================== 15 footer */ /*#footer { width: 840px; margin: 10px 0 0 0; text-align: center; } edited by fujita */ #footer { width: 840px; clear:both; text-align:center; margin-left:auto; margin-right:auto} /* ============================== 16 table */ table#01{ position: relative; border:none; visibility: visible; } td.text04 { line-height: 180%; text-align: left; font-size:12px; _font-size:75%; } td.text01 { color:#990000; font-size: 12px; line-height: 150%; } td.text02 { color:#333333; font-size: 12px; line-height: 150%; } td.text03 { color:#333333; font-weight: bold; font-size: 14px; line-height: 150%; }