@charset "shift_jis"; /* reset ////////////////////////////////////////////////*/ * { padding: 0; margin: 0; border: 0; float: none; text-decoration: none; font-weight: normal; } ul, li { list-style: none; } /* common ////////////////////////////////////////////////*/ body { width: 100%; background-color: #383833; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; color: #4D444D; font-size: 75%; line-height: 1.6em; text-align: left; } a:link { color: #4D444D; text-decoration: underline; } a:hover { color: #61735E; text-decoration: none; } a:active { color: inherit; text-decoration: inherit; } a:visited { color: #4D444D; text-decoration: underline; } .txt_right { text-align: right; } .substitute { display: none; } .left { float: left; } .right { float: right; } .clear { clear: both; } /* wrapper ////////////////////////////////////////////////*/ #wrapper { width: 920px; background-color: #FFFFFF; background-image: url(../img/line_grange.gif); background-position: 1px top; background-repeat: repeat-y; } #base { padding: 20px 0 0 32px; margin: 0 20px 0 9px; } /* head_lines ////////////////////////////////////////////////*/ h1 { width: 856px; height: 49px; margin-top: -0.4em; background-image: url(../img/page_title.png); background-position: left bottom; background-repeat: no-repeat; } h2 { color: #837D79; font-size: 1em; line-height: 1.6em; font-weight: bold; } h3 { margin-bottom: 14px; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color: #61735E; font-size: 200%; font-weight: bold; line-height: 1em; } h4 { margin: 1.2em 0 12px 0; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color: #837D79; font-size: 134%; font-weight: bold; line-height: 1em; } h5 { font-size: 100%; color: #61735E; } h6 { font-size: 100%; color: #837D79; } /* head ////////////////////////////////////////////////*/ #head { background-image: url(../img/background.jpg); background-position: left top; background-repeat: repeat-y; } #header { height: 38px; padding: 20px 0 0 32px; margin: 0 20px 0 9px; } #title { padding: 0 0 12px 32px; margin: 0 20px 0 9px; } .language { display: block; height: 61px; width: 112px; position: absolute; top: 2px; right: 30px; } .language a { display: block; height: 56px; width: 122px; background-position: left top; background-repeat: no-repeat; } .language a.eng { background-image: url(../img/bilingual_e.png); } .language a.jpn { background-image: url(../img/eng/bilingual_j.png); } .language a:hover, .language a:active { background-position: left bottom; } /* menu ////////////////////////////////////////////////*/ .menu li { display: block; background-image: url(../img/line_dot.gif); background-position: left bottom; background-repeat: repeat-x; } .menu li a { display: block; background-position: left top; background-repeat: no-repeat; } .menu li a.index:link, .menu li a.index:visited { background-image: url(../img/btn_webEx_index.gif); } .menu li a.page01:link, .menu li a.page01:visited { background-image: url(../img/btn_webEx_page01.gif); } .menu li a.page02:link, .menu li a.page02:visited { background-image: url(../img/btn_webEx_page02.gif); } .menu li a.page03:link, .menu li a.page03:visited { background-image: url(../img/btn_webEx_page03.gif); } .menu li a.page04:link, .menu li a.page04:visited { background-image: url(../img/btn_webEx_page04.gif); } .menu li a.page05:link, .menu li a.page05:visited { background-image: url(../img/btn_webEx_page05.gif); } .menu li a.page06:link, .menu li a.page06:visited { background-image: url(../img/btn_webEx_page06.gif); } .menu li a:hover, .menu li a:active, .menu li a.this { background-position: left bottom; } .submenu li, .submenu li a { display: block; background-image: none; } .submenu li a.this { color: #61735E; text-decoration: none; } /* contact ////////////////////////////////////////////////*/ #contact { margin-top: 26px; border: solid 1px #2B2129; } #contact > dt { background-image: url(../img/contact_title.gif); background-position: left top; background-repeat: no-repeat; border-bottom: solid 1px #2B2129; } #contact dl { margin: 6px 10px 8px 10px; font-size: 0.9em; font-weight: bolder; color: #2B2129; line-height: 1.4em; } #contact dl dt { margin: 0 0 4px 0; } /* foot ////////////////////////////////////////////////*/ #footer { height: 26px; padding: 60px 0 10px 0; } .copyright { margin: 8px 0 0 0; font-size: 9px; line-height: 9px; }