@charset "Shift_JIS"; /* ========BASIC======== */ * { font-family : "MS UI Gothic","MS Pゴシック","Osaka"; color:#666666; } body { margin:0; padding:0; background:#fff url("logo/body_bg.gif") 0 0 repeat; } th{ line-height:180%; } td{ line-height:180%; } p{ font-size:12px; line-height:180%; } br { letter-spacing:normal; } a { color:#666666; text-decoration:none; } a:hover { color:#ff8000; } img { border:0; vertical-align:bottom; } h1,h2,h3,h4,h5,h6 { margin:0; } /* ========TEMPLATE LAYOUT======== */ div#headwrap { position:relative; width:100%; margin:0 auto; background:url("logo/header_bgw.gif") 0 0 repeat-x; } div#header { position:relative; width:870px; height:100px; margin:0px auto; background:url("logo/header_melaka.gif") 0 0 repeat-x; } div#menu { width:100%; float:left; background:url("logo/bg_menu.gif") 0 0 repeat-x; } div#icatch { width:870px; margin:0 auto; background:#fff; } div#outline { width:880px; text-align:left; margin: 0px auto; background:url("logo/outline_bg.jpg") 0 0 repeat-y; } div#pankuzu { width:720px; margin: 0px auto; background:#fff; } div#contents { width:720px; margin:0 auto; padding:10px 0 5px 0; color:#f2f2f2; border:1px solid #cccccc; } div#main { float:right; width:500px; padding:0 10px 0 0; } div#sub { float:left; width:200px; } div#totop { clear:both; } div#footMenu { width:860px; margin:0 auto; } div#footer { margin:0 auto; background:url("logo/footer_bg.jpg") 0 0 no-repeat; height: 70px; } /* ========HEADER CUSTOMIZE======== */ div#header h1 { margin:0; padding:10px 0px 5px 8px; font-family : "メイリオ","MS Pゴシック","Osaka"; font-size:90%;/* 32px相当 */ color:#666666; line-height:20px; } div#header a { display: block; width: 870px; height: 100px; } /* ========PANKUZY CUSTOMIZE======== */ div#pankuzu p { margin:0; padding:10px 0 0 0; text-align:left; color:#666666; font-size:12px; font-weight:normal; } /* ========MENU CUSTOMIZE======== */ div#menu ul { width:870px; margin:0 auto; padding:0; } div#menu li { float:left; font-size:12px; color:#666666; text-align:center; list-style-type:none; } div#menu li a{ display:block; width:123px; color:#6a603c; line-height:60px; border-right:1px solid #D8D8D8; } div#menu li.home a { border-left:1px solid #D8D8D8; } div#menu li a:hover { color:#ff8000; background:#fff url("logo/bg_menu.gif") 0 -60px repeat-x; z-index:100; } /* ========MAIN CONTENTS CUSTOMIZE======== */ div#main a { color:#004080; } div#main a:hover { color:#ff8000; border-bottom:1px solid #9B0000; } div#main h2 { margin-bottom:8px; padding:0 0 0 20px; color:#666666; font-family : "メイリオ","MS Pゴシック","Osaka"; font-size:94%;/* 15px相当 */ font-weight:bold; line-height:35px; border:1px solid #D8D8D8; background:url("logo/bg_h2.gif") 0 0 no-repeat; } div#main h3 { margin-bottom:3px; font-size:12px: } div#main h4 { margin-bottom:2px; font-size:12px; color:#666666; font-weight: normal; line-height: 1.7; } div#main h5 { margin-bottom:2px; font-size:12px; font-weight: bold; line-height: 1.8; } div#main h6 { margin-bottom:2px; font-size:12px;} div#main p { margin:0 0 1em 0; font-size:12px; } div#main ul,ol,dl { font-size:12px; } div#main dt { margin-bottom:3px; } div#main dd { padding:0; margin:0 0 0.5em 1em; padding:3px; background:#f1f1f1; } div#main img { margin: 0 0 5px 0; } .menu_out { margin:5px 0; } .menu_out li { font-size:12px; margin: 0.5em 0 0.5em 0.5em; padding: 0.1em 0 0 12px; list-style-type: none; list-style-position: outside; background-repeat: no-repeat; background-position: 0 center; line-height:1.2; background-image: url(logo/bg_list.gif); } .menu_out ul { margin:0 0 0 5px; padding:2px 0 5px 8px; list-style: none; } .menu_out h3 { font-size:12px; background-color:#F7F7F7; margin:0 0 5px 0; padding:1px 0 1px 5px; line-height:30px; font-weight:bold; } .menu_out_left { border:1px solid #CECFCE; float:left; width:238px; padding:3px; margin:0 0 5px 0; } .menu_out_left img { margin: 0; padding:0px 0px 0px 5px; } .menu_out_right { border:1px solid #CECFCE; float:right; width:238px; padding:3px; margin:0 0 5px 0; } .menu_out_right img { margin: 0; padding:0px 0px 0px 5px; } .clear {clear:both;} /* INFORMATION CUSTOMIZE */ * html body div#main dl.information dd div { display:inline-block; } div#main dl.information dt { float:left; width:8em; text-align: right; line-height:1.5; margin:0 0 1em 0.5em; } div#main dl.information dd { margin:0 0 1em 9.5em; padding:0; line-height:1.5; background:transparent; } div#main table#table-01 { width: 500px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0px; margin-bottom : 10px; } div#main table#table-01 th { padding: 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: normal; line-height: 1.5; color:#666666; font-size:12px; font-weight:bold; line-height: 1.5; text-align: left; text-align: center; } div#main table#table-01 td { padding: 5px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; text-align: center; } DIV#main TABLE#table-01 TD IMG { vertical-align:bottom; margin-bottom : 0px; bottom : auto; caption-side : bottom; } div#main table#table-02 { width: 485px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0px; margin: 0 5px 10px 8px; text-align: left; } div#main table#table-02 th { padding: 5px 20px 3px 0; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; color:#666666; font-size:12px; font-weight:bold; line-height: 1.5; text-align: right; } div#main table#table-02 td { padding: 5px 0px 3px 10px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; font-size:12px; text-align: left; } DIV#main TABLE#table-02 Td IMG { vertical-align:bottom; margin-bottom : 0px; bottom : auto; caption-side : bottom; } div#main table#table-02d { width: 500px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0px; margin: 0 0px 0px 0px; } div#main table#table-02d th { padding: 8px 3px 3px 10px; border: #666666 solid; border-width: 0 1px 1px 0px; background: #e7e7e7; color:#666666; font-size:12px; font-weight:bold; line-height: 1.5; vertical-align: top; text-align: left; } div#main table#table-02d td { padding: 3px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; font-size:12px; vertical-align: top; text-align: left; } DIV#main TABLE#table-02d Td IMG { padding: 3px 3px 3px 3px; } div#main table#table-03 { width: 450px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0px; margin-bottom : 10px; } div#main table#table-03 th { padding: 5px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: normal; line-height: 1.5; color:#666666; font-size:13px; font-weight:bold; line-height: 1.5; text-align: left; text-align: center; } div#main table#table-03 td { padding: 5px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; font-size:12px; text-align: center; } DIV#main TABLE#table-03 TD IMG { vertical-align:bottom; margin-bottom : 0px; bottom : auto; caption-side : bottom; } /* ========SUBCONTENTS CUSTOMIZE======== */ div#sub .section { } div#sub .section2 { padding-right:10px; } div#sub h2 { padding:5px; font-size:12px; font-weight:bold; color:#fff; padding-left:10px; background:#336699; border-bottom:1px solid #C1C1C1; border-right:1px solid #C1C1C1; } div#sub h3 { padding:5px; font-size:12px; font-weight:bold; color:#fff; padding-left:10px; background:#aa1002; border-bottom:1px solid #C1C1C1; border-right:1px solid #C1C1C1; } div#sub h4 { padding:5px; font-size:12px; font-weight:bold; color:#fff; padding-left:10px; background:#DDAD08; border-bottom:1px solid #C1C1C1; border-right:1px solid #C1C1C1; } div#sub h5 { padding:5px; font-size:12px; font-weight:bold; color:#fff; padding-left:10px; background:#339966; border-bottom:1px solid #C1C1C1; border-right:1px solid #C1C1C1; } div#sub ul { margin:5px 0 0 5px; padding:0; } div#sub ul a:hover { background:#d7d7d7 url("logo/bg_list02.gif") 0 6px no-repeat; } div#sub li { padding:5px 0 5px 0; font-size:12px; line-height:1.6; list-style:none; background:url("logo/bg_dotline.gif") 0 100% repeat-x; } div#sub li a { display:block; padding-left:12px; background:url("logo/bg_list.gif") 0 6px no-repeat; } /* ========TOTOP CUSTOMIZE========= */ div#totop { margin:0 10px; text-align:right; font-size:12px; } div#totop a { padding-left:8px; background: url("logo/bg_totop.gif") 0 50% no-repeat; } /* ========FOOTMENU CUSTOMIZE======== */ div#footMenu ul { margin:0; padding:10px 70px 0 0; text-align:right; } div#footMenu li { display:inline; margin:0 0 0 5px; font-size:12px; list-style:none; } div#footMenu li a { padding-left:10px; background: url("logo/bg_footmenu.gif") 0 50% no-repeat; } /* ========FOOTER CUSTOMIZE======== */ address { padding:1px; font-size:12px; font-style:normal; color:#666666; text-align:center; }