@charset "utf-8"; /* ---------------------------------------------------------------------------------------------------- SANS JAPAN RENEWAL common.css 　共通指定 since.2009.05.15 h-design@pi.mods.jp ----------------------------------------------------------------------------------------------------- */ body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;} /* ヘッダー ----------------------------------------------------------------------------------------------------- */ #header-wrap { width:100%; height:105px; background:url(../common_img/header_bg2.jpg) center repeat-x;} #header-box { width:845px; height:75px; margin:0 auto; background:url(../common_img/header_bg.gif); position:relative;} #header-logo { width:115px; height:75px; position:absolute; top:0; left:15px;} #navi07 { width:290px; height:20px; position:absolute; top:18px; left:145px; text-align:right;} #navi08 { width:100px; height:27px; position:absolute; top:12px; left:442px;} /* グローバルメニュー ----------------------------------------------------------------------------------------------------- */ #navi-wrap { width:846px; height:30px; margin:0 auto 20px auto;} #navi01 { width:151px; height:30px; background:url(../common_img/navi01.jpg) no-repeat;} #navi01:hover { width:151px; height:30px; background:url(../common_img/navi01_f2.jpg) no-repeat;} #navi02 { width:136px; height:30px; background:url(../common_img/navi02.jpg) no-repeat;} #navi02:hover { width:136px; height:30px; background:url(../common_img/navi02_f2.jpg) no-repeat;} #navi03 { width:136px; height:30px; background:url(../common_img/navi03.jpg) no-repeat;} #navi03:hover { width:136px; height:30px; background:url(../common_img/navi03_f2.jpg) no-repeat;} #navi04 { width:136px; height:30px; background:url(../common_img/navi04.jpg) no-repeat;} #navi04:hover { width:136px; height:30px; background:url(../common_img/navi04_f2.jpg) no-repeat;} #navi05 { width:136px; height:30px; background:url(../common_img/navi05.jpg) no-repeat;} #navi05:hover { width:136px; height:30px; background:url(../common_img/navi05_f2.jpg) no-repeat;} #navi06 { width:150px; height:30px; background:url(../common_img/navi06.jpg) no-repeat;} #navi06:hover { width:150px; height:30px; background:url(../common_img/navi06_f2.jpg) no-repeat;} #subnavi-training { width:160px; margin-left:10px;} #subnavi-giac { width:170px;} #subnavi-resources { width:170px;} .subnavi a { background:#0F2539;} .subnavi a:hover { background:#00577D;} .subnavi a:focus { background:#00577D;} .subnavi2 a { background:#0F2539; text-align:center;} .subnavi2 a:hover { background:#00577D; text-align:center;} .subnavi2 a:focus { background:#00577D; text-align:center;} /* ページトップリンク ----------------------------------------------------------------------------------------------------- */ #pagetop-wrap { width:816px; text-align:right; font-size:10px; clear:both;} #pagetop-wrap a { color:#006699; text-decoration:none;} #pagetop-wrap a:hover { color:#3366CC; text-decoration:underline;} /* フッター ----------------------------------------------------------------------------------------------------- */ #footer-wrap { width:845px; margin:4px auto; text-align:center;} #footer-wrap p { width:845px; height:50px; font-size:12px; line-height:1.2; color:#FFFFFF; margin:0; padding:8px 0 0 0; background:url(../common_img/footer_bg.gif);} #footer-wrap p a { color:#CDE3ED; text-decoration:none;} #footer-wrap a:hover { color:#FFCC00; text-decoration:underline;} #footer-10px { font-size:10px; line-height:1.3;} /* コンテンツエリア指定＆ページタイトル ----------------------------------------------------------------------------------------------------- */ h1 { margin:0; padding:0;} #contents-wrap { width:816px; margin:20px auto 0 auto; position:relative;} #contents-body { width:610px; float:left; } #contents-menu { width:185px; float:right;} #main-title { width:610px; height:47px; margin-bottom:25px;} .container { width:610px; margin-bottom:30px; clear:both;} .container h2 { font-size:16px; color:#10293F; margin:0 0 8px 0; line-height:1.2; padding:10px 0 6px 12px; border-color:#10293F; border-style: solid; border-width:1px 0 0 6px;} .container h3 { font-size:14px; color:#10293F; margin:0 0 0 8px;} .container p { font-size:12px; line-height:1.5; color:#555; margin:8px 0 0 8px;} .container ul { margin:1em 0; padding:0 0 0 2em;} .container li { font-size:12px; line-height:1.3; color:#555; margin-bottom:0.5em;} .container a { color:#00577D;} .container a:hover { color:#597BC7; text-decoration:underline;} .main-text { font-size:12px; line-height:1.5; color:#555;} .red-text { color:#9B1E2D} /* コンテンツページ　ローカルメニュー ----------------------------------------------------------------------------------------------------- */ #menu-wrap { width:185px; background:#F1F1F1 url(../common_img/menu_top.gif) no-repeat; padding-top:12px; margin:0;} #menu-wrap ul { width:165px; list-style:none; margin:0 10px; padding:0; border-top:#CCC solid 1px; border-bottom:#FFF solid 1px;} #menu-wrap li { font-size:12px; padding:11px 0 12px 10px; background:url(../common_img/menu_dot.gif) no-repeat 2px 18px; border-top:#FFF solid 1px; border-bottom:#CCC solid 1px;} #menu-wrap li a:link { color:#00577D; text-decoration:none;} #menu-wrap li a:visited { color:#00577D; text-decoration:none;} #menu-wrap li a:hover { color:#3DB3E4; text-decoration:underline;} #menu-bottom { margin:0; padding:0;} #contents-menu .banner { width:160px; height:600px; padding-top:15px; margin:0 auto;} /* コースページ　併設開催コース右メニュー ----------------------------------------------------------------------------------------------------- */ #concurrent { width:185px; margin-top:20px; background:#122E46; padding:1px 0;} #concurrent p { font-size:12px; line-height:1.2; color:#FFF; text-align:center; margin:10px auto;} #concurrent a { width:171px; font-size:12px; border:#FFF solid 1px; color:#FFF; display:block; margin:15px 6px; padding:3px 0; text-decoration:none; text-align:center;} #concurrent a:hover { width:171px; font-size:12px; border:#FFF solid 1px; color:#FFF; display:block; margin:15px 6px; padding:3px 0; text-decoration:none; text-align:center; background:#0066FF;}