/* ========================================================= 　reset ========================================================= */ html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; } ol, ul { list-style: none; } fieldset, img { border: none; } table { border-collapse: collapse; border-spacing: 0; } td { padding: 0; } hr { margin: 5px 0; } /* ========================================================= 　body ========================================================= */ body{ font-size: 12px; line-height: 1.4; color: #666; font-family:"Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "verdana", "arial", "Sans-Serif"; } a:link, a:visited { color: #0860A8; text-decoration: none; } a:active, a:hover { color: #0860A8; text-decoration: underline; } /* ========================================================= 　background flash ========================================================= */ #content { height: 445px; position: relative; z-index: 1; } #flash { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 445px; } #content2 { height: 130px; position: relative; z-index: 1; } #flash2 { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 130px; } /* ========================================================= 　head ========================================================= */ #head { width: 800px; height: 77px; margin: 0 auto; } #head h1 { width: 172px; height: 26px; margin-top: 25px; background: url(../images/image/logo.png) no-repeat; float: left; } #head a { width: 172px; height: 26px; display: block; cursor: pointer; } #head span { display: none; } #head table { margin: 27px; float: right; } #head #eng a { width: 120px; height: 20px; margin-right: 20px; display: block; background: url(../images/image/btn_eng.png) no-repeat; cursor: pointer; } #head #jap a { width: 120px; height: 20px; display: block; background: url(../images/image/btn_jap.png) no-repeat; cursor: pointer; } /* google search */ .search input.text{ width: 198px; height: 18px; background: #FFFFFF; border: 1px solid #AAAAAA; font-size: 12px; } .search input.text:hover, .ftb input.text:focus{ border: 1px solid #0860A8; background: #EAF6FF; } #submit{ width: 40px; height: 20px; background:url(../images/image/btn_search.png) no-repeat; border: 0; cursor: pointer; display: block; } #head #eng span { display: none; } /* ========================================================= 　foot ========================================================= */ #foot { padding: 20px 0; } #foot div { width: 800px; margin: 0 auto; font-size: 11px; } #foot p { /letter-spacing: -1px; } #foot .address { font-size: 10px; float: left; } #foot .copyright { font-size: 10px; float: right; } #foot a:link, #foot a:visited { color: #666; text-decoration: none; } #foot a:active, #foot a:hover { color: #666; text-decoration: underline; } /* ========================================================= 　menu ========================================================= */ #menu { height: 52px; background: url(../images/image/bg_menu.gif) repeat-x; } #mbtn { width: 800px; height: 52px; margin: 0 auto; list-style: none; } #mbtn span { display: none; } #mbtn li { height: 52px; margin: 0; padding: 0; float: left; } #mbtn li a { height: 52px; display: block; background: url(../images/image/btn_menu.gif) no-repeat; } #mbtn1 li, #mbtn1 a { width: 134px; } #mbtn2 li, #mbtn2 a { width: 72px; } #mbtn3 li, #mbtn3 a { width: 84px; } #mbtn4 li, #mbtn4 a { width: 84px; } #mbtn5 li, #mbtn5 a { width: 94px; } #mbtn6 li, #mbtn6 a { width: 73px; } #mbtn7 li, #mbtn7 a { width: 164px; } #mbtn8 li, #mbtn8 a { width: 95px; } #mbtn1 a:link, #mbtn1 a:visited { background-position: 0 0; } #mbtn1 a:active, #mbtn1 a:hover { background-position: 0 -52px; } #mbtn2 a:link, #mbtn2 a:visited { background-position: -134px 0; } #mbtn2 a:active, #mbtn2 a:hover { background-position: -134px -52px; } #mbtn3 a:link, #mbtn3 a:visited { background-position: -206px 0; } #mbtn3 a:active, #mbtn3 a:hover { background-position: -206px -52px; } #mbtn4 a:link, #mbtn4 a:visited { background-position: -290px 0; } #mbtn4 a:active, #mbtn4 a:hover { background-position: -290px -52px; } #mbtn5 a:link, #mbtn5 a:visited { background-position: -374px 0; } #mbtn5 a:active, #mbtn5 a:hover { background-position: -374px -52px; } #mbtn6 a:link, #mbtn6 a:visited { background-position: -468px 0; } #mbtn6 a:active, #mbtn6 a:hover { background-position: -468px -52px; } #mbtn7 a:link, #mbtn7 a:visited { background-position: -541px 0; } #mbtn7 a:active, #mbtn7 a:hover { background-position: -541px -52px; } #mbtn8 a:link, #mbtn8 a:visited { background-position: -705px 0; } #mbtn8 a:active, #mbtn8 a:hover { background-position: -705px -52px; } #embtn { width: 800px; height: 52px; margin: 0 auto; list-style: none; } #embtn span { display: none; } #embtn li { height: 52px; margin: 0; padding: 0; float: left; } #embtn li a { height: 52px; display: block; background: url(../images/image/btn_menu2.gif) no-repeat; } #embtn1 li, #embtn1 a { width: 165px; } #embtn2 li, #embtn2 a { width: 111px; } #embtn3 li, #embtn3 a { width: 126px; } #embtn4 li, #embtn4 a { width: 94px; } #embtn5 li, #embtn5 a { width: 194px; } #embtn6 li, #embtn6 a { width: 110px; } #embtn1 a:link, #embtn1 a:visited { background-position: 0 0; } #embtn1 a:active, #embtn1 a:hover { background-position: 0 -52px; } #embtn2 a:link, #embtn2 a:visited { background-position: -165px 0; } #embtn2 a:active, #embtn2 a:hover { background-position: -165px -52px; } #embtn3 a:link, #embtn3 a:visited { background-position: -276px 0; } #embtn3 a:active, #embtn3 a:hover { background-position: -276px -52px; } #embtn4 a:link, #embtn4 a:visited { background-position: -402px 0; } #embtn4 a:active, #embtn4 a:hover { background-position: -402px -52px; } #embtn5 a:link, #embtn5 a:visited { background-position: -496px 0; } #embtn5 a:active, #embtn5 a:hover { background-position: -496px -52px; } #embtn6 a:link, #embtn6 a:visited { background-position: -690px 0; } #embtn6 a:active, #embtn6 a:hover { background-position: -690px -52px; } /* ========================================================= 　contents ========================================================= */ #con { width: 800px; margin: 0 auto; padding: 5px 0; } #con2 { width: 780px; margin: 0 auto; padding: 5px 0; } /* top */ #news dt { height: 13px; font-size: 11px; } #news .free { padding-left: 35px; background: url(../images/image/icn_free.gif) no-repeat left center; } #news .charge { padding-left: 35px; background: url(../images/image/icn_charge.gif) no-repeat left center; } #news dd { margin-bottom: 20px; } #news2 dt { height: 13px; font-size: 11px; float: left; clear: both; } #news2 .free { padding-left: 35px; background: url(../images/image/icn_free.gif) no-repeat left center; } #news2 .charge { padding-left: 35px; background: url(../images/image/icn_charge.gif) no-repeat left center; } #news2 dd { margin: 0 0 20px 120px; } #consub { width: 578px; margin: 20px 0; padding: 15px 0 15px 15px; background: #F3F3F3; border: 1px solid #DDD; font-size: 11px; float: left; } #consub td { width: 274px; padding: 0 15px 15px 0; } #consub img { margin-right: 10px; float: left; } #consub td a { font-size: 13px; font-weight: bold; } #consub p { font-size: 12px; } #consub p a { padding-left: 8px; background: url(../images/image/icn_arrow.gif) no-repeat left center; } #bnr { width: 180px; margin: 20px 0; float: right; } /* other */ #sidem { width: 213px; border: 1px solid #AAA; float: left; } #sidem p { padding: 40px 25px; background: #0860A8; font-size: 16px; color: #FFF; } #sidem ul { border-bottom: 1px solid #AAA; } #sidem li { width: 200px; margin-left: 13px; border-bottom: 1px dotted #AAA; } #sidem li a { width: 175px; padding: 8px 0 8px 25px; display: block; background: url(../images/image/icn_side_off.gif) no-repeat 5px center; } #sidem li a:hover { background: url(../images/image/icn_side_on.gif) no-repeat 5px center #0860A8; color: #FFF; text-decoration: none; } #sidem img { margin: 11px; } #conright { width: 560px; float: right; } /* ========================================================= 　style ========================================================= */ .cl { clear: both; } .pan {font-size: 11px; margin-bottom: 20px; } .re { width: 800px; margin: 40px auto 0 auto; font-size: 11px; text-align: right; } .btex { font-size: 14px; font-weight: bold; } .parking { width: 100%; margin: 30px 0; } .parking td { padding: 5px 10px; } .title { margin-bottom: 30px; padding: 10px 10px; border-left: 3px solid #0360A8; border-bottom: 1px solid #AAA; } .title .tex { font-size: 14px; float: left; } .title .sub { font-size: 11px; float: right; } .title .sub a { padding-left: 8px; background: url(../images/image/icn_arrow.gif) no-repeat left center; } .maptit { margin: 20px 0 10px 0; padding: 5px; border: 1px solid #0360A8; background: #D6E5F7; font-weight: bold; } .ptit { margin-bottom: 20px; padding: 15px; border-left: 3px solid #0360A8; border-bottom: 1px solid #AAA; font-size: 14px; font-weight: bold; } .bnrset { width: 100%; margin: 20px 0; } .bnrset td { padding: 0 27px 10px 0; } .bgblue { background: #0360A8; color: #FFF; } .btn_detail a { margin-top: 20px; padding: 3px 10px; background: #0860A8; display: block; text-align: center; color: #FFF; } .btn_detail a:visited, .btn_detail a:hover { color: #FFF; } .tb { border-top: 1px solid #AAA; border-left: 1px solid #AAA; } .tb td { padding: 5px; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; } .tb2 { border: 0; } .tb2 td { padding: 5px; border: 0; } .tb3 { border: 0; } .tb3 td { padding: 3px; border: 0; } .tb4 { border-top: 1px solid #CCC; } .tb4 td { padding: 10px; border-bottom: 1px solid #CCC; } .img_right { margin-left: 5px; float: right; } .img_left { margin-left: 5px; float: left; } .pdf { padding: 3px 0 3px 20px; background: url(../images/image/pdficon_small.gif) no-repeat left center; line-height: 20px; } .f11 { font-size: 11px; } .f14 { font-size: 14px; } .red { color: #F00; } /* フォーム */ .tb4 input.tbox { height: 16px; margin-bottom: 3px; background: #FFF; border: 1px solid #AAA; font-size: 12px; } .tb4 input.tbox:hover, .tb2 input.tbox:focus { border: 1px solid #0860A8; background: #EAF6FF; } .tb4 textarea { border: 1px solid #AAA; font-size: 12px; } .tb4 textarea:hover, .tb2 textarea:focus { border: 1px solid #0860A8; background: #EAF6FF; } input.searchbtn { width: 160px; height: 30px; margin-top: 10px; background: #0360A8; border: 1px solid #0360A8; color: #FFF; cursor: pointer; } input.searchbtn:hover, input.searchbtn:focus { background: #FFF; border: 1px solid #0360A8; color: #0360A8; }