/* ----------------------------------------------- CSS file For WBSsite.net. FileName: page.css ----------------------------------------------- */ /*ʁ@*/ #side { margin-top: 10px; width: 170px; float: left } #content { margin-top: 10px; margin-bottom: 20px; width: 610px; float: right } #content #cramblinks { color: #666; font-size: 80%; text-align: left } #content h2 { color: #244ab1; text-indent: 5px; display: block; margin-top: 3px; margin-bottom: 30px; padding-top: 2px; padding-bottom: 2px; width: 590px; border-bottom: 2px solid #244ab1; border-left: 10px solid #244ab1 } #side .kaba { display: block; margin-top: 5px; width: 170px; height: 77px } #side #navi { margin-top: 20px; margin-right: 10px; margin-left: 10px; width: 150px; height: 300px; clear: both } #side #navi ul { list-style-type: none; margin: 0; padding: 0 } #side #navi li { } #side #navi a { color: #244ab1; font-size: 1em; text-decoration: none; background-image: url("../images/sw_side.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; text-align: left; text-indent: 10px; list-style-image: none; display: block; padding-top: 2px; width: 150px; height: 25px } #side #navi a:hover { color: #244ab1; font-weight: normal; text-decoration: none; background-image: url("../images/sw_side_hover.gif"); background-repeat: repeat-x; background-position: left top } #side #navi li span { color: #ff7300; font-size: 1em; text-decoration: none; background-image: url("../images/sw_side.gif"); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; text-align: left; text-indent: 10px; list-style-image: none; display: block; padding-top: 2px; width: 150px; height: 25px } #side .naviskip { font-size: 1px; text-indent: -10000px; width: 1px; height: 1px } #side #navi img { margin-right: 7px } /*index */ #topimg { background-image: url("../images/top_img3.jpg"); background-repeat: no-repeat; text-align: right; display: block; width: 801px; height: 265px } #topimg #title { text-align: center; margin-top: 15px; margin-bottom: 5px; float: left } #topimg img { margin-bottom: 5px } #topimg dl { text-align: left; display: block; margin-top: 3px; margin-left: 10px; float: left } #topimg dt { margin-bottom: 5px } #topimg dd { color: #090; font-size: 100%; text-decoration: none; background-image: url("../images/dot_1010.gif"); background-repeat: no-repeat; background-position: 2px 8px; text-indent: 15px; display: block; margin-left: 7px; padding-top: 3px; border-bottom: 1px dotted #00ae00 } #topimg p { color: #aaa; font-size: 90%; margin-top: 10px; float: right } #top_txt { margin-top: 40px; margin-bottom: 40px; margin-left: 20px; padding: 10px 10px 20px; width: 730px; border: solid 1px #244ab1 } #top_title { margin-bottom: 10px; border-top: none; border-bottom: 1px dotted #244ab1 } #top_txt .fl { margin-top: 20px; width: 250px; float: right; border-top: 10px none; border-bottom: 10px none } .top_kaba { margin-top: 20px; width: 250px; height: 120px; float: right; border-top: 10px none; border-bottom: 10px none } #top_txt h1 { color: #244ab1; font-size: 120%; font-weight: normal; line-height: 1.5em; display: block; margin-bottom: 15px; margin-left: 10px; width: 440px } #top_txt h2 { color: #666; font-size: 100%; font-weight: normal; display: block; margin-bottom: 10px; margin-left: 10px; width: 440px } #top_txt p { color: #666; display: block; margin: 4px 0 0 10px; width: 440px } #top_trouble { text-align: center } #top_trouble img { margin-right: 10px; margin-left: 10px } #new { margin-top: 40px; margin-left: 100px; padding: 10px 10px 20px; width: 650px; border: solid 1px #fff } #new img { display: block; width: 220px; height: 166px; float: left } #new_txt { width: 400px; float: left } #new h4 { color: #ff5c00 } #new iframe { margin-left: 10px; border: solid 1px #aaa; outline-style: none } /*info*/ #company { width: 550px } #company #box { width: 550px; border: solid 2px #ff7300 } #company #boxl { background-color: #cedbec; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; width: 100px; float: left } #company #boxr { margin-left: 100px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; width: 400px; border-left: 2px solid #2a3595 } #company dl { display: block; margin-left: 10px } #company dt { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; width: 500px; border-top: 1px solid #2a3595 } #company dd { display: block; margin-top: -40px; margin-left: 100px; padding: 10px; position: relative; width: 380px; border-left: 1px dotted #2a3595 } #company table { width: 590px; outline: solid 1px #ff7300 } #company td { padding: 5px; outline: solid 1px #244ab1 } #company dd img { position: absolute; top: -75px; left: 250px } #company ul { list-style-type: disc; margin-left: 30px } #company li { font-size: 100% } #company iframe { width: 500px } #map img { margin-top: 10px; margin-bottom: 20px; clear: both } /*message*/ #message { background-image: url("../images/message_back.jpg"); background-repeat: no-repeat; background-position: right bottom; margin-left: 10px; width: 530px; height: 300px } #message p { margin-bottom: 20px; width: 400px; float: left } /*service*/ #service { width: 550px } #service table { margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; width: 520px } #service td { padding: 10px; border-bottom: 1px dotted #aaa } #service #title { background-color: #e1efe2; text-align: center; display: table-cell; padding: 10px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa } #service #title1 { background-color: #e1efe2; text-align: center; display: table-cell; padding: 10px; border: solid 1px #aaa } #service #charge { text-align: right; display: table-cell; padding: 10px 80px 10px 10px; border-bottom: 1px dotted #aaa; border-left: 1px dotted #aaa } /*contact*/ #contactus {width: 550px } #contactus #icon { margin-top: 20px; margin-bottom: 20px; width: 30px; height: 30px; float: left } #contactus #title { color: #2a3595; font-size: 110%; background-image: url("../images/dot_contact.gif"); background-repeat: repeat-x; background-position: 0 25px; margin-top: 20px; margin-bottom: 20px; padding-top: 7px; padding-left: 10px; width: 500px; height: 30px; float: left; vertical-align: top } #contactus dl { margin-left: 60px } #contactus dt { width: 60px; height: 20px } #contactus dd { margin-top: -20px; margin-left: 70px; height: 20px } #contactus table { margin-top: 20px; margin-bottom: 20px; margin-left: 20px; width: 500px } #contactus td { padding: 10px; border-top: 1px dotted #aaa } #contactus p { margin-left: 40px; width: 500px } #contactus .cent { text-align: center } /*ex*/ #ex { text-align: center; width: 590px } #ex table { margin-left: 20px; width: 550px } #ex td { color: #fff; background-color: #244ab1; text-align: center; margin: 0; padding: 0; width: 110px; height: 110px; vertical-align: middle } #ex td img { background-color: #244ab1; margin: 0; padding: 0; height: 110px } #sitemap { margin-left: 10px; width: 250px } #sitemap dl { text-indent: 18px; margin-top: 20px; margin-left: 10px; border-bottom: 1px dotted #aaa } #sitemap dt { color: #2a3595; background-image: url("../images/dot_side.gif"); background-repeat: no-repeat; background-position: 5px center; text-indent: 23px; display: block; margin-top: 5px; margin-bottom: 5px; padding-top: 5px; border-top: 1px dotted #aaa } #sitemap dd { color: #2a3595; background-image: url("../images/dot_side.gif"); background-repeat: no-repeat; background-position: 0 center; text-indent: 18px; margin-top: 8px; margin-left: 30px } /*jirei*/ #jirei { display: block; margin-top: 20px; margin-left: 20px; padding-bottom: 10px; width: 760px; border-bottom: 1px dotted #aaa } #jirei #title { background-color: #ebf5ff; background-image: url("../images/jirei_back.gif"); background-repeat: repeat-x; margin-bottom: 20px; width: 230px; height: 180px; float: left; border: solid 1px #b4c7ff } #jirei #title h3 { color: #244ab1; font-size: 120%; margin-right: 10px; margin-left: 10px; border-bottom: 1px dotted #b4c7ff } #jirei #title p { color: #244ab1; font-size: 100%; margin: 10px } #j_photo { width: 520px; float: right } #j_photo #part { margin-bottom: 20px; width: 260px; float: left } #j_photo #part img { display: block; margin-left: 40px; width: 220px } #j_photo #part p { color: #666; font-size: 100%; line-height: 1.2em; margin-top: 5px; margin-right: 5px; margin-left: 45px } /*prive*/ .st_txt01 { padding-right: 10px; padding-left: 10px; width: 570px } .st_txt01 ol { margin-right: 10px; margin-left: 10px } .st_txt01_r { text-align: right; margin-top: 10px; width: 570px } /*no */ .title01 { color: #787; font-size: 100%; text-indent: 5px; display: block; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px; width: 680px; border: solid 1px } #dayt01 { font-size: 100%; line-height: 1em; margin-top: 20px; margin-bottom: 15px; margin-left: 20px; width: 680px } #dayt01 dl { margin-left: 20px } #dayt01 dt { margin-top: 2px } #dayt01 dd { line-height: 1.2em; margin-top: -1em; margin-left: 4em } #l_box01 { font-size: 100%; line-height: 1em; margin-top: 20px; margin-bottom: 15px; margin-left: 20px; width: 680px } #l_box01 dl { margin-top: 15px; margin-left: 20px } #l_box01 dt { margin-top: 15px } #l_box01 dd { line-height: 1.2em; margin-top: -1em; margin-left: 5em } #todo_list { font-size: 100%; line-height: 1em; width: 680px } #todo_list dl { margin-top: 15px; margin-left: 20px } #todo_list dt { margin-top: 15px; width: 550px } #todo_list dd { line-height: 1.2em; margin-top: -1em; margin-left: 560px; width: 100px } #link_list { font-size: 100%; line-height: 1em; display: block; width: 680px; height: auto } #link_list img { margin-left: 20px; width: 200px; height: 170px; float: left } #link_list dl { display: block; margin-bottom: 20px; margin-left: 20px; width: 680px; height: 180px; clear: both; border-bottom: thin dotted #aeaeae } #link_list dt { margin-top: 20px; margin-left: 250px; width: 400px } #link_list dd { line-height: 1.2em; margin-top: 10px; margin-left: 260px; width: 400px } .color2 { color: #00f; display: inline } .color1 { color: #f00; display: inline } ol li { list-style-type: decimal; margin: 1em 0 1em 40px }