@charset "shift_jis"; /*---------- ページ全体の指定 ----------*/ body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "MS Pゴシック", "MS P Gothic", Osaka, sans-serif; margin: 0; padding: 0; font-size: 12px; color: #333333; background-image: url(img/back.gif); } a:link { color: #004080; font-size: 12px; } a:hover { color: #005ebb; font-size: 12px; } a:visited { color: #004080; font-size: 12px; } p { margin: 18px 0 18px 0; line-height: 180%; letter-spacing: 1px; } /*---------- メイン ----------*/ #main { margin: 0 auto 0 auto; padding: 0; width: 900px; border-right: solid 2px #dcdddd; border-bottom: solid 2px #dcdddd; border-left: solid 2px #dcdddd; background-color: #ffffff; } /*---------- ヘッダー ----------*/ #header { margin: 0; width: 900px; height: 85px; background-color: #ffffff; background-image: url(img/header.jpg); background-repeat: no-repeat; } #header h1 { margin: 0; padding: 3px 0 5px 8px; text-align: left; font-weight: normal; font-size: 10px; color: #eeeeee; background-image: url(img/h_back.gif); background-repeat: no-repeat; } #header h2 { margin: 0; padding: 9px 10px 10px 20px; width: 400px; text-align: left; font-size: 14px; color: #444444; letter-spacing: 1px; } #table-left{ text-align: left; font-size: 16px; color: #333333; line-height: 150%; text-decoration: none; } #table-left a{ font-size: 16px; color: #444444; text-decoration: none; } #table-left a:hover{ font-size: 16px; color: #777777; text-decoration: none; } #table-right{ text-align: right; margin: 0; padding: 8px 14px 2px 0; font-size: 16px; color: #c9171e; line-height: 150%; text-decoration: none; } #table-right a{ font-size: 12px; color: #333333; text-decoration: none; } #table-right a:hover{ font-size: 12px; color: #666666; text-decoration: none; } #header-menu { height: 24px; background-color: #333333; margin: 0px; padding: 13px 0 0 20px; border-top: solid 2px #cccccc; border-bottom: solid 2px #cccccc; background: url(img/head_menu_back.gif); background-repeat: repeat-x; text-align: left; width: auto; } #header-menu ul { text-align: left; margin: 0px; padding: 0px } #header-menu li { color: #ffffff; display: inline; padding-left: 17px; padding-right: 12px; background: url(img/l_icon.gif) no-repeat; background-position: left center; } #header-menu a { color: #ffffff; text-decoration: none; } #header-menu a:hover { color: #dddddd; } /*---------- コンテンツ ----------*/ #container { width: 888px; overflow: hidden; margin: 0px; padding: 6px; background-color: #ffffff; } /*---------- メインコンテンツ ----------*/ #contents { float: right; margin: 0; padding: 5px 10px 5px 0; font-size: 12px; line-height: 180%; width: 650px; letter-spacing: 1px; } #contents #pannavi { margin: 0; padding: 0 0 5px 0; font-size: 12px; } #contents h2 { height: 28px; margin: 0 0 4px 0; padding: 11px 0 0 22px; font-size: 13px; color: #333399; background-image: url(img/titlebar.gif); background-repeat: no-repeat; } #contents h3 { margin: 12px 5px 10px 6px; padding: 10px 10px 7px 13px; line-height: 110%; font-size: 13px; color: #444444; border-left: solid 5px #aaaaaa; background-color: #eeeeee; } #contents p { margin: 18px 0 18px 0; padding: 0 5px 0 5px; line-height: 180%; font-size: 12px; } #contents a { color: #333399; font-size: 12px; } #contents a:hover { color: #005ebb; font-size: 12px; } #contents .gray_bg { margin: 18px 0 18px 0; padding: 2px 8px 2px 8px; line-height: 200%; letter-spacing: 1px; font-size: 12px; border-top: solid 1px #dddddd; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd; border-left: solid 1px #dddddd; background-color: #eeeeee; } #contents .gray_bg p { line-height: 200%; letter-spacing: 1px; font-size: 12px; } #contents img.head_photo { margin: 0 0 10px 0; } #contents img.photo { float: left; margin: 10px 20px 0 0; } #contents img.picture { margin: 0 10px 10px 0; float: left; } #contents img.picture_r { margin: 0 0 10px 10px; float: right; } #contents p.photo { margin: 0 0 20px 0; padding: 0; } #contents p.back { margin: 0; padding: 0 5px 0 0; text-align: right; } table#t01 { border: solid 1px #999999; border-collapse: collapse; } td#t01 { border: solid 1px #999999; border-collapse: collapse; } td#head { padding: 7px 6px 5px 10px; border: solid 1px #999999; border-collapse: collapse; background-image: url(img/item_block_bg.gif); } table.table_line { border-collapse: collapse; border: solid 1px #999999; } td.table_line { border-collapse: collapse; border: solid 1px #999999; padding : 8px 14px 8px 14px; } /*---------- メニュー ----------*/ #menu { float: left; margin: 3px 0 15px 0; padding: 0; width: 210px; text-align: left; background-image: url(img/menu_back.gif); letter-spacing: 1px; } #menu h2 { height: 21px; margin: 0; padding: 9px 0 0 12px; font-size: 12px; color: #fffffc; background-image: url(img/sidebar.gif); background-repeat: no-repeat; } #menu p { margin: 0; padding: 10px 4px 2px 4px; font-size: 12px; background-color: #f3f3f2; line-height: 180%; } .menulist { margin: 0 0 15px 0; padding: 5px 2px 0px 5px; width: 200px; text-align: left; background-image: url(img/menu_back.gif); } .menulist h2 { height: 21px; margin: 0; padding: 9px 0 0 12px; font-size: 12px; color: #fffffc; background-image: url(img/sidebar.gif); background-repeat: no-repeat; } .menulist a{ color: #004080; display: block; border-right: solid 1px #dddddd; border-bottom: solid 1px #dddddd; border-left: solid 1px #dddddd; padding: 8px 4px 4px 22px; font-size: 12px; line-height: 180%; text-decoration: none; background-image: url(img/side_menu_bg.gif); background-repeat: no-repeat; } .menulist a:hover{ color: #005ebb; text-decoration: underline; background-image: url(img/side_menu_bg_hover.gif); background-repeat: no-repeat; } .menu_free { margin: 0 0 14px 0; padding: 5px 2px 0px 5px; width: 200px; text-align: left; background-image: url(img/menu_back.gif); } .menu_free h2 { height: 21px; margin: 0; padding: 9px 0 0 12px; font-size: 12px; color: #fffffc; background-image: url(img/sidebar.gif); background-repeat: no-repeat; } .menu_free a{ color: #004080; padding: 6px 0 5px 0; font-size: 12px; } .menu_free a:hover{ color: #005ebb; } .menu_free p{ margin: 0; padding: 10px 4px 0 4px; font-size: 12px; line-height: 180%; } /*---------- フッター ----------*/ #footer { clear: both; width: 100%; margin: 0; padding: 15px 0 15px 0; text-align: center; font-size: 12px; color: #333333; border-top: solid 3px; border-top-color: #333399; background-color: #eeeeee; } #footer a { color: #333333; font-size: 12px; } #footer a:hover { color: #333333; }