* { color: #383838; font-family: arial,sans-serif; font-size: 13px; font-style: normal; font-weight: normal; margin: 0; padding: 0; text-indent: 0; } html { height: 100%; text-align: center; } body { width: 100%; height: 100%; background-image: url("/img/body_bg.png"); margin: 0 auto; } li { list-style-type: none; } img { border: medium none; vertical-align: bottom; } a { color: #3f3f3f; outline: none; text-decoration: none; } a:hover { color: #6c6056; text-decoration: underline; } a:link { color: #3f3f3f; } a:visited { color: #3f3f3f; } a:focus { outline: none; } #container { position: relative; width: 100%; height: 100%; min-height:100%; border-top: 5px solid #1B1464; } body > #container { height: auto; } #contents { width: 100%; padding-bottom: 150px; font-size: 13px; } #header { width: 100%; height: 120px; } #hdr_inn { width: 940px; height: 110px; margin: 0 auto; text-align: center; } #header h1 { float: left; width: 940px; height: 20px; margin: 3px 0 10px 0; color: #888; font-size: 13px; font-weight: normal; text-indent: 10px; text-align: left; } #hdr_info { clear: both; width: 940px; height: 60px; } #top a { float: left; width: 180px; height: 45px; padding: 15px 0 0 10px; } #top a:hover { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; } #gnav { list-style: none; float: right; width: 480px; height: 50px; margin-top: 10px; text-align: left; } #gnav li { float: left; } #gnav li a { display: block; width: 120px; height: 50px; background-image: url("/img/gnav.png"); background-repeat: no-repeat; text-indent: -9999px; } #gnav li.gree a { background-position: 0px 0px; } #gnav li.comp a { background-position: -120px 0px; } #gnav li.serv a { background-position: -240px 0px; } #gnav li.cont a { background-position: -360px 0px; } #gnav li.gree a:hover { background-position: 0px -50px; } #gnav li.comp a:hover { background-position: -120px -50px; } #gnav li.serv a:hover { background-position: -240px -50px; } #gnav li.cont a:hover { background-position: -360px -50px; } #gnav li.gree a.active, #gnav li.comp a.active, #gnav li.serv a.active, #gnav li.cont a.active { background-image: url("/img/gnav.png"); background-repeat: no-repeat; } #gnav li.gree a.active { background-position: 0px -50px; } #gnav li.comp a.active { background-position: -120px -50px; } #gnav li.serv a.active { background-position: -240px -50px; } #gnav li.cont a.active { background-position: -360px -50px; } #wrapper { width: 940px; margin: 0 auto; text-align: center; } #slide_navigation { clear: both; width: 940px; height: 366px; margin-bottom: 20px; background-image: url("/img/slide_shadow.png"); background-repeat: no-repeat; background-position: 0 350px; } #nav_image { position: relative; width: 940px; height: 300px; overflow: hidden; background: #FFFFFF; } #nav_image_inner { position: relative; width: 4700px; height: 300px; left: 0px; } #nav_image_inner li { float: left; } #nav_image_inner a { float: left; display: block; width: 940px; height: 300px; } #nav_image_inner li a:hover { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } #nav_cont { display: block; list-style: none; width: 940px; height: 50px; margin: 0; padding: 0; background-image: url("/img/nav_bg.png"); } #nav_cont li { display: block; width: 235px; height: 50px; float: left; } #nav_cont li a { display: block; width: 235px; height: 50px; text-indent: -9999px; background-image: url("/img/nav_b.png"); background-repeat: no-repeat; } #subimg1 { background-position: -0px -50px; } #subimg2 { background-position: -235px -50px; } #subimg3 { background-position: -470px -50px; } #subimg4 { background-position: -705px -50px; } #subimg5 { background-position: -940px -50px; } .radius { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #info_area { padding-top: 30px; display: inline-block; } #fbboxl { float: left; width: 465px; } #fbboxr { float: right; width: 465px; } #footer { position: absolute; bottom: 0; clear: both; width: 100%; height: 150px; background-color: #fff; border-top: 1px solid #d5d5d5; box-shadow: 0 0 5px #ccc; } #footer_inn { width: 940px; height: 150px; margin: 0 auto; text-align: center; } #pnav { width: 940px; padding: 15px 0 10px 0; border-bottom: 1px solid #c3c3c3; font-size: 11px; text-align: left; } #pnav a { font-size: 11px; margin: 0 5px; } #pnav_in { float: left; } #pnav_in dt { display: inline; } #pnav_in dd { display: inline; } #to_top { float: right; font-size: 11px; text-align: right; } #foot_un { float: left; margin-top: 20px; text-align: left; } #comp_add { margin-bottom: 10px; font-size: 11px; line-height: 150%; } #comp_add span { font-size: 11px; font-weight: bold; padding-right: 3px; } #cp { color: #999; font-size: 11px; } #footer_inn p a { float: right; display: block; width: 72px; height: 72px; text-indent: -9999px; background: url("/img/foot_logo.png") no-repeat; margin: 15px 10px 0 0; } #main { float: left; width: 700px; padding: 0 0 50px 0; text-align: left; } #ent { padding: 0 0 25px; } #list { width: 700px; height: 20px; padding-bottom: 13px; font-size: 12px; } #list a { font-size: 12px; } #list dl { padding: 3px 0 0 10px; } #list dt { display: inline; color: #333; font-size: 12px; } #list dt a.home { padding: 0 0 0 16px; background: url("/img/home_ico.png") no-repeat 0 0; } #list dt a.home:hover { background: url("/img/home_ico_h.png") no-repeat 0 0; } #list dd { display: inline; color: #333; font-size: 12px; } #ent .ent_title { margin: 0 0 30px 0; padding: 3px 0 3px 10px; border-bottom: 1px solid #999; border-left: 5px solid #999; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 1px #fff; } .text { padding: 0 20px 25px; } .text_last { padding: 0 20px 20px; } .text p { padding: 0 0 25px; line-height: 1.6em; } .text_last p { line-height: 1.6em; } .text p span { font-size: 16px; font-weight: bold; } .hh4 { font-size: 16px; font-weight: bold; color: #444; padding: 0 0 15px 0; } .hh5 { clear: both; font-size: 14px; font-weight: bold; color: #444; margin: 0 0 10px 0; padding: 30px 0 3px 0; border-bottom: 1px dashed #CCC; } .list_point { padding: 0 0 0 13px; } .list_point li { list-style-type: square; margin: 0 0 15px 0; } .text_list { padding: 0 0 40px 0; } .text_list li { list-style-type: none; margin: 0 0 15px 0; padding: 0 0 0 20px; background: url("/img/tag.png") no-repeat 0 0; } .thumb_list { padding: 10px 0 10px 0; } .thumb_list li { float: left; margin: 0 20px 20px 0; } .thumb_list a { display: block; } .thumb_list img { border: 5px solid #fff; box-shadow: 0 2px 2px #999; } .thumb_list a:hover { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; } .map_area { padding: 0 0 30px 0; } .map_area img { padding: 0 0 20px 0; } .app_dl { padding: 0 0 40px 0; } .app_dl dt { margin: 0 0 5px 0; padding: 0 0 0 0px; } .app_dl dd { margin: 0 0 15px 0; padding: 0 0 0 20px; } .app_dl dt:before { content:"Ｑ "; font-weight: bold; } .app_dl dd:before { content:"Ａ "; font-weight: bold; } .tbldl { margin: 0 0 10px 0; line-height:1.6em; background:#E5EDFF; border: 1px solid #CCCCCC; } .tbldl dt, .tbldl dd { padding: 5px 10px; border-top: 1px solid #CCCCCC; } .tbldl dt:first-of-type, .tbldl dd:first-of-type { border-top: 0px solid #CCCCCC; } .tbldl dt { clear: left; width: 150px; float: left; font-weight: bold; text-align: right; } .tbldl dd { width: 470px; margin-left: 170px; background:#FFFFFF; font-weight: nornal; text-align: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } #dev_info { padding: 0px 0 60px 0; } #app_area { width: 700px; } #app_area li { width: 620px; margin: 0 0 30px 20px; padding: 20px; background-color: #fff; border: 2px solid #ccc; box-shadow: 0 0 5px #ddd; overflow: hidden; } .app_ent { padding: 0 0 20px 0; } .app_title a { float: left; margin: 0 0 20px 0; padding: 0 0 0 5px; width: 330px; font-size: 26px; font-weight: bold; border-left: 5px solid #444; } .app_link { float: right; width: 280px; text-align: right; } .app_ico { float: left; width: 100px; padding: 0 30px 0 10px; } .app_ico img { width: 100px; height: 100px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; } .app_info { float: left; width: 480px; } .app_info p { padding-bottom: 7px; font-size: 12px; line-height: 1.5em; } .scshot { clear: both; width: 640px; } .scshot img { width: 205px; height: auto; padding: 0px 3px 3px 0; } #makebook { padding: 0 0 60px 0; } #makebook img { padding: 20px; background-color: #fff; } #web_area { width: 700px; } #web_area li { float: left; margin: 0 0 30px 20px; padding: 20px; background-color: #fff; border: 2px solid #ccc; box-shadow: 0 0 5px #ddd; overflow: hidden; } .capt { display: block; width: 165px; height: 165px; text-align: center; margin: 0 auto; } .capt:hover { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } .capt img { width: 160px; height: 148px; border: 1px solid #bbb; } .site_title { display: block; padding: 10px 0 0 0; } .site_title a { color: #383838; line-height: 1.3em; } .site_title a:hover { color: #1B1464; text-decoration: underline; } #form_123 { width: 660px; height: 40px; margin-bottom: 30px; } #form_inner { width: 660px; padding: 10px; border: 1px solid #E6E6E6; border-radius: 5px; box-shadow: 0 0 5px #eee; background-color: #fff; } #form_inner .sum { margin: 0px; padding:10px 0; } #form_inner .sum tr { border: 0px; } #form_inner .sum th { background-color: #DDDDDD; } #form_inner #name, #form_inner #tel, #form_inner #email { width: 400px; } #form_inner #inquery { width: 450px; height: 100px; } .bg { width: 420px; padding: 3px 6px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; } .bg:hover { border: 1px solid #999; } .bg:focus { background-color: #fff; box-shadow: inset 0 0 3px #ccc; } #submit_img { margin: 25px 0 0 0; text-align: center; } #submit_img2 { margin: 45px 0 0 0; text-align: center; border-top: 1px solid #ccc; } #submit_img_inner { width: 370px; margin: 0 0 0 158px; } #submit_img_inner2 { width: 580px; margin: 20px 0 0 80px; } #submit_img form { float: left; margin: 0 25px 0 0; text-align: center; } #submit_img2 img { float: left; margin: 0 80px 0 0; text-align: center; } .red { padding: 3px 0 0 0; font-size: 12px; color: #ff0000; } #submit_img img { margin: 0; } #sidebar { float: right; width: 220px; padding-bottom: 20px; text-align: left; } #sidenav_s, #sidenav_c { width: 220px; margin-bottom:10px; } #sidenav_s #sidenav_title { background: no-repeat 0 0 url("/img/sidenav_service_title.png"); height: 40px; } #sidenav_c #sidenav_title { background: no-repeat 0 0 url("/img/sidenav_company_title.png"); height: 40px; } .sidenav_title_inner { text-indent: -9999px; } #sidenav_c ul, #sidenav_s ul { padding: 0 0 2px 0; } #sidenav_c ul li a, #sidenav_s ul li a { display: block; width: 220px; background-repeat: no-repeat; text-indent: -9999px; } #sidenav_c ul li a { background-image: url("/img/sidenav_company.png"); } #sidenav_s ul li a { background-image: url("/img/sidenav_service.png"); } .sb11 a { background-position: 0px 0px; height: 40px; } .sb12 a { background-position: 0px -40px; height: 40px; } .sb13 a { background-position: 0px -80px; height: 40px; } .sb14 a { background-position: 0px -120px; height: 43px; } .sb11 a:hover { background-position: -220px 0px; } .sb12 a:hover { background-position: -220px -40px; } .sb13 a:hover { background-position: -220px -80px; } .sb14 a:hover { background-position: -220px -120px; } .sb21 a { background-position: 0px 0px; height: 40px; } .sb22 a { background-position: 0px -40px; height: 40px; } .sb23 a { background-position: 0px -80px; height: 40px; } .sb24 a { background-position: 0px -120px; height: 40px; } .sb25 a { background-position: 0px -160px; height: 43px; } .sb26 a { background-position: 0px -200px; height: 43px; } .sb27 a { background-position: 0px -240px; height: 43px; } .sb21 a:hover { background-position: -220px 0px; } .sb22 a:hover { background-position: -220px -40px; } .sb23 a:hover { background-position: -220px -80px; } .sb24 a:hover { background-position: -220px -120px; } .sb25 a:hover { background-position: -220px -160px; } .sb26 a:hover { background-position: -220px -200px; } .sb27 a:hover { background-position: -220px -240px; } #sidenav_c ul li a.active { background-image: url("/img/sidenav_company.png"); } #sidenav_s ul li a.active { background-image: url("/img/sidenav_service.png"); } #sidenav_c li.sb11 a.active { background-position: -220px 0px; } #sidenav_c li.sb12 a.active { background-position: -220px -40px; } #sidenav_c li.sb13 a.active { background-position: -220px -80px; } #sidenav_c li.sb14 a.active { background-position: -220px -120px; } #sidenav_s li.sb21 a.active { background-position: -220px 0px; } #sidenav_s li.sb22 a.active { background-position: -220px -40px; } #sidenav_s li.sb23 a.active { background-position: -220px -80px; } #sidenav_s li.sb24 a.active { background-position: -220px -120px; } #sidenav_s li.sb25 a.active { background-position: -220px -160px; } #sidenav_s li.sb26 a.active { background-position: -220px -200px; } #sidenav_s li.sb27 a.active { background-position: -220px -240px; } #contactbox { width: 220px; height: 280px; background-image: url("/img/contactbox.png"); } #contactbox_title { height: 40px; text-indent: -9999px; } #contact1, #contact2 { display: none; } #contactbox_formarea { display: block; width: 196px; height: 48px; margin: 182px 0 0 12px; } #contactbox_formarea a { display: block; width: 196px; height: 48px; text-indent: -9999px; background-image: url("/img/contactbox_formarea.png"); background-position: 0 0; } #contactbox_formarea a:hover { background-position: 0 -48px; } #sitemap { margin: 0 20px 25px; } #sitemap .col { float: left; margin: 0 10px 0>px 0; padding: 5px; width: 199px; border: 2px solid #ddd; background-color: #fff; } #sitemap .col_last { float: left; padding: 5px; width: 199px; border: 2px solid #ddd; background-color: #fff; } .col a, .col_last a, .col a:visited, .col_last a:visited { font-weight: bold; color: #fff; text-decoration: underline; } .col a:hover, .col_last a:hover { color: #999; text-decoration: none; } #sitemap .site_first { margin: 0 0 20px 0; padding: 10px; background-color: #666; font-size: 13px; font-weight: bold; color: #fff; } #sitemap ul { padding: 0 0 0 14px; } #sitemap li { margin: 0 0 10px 0; padding: 0 0 0 10px; background: url("/img/arw.png") no-repeat 0 3px; } #sitemap li a { color: #383838; font-weight: normal; } .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; height: auto; overflow: hidden; } .clearme { clear: both; height: 80px; visibility: hidden; } .notfoundbq { margin: 0px; padding: 20px; font-weight: bold; border: 1px dotted #888888; background: #AAAAAAA; } #sss-cal1 { width: 220px; height: 240px; float: left; } #sss-cal2 { width: 220px; height: 240px; float: left; margin-left: 20px; } #sss-cal3 { width: 220px; height: 240px; float: left; margin-left: 20px; } #sss-cal4 { width: 220px; height: 240px; float: left; margin-left: 10px; margin-top: 15px; }