/*--------------------------------- BODY AND BASE SETTING ----------------------------------*/ body { font-size:84%; color:#000000; letter-spacing:0; margin:0; padding:0; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif; line-height:1.5em; } div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,p,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; empty-cells:show; } img { border:none; } li { list-style:none; } address,caption,em { font-style:normal; font-weight:normal; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } /*--------------------------------- DEFALUT ----------------------------------*/ .clear { clear:both; } .mgl15 { margin-left:15px; } .mgt45 { margin-top:45px; } .mgb50 { margin-bottom:50px; } .mgb55 { margin-bottom:55px; } /*--------------------------------- LAYOUT ----------------------------------*/ body { background:url('../img/bg_body.gif') repeat left top; color:#787878; } div#wrap { width:940px; margin:0 auto; } div#wraptop { height:116px; padding:14px 0 0 0; font-size:86%; overflow:hidden; color:#a57870; } div#wrapcenter { float:left; background:url('../img/bg_roundcenter.gif') repeat-y left top; } div#wrapcenter div.centertop { width:940px; height:31px; background:url('../img/bg_roundtop.gif') no-repeat left top; } div#wrapcenter div.centerbottom { clear:both; position:relative; width:940px; height:140px; } div#wrapcenter div.centerbottom div { position:absolute; left:0; top:0; width:966px; height:140px; background:url('../img/bg_roundbottom.gif') no-repeat left top; } div#wrapcenter div.centerbottom div a { display:block; position:absolute; right:0; top:0; width:31px; height:105px; } div#wrapcenter div#wrapleft { float:left; width:285px; padding:74px 0 0 25px; background:url('../img/bg_left.gif') no-repeat 70px 22px; } div#wrapcenter div#wrapright { float:left; width:630px; padding:30px 0 60px 0; } div.contents { line-height:1.8em; } div#wrapfoot { clear:both; } /*--------------------------------- TOP ----------------------------------*/ div#wraptop div.left { float:left; padding:0 0 0 15px; } div#wraptop div.left p { margin:0 0 5px -2px; } div#wraptop div.right { float:right; padding:10px 0 0 0; text-align:right; } div#wraptop div.right img { margin:0 5px 0 0; } div#wraptop div.right div#gnb { margin:11px 0 0 0; } div#wraptop div.right div.gnb2 { padding:0 4px 0 0; font-size:82%; } div#wraptop div.right div.gnb2 a { color:#000000; text-decoration:none; } div#wraptop div.right div.gnb2 ul { } div#wraptop div.right div.gnb2 ul li { display:inline-block; margin:0 11px 0 0; padding:0 0 0 9px; background:url('../img/bul_topmenu.gif') no-repeat left 7px; } /*--------------------------------- GLOBAL NAVIGATION ----------------------------------*/ div#gnb { width:565px; height:46px; } div#gnb ul { } div#gnb ul li { float:left; } div#gnb ul li a { display:block; height:46px; overflow:hidden; text-indent:-9999px; /* For IE6 */ } div#gnb ul li.gnav1 a { width:87px; background:url('../img/bg_gnb.png') no-repeat 0 0; } div#gnb ul li.gnav2 a { width:81px; background:url('../img/bg_gnb.png') no-repeat -87px 0; } div#gnb ul li.gnav3 a { width:72px; background:url('../img/bg_gnb.png') no-repeat -168px 0; } div#gnb ul li.gnav4 a { width:71px; background:url('../img/bg_gnb.png') no-repeat -240px 0; } div#gnb ul li.gnav5 a { width:62px; background:url('../img/bg_gnb.png') no-repeat -311px 0; } div#gnb ul li.gnav6 a { width:81px; background:url('../img/bg_gnb.png') no-repeat -373px 0; } div#gnb ul li.gnav7 a { width:111px; background:url('../img/bg_gnb.png') no-repeat -454px 0; } div#gnb ul li.gnav1 a:hover { background:url('../img/bg_gnb.png') no-repeat 0 -46px; } div#gnb ul li.gnav2 a:hover { background:url('../img/bg_gnb.png') no-repeat -87px -46px; } div#gnb ul li.gnav3 a:hover { background:url('../img/bg_gnb.png') no-repeat -168px -46px; } div#gnb ul li.gnav4 a:hover { background:url('../img/bg_gnb.png') no-repeat -240px -46px; } div#gnb ul li.gnav5 a:hover { background:url('../img/bg_gnb.png') no-repeat -311px -46px; } div#gnb ul li.gnav6 a:hover { background:url('../img/bg_gnb.png') no-repeat -373px -46px; } div#gnb ul li.gnav7 a:hover { background:url('../img/bg_gnb.png') no-repeat -454px -46px; } div#wraptop div.right div.gnb2 ul li a:hover { font-weight:bold; color:#f39700; } /*--------------------------------- NAVIGATION ----------------------------------*/ div.navi { height:32px; padding:8px 0 0 32px; color:#713007; font-weight:bold; } div.navi a { color:#713007; text-decoration:none; font-weight:normal; } /*--------------------------------- LEFT ----------------------------------*/ div#wrapcenter div#wrapleft dl { width:229px; margin:0 0 29px 0; border:1px solid #efefef; border-bottom:0; } div#wrapcenter div#wrapleft dl dt { height:21px; padding:8px 0 0 6px; border-bottom:1px solid #efefef; background-color:#f6f6f6; } div#wrapcenter div#wrapleft dl dd { padding:8px 0 8px 14px; border-bottom:1px solid #efefef; font-size:86%; color:#4a4a4a; line-height:16px; } div#wrapcenter div#wrapleft dl dd.last { padding:0; } div#wrapcenter div#wrapleft dl dd table { } div#wrapcenter div#wrapleft dl dd table th { height:35px; border-right:1px solid #efefef; border-bottom:1px solid #efefef; font-weight:normal; background-color:#f6f6f6; } div#wrapcenter div#wrapleft dl dd table td { height:35px; border-bottom:1px solid #efefef; padding:0 0 0 5px; } div#wrapcenter div#wrapleft dl dd table tr.last th, div#wrapcenter div#wrapleft dl dd table tr.last td { border:0; } div#wrapcenter div#wrapleft dl dd table td span.sm { font-size:82%; } div#wrapcenter div#wrapleft dl dd table td span.color { color:#e34a07; } /*--------------------------------- title ----------------------------------*/ h1 { width:940px; height:68px; } h2 { margin:0 0 20px 0; } h3 { margin-bottom:20px; } /*--------------------------------- FOOT ----------------------------------*/ div.footer1 { height:70px; color:#713007; } div.footer1 a { color:#713007; text-decoration:none; } div.footer1 div.left { float:left; padding:7px 0 0 24px; font-size:118%; } div.footer1 div.left a { display:inline-block; margin:0 4px 0 0; } div.footer1 div.right { float:right; padding:7px 24px 0 0; font-size:86%; } div.footer2 { clear:both; height:72px; font-size:86%; color:#ac9484; } div.footer2 img { float:left; display:inline; margin:0 0 0 35px; } div.footer2 p { float:left; padding:0 0 0 12px; line-height:16px; } div.footer1 a:hover { font-weight:bold; } /* add */ span.bld { display:block; width:0px; height:0px; overflow:hidden; position:absolute; }