@charset "UTF-8"; /* CSS Document */ * { justify;text-justify:inter-ideograph;/* テキストの両端を揃える */ margin:0; padding:0; /* リセット */ } body{ font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif; background:#f9f9f9 fixed repeat-x; color: #333333; line-height:1.4; font-size:75%; } /************************************************** layout **************************************************/ #wrap{ width:800px; margin:50px auto 30px auto; } #small_header{ height:20px; } #header{ height:114px; margin:5px auto 0 auto; } #main{ min-height:500px; padding-top:30px; } #footer{ width:800px; } /************************************************** Fonts **************************************************/ h1{ font-weight:normal; font-size:80%; text-align:center; } p{ font-weight:normal; font-size:80%; } /************************************************** Link **************************************************/ a{ color:#003366; zoom: 1; text-decoration:none; } a:hover{ color:#cc0000; } /************************************************** Slider **************************************************/ #index_slideshow{ position:relative; width:1000px; height:570px; } #index_slideshow img{ position:absolute; top:0; left:0; z-index:8; } #index_slideshow img.active{ z-index:10; } #index_slideshow img.last-active{ z-index:9; } #slideshow{ position:relative; width:800px; height:500px; } #slideshow img{ position:absolute; top:0; left:0; z-index:8; } #slideshow img.active{ z-index:10; } #slideshow img.last-active{ z-index:9; } /************************************************** img **************************************************/ img{ border-style:none; /* IEその他用 */ } a:hover img{ opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; } /************************************************** 　gnavi用のli **************************************************/ .slash{ margin:0 10px 0 10px; } #gnavi{ width:680px; height:20px; margin:10px auto 0 auto; background:url(../images/navi/navi_over_re.gif); } /* メインメニュー */ #gnavi ul { display:block; font-weight:bold; list-style-type: none; padding:0; } /* サブメニュー1段目 */ #gnavi ul ul{ display:none; position:absolute; top:100%; left:10px; } /* リスト */ #gnavi li { font-size:11px; color:#333; float:left; } #gnavi li li { clear:both; } #gnavi li:hover { position:relative; } #gnavi li:hover > ul { display: block } /* IE6用 */ * html #gnavi li { behavior: expression( this.onmouseover=new Function("this.className='column1'"), this.onmouseout=new Function("this.className=''"), this.style.behavior = 'none' ); } * html #gnavi li li { behavior: expression( this.onmouseover=new Function("this.className='column2'"), this.onmouseout=new Function("this.className=''"), this.style.behavior = 'none' ); } * html #gnavi li li li { behavior: expression( this.onmouseover=new Function("this.className='column3'"), this.onmouseout=new Function("this.className=''"), this.style.behavior = 'none' ); } #gnavi .column1 {position:relative;} #gnavi .column1 ul {display:block;} #gnavi .column1 * ul {display:none;} #gnavi .column2 {position:relative;} #gnavi .column2 ul {display:block;} #gnavi .column2 * ul {display:none;} #gnavi .column3 {position:relative;} #gnavi .column3 ul {display:block;} #gnavi .column3 * ul {display:none;}