* { margin: 0; padding: 0;} td,th,li,div,p { color: #445566; font-size: 12px; line-height: 20px; font-family: 'ＭＳ Ｐゴシック'; vertical-align: top;} a:link { color: #0000ff; } a:visited { color: #990099; } a:hover { color: #ff0000; } a:active { color: #ff0000; } /* レイアウト */ body { background: #f0f8f8; text-align: center; } div#body { width: 840px; height: 100%; background: url(img/body.jpg) repeat-y ; padding: 0 10px; } table#body { width: 820px; height: 100%; background: #ffffff ; } td#header { width: 820px; height: 160px; background: url(img/header_130429.jpg) no-repeat; } td#body { width: 820px; height: 100%; text-align: center; padding: 10px 0; } td#footer { width: 820px; height: 100px; background: url(img/footer.jpg) no-repeat; padding: 30px 0 0 10px; color: #445566; } h1 { width: auto; height: 20px; font-size: 12px; line-height: 20px; text-align: left; font-weight: normal; color: #ddddee; padding: 0 10px; } table#head { width: 690px; height: 60px; margin: 0 130px 15px 0;} td#head1 { width: 580px; height: 60px; } td#head1 a { width: 350px; height: 50px; background: url(img/title.jpg) no-repeat ; display: block; color: #ddeeff; text-align: center; font-size: 9px; line-height: 12px; border: none; } td#head1 a:hover { background: url(img/spacer.gif) repeat ; } td#head2 { width: 110px; height: 60px; margin: 0;} a#menus1 { width: 110px; height: 30px; background: url(img/menus1.jpg) no-repeat; display: block; } a#menus1:hover { background: url(img/spacer.gif) repeat ; } a#menus2 { width: 110px; height: 30px; background: url(img/menus2.jpg) no-repeat; display: block; } a#menus2:hover { background: url(img/spacer.gif) repeat ; } table#menu { width: 630px; height: 60px; margin: 0 5px 5px 5px; } td#menu1 { width: 150px; height: 60px; } td#menu1 a { width: 150px; height: 60px; background: url(img/menu1.jpg) no-repeat; color: #f0f8ff; display: block; font-size: 9px; text-align: center; line-height: 20px; text-decoration: none; } td#menu1 a:hover { background: url(img/spacer.gif) repeat ; } td#menu2 { width: 120px; height: 60px; } td#menu2 a { width: 120px; height: 60px; background: url(img/menu2.jpg) no-repeat; color: #f0f8ff; display: block; font-size: 9px; text-align: center; line-height: 20px; text-decoration: none; } td#menu2 a:hover { background: url(img/spacer.gif) repeat ; } td#menu3 { width: 120px; height: 60px; } td#menu3 a { width: 120px; height: 60px; background: url(img/menu3.jpg) no-repeat; color: #f0f8ff; display: block; font-size: 9px; text-align: center; line-height: 20px; text-decoration: none; } td#menu3 a:hover { background: url(img/spacer.gif) repeat ; } td#menu4 { width: 120px; height: 60px; } td#menu4 a { width: 120px; height: 60px; background: url(img/menu4.jpg) no-repeat; color: #f0f8ff; display: block; font-size: 9px; text-align: center; line-height: 20px; text-decoration: none; } td#menu4 a:hover { background: url(img/spacer.gif) repeat ; } td#menu5 { width: 120px; height: 60px; } td#menu5 a { width: 120px; height: 60px; background: url(img/menu5_130429.jpg) no-repeat; color: #f0f8ff; display: block; font-size: 9px; text-align: center; line-height: 20px; text-decoration: none; } td#menu5 a:hover { background: url(img/spacer.gif) repeat ; } td#menu6 { width: 120px; height: 60px; } td#menu6 a { width: 120px; height: 60px; background: url(img/menu6_130429.jpg) no-repeat; color: #f0f8ff; display: block; font-size: 9px; text-align: center; line-height: 20px; text-decoration: none; } td#menu6 a:hover { background: url(img/spacer.gif) repeat ; } table#foot td { padding: 0 15px 0 5px; font-family: 'ＭＳ ゴシック'; } table#foot td.right { padding: 0 5px 0 5px; text-align: right; } /* 共通パーツ */ h2 { width: auto; height: 40px; background: url(img/h2.jpg) no-repeat; margin: 0; text-align: left; line-height: 28px; font-size: 18px; padding: 2px 0 0 40px; color: #334455; font-family: 'ＭＳ Ｐ明朝'; letter-spacing: 2px;} div#navigation { width: auto; height: auto; background: url(img/navigation.jpg) no-repeat; text-align: left; margin: 0 0 10px 0; padding: 5px 0 10px 135px; color: #778899; } div#navigation a { text-decoration: none; color: #6666cc; border-bottom: 1px dashed; } div#navigation a:visited { color: #9933cc; } div#navigation a:hover { color: #ff3333; } div#contents { width: 800px; text-align: left; margin: 0 10px;} div.indent { width: auto; margin: 0 10px 0 30px; text-align: left;} div.indent2 { width: auto; margin: 0 10px 0 10px; text-align: left;} div.indent3 { width: auto; margin: 0 30px 0 30px; text-align: left;} ul { margin: 5px 0 0 5px; list-style-type: none;} ul li { margin: 0 0 7px 0; background: url(img/li.gif) no-repeat left top; padding: 0 0 0 12px; line-height: 18px; font-family: 'ＭＳ ゴシック'; } ol { margin: 2px 0 0 20px; list-style-type: decimal; } ol.pad { margin: 2px 0 0 25px; list-style-type: decimal; } ol li { margin: 0 0 7px 0; line-height: 18px; } h3 { width: auto; height: auto; background: url(img/h3.jpg) no-repeat; margin: 0 0 5px 0; text-align: left; line-height: 20px; font-size: 16px; padding: 7px 0 13px 20px; color: #334455; font-family: 'ＭＳ Ｐ明朝'; letter-spacing: 2px;} h3.harf { background: url(img/h3-harf.jpg) no-repeat; } p { text-indent: 10px; margin: 0 0 5px 0; } div.box { background: #f8fff0; border: 1px solid #bbccaa; margin: 5px 0; padding: 6px 10px; color: #556644; } div.box420 { width: 420px; background: #f8fff8; border: 1px solid #bbccaa; margin: 5px 0; padding: 6px 10px; color: #556644; } div.box420 li { color: #665544; } div.box420 p { color: #665544; } table.data { border-top : 1px solid #aabbcc; border-left : 1px solid #aabbcc;} table.data th { background: #e0e8ef; border-bottom: 1px solid #aabbcc; border-right: 1px solid #aabbcc; padding: 4px 8px; font-weight: normal; } table.data th.mid { vertical-align: middle; } table.data td { background: #ffffff; border-bottom: 1px solid #aabbcc; border-right: 1px solid #aabbcc; padding: 4px 8px; font-family: 'ＭＳ ゴシック';} strong { font-size: 14px; } .red { color: #ff0000;} .bold { padding: 0 0 20px 0; } img.right { margin: 0 0 0 20px; } img.right-s { margin: 0 0 0 10px; } img.left { margin: 0 20px 0 0; } img.left-s { margin: 0 10px 0 0; } div.button { width: auto; } div.button a { width: 100%; padding: 10px; font-size: 14px; background: #efe0e0; border: outset 1px #ffffff; display: block; text-decoration: none; text-align: center; letter-spacing: 1px; font-weight: bold;} div.button a:hover { border: inset #ffffff 1px; background: #dfd0d0; } /* index */ table#index { width: 820px; height: 280px; } td#index_left { width: 10px; height: 280px; background: url(img/index_left.jpg) no-repeat; } td#index_center { width: 10px; height: 280px; background: url(img/index_center_130501.jpg) no-repeat; } td#index_center_r { width: 10px; height: 100px; background: url(img/index_center_r.jpg) no-repeat; } td#index_right { width: 10px; height: 280px; background: url(img/index_right.jpg) no-repeat; } td#index_space1 { width: 380px; height: 10px; background: url(img/index_space1.jpg) no-repeat; } td#index_space2 { width: 200px; height: 10px; background: url(img/index_space2_130501.jpg) no-repeat; } td#index_space3 { width: 200px; height: 10px; background: url(img/index_space3.jpg) no-repeat; } td#index_space4 { width: 380px; height: 10px; background: url(img/index_space4.jpg) no-repeat; } td#index_space5 { width: 200px; height: 10px; background: url(img/index_space5.jpg) no-repeat; } td#index_space6 { width: 200px; height: 10px; background: url(img/index_space6.jpg) no-repeat; } td#index_space7 { width: 380px; height: 10px; background: url(img/index_space7.jpg) no-repeat; } td#index_space8 { width: 380px; height: 10px; background: url(img/index_space8.jpg) no-repeat; } td#index_space9 { width: 410px; height: 10px; background: url(img/index_space9.jpg) no-repeat; } td#index_contact { width: 380px; height: 80px; background: url(img/index_contact_on.jpg) no-repeat; } td#index_contact a { width: auto; height: 80px; background: url(img/index_contact.jpg) no-repeat; display: block; color: #445566; padding: 0 5px 0 82px; line-height: 17px; text-decoration: none; } td#index_contact a:hover { background: url(img/spacer.gif) repeat; } td#index_glasses { width: 380px; height: 80px; background: url(img/index_glasses_on.jpg) no-repeat; } td#index_glasses a { width: auto; height: 80px; background: url(img/index_glasses.jpg) no-repeat; display: block; color: #445566; padding: 0 5px 0 82px; line-height: 17px; text-decoration: none; } td#index_glasses a:hover { background: url(img/spacer.gif) repeat; } td#index_ophthalmology { width: 380px; height: 80px; background: url(img/index_ophthalmology_on_130513.jpg) no-repeat; } td#index_ophthalmology a { width: auto; height: 80px; background: url(img/index_ophthalmology_130513.jpg) no-repeat; display: block; color: #445566; padding: 0 5px 0 82px; line-height: 17px; text-decoration: none; } td#index_ophthalmology a:hover { background: url(img/spacer.gif) repeat; } td#index_campain { width: 200px; height: 80px; background: url(img/index_campain_130501.jpg) no-repeat; } td#index_campain a { width: 200px; height: 80px; background: url(img/index_campain_130501.jpg) no-repeat; display: block; } td#index_campain a:hover { background: url(img/spacer.gif) repeat; } td#index_icare { width: 200px; height: 80px; background: url(img/index_icare_on.jpg) no-repeat; } td#index_icare a { width: 200px; height: 80px; background: url(img/index_icare.jpg) no-repeat; display: block; } td#index_icare a:hover { background: url(img/spacer.gif) repeat; } td#index_information { width: 410px; height: 170px; background: url(img/index_information.jpg) no-repeat; } td#index_information ul { margin: 37px 0 0 15px; list-style: none; } /* contact-index */ table#contact-head { width: 750px; } table#contact-head td { width: 750px; } table#contact-index { width: 750px; height: 390px; } td#contact-index_01 { width: 750px; height: 105px; background: url(img/contact-index_01.jpg) no-repeat; } td#contact-index_02 { width: 15px; height: 270px; background: url(img/contact-index_02.jpg) no-repeat; } td#contact-index_03 { width: 240px; height: 80px; background: url(img/contact-index_03.jpg) no-repeat; } td#contact-index_04 { width: 240px; height: 80px; background: url(img/contact-index_04_on.jpg) no-repeat; } td#contact-index_04 a { width: 240px; height: 80px; background: url(img/contact-index_04.jpg) no-repeat; display: block; } td#contact-index_04 a:hover { background: url(img/spacer.gif) repeat; } td#contact-index_05 { width: 100px; height: 80px; background: url(img/contact-index_05.jpg) no-repeat; } td#contact-index_06 { width: 140px; height: 80px; background: url(img/contact-index_06_on.jpg) no-repeat; } td#contact-index_06 a { width: 140px; height: 80px; background: url(img/contact-index_06.jpg) no-repeat; display: block; } td#contact-index_06 a:hover { background: url(img/spacer.gif) repeat; } td#contact-index_07 { width: 15px; height: 270px; background: url(img/contact-index_07.jpg) no-repeat; } td#contact-index_08 { width: 720px; height: 10px; background: url(img/contact-index_08.jpg) no-repeat; } td#contact-index_09 { width: 120px; height: 180px; background: url(img/contact-index_09_on.jpg) no-repeat; } td#contact-index_09 a { width: 120px; height: 180px; background: url(img/contact-index_09.jpg) no-repeat; display: block; } td#contact-index_09 a:hover { background: url(img/spacer.gif) repeat; } td#contact-index_10 { width: 120px; height: 180px; background: url(img/contact-index_10_on.jpg) no-repeat; } td#contact-index_10 a { width: 120px; height: 180px; background: url(img/contact-index_10.jpg) no-repeat; display: block; } td#contact-index_10 a:hover { background: url(img/spacer.gif) repeat; } td#contact-index_11 { width: 120px; height: 180px; background: url(img/contact-index_11_on.jpg) no-repeat; } td#contact-index_11 a { width: 120px; height: 180px; background: url(img/contact-index_11.jpg) no-repeat; display: block; } td#contact-index_11 a:hover { background: url(img/spacer.gif) repeat; } td#contact-index_12 { width: 120px; height: 180px; background: url(img/contact-index_12_on.jpg) no-repeat; } td#contact-index_12 a { width: 120px; height: 180px; background: url(img/contact-index_12.jpg) no-repeat; display: block; } td#contact-index_12 a:hover { background: url(img/spacer.gif) repeat; } td#contact-index_13 { width: 100px; height: 100px; background: url(img/contact-index_13.jpg) no-repeat; } td#contact-index_14 { width: 140px; height: 100px; background: url(img/contact-index_14.jpg) no-repeat; } td#contact-index_15 { width: 100px; height: 80px; background: url(img/contact-index_15.jpg) no-repeat; } td#contact-index_16 { width: 140px; height: 80px; background: url(img/contact-index_16_on.jpg) no-repeat; } td#contact-index_16 a { width: 140px; height: 80px; background: url(img/contact-index_16.jpg) no-repeat; display: block; } td#contact-index_16 a:hover { background: url(img/spacer.gif) repeat; } td#contact-index_17 { width: 750px; height: 15px; background: url(img/contact-index_17.jpg) no-repeat; } /* contact */ div.contact { width: 370px; height: auto; margin: 5px 0; border: 1px dashed #778899; padding: 10px 0 10px 10px; text-align: left; } table.contact { width: 350px; margin: 0; padding: 0; } table.contact th { margin: 0; padding: 0 5px 5px 5px; font-size: 14px; border-bottom: 1px solid #aabbcc; } table.contact td { margin: 0; padding: 5px 5px 0 5px; } table.contact strong { font-size: 16px; } div.maker { width: 100px; height: 40px; background: url(img/maker_on.jpg) no-repeat; } div.maker a { width: 100px; height: 40px; background: url(img/maker.jpg) no-repeat; display: block; } div.maker a:hover { background: url(img/spacer.gif) repeat; } /* glasses-index */ table#glasses_index { width: 730px; height: 220px; margin: 0 10px;} td#glasses_button_head { width: 730px; height: 145px; background: url(img/glasses_button_head.jpg) no-repeat; } td#glasses_button_left { width: 5px; height: 70px; background: url(img/glasses_button_left.jpg) no-repeat; } td#glasses_button_right { width: 545px; height: 70px; background: url(img/glasses_button_right.jpg) no-repeat; } td#glasses_button_bottom { width: 730px; height: 5px; background: url(img/glasses_button_bottom.jpg) no-repeat; } td#glasses_button { width: 190px; height: 70px; background: url(img/glasses_button_on.jpg) no-repeat; } td#glasses_button a { width: 190px; height: 70px; background: url(img/glasses_button_off.jpg) no-repeat; display: block; } td#glasses_button a:hover { background: url(img/spacer.gif) repeat; } /* qanda */ div#qanda { width: auto; height: 360px; background: url(img/qanda-back.jpg) right center no-repeat; padding: 0 10px 0 30px;} table.qanda { width: 490px; border-top : 1px solid #cccccc; } table.qanda th { width: 20px; border-bottom: 1px solid #cccccc; background: #d0e0f0; padding: 4px 6px; } table.qanda th.q { background: #ffd0d0; color: #660000; } table.qanda td { width: auto; border-bottom: 1px solid #cccccc; background: #f9fcff; padding: 4px 8px; } table.qanda td.q { background: #fff0f0; color: #660000; font-weight: bold; } /* personal */ div#personal { width: auto; height: auto; background: url(img/personal-back.jpg) right center no-repeat; padding: 0 10px 0 30px;} /* sitemap */ div#site { width: 780px; height: 480px; background: url(img/sitemap-back.jpg) right top no-repeat; margin: 0 0 0 20px;} table#site { width: 490px; height: auto; } table#site td { height: 30px; vertical-align: middle; } table#site td.line-28 { width: 30px; height: 30px; background: url(img/line-28.gif) center center no-repeat; } table#site td.line-46 { width: auto; height: 30px; background: url(img/line-46.gif) center repeat-x; } table#site td.line-68 { width: 30px; height: 30px; background: url(img/line-68.gif) center center no-repeat; } table#site td.line-268 { width: 30px; height: 30px; background: url(img/line-268.gif) center center no-repeat; } table#site td.line-246 { width: 30px; height: 30px; background: url(img/line-246.gif) center center no-repeat; } table#site td a { width: auto; height: 29px; background: url(img/sitemap-a.jpg) left no-repeat; border-bottom: 1px dashed #ffffff; line-height: 29px; padding: 0 0 0 32px; display: block; text-decoration: none; } table#site td a:visited { background: url(img/sitemap-v.jpg) left no-repeat; border-bottom: 1px dashed #ffffff; } table#site td a:hover { background: url(img/sitemap-h.jpg) left no-repeat; border-bottom: 1px dashed #ff6666; } /* subwindow */ table.sub_table1 {width:700px; margin:10px 0 10px 0 ;border-top:1px solid #CCCCCC ; border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC ; border-right:1px solid #CCCCCC;} td.sub_td1 {border-bottom:1px solid #CCCCCC ; vertical-align:bottom; text-align:left; padding: 20px 0 0 10px;} td.sub_td2 {border-bottom:1px solid #CCCCCC ; vertical-align:bottom; text-align:left; padding: 20px 0 0 10px;} table.sub_table2 {width:700px; margin:10px 0 50px 0 ;border-top:1px solid #CCCCCC ; border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC ; border-right:1px solid #CCCCCC;} td.ran {width:700px; padding:10px 0 0 10px; text-align:left; border-bottom:1px dotted #CCCCCC ; } td.name {width:200px; padding:10px 0 0 10px; border-bottom:1px solid #CCCCCC;} td.age {width:100px; padding:10px 0 0 0; border-bottom:1px solid #CCCCCC;} td.stu {width:100px; padding:10px 0 0 0; border-bottom:1px solid #CCCCCC;} td.stu2 {width:200px; padding:10px 0 0 0; text-align:left;border-bottom:1px solid #CCCCCC;} td.matu {width:200px; padding:10px 0 0 10px; border-bottom:1px solid #CCCCCC;} td.matu2 {width:500px; padding:10px 0 0 0; border-bottom:1px solid #CCCCCC;} td.hizuke {width:200px; padding:10px 0 0 10px;} td.bay {width:500px; padding:10px 0 0 0;} /* tax */ .tax-included {margin: 0 0 0 3px; font-size: 12px;}