/* CSS Document */ /* Body ***************************/ html,body { color: #333; font-size: 12px;; line-height: 1.5; background:#FFFFFF url(../img/back.gif) repeat-x fixed; margin:0; padding:0; height:100%;} a { color:#36648B;} a:link { color:#36648B;} a:visited {} a:hover { color:#36648B; text-decoration:none;} a:active {} a img { border:0;} /* font ***************************/ h1 { color: #1874CD; font-weight: bold; font-size: 16px; } h2 { color: #000080; font-weight: bold; font-size: 16px; background:url(../img/cube1.gif) no-repeat; margin:15 0 10 5; padding-left:25px; } h3 { color: #333; font-weight: bold; font-size: 14px; background:url(../img/cube2.gif) no-repeat; margin:15 0 10 5; padding-left:25px; } h4 { color: #333; font-weight: bold; font-size: 12px; display:block; border-bottom:#999 dotted 2px; padding-left:5px; margin:3 0 5 5; width:60%; } .f10 { font-size: 10px } .f12 { font-size: 12px } .f14 { font-size: 14px } .f16 { font-size: 16px } .f18 { font-size: 18px } .f20 { font-size: 20px } .white { color:#FFF;} .red { color:#FF3300;} /* contents ***************************/ .box1 { width:720px; height:100%; background:#FFF; margin-left:50px; border-left:#DCDCDC solid 1px; border-right:#DCDCDC solid 1px;} .box2 { padding:10px; background:#FFF; width:700px;} .box2 .ifre-back { width:180px; height:30px; font-size:10px; position:absolute; top:342px; left:580px; background:url(../img/whatsnew.gif) no-repeat; margin:0; padding-top:30px;} .box2 .ifre { width:180px; height:240px; font-size:10px; position:absolute; top:372px; left:580px; margin:0;} .header {width:720px; height:100px; border:none;} .header img {border:0;} .clear {clear:both;} .top-img {width:720px; height:185px;} .pdf-dl { background:url(../img/pdficon_small.gif) no-repeat; padding-left:24px; display:block; margin-top:5px;} .footer { width:700px; padding:10 10 30 10; font-size:11px; border-top:#999 solid 1px; background:#FFF; margin:0; clear:both; height:60px;} .footer ul {list-style:none; margin:0px; padding:0px;} .footer li { border-left:#CCC solid 1px; padding-left:4px; float:left; margin:0 5 20 0; line-height:18px;} .box2 .ex {width:660px;} .box2 .ex img {float:left; border:0;} #dl1 a { display:block; background:url(../img/dl01.gif) no-repeat; width:139px; height:27px; border:0;} #dl1 a:hover { background-position:0 -27px; } #dl2 a { display:block; background:url(../img/dl02.gif) no-repeat; width:227px; height:27px; border:0;} #dl2 a:hover { background-position:0 -27px; } #dl3 {padding-left:50px;} #dl3 a { display:block; background:url(../img/dl03.gif) no-repeat; width:499px; height:57px; border:0;} #dl3 a:hover { background-position:0 -57px; } #dl4 a { display:block; background:url(../img/dl04.gif) no-repeat; width:203px; height:57px; border:0;} #dl4 a:hover { background-position:0 -57px; } #dl5 a { display:block; background:url(../img/dl05.gif) no-repeat; width:203px; height:57px; border:0;} #dl5 a:hover { background-position:0 -57px; } #cont-box table { margin-bottom:20px; font-size:12px; } #cont-box td { text-align:left; padding:2px 15px 2px 15px; line-height:30px; } .l1 { font-weight:bold; border-bottom:1px #999 solid; border-left:3px #999 solid; border-right:none; border-top:none; } .r1 { border-bottom:#999 solid 1px; width:350px; } .l2 { font-weight:bold; border-bottom:none; border-left:#999 solid 3px; border-right:none; border-top:none; } .r2 { border-bottom:none; } .r2 a { color:#333; text-decoration:none; } .r2 a:hover { border-bottom:2px #333 dotted; background-color:#FFF; text-decoration:none;} #jikken table {float:right; width:300px; border:#FFFFFF solid 2px; background-color:#EEE; margin-left:15px; padding:5px;} #jikken table td {font-size:12px; height:28px; padding:5px; border:#FFFFFF solid 2px;} #jikken table td img { margin:5px;} .form-img {width:267; height:200; float:left; margin:0 10 20 0;} .lbtable { width:650px; text-align:center; float:left; padding:0; margin:0; border:0; font-size:12px;} .lbtd1 { width:15%; height:16px; } .lbtd2 { width:15%; height:210px; text-align:center;} .lbtd3 { width:15%; height:130px; text-align:center; vertical-align: top} .lbtd3-2 { width:15%; height:45px; text-align:left; vertical-align: top} /* global menu ***************************/ .menu {width:720px; height:24px;} .gmenu {list-style:none; margin:0; padding:0; width:100%;} .gmenu li { float:left; border:0px;} .menu01 a { display:block; background:url(../img/menu01.gif) no-repeat; width:82px;height:24px;} .menu01 a:hover { background-position:0 -24px; } .menu02 a { display:block; background:url(../img/menu02.gif) no-repeat; width:104px;height:24px;} .menu02 a:hover { background-position:0 -24px; } .menu03 a { display:block; background:url(../img/menu03.gif) no-repeat; width:82px;height:24px;} .menu03 a:hover { background-position:0 -24px; } .menu04 a { display:block; background:url(../img/menu04.gif) no-repeat; width:158px;height:24px;} .menu04 a:hover { background-position:0 -24px; } .menu05 a { display:block; background:url(../img/menu05.gif) no-repeat; width:60px;height:24px;} .menu05 a:hover { background-position:0 -24px; } .menu06 a { display:block; background:url(../img/menu06.gif) no-repeat; width:82px;height:24px;} .menu06 a:hover { background-position:0 -24px; } .menu07 a { display:block; background:url(../img/menu07.gif) no-repeat; width:49px;height:24px;} .menu07 a:hover { background-position:0 -24px; } .menu08 a { display:block; background:url(../img/menu08.gif) no-repeat; width:103px;height:24px;} .menu08 a:hover { background-position:0 -24px; } /* form ***************************/ #contents{ float:left; width:500px; text-align:left; margin:20px 0px 30px 0px; } #contents h1{ color:black; font-size:16px; margin:10px 0px 10px 0px; border-bottom:solid 1px #ff9933; border-left:solid 7px #ff9933; padding:2px 0px 4px 4px; } #contents h3{ color:black; font-size:16px; margin:10px 0px 10px 0px; border-bottom:solid 1px #ff9933; border-left:solid 7px #ff9933; padding:2px 0px 4px 4px; } #navi1{ width:700px; float:left; text-align:right; font-size:9px; color:#EEE; margin-bottom:20px; } #navi1 a{ color:EEE; } #navi1 a:hover{ text-decoration:none; } /*▼▼▼mailformオリジナル▼▼▼*/ /* float:left; */ img.qr{ width:74px; height:74px;} img.thumb{ clear:both;} .ad{ width:370px; height:12px; clear:both; margin:0px 6px 6px 0px; /*topは確保できず*/ padding:0px 0px 0px 0px; list-style:none; text-align:left;} .ad li{ float:left; font-size:10px; color:#ffff99; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} a.ad{color:dimgray; text-decoration:none;} /*aタグの記述順は変えない事*/ a.ad:visited{color:dimgray; text-decoration:none;} a.ad:hover{color:dimgray; background-color:white; text-decoration:none;} #contents hr{ clear:both; text-align:center; width:70%} /* border-left:1px solid gray; border-bottom:1px solid gray; */ #contents div.title1{ float:left; width:34px; text-align:center; font-size:12px; background-color:lemonchiffon; } #contents div.title2{ float:left; width:120px; margin-left:2px; text-align:center; font-size:12px; background-color:lemonchiffon;} #contents div.title3{ float:left; width:70px; margin-left:2px; text-align:center; font-size:12px; background-color:lemonchiffon;} #contents div.title4{ float:left; width:60px; margin-left:2px; text-align:center; font-size:12px; background-color:lemonchiffon; } #contents div.title5{ float:left; width:40px; margin-left:2px; text-align:center; font-size:12px; background-color:lemonchiffon; } #contents div.title6{float:left;width:40px;margin-left:2px;text-align:center;font-size:12px;background-color:lemonchiffon;} #contents div.title7{float:left;width:40px;margin-left:2px;text-align:center;font-size:12px;background-color:lemonchiffon;} #contents div.title8{float:left;width:92px;margin-left:2px;text-align:center;font-size:12px;background-color:lemonchiffon;} #contents div.title9{float:left;width:32px;margin-left:2px;text-align:center;font-size:12px;background-color:lemonchiffon;} #contents div.item1{float:left;width:34px;text-align:right;font-size:12px;background-color:lemonchiffon;} #contents div.item2{float:left;width:120px;margin-left:2px;text-align:right;font-size:12px;background-color:lemonchiffon;} #contents div.item3{float:left;width:70px;margin-left:2px;text-align:left;font-size:12px;background-color:lemonchiffon;} #contents div.item4{float:left;width:60px;margin-left:2px;text-align:right;font-size:12px;background-color:lemonchiffon;} #contents div.item5{float:left;width:40px;margin-left:2px;text-align:right;font-size:12px;background-color:lemonchiffon;} #contents div.item6{float:left;width:40px;margin-left:2px;text-align:right;font-size:12px;background-color:lemonchiffon;} #contents div.item7{float:left;width:40px;margin-left:2px;text-align:right;font-size:12px;background-color:lemonchiffon;} #contents div.item8{float:left;width:92px;margin-left:2px;text-align:right;font-size:12px;background-color:lemonchiffon;} #contents div.item9{float:left;width:32px;margin-left:2px;text-align:right;font-size:12px;background-color:lemonchiffon;} /* chart ***************************/ .chart {width:700px; text-align:left; margin:0; padding:0;} .chart .chart-open {width:545px; float:right; background:url(../img/chart_bg.gif); margin-right:10px;} .chart img {border:0;} .chart .border { margin:15 0 20 0;} .chart #layer-close1 { position:relative; top:-270px; left:460px; width:63px; height:21px; z-index:1;} .chart #layer-close2 { position:relative; top:-380px; left:460px; width:63px; height:21px; z-index:1;} .chart #layer-close3 { position:relative; top:-180px; left:460px; width:63px; height:21px; z-index:1;} .chart #layer-close4 { position:relative; top:-350px; left:400px; width:63px; height:21px; z-index:1;} .chart #layer-open1 { position:relative; top:-65px; left:310px; width:69px; height:21px; z-index:1;} .chart #layer-open2 { position:relative; top:-70px; left:380px; width:69px; height:21px; z-index:1;} .chart .open-bottom { float:left; cursor:pointer;} .chart .open-bottom a { display:block; background:url(../img/chart04.gif) no-repeat; width:69px; height:21px; border:0;} .chart .open-bottom a:hover { background-position:0 -21px; } #close-bottom { cursor:pointer;} #close-bottom a { display:block; background:url(../img/chart05.gif) no-repeat; width:63px; height:21px; border:0;} #close-bottom a:hover { background-position:0 -21px; } .go-form {width:700px; padding-left:110px; } .go-form a { display:block; background:url(../img/go_form.gif) no-repeat; width:464px; height:52px; border:0;} .go-form a:hover { background-position:0 -52px; } #PlagClose1 { display:none; } #PlagClose2 { display:none; } #PlagClose3 { display:none; } #PlagClose4 { display:none; } /* tab ***************************/ #tab { margin: 0; padding-left: 0; overflow: hidden; width:660px;} #tab li { float: left; list-style:none; margin:0 5 0 0; } #tab li a { display: block; text-align:center; font-weight:bold; text-decoration:none; font-size:12px; color:#FFF; background:url(../img/tabtab.gif) no-repeat; width:75px; height:24px; padding-top:4px;} #tab li a:hover { background-position:0 -28px; } #tab li.present a { background-position:0 -28px; } /*#tab1 a { display:block; background:url(../img/tab01.gif) no-repeat; width:69px;height:24px;} #tab1 a:hover { background-position:0 -24px; } #tab2 a { display:block; background:url(../img/tab02.gif) no-repeat; width:75px;height:24px;} #tab2 a:hover { background-position:0 -24px; } #tab3 a { display:block; background:url(../img/tab03.gif) no-repeat; width:68px;height:24px;} #tab3 a:hover { background-position:0 -24px; } #tab4 a { display:block; background:url(../img/tab03.gif) no-repeat; width:68px;height:24px;} #tab4 a:hover { background-position:0 -24px; } #tabtab a:hover { background-position:0 -24px; }*/ #page1, #page2, #page3, #page4,s ex {border:#999 solid 1px; padding:5px; margin-bottom:15px; width:660px;} /* Ninsho table */ .ninsho-table01 td { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; font-size: 14px; }