/* CSS Name: アベケン */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-text-size-adjust: none; } ol, ul { list-style: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { text-align: center; line-height: 25px; font-family: "メイリオ", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS Pゴシック", serif; font-size: 12px; color:#333; background-image:url(../img/background.jpg); } #topline{ width:100%; height:5px; background-color:#C5B3AA; } a,a:link { text-decoration: underline; color:#006600; } a:hover { text-decoration: underline; color:#006600; } a,a:visited { text-decoration: underline; color:#006600; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } .cautionRed{ color:#CC0000; } .Red{ color:#FF0033; font-weight:bold; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #337700; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline; color:#339900; } h1 { font-size: 26px; color: #533819; font-weight: bold; line-height: 38px; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;} h2 { font-size: 20px; color: #533819; font-weight: bold; line-height: 20px; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;} h3 { font-size: 18px; color: #533819; font-weight: bold; line-height: 30px; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;} h4 { font-size: 16px; color: #533819; font-weight: bold; line-height: 20px; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;} h5 { font-size: 14px; color: #533819; font-weight: bold; line-height: 18px; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;} h6 { font-size: 13px; color: #533819; font-weight: bold; line-height: 18px; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;} .clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*------------------------------------------------*/ /*--------------[HEADER LAYOUT INFO]--------------*/ /*------------------------------------------------*/ #container { width:900px; margin: 0 auto; position: relative; text-align: left; } #leftmenu{ width:200px; height:100%; float:left; background-color:#FFF; } #main{ width:690px; float:right; } #logo { float:left; width:200px; height:66px; margin-top:30px; padding-left:31px; } #border3{ margin-top:126px; margin-bottom:20px; height:3px; background-color:#C5B3AA; } /*------------------------------------------------*/ /*--------------------[NAVI]----------------------*/ /*------------------------------------------------*/ #leftcontact{ width:200px; float:left; margin-top:6x; padding-bottom:6px; background-color:#FAF5EC; border-top:6px #FAF5EC solid; } #leftcontact ul li.navi_01{ float: left; width: 200px; height: 50px; border-bottom:1px #C5B3AA solid; } #leftcontact ul li.navi_01 a{ display: block; width: 200px; height: 50px; text-indent:-9999px; background-image: url(../img/button_contact.jpg); background-repeat: no-repeat; } #leftcontact ul li.navi_01 a:hover{ background-position: 0 -50px; } #globalnavi{ width:200px; float:left; margin-top:20x; margin-bottom:30px; padding-left:20px; } #globalnavi ul li#current_page a{ background-position: 0 -60px; } #globalnavi ul li.navi_01{ float: left; width: 160px; height: 60px; border-bottom:1px #C5B3AA solid; } #globalnavi ul li.navi_01 a{ display: block; width: 160px; height: 60px; text-indent:-9999px; background-image: url(../img/button_home.jpg); background-repeat: no-repeat; } #globalnavi ul li.navi_01 a:hover{ background-position: 0 -60px; } #globalnavi ul li.navi_02{ float: left; width: 160px; height: 60px; border-bottom:1px #C5B3AA solid; } #globalnavi ul li.navi_02 a{ display: block; width: 160px; height: 60px; text-indent:-9999px; background-image: url(../img/button_about.jpg); background-repeat: no-repeat; } #globalnavi ul li.navi_02 a:hover{ background-position: 0 -60px; } #globalnavi ul li.navi_03{ float: left; width: 160px; height: 60px; border-bottom:1px #C5B3AA solid; } #globalnavi ul li.navi_03 a{ display: block; width: 160px; height: 60px; text-indent:-9999px; background-image: url(../img/button_construct.jpg); background-repeat: no-repeat; } #globalnavi ul li.navi_03 a:hover{ background-position: 0 -60px; } #globalnavi ul li.navi_04{ float: left; width: 160px; height: 60px; border-bottom:1px #C5B3AA solid; } #globalnavi ul li.navi_04 a{ display: block; width: 160px; height: 60px; text-indent:-9999px; background-image: url(../img/button_office.jpg); background-repeat: no-repeat; } #globalnavi ul li.navi_04 a:hover{ background-position: 0 -60px; } #globalnavi ul li.navi_05{ float: left; width: 160px; height: 60px; border-bottom:1px #C5B3AA solid; } #globalnavi ul li.navi_05 a{ display: block; width: 160px; height: 60px; text-indent:-9999px; background-image: url(../img/button_reform.jpg); background-repeat: no-repeat; } #globalnavi ul li.navi_05 a:hover{ background-position: 0 -60px; } #contentsnavi{ width:610px; float:left; border-bottom:2px #C5B3AA solid; } #contentsnavi ul li#current_page a{ background-color:#C5B3AA; } #contentsnavi ul li.navi_01{ float: left; width: 150px; height: 40px; background-color:#ccc; color:#FFF; font-size:18px; font-weight:bold; text-align:center; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif; text-decoration:none; } #contentsnavi ul li.navi_01 a{ display: block; width: 150px; height: 33px; padding-top:7px; background-color:#ccc; text-align:center; color:#FFF; font-size:18px; font-weight:bold; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif; text-decoration:none; } #contentsnavi ul li.navi_01 a:hover{ background-color:#C5B3AA; } #contentsnavi ul li.navi_02{ float: left; margin-left:4px; width: 150px; height: 40px; background-color:#ccc; color:#FFF; font-size:18px; font-weight:bold; text-align:center; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif; vertical-align:middle; text-decoration:none; } #contentsnavi ul li.navi_02 a{ display: block; width: 150px; height: 33px; padding-top:7px; background-color:#ccc; text-align:center; color:#FFF; font-size:18px; font-weight:bold; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif; vertical-align:middle; text-decoration:none; } #contentsnavi ul li.navi_02 a:hover{ background-color:#C5B3AA; } #contentsnavi ul li.navi_03{ float: left; margin-left:4px; width: 150px; height: 40px; background-color:#ccc; color:#FFF; font-size:18px; font-weight:bold; text-align:center; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif; vertical-align:middle; text-decoration:none; } #contentsnavi ul li.navi_03 a{ display: block; width: 150px; height: 33px; padding-top:7px; background-color:#ccc; text-align:center; color:#FFF; font-size:18px; font-weight:bold; font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif; vertical-align:middle; text-decoration:none; } #contentsnavi ul li.navi_03 a:hover{ background-color:#C5B3AA; } #aboutnavi{ width:610px; float:left; } #aboutnavi ul li.navi_01{ float: left; display:inline; width: 100px; height: 30px; padding-left:20px; padding-top:10px; border-bottom:1px solid #C5B3AA; } #aboutnavi ul li.navi_02{ float: left; display:inline; margin-left:20px; width: 450px; height: 30px; padding-left:20px; padding-top:10px; border-bottom:1px solid #C5B3AA; } #aboutnavi ul li.navi_03{ float: left; display:inline; width: 100px; height: 60px; padding-left:20px; padding-top:10px; border-bottom:1px solid #C5B3AA; } #aboutnavi ul li.navi_04{ float: left; display:inline; margin-left:20px; width: 450px; height: 60px; padding-left:20px; padding-top:10px; border-bottom:1px solid #C5B3AA; } #aboutnavi ul li.navi_05{ float: left; display:inline; width: 100px; height: 110px; padding-left:20px; padding-top:10px; border-bottom:1px solid #C5B3AA; } #aboutnavi ul li.navi_06{ float: left; display:inline; margin-left:20px; width: 450px; height: 110px; padding-left:20px; padding-top:10px; border-bottom:1px solid #C5B3AA; } /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ #topimage{ width:680px; height:190px; margin-top:47px; border:5px #C5B3AA solid; } #toptext{ text-align:left; float:left; color:#533819; margin-top:12px; margin-bottom:10px; margin-left:10px; font-size:13px; font-weight:bold; } #toptext2{ text-align:right; float:right; color:#533819; margin-top:12px; margin-bottom:10px; margin-right:10px; font-size:13px; font-weight:bold; } #topmenubar{ width:690px; height:140px; background-color:#C5B3AA; margin-top:427px; } #toptextbox{ margin-top:10px; width:690px; background-color:#fff; } .texttitle{ width:610px; padding-top:30px; margin-left:40px; padding-bottom:2px; border-bottom:2px #C5B3AA solid; } #textbody{ width:610px; display:block; margin-top:20px; margin-left:40px; padding-bottom:30px; } #topcontact{} #topcontact ul li.navi_01{ margin-top:10px; float: left; width: 690px; height:60px; } #topcontact ul li.navi_01 a{ display: block; width: 690px; height:60px; text-indent:-9999px; background-image: url(../img/topbutton_contact.jpg); background-repeat: no-repeat; } #topcontact ul li.navi_01 a:hover{ background-position: 0 -60px; } #topbutton{} #topbutton ul li.navi_01{ margin-left:5px; margin-top:-1px; float: left; width: 223px; height:130px; } #topbutton ul li.navi_01 a{ display: block; width: 223px; height:130px; text-indent:-9999px; background-image: url(../img/topbutton_construct.jpg); background-repeat: no-repeat; } #topbutton ul li.navi_01 a:hover{ background-position: 0 -130px; } #topbutton ul li.navi_02{ margin-left:5px; margin-top:-1px; float: left; width: 223px; height:130px; } #topbutton ul li.navi_02 a{ display: block; width: 223px; height:130px; text-indent:-9999px; background-image: url(../img/topbutton_office.jpg); background-repeat: no-repeat; } #topbutton ul li.navi_02 a:hover{ background-position: 0 -130px; } #topbutton ul li.navi_03{ margin-left:6px; margin-top:-1px; float: left; width: 223px; height:130px; } #topbutton ul li.navi_03 a{ display: block; width: 223px; height:130px; text-indent:-9999px; background-image: url(../img/topbutton_reform.jpg); background-repeat: no-repeat; } #topbutton ul li.navi_03 a:hover{ background-position: 0 -130px; } /*------------------------------------------------*/ /*----------------[RIGHT SIDEBAR]-----------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*---------------------[FORM]---------------------*/ /*------------------------------------------------*/ table{ border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } q:before,q:after { content:''; } abbr,acronym { border:0; } .cautionRed{ color:#CC0000; } #mailform input,#mailform textarea{ border:1px solid #000; padding:4px; } .text_common { width: 300px; margin: 3px 0px 3px 0px; background-color: #fff; } .select { margin: 3px 0px 3px 0px; } .text_address { width: 300px; margin: 3px 0px 3px 0px; background-color: #ffffff; } .text_title { width: 300px; margin: 3px 0px 3px 0px; background-color: #ffffff; } .text_area { width: 300px; height: 100px; margin: 10px 0px 0px 0px; background-color: #ffffff; } .submit { margin-top:20px; margin-left:197px; margin-bottom:20px; } #t1{ float:right; margin-right:20px; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #footerspace{ height:30px;} #footerline_top{ width:900; height:5px; background-color:#C5B3AA; margin-bottom:20px; } #footer{ clear: both; width:900px; position:relative; margin:0px auto; padding-bottom:20px; text-align:left; } #footerlogo{ float:left; margin-left:31px; margin-right:51px; } #footerlist{ float:right; } #footerlist ul { margin-bottom: 10px; font-size:12px; line-height:20px; } #footerlist ul li { display: block; float: left; font-weight: bold; padding: 0 1em; border-left: 1px solid #999; } #footerlist ul li.first { border-left: none; padding-left: 0; } #footer p#copyright{ color: #666; font-size:11px; line-height:18px; } #footer p#credit { color: #666; font-size:11px; line-height:18px; } #footer a { color: #666; text-decoration:none; } #footer a:hover { color: #000; text-decoration:none; }