@charset "shift_jis"; /* リセット --------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} html {overflow-x: hidden;overflow-y:scroll;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,b,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} a {color:#666666; text-decoration:none;} a:hover{color:#ff6600; text-decoration:underline;} /*　clearfix　*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{display:inline-block;} /* HIdes from IE-mac */ *html .clearfix{ height:1%;} .clearfix{display:block;} /* End hide from IE-mac */ hr {border-width:1px 0px 0px 0px; border-style:dotted; border-color:#CCC; clear:both; height:1px;} /* ベース --------------------------------------------------*/ * {margin: 0;} html {background-repeat:repeat-x; background-image:url(../images/bg_h.jpg);} body { font-size:14px; font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro, Osaka","ＭＳ Ｐゴシック","MS P Gothic, Verdana","Arial","Helvetica, sans-serif"; color:#363636; text-align:center; height:100%;} /* 全体 */ #wrapper {text-align:left; width:960px; margin:0 auto; background-color:#FFF;} /* ヘッダー */ #header {width:100%; height:159px; position:relative; background:url(../images/bg-header.jpg) no-repeat 0px 0px;} .logo {position:absolute; top:5px; left:7px;} /* ポップスペース */ #pop {background-color:#FFF; width:960px; height:204px; margin-top:5px;} #pop img {border:#fff solid 2px; float:left;} #pop a:hover img{border-width:3px 2px 1px 2px;} /*マウスオーバー時 画像透過*/ #pop a:hover img { filter:alpha(opacity=80);/*IE*/ -moz-opacity:0.80; /*Firefox,Netscape*/ opacity:0.80; /*Opera,Safari*/} /* グローバルナビ --------------------------------------------------*/ #gnavi {width:960px; height:34px; position: absolute; bottom:0; left:0; xtext-indent:-9999px;} #gnavi li.top,#gnavi li.map,#gnavi li.del,#gnavi li.set,#gnavi li.sam,#gnavi li.que,#gnavi li.faq,#gnavi li.car,#gnavi li.car { font-size:13px; width:120px; float:left; text-align:center;} #gnavi li a {display:block; width:120px; height:26px; padding-top:8px; color:#ffffff; font-weight:bold;} #gnavi li a:hover {display:block; width:120px; height:26px; padding-top:8px; color:#ffffff; text-decoration:none; font-weight:bold;} #gnavi li.top a {xbackground: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.top a:hover {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.map a {xbackground: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.map a:hover {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.del a {xbackground: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.del a:hover {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.set a {xbackground: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.set a:hover {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.sam a {xbackground: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.sam a:hover {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.que a {xbackground: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.que a:hover {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.faq a {xbackground: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.faq a:hover {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;} #gnavi li.car a {xbackground: url(../images/gnavi_cart.jpg) no-repeat 0 100%; xpadding-right:20px; xwidth:100px;} #gnavi li.car a:hover {background: url(../images/gnavi_top.jpg) no-repeat 0 100%;} /* サイドナビ --------------------------------------------------*/ #snavi {background-color:#FFF; width:230px; margin:0; padding:15px 0 0 0; float:left;} #snavi image {margin:0; padding:0;} #snavi #first {background:url(../images/side-first.png) top left no-repeat; padding:7px;} #snavi #first ul {font-size:12px;} #snavi #first li {padding:5px 0 5px 20px; display:block; font-size:12px; background:url(../images/list_sfirst.png) no-repeat #FFF top left;} /*アイアン*/ #snavi #second {background:url(../images/side-second.png) top left no-repeat; margin:10px 0; padding:3px;} #snavi #second ul {margin:0; padding:0;} #snavi #second li {font-size:12px; margin:0 0 1px 0; padding:0;} #snavi #second li.img {margin:0 0 -4px 0;} #snavi #second li.io a {display:block; background:url(../images/io.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.io a:hover{background:url(../images/io.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.is a {display:block; background:url(../images/is.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.is a:hover{background:url(../images/is.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.ic a {display:block; background:url(../images/ic.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.ic a:hover{background:url(../images/ic.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.ii a {display:block; background:url(../images/ii.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.ii a:hover{background:url(../images/ii.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.iio a {display:block; background:url(../images/iio.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.iio a:hover{background:url(../images/iio.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.iis a {display:block; background:url(../images/iis.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.iis a:hover{background:url(../images/iis.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.iic a {display:block; background:url(../images/iic.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.iic a:hover{background:url(../images/iic.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} /*機能性*/ #snavi #second li.wb a {display:block; background:url(../images/wb.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.wb a:hover{background:url(../images/wb.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.siso a {display:block; background:url(../images/siso-17.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.siso a:hover{background:url(../images/siso-17.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.r24 a {display:block; background:url(../images/r24.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.r24 a:hover{background:url(../images/r24.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.bb a {display:block; background:url(../images/bb.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.bb a:hover{background:url(../images/bb.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.cover a {display:block; background:url(../images/cover.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.cover a:hover{background:url(../images/cover.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.toso a {display:block; background:url(../images/toso.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.toso a:hover{background:url(../images/toso.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.free a {display:block; background:url(../images/freeway.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.free a:hover{background:url(../images/freeway.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} #snavi #second li.rib a {display:block; background:url(../images/rib.jpg) top left no-repeat #FFF; height:28px; padding:12px 0 0 45px;} #snavi #second li.rib a:hover{background:url(../images/rib.jpg) top left no-repeat #e0e0e0; color:#333; font-weight:bold; text-decoration:none;} /*木製*/ #snavi #third {background:url(../images/side-third.png) top left no-repeat; margin:10px 0; padding:3px;} #snavi #third ul {margin:0; padding:0;} #snavi #third li {font-size:12px; margin:0 0 1px 0; padding:0;} #snavi #third li.img {margin:0 0 -4px 0;} #snavi #third li.wo a {display:block; background:url(../images/wo.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.wo a:hover{background:url(../images/wo.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} /*カーテンアクセ*/ #snavi #third li.curtain a {display:block; background:url(../images/curtain.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.curtain a:hover{background:url(../images/curtain.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} #snavi #third li.holder a {display:block; background:url(../images/holder.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.holder a:hover{background:url(../images/holder.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} #snavi #third li.tassel a {display:block; background:url(../images/tassel-f.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.tassel a:hover{background:url(../images/tassel-f.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} #snavi #third li.husa a {display:block; background:url(../images/husa.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.husa a:hover{background:url(../images/husa.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} #snavi #third li.hook a {display:block; background:url(../images/hook.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.hook a:hover{background:url(../images/hook.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} #snavi #third li.pole a {display:block; background:url(../images/pole.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.pole a:hover{background:url(../images/pole.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} #snavi #third li.film a {display:block; background:url(../images/film.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.film a:hover{background:url(../images/film.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} #snavi #third li.sheet a {display:block; background:url(../images/sheet.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.sheet a:hover{background:url(../images/sheet.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} #snavi #third li.poul a {display:block; background:url(../images/poul.jpg) top left no-repeat #FFF; color:#300; height:28px; padding:12px 0 0 45px;} #snavi #third li.poul a:hover{background:url(../images/poul.jpg) top left no-repeat #eaddbc; color:#300; font-weight:bold; text-decoration:none;} #snavi ul {margin-top:3px;} #snavi li.mark02 {padding:3px 0 0 17px; display: block; font-size:13px; background: url(../images/aicon_circle.png) no-repeat 0 100%; background-position:center left;} #snavi li.sab {margin-top:15px; padding:0;} #snavi li a:hover img,#snavi p a:hover img { filter:alpha(opacity=60);/*IE*/ -moz-opacity:0.60; /*Firefox,Netscape*/ opacity:0.60; /*Opera,Safari*/} #snavi p {margin:3px 0 0 0;} #snavi p.sab{margin:20px 0 0 0;} /*Google AJAX Feed API*/ #Feed {background-color:#ff9933; border:#ffcc66 solid 1px; height:400px; color:#666; margin:10px 0; clear:both;} #Feed p {padding:3px;} #Feed a {color:#fff; text-decoration:none;} #Feed a:hover {color:#fff; text-decoration:underline;} #FeedInner {background:#FFF no-repeat top left; height:364px; padding:3px 0; overflow-y:auto; overflow-x:hidden;} #FeedInner a {color:#666; text-decoration:none;} #FeedInner a:hover {color:#F60; text-decoration:underline;} #FeedInner .icon {background:url(../images/twi_icon.jpg) no-repeat top left; border-bottom:dotted 1px #dcdcdc;font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 30px;} /* -------------------------------------------------- メインコンテンツ -------------------------------------------------- */ /*コンテンツ枠　※右寄せにするために#contentsの外側に必ず必要*/ #content {float: right; width: 100%; margin:0 0 0 -280px; background-color:#FFF;} #contents {margin-left:280px; padding:0;} #contents a {color:#ff6a00; text-decoration:none;} #contents a:hover{color:#ff6600; text-decoration:underline;} .kounyu a {clear:both;color:#666; text-decoration:none;} /*マウスオーバー時 画像透過*/ #content a:hover img,#content a:hover img { filter:alpha(opacity=60);/*IE*/ -moz-opacity:0.60; /*Firefox,Netscape*/ opacity:0.60; /*Opera,Safari*/} /* パンくず */ #pan {margin:15px 0 3px; font-size:11px;} #pan a {color:#ff6a00; text-decoration:none; background:url(../images/pankuzu.gif) no-repeat 0 50%; background-position:right; padding-right:8px; margin-right:4px;} #pan a:hover{color:#ff6600; text-decoration:underline;} /* フッター */ #footer {clear:both; width:960px; margin:0 auto; padding: 0; background-color:#FFF;} #footer image {/magin-bottom:-20px;} #fnavi {width:960px; height:24px; bottom:0; left:0; margin:0; padding:0;} #fnavi li {font-size:12px; width:120px; float:left; background-color:#10a310;} #fnavi li a { text-align: center; text-decoration: none; display: block; width: 120px; height: 21px; padding-top: 3px; background: url(../images/fnavi.jpg) no-repeat 0 100%; color: #fff;} #fnavi li a:hover {text-decoration:none; background:url(../images/fnavi.jpg) no-repeat -120px 100%; color:#930;} /*フッターインフォメーション*/ .Infobox {width:100％; height:auto; clear:both; margin:0 0 12px 0; border-top:1px solid #ffcc99; overflow:hidden;} .Info {width:302px; height:365px; float:left; font-size:11px; margin:12px 8px 0 8px; border:1px dotted #ff9900;} .Info ul {text-align:left; margin:0; padding:0;} .Info li {background:url(../images/aicon_circle.png) top left no-repeat; margin:3px 7px 0px 10px; padding:0px 0px 0px 18px; text-decoration:none;} .Info a:link {font-size:11px; text-decoration:none;} .Info a:hover{color:#f30; font-size:11px; text-decoration:underline;} /* ボックス各種 */ div#newbox {width:680px; height:450px; margin-top:25px;} div#newbox dl {width:170px; height:195px; float:left; background:url(../images/bg_newbox.jpg);} div#newbox dd {font-size:80%; color:#FFF; padding:2px 5px; /padding:0 5px;} div.topbox {margin:0 0 25px 0; line-height:150%; text-align:left; clear:both;} div.box {font-size: 13px; margin:0 15px 0 20px; line-height:150%; text-align:left; clear:both;} div.box li {text-align:left; line-height: 135%; list-style-image: url(../images/icon-list.gif); margin: 0px 0px 10px 0px; padding:0px 0px 0px 0px; text-decoration: none;} div.Rbox {float:right; font-size:13px; margin:0 15px 0 15px; line-height:150%; text-align:left; width:370px;} div.box li.link{text-align:left; line-height: 150%; list-style-image: url(../images/aicon.png); margin: 0px 0px 10px 15px; padding:0px 0px 0px 0px; text-decoration: none;} div.box2 {font-size: 14px; margin:0 15px 0 10px; line-height: 150%; text-align: left; clear: both;} div.box_h290 {margin:0; padding:0; height:290px;} div.box_h290 img {margin:0 10px 0 0; float:left;} /* 一重線ボックス */ div.onebox01 {background-color:#330000; color:#fff; width:659px; height:auto; padding:10px; font-size:13px;} div.onebox02 {background-color:#030; color:#fff; width:659px; height:auto; padding:10px; font-size:13px;} div.onebox03 {background-color:#0099ff; color:#fff; width:659px; height:auto; padding:10px; font-size:13px;} /* 二重線ボックス */ div.twobox_l {width:285px; height:115px; margin:5px 0px 10px 10px; padding:10px 10px 10px 20px; border:3px double #ffc184; float:left; text-align:center; } div.twobox_l li{font-size:12px; margin:5px 0 0 10px; text-align:left; line-height:120%; list-style-image:url(../images/aicon_114.gif);} div.twobox_r {width:285px; height: 115px; margin: 5px 20px 10px 15px; padding:10px; border:3px double #ffc184; float:right; text-align:center; } div.twobox_r li{text-align:left; font-size: 12px; margin: 5px 0 0 50px; line-height: 120%; list-style-image: url(../images/aicon_114.gif);} .itiranbox{border:1px solid #99cc00; color:#666; float:left; font-size:12px; margin:5px 5px 20px 5px; padding:3px; text-align:center;} .centerbox {width:100%; text-align:center; margin:10px 0 20px 0;} .completebox{height:500px; padding-top:100px; font-size: 13px; margin:0 15px 0 20px; line-height:150%; text-align:left; clear: both;} /* 角丸ボックス　bottom矢印付き */ div.column {width:670px; background:url(../images/km_bottom.jpg) no-repeat bottom; padding-bottom:51px; margin-bottom:5px; font-size:90%;} div.column .inner {background: url(../images/km_top.jpg) no-repeat; padding:20px 0 10px 0;} div.column .inner div {background:url(../images/km_center.jpg) repeat-y; padding:0 20px; overflow:hidden;} div.column .inner div:after{content: ""; display:block; clear:both; height:1px; overflow:hidden;} /* 角丸ボックス　bottom矢印無し */ div.column_end {width:670px; background:url(../images/km_bottom_end.jpg) no-repeat bottom; padding-bottom:12px; margin-bottom:5px; font-size:90%;} div.column_end .inner {background:url(../images/km_top.jpg) no-repeat; padding:25px 0 10px 0;} div.column_end .inner div {background:url(../images/km_center.jpg) repeat-y; padding:0 20px; overflow:hidden;} div.column_end .inner div:after{content: ""; display:block; clear:both; height:1px; overflow:hidden;} /* 角丸ボックス　CSS3 */ .radius4 { border:#ccc solid 1px; border-radius: 4px; /* CSS3 */ -webkit-border-radius: 4px; /* Safari,Google Chrome用 */ -moz-border-radius: 4px; /* Firefox用 */ font-size:13px; height:auto; margin:0 0 20px 0; padding:10px; width:657px; position:relative;} .radius4:after {content: ""; display:block; clear:both; height:1px; overflow:hidden;} /* 角丸ボックス グレー背景 */ div.column_gre {width:680px; background:url(../images/gre_bottom_end.jpg) no-repeat bottom; margin:15px 0; font-size:90%; clear:both;} div.column_gre .inner {background:url(../images/gre_top.jpg) no-repeat; padding:10px 0 10px 0;} div.column_gre .inner div {background: url(../images/gre_center.jpg) repeat-y; padding:0 10px; overflow:hidden;} div.column_gre .inner div:after{content: ""; display:block; clear:both; height:1px; overflow: hidden;} div.column_gre li {text-align:left; line-height: 135%; list-style-image: url(../images/icon-list.gif); margin: 0px 0px 10px 17px; padding:0px 0px 0px 0px; text-decoration: none;} /* レビューボックス ----------------------------------------------------------- */ #review {border:#ccc solid 1px; -webkit-border-radius:3px; height:auto; margin:0 auto 10px; width:680px; position:relative;} #review dl {margin:0 auto 10px; width:655px;} #review dt {border-bottom:dotted 1px #cccccc; color:#330000; margin-top:1em; display:block; height:21px;} #review dt img{float:left;} #review dd {border:solid 1px #cccccc; -webkit-border-radius:3px; font-size:12px; padding: 1em;margin-left:0em; margin-top: 0.5em;} #review p.dai {background:url(../images/review-obi.png) no-repeat top left #ffce8e; font-size:18px; padding:5px 0 4px 40px; display:block; width:630px; margin:10px auto 0;} #review p.cust{float:left; font-weight:bold;} #review p.revi{float:left; margin-left:10px; color:#F60; padding-top:2px; font-size:12px;} #review p.date{float:right; font-weight:nomal;} #review p.comm{border-top:#CCC dotted 1px; font-weight:bold; margin-top:10px; padding-top:5px;} /* ご質問集 */ #quest {font-size:13px;} #quest a {color:#666666; text-decoration:none;} #quest a:hover {color:#ff6600; text-decoration:underline;} #quest p.q {background:url(../images/q.jpg) no-repeat 0 100%; height:18px; text-align:left; margin:2px 0px 2px 15px; padding:10px 0 0 27px; width:640px;} #quest p.a {font-size:12px; background:url(../images/a.jpg) no-repeat 0 100%; background-position:top left; height:auto; text-align:left; margin:5px 0px 30px 30px; padding:10px 25px 10px 50px;} #quest p.a a {color:#0080ff; text-decoration:none;} #quest p.a a:hover{color:#0080ff; text-decoration:underline;} /* 別枠ウィンドウ */ #open {width:680px; padding:10px;} #open h2,h3,h4,h5,h6 {font-size:120%; font-weight:normal; margin-bottom:0.5em; padding:3px 0 0 10px; clear:both; color:#030; background:url(../images/obi.jpg) no-repeat 0 100%; background-position:top left;} /* カスタム検索フォーム */ #cse-search-box {position: relative;} #word {width:170px; height:16px; border:1px solid #CCC; padding: 2px 2px 2px 26px;} #search {position:absolute; /top:2px; left:180px;} /*シェアボタン*/ #share {text-align:center; width:680px;} #share li {margin:0 2px 0 0; float:right;} #share2 {text-align:center;} #share2 li {margin:0 2px 0 0; float:right;} /* アイテム各種 */ .clear{clear:both;} /*フォント関連*/ .f_10 {font-size:10px;} .f_11 {font-size:11px;} .f_12 {font-size:12px;} .f_13 {font-size:13px;} .f_120 {font-size:120%;} .f_b {font-weight:bold;} .ss {color:#bfbfbf;font-size: 9pt;} .c_red {color:#ff1919;} .c_redB {font-size:14px; font-weight:bold; color:#F00;} .c_blackB {font-size:14px; font-weight:bold; color:#000;} .c_orange {font-size:110%; color:#ff4000;} .c_blue {color:#0080ff;} .c_green {color:#090;} .c_aquablue{color:#09C;} .c_purple {color:#ff00ff;} .hosoku {color:#0080ff; font-size:12px;} .hosoku-w {color:#ffffff; font-size:12px;} .nowsale {font-size:14px; font-weight:bold; background:url(../images/sale.gif) left no-repeat; color:#F00; padding:0 0 0 24px;} .check01 {background:url(../images/check01.gif) no-repeat top left; margin:5px 5px 0 0; padding:0 0 2px 20px;} .check01red{font-size:14px; font-weight:bold; background:url(../images/check01.gif) left no-repeat; color:#F00; padding:0 0 0 24px;} .check02 {background:url(../images/check02.gif) no-repeat top left; margin:5px 5px 0 0; padding:0 0 2px 20px;} .note {text-indent:-12px; margin-left:12px;} /*送信ボタン*/ .submit {border:0px; color:#ffffff; cursor:pointer; xdisplay:block; font-size:14px; font-weight:bold; width:123px; height:37px; background: url(../images/cart_btn.jpg) left top no-repeat;} .submit:hover, .submit:focus {background-position:left -36px;} /*背景色*/ .bg_color_ffffcc{background-color:#ffffcc;} /*タイトル用*/ .main4{color:#003300; font-size:120%;} .obi {clear:both; font-size:120%; font-weight:bold; margin-bottom:1em; padding:3px 0 0 7px; color:#300; border-left:#F30 solid 2px;} .obi2 {clear:both; font-weight:bold; margin:1em 0; padding:5px 0 5px 7px; color:#300; border-left:#F30 solid 5px; background-color:#FFC; width:663px; display:block;} .obi3 {clear:both; font-weight:bold; margin:1em 0; padding:3px 0 3px 7px; color:#000; border-left:#F00 solid 2px;} .obi4 {clear:both; font-size:145%; margin:1em 0; padding:3px 0 3px 7px; color:#000; border-left:#F00 solid 2px;} /*配置用クラス*/ .m_15 {margin:10px} .mt_15 {margin:15px 0 0 0;} .right {float:right;} .right_l10{float:right; margin:0 0 0 10px;} .right_r10{float:right; margin:0 10px 0 0;} .right_tl10{float:right; margin:10px 0 0 10px;} .left {float:left;} .left_10 {float:left; margin:10px;} .left_r10{float:left; margin:0 10px 0 0;} .left_tr10{float:left; margin:10px 10px 0 0;} .left_rb10{float:left; margin:0 10px 10px 0;} .t_right{text-align:left;} .t_left{text-align:left;} /*背景カラー*/ .bg_co{ background-color:#f4f9fe;} /*トップへ戻る*/ #topback{color:#FFF; float:right; font-size:12px; margin:10px 15px 0 0; background:#FC6; padding:8px; font-weight:bold; border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; } .topback{float:right; font-size:12px; margin:10px;} .topback_box{ width:680; text-align:right; margin-bottom:10px;} /*前のページに戻る*/ .back{float:left; font-size:12px; margin:10px;} /*imageリンク クリアボックス*/ #cart a:hover img,#snavi a:hover img { filter:alpha(opacity=100); /*IE*/ -moz-opacity:1; /*Firefox,Netscape*/ opacity:1; /*Opera,Safari*/ } div.main5{ font-weight:normal; border-bottom: 1px dotted #666666; height: 20px; text-align: left; color:#336600; font-size : 15px; margin:5px 0px 2px 0px; } /*よくある質問*/ div.q{ font-size:120%; border-bottom:1px dotted #cccccc; background:url(../images/q.gif) no-repeat 0 100%; height: 23px; text-align:left; margin:5px 0px 2px 0px; padding:10px 0 0 35px; width:640px; } div.a{ font-size:13px; background:url(../images/a.gif) no-repeat 0 100%; background-position:top left; height: auto; text-align:left; margin:5px 0px 30px 25px; padding:10px 20px 0 35px; } div.a p{font-size:13px;} /*ランキング*/ #rank { background:url(../images/bg_rank.jpg) no-repeat top left; width:215px; height:auto; padding:35px 0 0 0; overflow: hidden; margin-top:17px;/*Firefox*/ margin-left:10px; /margin-top:10px;/*IE*/ } #rank p {margin:0; padding:0;} #rank a {color:#666;} #rank a:hover {color:#ff6600;} #rank .new {background:url(../images/topic_new.gif) no-repeat top left; border-bottom:dotted 1px #dcdcdc;font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 20px;} #rank .new_end {background:url(../images/topic_new.gif) no-repeat top left; font-size:12px; margin:5px 5px 0 5px; padding:0 0 0 20px;} /*お客様の声*/ .voiceL {background:url(../images/voice_i.jpg) no-repeat top left; margin:10px 0 10px 15px; padding-left:55px;} .voiceL p.messe01{background:url(../images/voice_messe01.jpg) no-repeat top left; font-size:12px; height:44px; width:540px; padding:10px 50px 0 20px; /width:549px; /padding:10px 0 0 18px;} .voiceL p.messe02{background:url(../images/voice_messe03.jpg) no-repeat top left; font-size:12px; height:63px; width:540px; padding:10px 50px 0 20px; /width:549px; /padding:10px 0 0 18px;} .voiceL p.messe03{background:url(../images/voice_messe06.jpg) no-repeat top left; font-size:12px; height:81px; width:540px; padding:10px 50px 0 20px; /width:549px; /padding:10px 0 0 18px;} .voiceL p.from {font-size:10px; color:#008080; padding-left:420px;} .voiceR {background:url(../images/voice_i.jpg) no-repeat top right; margin:10px 0 10px 15px; padding-right:55px; width:568px;} .voiceR p.messe01{background:url(../images/voice_messe02.jpg) no-repeat top left; font-size:12px; height:44px; width:540px; padding:10px 50px 0 10px; /width:559px; /padding:10px 0 0 10px;} .voiceR p.messe02{background:url(../images/voice_messe04.jpg) no-repeat top left; font-size:12px; height:63px; width:540px; padding:10px 50px 0 10px; /width:559px; /padding:10px 0 0 10px;} .voiceR p.messe03{background:url(../images/voice_messe05.jpg) no-repeat top left; font-size:12px; height:78px; width:540px; padding:10px 50px 0 10px; /width:559px; /padding:10px 0 0 10px;} .voiceR p.from {font-size:10px; color:#008080; padding-left:10px;} dl.list301 dt {margin-top:0.6em; width:100%; border-bottom:dotted 1px #009966; line-height:1.1; font-size:12px; font-weight:bold; font-style:italic; color:#009966;} dl.list301 dd {margin-left:10px; font-size:12px;} /* テーブル table01 ----------------------------------------------------------- */ table.table01 {margin-top:0.2em; margin-bottom:2em; width:680px; border-collapse:collapse; border:solid 1px #999; font-size:90%;} table.table01 th, table.table01 td {border:solid 1px #999; padding:4px 6px; text-align:center;} table.table01 td.t-left {text-align:left;} table.table01 th {background:#E6E6E6; text-align:center; white-space:nowrap; color:#666;} table.table01 th.title {font-weight:bold; font-size:120%;} table.table01 th.gray {background:#999999; color:#FFF; font-size:120%;} table.table01 td.menu {background:#E6E6E6; text-align:center; font-size:120%; font-weight:bolder;} table.table01 td.menu-size{background:#E6E6E6; text-align:center; font-weight:bolder;} table.table01 td.name {text-align:left; font-size:12px;} table.table01 td.right {text-align:right; white-space:nowrap;} table.table01 td.left {text-align:left; white-space: nowrap; font-size:12px;} table.table01 form {font-size:10px;} table.table01 td.price {background:#ffffcc; color:#F30; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; text-align:center; font-size:120%; font-weight:bold;} table.table01 td.price-w {background:#ffffff; color:#F30; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; text-align:center; font-size:120%; font-weight:bold;} table.table01 b.sale {font-weight:bold; background:url(../images/sale.gif) right no-repeat; color:#F00; padding:0 22px 0 0;} table.table01 s {font-weight:normal; color:#666;} /* テーブル shohin ----------------------------------------------------------- */ table.shohin {font-size:12px; margin:10px auto 35px; width:680px; text-align:left; border-collapse:collapse; border-bottom:1px dotted #999999;} table.shohin caption {font-weight:bold; padding:3px; border-left:10px solid #E83820;} table.shohin tr {border-top:1px dotted #999999;} table.shohin .title {font-weight:bold; white-space: nowrap;} table.shohin .menu {font-weight:bold; white-space: nowrap; background:#e7ebe7;} table.shohin .center {text-align:center;} table.shohin tr.end {border-bottom:1px dotted #999999;} table.shohin td {padding:8px; border-top:1px dotted #999999;} table.shohin tr:hover td{background:#e7ebe7;} table.shohin a {color:#000; font-weight:bold;} table.shohin .price {color:#F30; font-weight:bold;} /* テーブル cart ----------------------------------------------------------- */ table.cart {margin:10px auto 40px; width:680px; text-align:left; border-collapse:collapse; border-bottom:1px dotted #666;} table.cart th {white-space: nowrap; padding:8px 10px; background:#e7ebe7; text-align:center;} table.cart .title {font-weight:bold; white-space: nowrap; background:#666; color:#FFF; font-size:14px;} table.cart .center {text-align:center;} table.cart .br {border-right:1px dotted #999999;} table.cart td {padding:12px 8px; font-size:12px;} table.cart .price {color:#F30; font-weight:bold;} /* table02　（価格テーブル） ----------------------------------------------------------- */ table.table02 {margin-top:0.2em; margin-bottom:1em; margin-right:20px; width:45%; border-collapse:collapse; border:solid 1px #999; font-size:90%; float:left;} table.table02 th, table.table02 td {border:solid 1px #999; padding: 4px 6px; text-align:center;} table.table02 td.name {text-align:left; font-size:12px;} table.table02 th {background:#E6E6E6; text-align:center; white-space:nowrap; color:#666;} table.table02 th.title{font-weight:bold; font-size:120%;} table.table02 td.price{color:#F30; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; text-align:center; font-size:120%; font-weight:bold;} table.table02 td.menu {background:#E6E6E6; color:#666; text-align:center; font-size:120%; font-weight:bolder;} table.table02 td.right{text-align:right; white-space:nowrap;} /* table04（価格テーブル） ----------------------------------------------------------- */ table.table04 {margin:1em 0; margin-right:8px; width:32%; border-collapse:collapse; border:solid 1px #999; font-size:90%; float:left;} table.table04 th, table.table04 td {border:solid 1px #999; padding:4px 3px; text-align:center;} table.table04 th {background:#E6E6E6; text-align:center; white-space:nowrap; color:#666;} table.table04 th.title{font-weight:bold; font-size:120%;} table.table04 td.price{color:#F30; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; text-align:center; font-size:120%; font-weight:bold;} /* テーブル（カート用テーブル）table03　table05 ----------------------------------------------------------- */ table.table03 {margin-top:20px; margin-bottom:1em; width:480px; border-collapse:collapse; border:solid 1px #999; font-size:90%;} table.table05 {margin-top:20px; margin-bottom:1em; width:150px; border-collapse:collapse; border:solid 1px #999; font-size:90%;} table.table03 th,table.table03 td, table.table05 th,table.table05 td {border:solid 1px #999; padding:4px 6px; text-align:center;} table.table03 th,table.table05 th {background:#E6E6E6; text-align:center; white-space:nowrap; color:#666;} table.table03 th.gray,table.table05 th.gray {background:#999999; color:#FFF; font-size:120%;} table.table03 form,table.table05 form {font-size:10px;} table.table03 td.price,table.table05 td.price{background:#ffffcc; color:#F30; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; text-align:center; font-size:120%; font-weight:bold;} table.table03 td.nameL {text-align:left;} /* メールフォームテーブル table_form ----------------------------------------------------------- */ table.table_form {margin-top: 0.2em; margin-bottom:1em; width:680px; border-collapse:separate; font-size:90%; color:#030;} table.table_form th, table.table_form td {border: solid 2px #ffffff;} table.table_form th {background:url(../images/form.png); text-align:center; white-space:nowrap; width:180px;} table.table_form td {text-align:left; white-space: nowrap; color: #666; width:480px;} /* サイトマップ　商品一覧 ----------------------------------------------------------- */ #gallery {width:680px; background-color:#ffffff;} #gallery dl{margin:0px 8px 15px 0; padding:0px; float:left; width:125px; border-width:1px 1px 1px; border-style:solid; border-color:#dfdfdf; text-align:center;} #gallery dt{margin:0px; padding:0px;} #gallery dd{margin:0px; padding:2px;} #gallery dd.category{color:#666; font-size:10px; height:auto; background-color:#dfdfdf;} #gallery dd.type-a {color:#0e930e; font-size:10px; height: auto;} #gallery dd.type-b {color:#177cef; font-size:10px; height: auto;} #gallery dd.type-c {color:#0000cc; font-size:10px; height: auto;} #gallery dd.type-d {color:#333333; font-size:10px; height: auto;} #gallery dd.type-e {color:#ff66b2; font-size:10px; height: auto;} #gallery dd.type-f {color:#ff7919; font-size:10px; height: auto;} #gallery dd.name {font-size:12px; height:auto; background-color:#dfdfdf;} #gallery dd.name a {color:#666; font-weight:bold;} #gallery dd.name a:hover{color:#ff6600;} #gallery .lbox{float:left; padding:0 0 0 20px; text-align: left;} #gallery li {font-size:12px; text-align:left; line-height: 150%; list-style-image:url(../images/aicon_109.gif); margin:0; padding:0; text-decoration: none;} #gallery p {margin:5px 0;} #gallery b {font-weight:bold;} #gallery b.sale {font-weight:bold; background:url(../images/sale.gif) right no-repeat; color:#F00; padding:0 22px 0 0;} /* 商品紹介（推奨アクセサリー・トップページ） ----------------------------------------------------------- */ #galleryA {width:680px; background-color:#ffffff;} #galleryA dl{margin:15px 10px 15px 10px; padding:0px; float:left; text-align:center; padding-left:5px;} #galleryA dt {margin:0px; padding:0px;} #galleryA dt.img01 {position:relative; width:129px; height:129px; background:#EEE;} #galleryA dt.img01 img {position:absolute; top:-10px; left:-10px; border:1px solid #CCC; background:#FFF; padding:2px;} #galleryA dt.img02 {position:relative; width:180px; height:129px; background:#EEE;} #galleryA dt.img02 img {position:absolute; top:-10px; left:-10px; border:1px solid #CCC; background:#FFF; padding:2px;} #galleryA dt.img03 {position:relative; width:145px; height:180px; background:#EEE;} #galleryA dt.img03 img {position:absolute; top:-10px; left:-10px; border:1px solid #CCC; background:#FFF; padding:2px;} #galleryA dt.img310 {position:relative; width:310px; height:180px; background:#EEE;} #galleryA dt.img310 img{position:absolute; top:-10px; left:-10px; border:1px solid #CCC; background:#FFF; padding:2px;} #galleryA dd {margin:0px;} #galleryA dd.name {font-size:12px; height:auto; padding-right:5px;} #galleryA dd.name a {color:#666; font-weight:bold;} #galleryA dd.name a:hover{color:#F30;} /* DIY用語集 ----------------------------------------------------------- */ #word_box_a{background:url(../images/bg-word-a.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;} #word_box_k{background:url(../images/bg-word-k.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;} #word_box_s{background:url(../images/bg-word-s.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;} #word_box_t{background:url(../images/bg-word-t.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;} #word_box_h{background:url(../images/bg-word-h.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;} #word_box_m{background:url(../images/bg-word-m.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;} #word_box_r{background:url(../images/bg-word-r.jpg) no-repeat top left; margin-bottom:15px; padding:0 0 0 30px;} #word_box_a dt, #word_box_k dt, #word_box_s dt, #word_box_t dt, #word_box_h dt, #word_box_m dt, #word_box_r dt{color:#060; font-weight:bold;} #word_box_a dd, #word_box_k dd, #word_box_s dd, #word_box_t dd, #word_box_h dd, #word_box_m dd, #word_box_r dd{font-size:12px; margin-bottom:10px;} /* Pタグタイトル --------------------------------------------------*/ .title01 {background:url(../images/title01.jpg) left top no-repeat; color:#300; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} .title02 {background:url(../images/title02.jpg) left top no-repeat; color:#ffffff; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} .title03 {background:url(../images/title03.jpg) left top no-repeat; color:#ffffff; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} .title04 {background:url(../images/title04.jpg) left top no-repeat; color:#ffffff; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} .title05 {background:url(../images/title05.jpg) left top no-repeat; color:#ffffff; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} .title06 {background:url(../images/title06.jpg) left top no-repeat; color:#ffffff; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} .title07 {background:url(../images/title07.jpg) left top no-repeat; color:#300; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} /* ページ内リンク　クリア用帯*/ #title01 {background:url(../images/title01.jpg) left top no-repeat; color:#300; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} #title02 {background:url(../images/title02.jpg) left top no-repeat; color:#ffffff; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} #title03 {background:url(../images/title03.jpg) left top no-repeat; color:#ffffff; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} #title04 {background:url(../images/title04.jpg) left top no-repeat; color:#ffffff; clear:both; padding:13px 0 20px 18px; font-size:105%; text-align:left; margin-top:10px; display:block; height:26px;} #title01 a {color:#300;} #title01 a:hover{color:#300; text-decoration:none;} #title02 a {color:#fff;} #title02 a:hover{color:#fff; text-decoration:none;} #title03 a {color:#fff;} #title03 a:hover{color:#fff; text-decoration:none;} #title04 a {color:#fff;} #title04 a:hover{color:#fff; text-decoration:none;} .h_1 {font-size:12px; font-weight:normal; text-align:right; position:absolute; top:2px; left:12px; color:#fff;} /* 横ナビゲーション */ #stage {width:632px; overflow:auto; overflow-x:hidden; overflow-y:hidden; height:270px; margin:0 auto; float:left;} #slider-buttons{width:632px; margin:0 auto; text-align:right;} #myList {width:5000px;}/*全画像が入る幅を指定*/ #myList li {margin-right:4px; padding:4px; background:#ffffff; float:left; width:305px; height:270px; text-align:center;} #myList li.w622{margin-right:4px; padding:4px; background:#ffffff; float:left; width:622px; height:270px; text-align:center;} #myList p {font-size:11px;} #slider-buttons-left{width:22px; float:left;} #slider-buttons-right{width:22px; float:left;} /* フォトギャラリー */ div#photos {overflow:auto;} div.photo {float:left; display:inline; margin:10px 7px 20px 0; font-size:85%;} div.photo a {text-decoration:none; color:#333;} div.photo a:hover {text-decoration:none; color:#F90;} div.photo a img {border:3px solid #ccc; padding:1px;} div.photo a:hover img {border:3px solid #F90; padding:1px;} /* ツールチップ unitip css */ .tip {color:#000 !important; background:bottom url(../images/dot.png) repeat-x; text-decoration:none !important;} #unitip {position:absolute; z-index:1000; top:-1000px; color:#fff; font-size:85%; text-align:left; display:none;} #unitippoint, #unitipmid, #unitipcap {position:relative; top:0px; left:0px; width:145px; display:block;} #unitippoint {background:url(../images/TipPoint.png) no-repeat; height:19px; overflow:hidden;} #unitipmid {background:url(../images/TipMid.png) repeat; width:115px; height:auto; padding:5px 15px;} #unitipcap {background:url(../images/TipCap.png) no-repeat; height: 7px; overflow:hidden;} /* タブ切り替え jQuery */ #jtab 　　　　　{width: 685px;} #jtab #nav 　　　　　{float: left; margin-left: 10px;} #jtab #nav li {color:#666; text-align:center; display:block; font-size:13px; margin-right:5px; padding:5px 0; float:left; width:105px; background:#fff; border:1px solid #999; border-top:5px solid #999; border-bottom:1px solid #FFF;} #jtab #nav li.select {color:#060; font-weight:bold; background:#FFF; border:1px solid #060; border-top:5px solid #060; border-bottom:1px solid #FFF;} #jtab .jtabIn {float:left; width: 685px; height:auto; border-top:2px solid #060;} /* 商品一覧用ボックス */ .Galle {height:auto; text-align:center; margin-bottom:30px;} .Galle a {text-decoration:none !important; color:#333 !important; background-color:#FC9;} .Galle dl {float:left; text-align:center;} .Galle dl a {display:block; width:150px; height:auto; background:#f2f2f2; padding:15px 10px;} .Galle dl.wide a {display:block; width:320px; height:auto; background:#bfff8f; padding:15px 10px;} .Galle dl a:hover {background:#ffffad;} .Galle dt {margin:0; padding:0 0 5px 0;} .Galle dd {font-size:80%; line-height:1.5em;} /* タブ ※jQueryに変更後削除 ----------------------------------------------------------- */ #tab {margin-left:0; padding-left:0; margin-bottom:1em; border-bottom:2px solid #11b211; height:1.5em; overflow:hidden;} #tab li {float:left; width:111px; height:1.5em;} #tab li a {display:block; width:106px;height:1.5em; border-bottom:0; color:#060; text-align:center; background:url(../images/tab02.png) no-repeat;} #tab li a:hover, #tab li.present a {color:#fff; background:url(../images/tab01.png) no-repeat; text-decoration:none;} #page1, #page2, #page3, #page4, #page5, #page6 {margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #11b211; min-height:300px;} /* cssのみのロールオーバー ----------------------------------------------------------- */ #imgHover {position: relative; width:680px; height:auto;} #imgHover #imgFrame {position:absolute; left:0; top:0; width:544px; height:545px;} #imgHover #imgHoverList {position:relative;} #imgHover ul {float:right; margin-bottom:20px;} #imgHover ul li {margin-bottom:2px;} #imgHover ul li a {display:block; border:#CCC solid 2px;} #imgHover ul li a:hover {position:static; border:#F93 solid 2px;} #imgHover ul li a .mainImage {display:none;} #imgHover ul li a:hover .mainImage {display:block; position:absolute; top:0px; left:-516px;} /*マウスオーバー時 画像透過*/ #imgHover a:hover img { filter:alpha(opacity=100);/*IE*/ -moz-opacity:1.00; /*Firefox,Netscape*/ opacity:1.00; /*Opera,Safari*/} #imgHover2 {position: relative; width:680px; height:auto;} #imgHover2 #imgFrame2 {position:absolute; left:0; top:0; width:544px; height:545px;} #imgHover2 #imgHoverList2 {position:relative;} #imgHover2 ul {float:right; margin-bottom:20px;} #imgHover2 ul li {margin-bottom:2px;} #imgHover2 ul li a {display:block; border:#CCC solid 2px;} #imgHover2 ul li a:hover {position:static; border:#F93 solid 2px;} #imgHover2 ul li a .mainImage2 {display:none;} #imgHover2 ul li a:hover .mainImage2 {display:block; position:absolute; top:0px; left:-516px;} /*マウスオーバー時 画像透過*/ #imgHover2 a:hover img { filter:alpha(opacity=100);/*IE*/ -moz-opacity:1.00; /*Firefox,Netscape*/ opacity:1.00; /*Opera,Safari*/}