@charset "utf-8"; /* *01 ドキュメント全体に関する設定 *02 リンクに関する設定 *03 ヘッダ部分の設定 *04 ナビゲーション部分の設定 *05 コンテンツコンテナの設定 *06 サイドメニュー部分の設定 *07 フッタ部分の設定 *08 トップページの設定 *09 コンテンツ部分の設定 *10 サブウィンドウ部分の設定 *11 メニュー一覧リストの設定 *00 バグ回避用の設定 */ /* ------------------------------------------------------- *01 ドキュメント全体に関する設定 ------------------------------------------------------- */ html, body { height:100%; } body { margin: 0px auto; padding:0px; font-size: 12px; } h1 { font-size: 16px; color: #FFFFFF; background-image: url(./preset_images/h1_bar.gif); background-repeat: repeat-x; background-position: left center; vertical-align: middle; height: 34px; line-height: 34px; text-indent: 0.2em; } h2 { margin:0px; font-size: 16px; color: #000000; vertical-align: middle; height: 20px; line-height: 20px; background-color: #CBE3AE; border: 1px solid #B9DA7C; text-indent: 0.2em; } h3 { margin:0px; font-size: 14px; color: #FFFFFF; background-image: url(./preset_images/h2_bar.gif); background-repeat: repeat-x; background-position: left center; height: 20px; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-indent: 0.2em; } h4 { margin:0px; font-size: 14px; color: #70B539; line-height: 20px; height: 20px; border-bottom-width: 1px; border-left-width: 3px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #70B539; border-left-color: #70B539; } h5 { margin:0px; font-size: 14px; color: #28A7E1; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7FADD0; text-indent: 0.2em; } h6 { margin:0px; font-size: 14px; color: #28A7E1; text-indent: 0.2em; } h1, h2, h3, h4, h5, h6 { margin-top: 10px; margin-bottom: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; } #lv1_txt { font-size: 16px; color: #FFFFFF; background-position: left center; vertical-align: middle; height: 32px; line-height: 32px; margin-top: 5px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-left: 10px; font-weight: bold; background-image: url(./preset_images/lv1_bar.gif); } #lv2_txt { font-size: 14px; color: #FFFFFF; line-height: 20px; height: 20px; margin-top: 5px; margin-bottom: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; font-weight: bold; background-image: url(./preset_images/lv2_bar.gif); background-repeat: no-repeat; background-position: left center; margin-right: 0px; margin-left: 0px; } #lv3_txt { font-size: 14px; color: #F8B624; margin-bottom: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; font-weight: bold; margin-right: 0px; margin-left: 0px; margin-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F8B624; } .clear { clear:both; font-size:0px; line-height:0px; } hr.tmp_glay { border-top-width: 1px; border-top-color: #C0C0C0; height: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 100%; text-align: center; margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 5px; } /* ------------------------------------------------------- *02 リンクに関する設定 ------------------------------------------------------- */ a:link { color: #000000; } a:visited { color: #000000; } a:hover { color: #3366CC; } a:active { color: #3366CC; } #tmp_navi a:link, #tmp_navi a:visited { color: #FFFFFF; text-decoration: none; } #tmp_navi a:hover, #tmp_navi a:active { color: #FFF000; text-decoration: none; } #tmp_sidenavi dl dt a:link, #tmp_sidenavi dl dt a:visited { color: #FFFFFF; text-decoration: none; } #tmp_sidenavi dl dt a:hover, #tmp_sidenavi dl dt a:active { color: #FFFFFF; text-decoration: none; } /* ------------------------------------------------------- *03 ヘッダ部分の設定 ------------------------------------------------------- */ #header { padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 980px; border-top-width: 3px; border-top-style: solid; border-top-color: #22B8C6; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #22B8C6; } } #header p#logo { padding-top: 15px; padding-bottom: 10px; padding-left: 25px; margin: 0px; float:left; } #header div#logo { padding-top: 15px; padding-bottom: 10px; padding-left: 25px; margin: 0px; float:left; } #header div#head_menu { padding-top: 28px; padding-bottom: 0px; padding-right: 25px; margin: 0px; float:right; font-size:14px; } /* ------------------------------------------------------- *04 ナビゲーション部分の設定 ------------------------------------------------------- */ #left_menu { margin-left: -30px; margin-top: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; } #left_menu li { list-style-type: none; text-indent: -9999px; } #seihin a { display: block; background-image: url(./preset_images/left_menu.gif); background-position: 0 0; height: 45px; width: 220px; } #seihin a:hover { background-position: -220px 0; } #kigyo a { display: block; background-image: url(./preset_images/left_menu.gif); background-position: 0 -45px; height: 44px; width: 220px; } #kigyo a:hover { background-position: -220px -45px; } #nagomi a { display: block; background-image: url(./preset_images/left_menu.gif); background-position: 0 -90px; height: 44px; width: 220px; } #nagomi a:hover { background-position: -220px -90px; } #left_baner { margin-left: 4px; margin-top: 0px; padding-top:5px; padding-bottom:5px; margin-right: 0px; margin-bottom: 0px; background-color: #F1F1F1; width: 232px; border: 1px solid #E1E1E1; } /* LV2ナビゲーション --------------------------------------------------------- */ #tmp_sidenavi { width:234px; float:left; text-align: left; padding: 0px; margin: 0px; margin-left: 4px; } #tmp_sidenavi dl { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; border: 1px solid #22B8C6; } #tmp_sidenavi dl dt { font-size: 1.1em; background-repeat: repeat-x; background-position: center top; padding-right: 15px; padding-left: 16px; padding-top: 8px; padding-bottom: 6px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; color: #000000; background-image:url(preset_images/menu_dt.gif); font-weight: bold; font-size:14px; } #tmp_sidenavi dl dt span { color: #FFF000; text-decoration: none; } #tmp_sidenavi dl dt.opened a:link, #tmp_sidenavi dl dt.opened a:visited { color: #FFF000; text-decoration: none; } #tmp_sidenavi dl dd { margin: 0px; padding: 0px; } #tmp_sidenavi dl dd.btm { margin: 0px; background-image: url(preset_images/menu_btm.gif); background-repeat: no-repeat; background-position: left bottom; padding: 0px; font-size: 4px; line-height: 11px; height: 11px; } #tmp_sidenavi dl dd.top { margin: 0px; background-image: url(preset_images/menu_top.gif); background-repeat: no-repeat; background-position: left bottom; padding: 0px; font-size: 4px; line-height: 11px; height: 11px; } #tmp_sidenavi dl dd ul { list-style-type: none; margin: 0px; padding-top: 0px; padding-right: 15px; padding-bottom: 10px; padding-left: 20px; } #tmp_sidenavi dl dd ul li { margin: 0px; list-style-type: none; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 5px; list-style-type: none; } #tmp_sidenavi dl dd ul li.opened a { color: #EE760F; } #tmp_sidenavi dl dd ul ul.third li a { color: #003366; } #tmp_sidenavi dl dd ul ul.third li a:hover { color: #EE760F; } #tmp_sidenavi dl dd ul ul.third li.opened a { color: #EE760F; } #tmp_sidenavi dl dd ul li span { margin: 0px; padding: 2px; color: #EE760F; font-weight: bold; } /* ------------------------------------------------------- *05 コンテンツコンテナの設定 ------------------------------------------------------- */ div#body { padding:0px; width: 100%; height: 100%; min-height:100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-position: left top; background-color: #EEEEEE; background-repeat: repeat; height:auto; } div#base { width:1000px; margin-right: auto; margin-left: auto; background-image: url(./preset_images/bg_main.gif); } div#top_container { width:980px; text-align: left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border: 1px solid #C0C0C0; background-color: #FFFFFF; padding: 0px; } div#container { BORDER-BOTTOM: #c0c0c0 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #c0c0c0 1px solid; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #ffffff; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 980px; PADDING-RIGHT: 0px; FONT-SIZE: 1em; BORDER-TOP: #c0c0c0 1px solid; BORDER-RIGHT: #c0c0c0 1px solid; PADDING-TOP: 0px } div#top_wrap { width:960px; clear: both; MARGIN: 5px auto 0px; padding: 0px; } div#wrap { PADDING-BOTTOM: 0px; MARGIN: 5px auto 0px; PADDING-LEFT: 0px; WIDTH: 920px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px } /* ------------------------------------------------------- *07 フッタ部分の設定 ------------------------------------------------------- */ #footer { margin-top: 0; margin-bottom: 0; padding-right: 0; padding-left: 0; clear: both; background:url(./preset_images/bg_footer_.gif) no-repeat; height:90px; line-height:1.5em; text-align:right; } #footer p.copy { padding-top: 45px; padding-right: 20px; } /* ------------------------------------------------------- *08 トップページの設定 ------------------------------------------------------- */ div#tmp_top_wrap { width:921px; line-height:1.55; clear: both; margin-top: 15px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding: 0px; } #tmp_top_key { text-align: center; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } div#tmp_topnews { width:408px; float:left; line-height:1.4; padding: 0px; margin-top: 0px; margin-bottom: 25px; margin-left: 0px; border: 1px solid #7FD4EC; } #tmp_top_title { width: 390px; height: 20px; } #tmp_midashi { width:480px; float:right; text-align: left; padding: 0px; } /* ------------------------------------------------------- *09 コンテンツ部分の設定 ------------------------------------------------------- */ div#wrap div#contents { width:653px; float:right; line-height:1.55; padding: 0px; margin-top: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; } div#top_contents_l { float:left; width:250px; line-height:1.55; padding: 0px; margin-bottom: 10px; margin-left: 0px; } div#top_contents_r { float:right; width:700px; line-height:1.55; padding: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 5px; } div#top_contents_r_l { float:left; width:375px; line-height:1.55; padding: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; } div#top_contents_r_r { float:right; width:300px; padding: 0px; margin-bottom: 10px; margin-left: 0px; } div#newsBox { line-height:1.4; padding: 0px; border: 1px solid #FFCC00; margin: 0px; width: 298px; } #tmp_pankz { line-height: 150%; text-align: right; width: 920px; margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 0px; } #key { text-align: center; margin-top: 0px; padding-bottom: 10px; } .tmp_pagetop { text-align: right; padding-top: 10px; padding-bottom: 5px; } #tmp_right { float:right; width: 325px; } #tmp_left { float:left; width: 305px; margin: 0px; padding: 0px; } /* ニュースの一覧*/ #tmp_title { height: 20px; margin-top: 0px; } ul#news { padding: 10px; margin: 0px; } ul#news li { margin: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 6px; padding-left: 18px; list-style-type: none; background-image: url(./preset_images/icn_news.gif); background-repeat: no-repeat; background-position: left 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; } ul#news li.archive { text-align: right; padding: 0px; background-image: none; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-bottom-style: none; } table.tmp_title { margin: 0px; padding: 0px; height: 20px; } table.tmp_title td.tmp_left { background-image: url(./preset_images/left_cap.gif); background-repeat: no-repeat; background-position: 0px 0px; width: 22px; margin: 0px; padding: 0px; height: 20px; } table.tmp_title td.tmp_right { background-image: url(./preset_images/right_cap.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding: 0px; width: 18px; height: 20px; } table.tmp_title td.tmp_bg { background-image: url(./preset_images/bg_table.gif); background-repeat: repeat-x; background-position: left center; color: #FFFFFF; font-weight: bold; line-height: 18px; vertical-align: middle; height: 20px; padding-right: 5px; padding-left: 5px; } /* ニュースの一覧*/ ul#seihin_lineup { padding: 10px; margin: 0px; } ul#seihin_lineup li { margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 6px; padding-left: 15px; list-style-type: none; background-image: url(./preset_images/sankaku.gif); background-repeat: no-repeat; background-position: left 5px; } /* ------------------------------------------------------- *10 サブウィンドウ部分の設定 ------------------------------------------------------- */ #tmp_sub_header { padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; width: 582px; } #tmp_sub_header p#tmp_logo { padding-top: 15px; padding-bottom: 15px; padding-left: 0px; margin: 0px; } div#tmp_sub_container { width:647px; text-align: left; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-width: 3px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F39800; border-right-color: #C0C0C0; border-bottom-color: #C0C0C0; border-left-color: #C0C0C0; } div#tmp_sub_wrap { width:582px; line-height:1.55; clear: both; margin-top: 15px; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding: 0px; } div#tmp_sub_wrap #tmp_page_title { font-size: 16px; line-height: 24px; height: 24px; font-weight: bold; color: #FF0000; padding-left: 23px; background-image: url(./preset_images/sub_title.gif); background-repeat: no-repeat; background-position: left center; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } div#tmp_sub_wrap dl#tmp_news { margin-top: 15px; margin-bottom: 15px; } div#tmp_sub_wrap dl#tmp_news dt { margin: 0px; padding: 0px; font-size: 14px; line-height: 22px; color: #FFFFFF; background-image: url(./preset_images/sub_news_bar.gif); background-repeat: no-repeat; background-position: left top; height: 21px; font-weight: bold; padding-left: 5px; } div#tmp_sub_wrap dl#tmp_news dd { padding-top: 5px; padding-bottom: 5px; margin: 0px; padding-right: 0px; padding-left: 0px; } div#tmp_sub_wrap dl#tmp_news dd ul { margin: 0px; padding: 0px; } div#tmp_sub_wrap dl#tmp_news dd ul li { margin: 0px; background-image: url(./preset_images/news_icon.gif); background-repeat: no-repeat; background-position: left 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 18px; list-style-type: none; } div#tmp_sub_wrap dl#tmp_news dd.tmp_archive { text-align: right; margin: 0px; padding: 0px; } div#tmp_sub_wrap div#tmp_newsBox { width:582px; float:left; line-height:1.4; padding: 0px; margin-top: 0px; margin-bottom: 25px; margin-left: 0px; border: 1px solid #7FD4EC; margin-right: 0px; } /* -------------------------------------------------------   *11 メニュー一覧リストの設定 ------------------------------------------------------- */ div#tmp_menulist dl { padding: 0 20px 0 20px; } div#tmp_menulist dt { border-top: none; border-right: none; border-bottom: 1px dotted #999999; border-left: none; padding: 5px; } div#tmp_menulist li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; padding: 5px; } /* ------------------------------------------------------- *00 バグ回避用の設定 ------------------------------------------------------- */ #tmp_wrap:after, #tmp_header:after, #tmp_navi:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #tmp_wrap, #tmp_header, #tmp_navi { display: inline-table; min-height: 1%; } /* Hides from IE-mac \*/ * html #tmp_wrap, * html #tmp_header, * html #tmp_navi { height: 1%; } #tmp_wrap, #tmp_header, #tmp_navi { display: block; } /* End hide from IE-mac */