/* 初期CSS default.css */ /* 0 */ /* reset all tags */ html{overflow-y:scroll;}body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,embed,object{ margin:0; padding:0; vertical-align:baseline;}table{ border-collapse:collapse; border-spacing:0;}fieldset{ border:0;}img{ border:0; vertical-align:bottom;}address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}ol,ul { list-style:none;}caption,th { text-align:left;}q:before,q:after{content:'';}abbr,acronym { border:0;}hr { display:none;}label { cursor:pointer;}/* reset font */select, input, textarea { font:99% arial,helvetica,clean,sans-serif;}pre, code { font:115% monospace; *font-size:100%;} a { overflow:hidden;}.APkg:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}/* no ie mac \*/.APkg { display: block; }/* */ /* 基本CSS base.css */ /* 0 site config */ body{ color:#222222; min-width:1128px;} /* Atag */ a:link { color:#0d51a1; text-decoration:none;} a:visited { color:#0d51a1; text-decoration:none;} a:hover { color:#0d51a1; text-decoration:underline;} a:active { color:#0d51a1;text-decoration:none;} /* font size */#LW .AFS10 { font-size:10px;}#LW .AFS11 { font-size:11px;}#LW .AFS12 { font-size:12px;}#LW .AFS13 { font-size:13px;}#LW .AFS14 { font-size:14px;}#LW .AFS15 { font-size:15px;}#LW .AFS16 { font-size:16px;} /* font-weight */ #LW .AFWBld { font-weight:bold;} #LW .AFWNml { font-weight:normal;} #LW .AFWItl { font-weight:italic;} /* text decoration */ #LW .AFDUline { text-decoration:underline;} #LW .AFDNone { text-decoration:none;} #LW .AFC1 { color:#ff0000;} #LW div.AFC1{font-size:70%;padding:0 10px 5px;line-height:1.2;} #LW .AFC2 { color:#034699;} #LW .ALH12 { line-height:1.2;} /* 2.float clear */ #LW .AFLt { float:left;} #LW .AFRt { float:right;} #LW .ACBoth { clear:both;} #LW .ACLt { clear:left;} #LW .ACRt { clear:right;} /* 3.Align */ #LW .ATLt { text-align:left;} #LW .ATRt { text-align:right;} #LW .ATCr { text-align:center;} #LW .AVTp { vertical-align:top;} #LW .AVMl { vertical-align:middle;} #LW .AVBm { vertical-align:bottom;} /* 4.padding */ /*padding pixel */ #LW .AP0 { padding:0px;} #LW .AP1 { padding:1px;} #LW .AP2 { padding:2px;} #LW .AP3 { padding:3px;} #LW .AP4 { padding:4px;} #LW .AP5 { padding:5px;} #LW .AP10 { padding:10px;} #LW .AP12 { padding:12px;} /* top */ #LW .APTp0 { padding-top:0px;} #LW .APTp1 { padding-top:1px;} #LW .APTp2 { padding-top:2px;} #LW .APTp3 { padding-top:3px;} #LW .APTp4 { padding-top:4px;} #LW .APTp5 { padding-top:5px;} #LW .APTp10 { padding-top:10px;} /* right */ #LW .APRt0 { padding-right:0px;} #LW .APRt1 { padding-right:1px;} #LW .APRt2 { padding-right:2px;} #LW .APRt3 { padding-right:3px;} #LW .APRt4 { padding-right:4px;} #LW .APRt5 { padding-right:5px;} #LW .APRt10 { padding-right:10px;} #LW .APRt27 { padding-right:27px;} #LW .APRt32 { padding-right:32px;} /* bottom */ #LW .APBm0 { padding-bottom:0px;} #LW .APBm1 { padding-bottom:1px;} #LW .APBm2 { padding-bottom:2px;} #LW .APBm3 { padding-bottom:3px;} #LW .APBm4 { padding-bottom:4px;} #LW .APBm5 { padding-bottom:5px;} #LW .APBm10 { padding-bottom:10px;} #LW .APBm70 { padding-bottom:70px;} /* left */ #LW .APLt0 { padding-left:0px;} #LW .APLt1 { padding-left:1px;} #LW .APLt2 { padding-left:2px;} #LW .APLt3 { padding-left:3px;} #LW .APLt4 { padding-left:4px;} #LW .APLt5 { padding-left:5px;} #LW .APLt10 { padding-left:10px;} #LW .APLt13 { padding-left:13px;} #LW .APLt20 { padding-left:20px;} #LW .APLt22 { padding-left:22px;} #LW .APLt25 { padding-left:25px;} #LW .APLt30 { padding-left:30px;} #LW .APLt32 { padding-left:32px;} #LW .APLt35 { padding-left:35px;} #LW .APLt40 { padding-left:40px;} #LW .APLt45 { padding-left:45px;} #LW .APLt55 { padding-left:55px;} #LW .APLt142 { padding-left:142px;} /* 5.margin */ /*margin pixel */ #LW .AM0 { margin:0px;} #LW .AM1 { margin:1px;} #LW .AM2 { margin:2px;} #LW .AM3 { margin:3px;} #LW .AM4 { margin:4px;} #LW .AM5 { margin:5px;} #LW .AM10 { margin:10px;} /* top */ #LW .AMTp0 { margin-top:0px;} #LW .AMTp1 { margin-top:1px;} #LW .AMTp2 { margin-top:2px;} #LW .AMTp3 { margin-top:3px;} #LW .AMTp4 { margin-top:4px;} #LW .AMTp5 { margin-top:5px;} #LW .AMTp10 { margin-top:10px;} /* right */ #LW .AMRt0 { margin-right:0px;} #LW .AMRt1 { margin-right:1px;} #LW .AMRt2 { margin-right:2px;} #LW .AMRt3 { margin-right:3px;} #LW .AMRt4 { margin-right:4px;} #LW .AMRt5 { margin-right:5px;} #LW .AMRt10 { margin-right:10px;} #LW .AMRt20 { margin-right:20px;} /* bottom */ #LW .AMBm0 { margin-bottom:0px;} #LW .AMBm1 { margin-bottom:1px;} #LW .AMBm2 { margin-bottom:2px;} #LW .AMBm3 { margin-bottom:3px;} #LW .AMBm4 { margin-bottom:4px;} #LW .AMBm5 { margin-bottom:5px;} #LW .AMBm10 { margin-bottom:10px;} #LW .AMBm20 { margin-bottom:20px;} #LW .AMBm30 { margin-bottom:30px;} #LW .AMBm40 { margin-bottom:40px;} #LW .AMBm65 { margin-bottom:65px;} /* left */ #LW .AMLt0 { margin-left:0px;} #LW .AMLt1 { margin-left:1px;} #LW .AMLt2 { margin-left:2px;} #LW .AMLt3 { margin-left:3px;} #LW .AMLt4 { margin-left:4px;} #LW .AMLt5 { margin-left:5px;} #LW .AMLt10 { margin-left:10px;} /*width*/ #LW .AWid224 { widows:224px;} #LW .AWid168 { widows:168px;} /* display */ #LW .ADispB { display:block;} #LW .ADispIline { display:inline;} #LW .ADispNone { display:none;} #LW .ADispVisible { display:visible;} /* Layout */ /* page wrapper */ #LW {} #LW1 {} /* LH header */ #LH { margin-bottom:0px; background:url(../img/base/BgLH.jpg) 50% 0 no-repeat;} #LHW1 {} /* LH1 [ h1/logo/Banner ] */ #LH1 { position:relative; margin:0 auto; width:1128px; height:95px; margin-bottom:0px; background:url(../img/base/BgLH1W1.jpg) 0 0 no-repeat;} /* トップページ */ #BTop1 #LH1 { position:relative; margin:0 auto; width:1128px; height:95px; margin-bottom:0px; background:url(../img/index/BgLH1W1.jpg) 0 0 no-repeat;} #LH1W1 {} #LH1 .CH1 { position:absolute; top:5px; left:45px; color:#000000; font-weight:normal; font-size:10px; text-align:left;} #LH1 .CP1 { position:absolute; top:25px; left:45px; z-index:20;} #LH1 .CP2 { position:absolute; top:26px; left:352px; z-index:20;} /* トップページ */ #BTop1 #LH1 .CP2 { position:absolute; top:26px; left:442px; z-index:20;} #SDSpNav1 { position:absolute; left:608px; top:8px; width:281px; height:79px; background:url(../img/base/BgSpNav1.jpg) 0 0 no-repeat;} #SDSpNav1 .CU1 { width:281px; height:79px; position:relative;} #SDSpNav1 .CU1 li { position:absolute;} #SDSpNav1 .CU1 .CLi1 { top:6px; left:8px;} #SDSpNav1 .CU1 .CLi2 { top:6px; left:60px;} #SDSpNav1 .CU1 .CLi3 { top:6px; left:142px;} #SDSpNav1 .CU1 .CLi4 { top:6px; left:183px;} /* トップページ */ #BTop1 #SDSpNav1 { position:absolute; left:736px; top:8px; width:347px; height:79px; background:url(../img/index/BgSpNav1.jpg) 0 0 no-repeat;} #BTop1 #SDSpNav1 ul.CU1{width:347px;} #BTop1 #SDSpNav1 ul.CU1 li.CLi1{left:8px} #BTop1 #SDSpNav1 ul.CU1 li.CLi2{left:80px} #BTop1 #SDSpNav1 ul.CU1 li.CLi3{left:182px} #BTop1 #SDSpNav1 ul.CU1 li.CLi4{left:243px} #LH .CPBtn1 { position:absolute; right:42px; top:9px;} #LH .CPBtn2 { position:absolute; right:42px; top:46px;} /* Page */ #Page { width:100%; text-align:left; background:url(../img/base/BgPage.jpg) 50% 0 no-repeat;} #PageW1 { width:1128px; margin:0 auto; background:url(../img/base/BgPageW1.jpg) 50% 0 no-repeat;} #PageW2 { width:980px; margin:0 auto; clear:both; padding:40px 40px 40px 35px;} /* トップページ */ #BTop1 #Page { background:url(../img/index/BgIndex1.jpg) 0 0 repeat-x;} #BTop1 #PageW1 { background:url(../img/index/BgIndex2.jpg) 50% 362px no-repeat;} #BTop1 #PageW2 { clear:both; padding:23px 40px 40px 35px;} .SPTop1 { padding-left:43px;} /* menu */ #SUMenu1 { padding:53px 0 12px 77px;} #SUMenu1 li { float:left; height:78px; overflow:hidden;} #SUMenu1 li a { height:78px; overflow:hidden;} #SUMenu1 li a:hover { display:block; height:78px; background:url(../img/base/ImgMenuSet.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;} /*#SUMenu1 li a { display:block; height:78px; background:url(../img/base/ImgMenuSet.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}*/ #SUMenu1 .CLi1 a { width:164px; } #SUMenu1 .CLi2 a { width:161px; } #SUMenu1 .CLi3 a { width:160px; } #SUMenu1 .CLi4 a { width:158px; } #SUMenu1 .CLi5 a { width:165px; } #SUMenu1 .CLi6 a { width:167px; } #SUMenu1 .CLi1 a:hover { background-position:0px -78px;} #SUMenu1 .CLi2 a:hover { background-position:-164px -78px;} #SUMenu1 .CLi3 a:hover { background-position:-325px -78px;} #SUMenu1 .CLi4 a:hover { background-position:-485px -78px;} #SUMenu1 .CLi5 a:hover { background-position:-643px -78px;} #SUMenu1 .CLi6 a:hover { background-position:-808px -78px;} /* トップページ */ #BTop1 #SUMenu1 { padding:29px 0 1px 77px;} #BTop1 #SUMenu1 li a { height:78px; overflow:hidden;} #BTop1 #SUMenu1 li a:hover { display:block; height:78px; background:url(../img/index/ImgMenuSet.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;} /*#BTop1 #SUMenu1 li a { display:block; height:78px; background:url(../img/index/ImgMenuSet.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;} */ #BTop1 #SUMenu1 .CLi1 a { width:164px; } #BTop1 #SUMenu1 .CLi2 a { width:161px; } #BTop1 #SUMenu1 .CLi3 a { width:160px; } #BTop1 #SUMenu1 .CLi4 a { width:158px; } #BTop1 #SUMenu1 .CLi5 a { width:165px; } #BTop1 #SUMenu1 .CLi6 a { width:167px; } #BTop1 #SUMenu1 .CLi1 a:hover { background-position:0px -78px;} #BTop1 #SUMenu1 .CLi2 a:hover { background-position:-164px -78px;} #BTop1 #SUMenu1 .CLi3 a:hover { background-position:-325px -78px;} #BTop1 #SUMenu1 .CLi4 a:hover { background-position:-485px -78px;} #BTop1 #SUMenu1 .CLi5 a:hover { background-position:-643px -78px;} #BTop1 #SUMenu1 .CLi6 a:hover { background-position:-808px -78px;} /* パンクズ */ #SUCrumb1 { clear:both; background:url(../img/base/BgSUCrumb1.jpg) 0 0 no-repeat; height:42px; width:969px; margin-left:80px;} #SUCrumb1 li { float:left; line-height:42px; font-size:12px;} #SUCrumb1 li a { display:block; height:42px; padding:0 40px 0 0; margin:0 20px 0 0; background:url(../img/base/BgSUCrumb1LiA.jpg) right 0 no-repeat; outline:none; color:#00175b; float:left; text-decoration:none;} #SUCrumb1 li.RFirst a { padding-left:40px;} /* Main */ #LM { width:687px; float:right;} #BTop1 #LM { width:689px; float:right;} #LMW1 {} /* Sub */ #LS { width:272px; float:left;} #LSW1 {} /* left contentsA */ .LSCD_A1 {} .LSCD_A1 .CU1 { text-align:center;} .LSCD_A1 .CU1 li { margin-bottom:6px;} /* left contentsB [ navigation ] */ .LSCD_B1 { background:url(../img/base/BgLSCD_B1.jpg) 0 0 repeat-y;} .LSCD_B1W1 { background:url(../img/base/BgLSCD_B1W1.jpg) 0 0 no-repeat;} #BTop1 .LSCD_B1W1 { background:url(../img/index/BgLSCD_B1W1.jpg) 0 0 no-repeat;} .LSCD_B1W2 { background:url(../img/base/BgLSCD_B1W2.jpg) 0 bottom no-repeat; padding:8px 16px 23px;} .RSbNav1 { margin:0 0px;} .RSbNav1 li { margin-bottom:4px; *zoom:1; background:#fff; padding:6px 0;} .RSbNav2 { padding:5px 0 0 11px;} .RSbNav2 li { margin-bottom:0px; font-size:12px; padding:0;} .RSbNav2 a{color:#3A5C89;background:url(../img/sidenavi/sidebg_off.gif) no-repeat; padding-left:20px;} .RSbNav2 a:hover{color:#C62E79;background:url(../img/sidenavi/sidebg_on.gif) no-repeat; padding-left:20px;} /* left contentsC [ search form ] */ .LSCD_C1 { margin-bottom:10px;} .LSCD_C1 .SIpt1 { width:140px;} /* Footer */ #LF { clear:both; width:100%; background:#0681E1 url(../img/base/BgLF.jpg) 0 0 repeat-x; height:100%;} #LFW1 { width:1036px; margin:0 auto; position:relative;} #SPPagetop1 { position:absolute; right:36px; top:-26px;} /* LF1 [ footer navigation ] */ #LF1 { padding:15px 0 0; margin-bottom:0px;} #LF1W1 { padding:0 0 5px; width:960px; margin:0 auto;} .RFtNav1 { text-align:left; width:100%;} .RFtNav1 li { display:inline-block; *display:inline; zoom:1; border-left:1px solid #fff; padding:0 0 0 12px; margin:0 10px 2px 0; font-size:12px;} .RFtNav1 a { color:#fff;} .RFtNav1 .RFirst { border-left:0px; padding:0;} /* LF2 [ footer freearea copyright ] */ #LF2 { width:100%; text-align:center; padding:10px 0;} #LF2W1 { margin:0 auto; text-align:center;color:#fff;font-size:10px;} .LSCD_B1 { background:url(../img/base/BgLSCD_B1.jpg) 0 0 repeat-y;} h3.textBar{ background:url(../img/common/bar_bg.gif) 0 0 no-repeat; width:687px; height:44px; padding:7px 0 0 29px; } .topText{padding:0 0 0 5px; margin;0 0 15px 0; font-size:14px;} }