/*--------------------------------------------- トップ ---------------------------------------------*/ /*--------------------------------------------- 01. Global reset ---------------------------------------------*/ * { margin: 0px; padding: 0px; } /*--------------------------------------------- 02. body, wrap, ---------------------------------------------*/ hr { display: none; } img { border: none; vertical-align: bottom; } body { text-align: center; font-family: "ＭＳ Ｐゴシック", sans-serif; background: #dcdcdc; } #wrap { margin: 0px auto; width: 780px; padding-top: 17px; padding-bottom: 5px; color: #5a5656; text-align: left; background: url("../img/bg-wrap.gif") repeat-y; } #head { width: 770px; margin-left: 6px; } a:link, a:visited { color: #3c6ec8; text-decoration: underline; } a:hover, a:active { color: #6496f0; text-decoration: underline; } /*--------------------------------------------- 03. header,footer ---------------------------------------------*/ #header { width: 769px; } #header-left { float: left; padding-left: 25px; } .header-middle { float:right; font-size: 75%; margin-right: 32px; margin-top: 20px; } .header-middle a:link, .header-middle a:visited { color: #9C9C9C; text-decoration: none; } .header-middle a:hover, .header-middle a:active { color: #808080; text-decoration: underline; } #footer { width: 770px; margin-left: 6px; background: url("../img/footer_back.gif") no-repeat; clear: both; } #footer p { text-align: center; color: #ffffff; padding-top: 5px; font-size: 70%; } #footer .add { color: #7A7A7A; text-align: center; font-size: 65%; padding: 10px 0px; } #footer a:link, #footer a:visited { color: #ffffff; text-decoration: none; } #footer a:hover, #footer a:active { color: #808080; text-decoration: underline; } /*--------------------------------------------- 04. top-nav ---------------------------------------------*/ .top-nav { width: 769px; padding-top: 11px; margin-bottom: 10px; clear:both; } .top-nav a { display: block; text-decoration: none; } .top-nav ul { list-style: none; } .top-nav li { text-indent: -9999px; } .top-nav .home { float: left; width: 135px; height: 28px; background: url("../img/top-nav1.gif") no-repeat 0px 0px; } .top-nav .home a:link, .top-nav .home a:visited { height: 28px; background: url("../img/top-nav1.gif") no-repeat 0px 0px; } .top-nav .home a:hover, .top-nav .home a:active { height: 28px; background: url("../img/top-nav1.gif") no-repeat 0px -38px; } .top-nav .home a.selected:link, .top-nav .home a.selected:visited { height: 28px; background: url("../img/top-nav1.gif") no-repeat 0px -38px; } .top-nav .news { float: left; width: 124px; height: 28px; background: url("../img/top-nav2.gif") no-repeat 0px 0px; } .top-nav .news a:link, .top-nav .news a:visited { height: 28px; background: url("../img/top-nav2.gif") no-repeat 0px 0px; } .top-nav .news a:hover, .stop-nav .news a:active { height: 28px; background: url("../img/top-nav2.gif") no-repeat 0px -38px; } .top-nav .news a.selected:link, .top-nav .news a.selected:visited { height: 28px; background: url("../img/top-nav2.gif") no-repeat 0px -38px; } .top-nav .service { float: left; width: 125px; height: 28px; background: url("../img/top-nav3.gif") no-repeat 0px 0px; } .top-nav .service a:link, .top-nav .service a:visited { height: 28px; background: url("../img/top-nav3.gif") no-repeat 0px 0px; } .top-nav .service a:hover, .top-nav .service a:active { height: 28px; background: url("../img/top-nav3.gif") no-repeat 0px -38px; } .top-nav .service a.selected:link, .top-nav .service a.selected:visited { height: 28px; background: url("../img/top-nav3.gif") no-repeat 0spx -38px; } .top-nav .solution { float: left; width: 125px; height: 28px; background: url("../img/top-nav4.gif") no-repeat 0px 0px; } .top-nav .solution a:link, .top-nav .solution a:visited { height: 28px; background: url("../img/top-nav4.gif") no-repeat 0px 0px; } .top-nav .solution a:hover, .top-nav .solution a:active { height: 28px; background: url("../img/top-nav4.gif") no-repeat 0px -38px; } .top-nav .solution a.selected:link, .top-nav .solution a.selected:visited { height: 28px; background: url("../img/top-nav4.gif") no-repeat 0px -38px; } .top-nav .recruit { float: left; width: 124px; height: 28px; background: url("../img/top-nav5.gif") no-repeat 0px 0px; } .top-nav .recruit a:link, .top-nav .recruit a:visited { height: 28px; background: url("../img/top-nav5.gif") no-repeat 0px 0px; } .top-nav .recruit a:hover, .top-nav .recruit a:active { height: 28px; background: url("../img/top-nav5.gif") no-repeat 0px -38px; } .top-nav .recruit a.selected:link, .top-nav .recruit a.selected:visited { height: 28px; background: url("../img/top-nav5.gif") no-repeat 0px -38px; } .top-nav .company { float: left; width: 136px; height: 28px; background: url("../img/top-nav6.gif") no-repeat 0px 0px; } .top-nav .company a:link, .top-nav .company a:visited { height: 28px; background: url("../img/top-nav6.gif") no-repeat 0px 0px; } .top-nav .company a:hover, .top-nav .company a:active { height: 28px; background: url("../img/top-nav6.gif") no-repeat 0px -38px; } .top-nav .company a.selected:link, .top-nav .company a.selected:visited { height: 28px; background: url("../img/top-nav6.gif") no-repeat 0px -38px; } /*--------------------------------------------- 07. Base Layout ---------------------------------------------*/ #content { width: 710px; margin: 0px 30px; clear: both; font-size: 70%; } #main { width: 525px; float: right; margin-bottom:50px; } #sidebar { width: 163px; float: left; } /*--------------------------------------------- 08. other ---------------------------------------------*/ .pagetop { clear: both; padding-top: 20px; margin-bottom: 30px; } .pagetop p { text-align: right; } .pankuzu { padding: 15px 0px; } /*--------------------------------------------- 09. m-nav ---------------------------------------------*/ #m-nav { margin-top: 45px; margin-left: 100px; } #m-nav a:link, #m-nav a:visited { color: #6363C0; text-decoration: none; } #m-nav a:hover, #m-nav a:active { color: #33338C; text-decoration: underline; } #m-img { margin-top: 15px; margin-left: 10px; } #koumoku { margin-top: 30px; margin-left: 10px; color: #000000; } #question { margin-top: 10px; margin-left: 10px; } #question a:link, #question a:visited { color: #0000A7; text-decoration: none; } #question a:hover, #question a:active { color: #000051; text-decoration: underline; } #answer { margin-top: 50px; margin-left: 10px; } #answer-img { margin-bottom: 18px; } #answer1 { width: 462px; color:#0000A7; border-bottom: 1px dotted #999999; padding-bottom: 10px; margin-bottom: 10px; } #kaitou { margin-bottom: 50px; color: #000000; } /*--------------------------------------------- 10. flow ---------------------------------------------*/ #flow-title { margin-left: 10px; margin-top: 25px; } #flow-txt { color:#666666; margin-left: 10px; margin-top: 22px; margin-bottom: 25px; font-size: 105%; } #flow-main { margin-left: 10px; } /*--------------------------------------------- 11. function ---------------------------------------------*/ #function-title { padding-top: 25px; margin-left: 10px; clear:both; } #function-box { width: 510px; margin-left: 13px; margin-top: 20px; } #function-left { width: 223px; float:left; } #function-left-txt { color: #000000; font-size: 90%; margin-top: 3px; } #function-right { padding: 15px; margin-right: 10px; width: 230px; float: right; border:1px solid #D8D8D8; color: #666666; } #function-box2 { width: 459px; padding: 20px; margin-left: 13px; margin-top: 20px; border:1px solid #D8D8D8; color: #666666; } #function-3-txt { margin-left: 13px; color:#00006F; margin-top: 10px; font-size: 90%; } /*--------------------------------------------- 12. outline ---------------------------------------------*/ #outline-title { padding-top: 25px; margin-left: 10px; clear:both; } #outline-1-txt { width: 500px; color: #666666; margin-top: 10px; line-height: 1.8em; margin-left: 13px; } #outline-2-img { margin-left: 10px; margin-top: 10px; } #outline-box { width: 459px; padding: 20px; margin-left: 13px; margin-top: 20px; border:1px solid #D8D8D8; color: #666666; } /*--------------------------------------------- 13. spec ---------------------------------------------*/ #spec-title { padding-top: 25px; margin-left: 10px; clear:both; } #dai { margin-left: 13px; margin-top: 25px; } #syou { margin-left: 17px; margin-top: 5px; } #spec-1-txt { margin-left: 17px; margin-top: 20px; color:#FF6666; font-size: 90%; width: 450px; } #spec-2-img { margin-left: 10px; margin-top: 15px; } #spec-2-txt { margin-top: 3px; color:#000000; font-size: 90%; margin-left: 10px; margin-bottom: 10px; } #spec-3-txt1 { margin-left: 25px; margin-top: 16px; } #spec-3-txt2 { margin-left: 10px; margin-top: 16px; } #spec-3-txt3 { margin-left: 25px; margin-top: 10px; } #spec-box { width: 459px; padding: 20px; margin-left: 13px; margin-top: 5px; border:1px solid #D8D8D8; color: #666666; font-size: 85%; } #spec-box2 { clear:both; width: 459px; } #spec-left { float: left; width: 190px; } #spec-right { float: right; width: 260px; } #s-r-left { float: left; } #s-r-center { float: left; margin-left: 25px; } #s-r-right { float: right; } /*--------------------------------------------- 14. dabindex ---------------------------------------------*/ #dab-box { width: 463px; padding: 20px; margin-left: 10px; margin-top: 15px; border:1px solid #D8D8D8; color: #666666; } #box-title { color: #004791; border-bottom: 1px solid #d8d8d8; font-size: 110%; padding-bottom: 5px; } #box-txt { padding-top: 10px; } #dab-border { margin-top: 13px; margin-left: 10px; } #dab-title { margin-left: 30px; margin-top: 30px; } #dab-txt1 { margin-left: 30px; margin-top: 10px; width: 450px; } #dab-btn { float: right; margin-top: 30px; margin-right: 20px; } /*--------------------------------------------- 15. servicetop ---------------------------------------------*/ #service-top { margin-top: 36px; margin-left: 14px; } #service-top-box { width: 463px; padding: 20px; margin-left: 10px; margin-top: 15px; border:2px solid #D8D8D8; color: #666666; } #service-box { width: 503px; margin-left: 10px; margin-top: 17px; border:2px solid #D8D8D8; padding-bottom: 20px; } #service-box2 { width: 503px; padding-top: 20px; margin-left: 10px; margin-top: 0px; border-left:2px solid #D8D8D8; border-right:2px solid #D8D8D8; border-bottom:2px solid #D8D8D8;padding-bottom: 20px; } #box-box { width: 448px; border:1px solid #263891; margin-top: 20px; margin-left: 20px; padding: 3px; padding-left: 5px; color: #263891; font-size: 110%; } #box-box2 { width: 448px; border:1px solid #263891; margin-left: 20px; padding: 3px; padding-left: 5px; color: #263891; font-size: 110%; } #box-txt1 { margin-left: 20px; margin-top: 10px; color:#000000; width: 461px; } #dotted { margin-left: 20px; padding-top: 15px; clear:both; } #dotted2 { padding-top: 15px; clear:both; } #product-box { margin-top: 10px; margin-bottom: 10px; } #product-left { float: left; margin-left: 20px; width: 160px; } #product-right { float:left; margin-left: 20px; } #non { width: 250px; clear:both; } #pro-right-title { color: #263891; } #pro-r-left { float: left; color: #3333CC; font-size: 110%; } #pro-r-right { float: left; } #pro-r-img1 { margin-left: 10px; margin-top: 4px; } #pro-r-img2 { margin-left: 10px; margin-top: 7px; } #lineup-title { margin-left: 10px; margin-top: 20px; }