body { font-size: 12px; line-height: 1.4em; text-align: center; margin: 0px; padding: 0px; color: #505050; font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; } /*-------【初期化設定】-------*/ h1, h2, h3, h4, h5,ul,li,p,form,dd,dt,table,tr,th,td { margin: 0px; padding: 0px; } img { border: none;} ul { list-style-type: none; } th { font-weight: normal;} /*-------【リンク設定】-------*/ a { text-decoration: none; } a:link { color: #0066CC; text-decoration: none; } a:visited { color: #0066CC; text-decoration: none; } a:hover { color: #FF9900; text-decoration: none; } a:active { color: #0066CC; text-decoration: none; } #wrpper { width: 770px; margin: 0px auto 0px auto; text-align: left;} #header h1 { font-weight: normal; font-size: 12px;} #header h2 { font-weight: normal; font-size: 10px; background-color: #4D75B9;} #main { width: 710px; height : 268px; margin: 20px 30px 0 30px;} #main #left { width: 250px; float: left;} #main #right {width: 460px; float: right; } #right #livecome { width: 150px; float: right; margin: 50px 0 0 0;} #right #livecome h3 { font-weight: normal; font-size: 12px; text-align: center;} /*------------------------------------------------------------------------- * * url:./f_smelt/index.html * site: * */ #smelt { width: 710px; margin: 20px 30px 0 30px;} #smelt #left { width: 150px; float: left; background-color:#F0F0F0; height: 1050px;} #smelt #right {width: 560px; float: right; } #smelt #right #phot { margin: 20px 0 20px 30px;} #smelt_content { margin: 0 20px 0 20px;} #smelt_content h3 { font-weight: bold; font-size: 12px; background-color: #CCCCCC; border:1px #999999 solid; padding: 2px; color:#66CC00;} #smelt_content p { margin: 10px 5px 10px 5px;} #smelt_content table { border: 1px #CCCCCC solid; margin: 20px 10px 10px 10px; width: 500px;} #smelt_content th { font-size:12px; background-color: #E7E7E7; border-right: 1px #CCCCCC solid;border-bottom: 1px #CCCCCC solid; text-align:left; padding: 2px;} #smelt_content td { border-right: 1px #CCCCCC solid;border-bottom: 1px #CCCCCC solid; text-align: right; font-size: 12px;padding: 2px;} #smelt_content #addess { text-align: right;} #smelt #sub_navi li { width: 150; height: 20px; text-indent:-9999px; margin: 0 0 1px 0;} #smelt #sub_navi a { width: 150px; height: 20px; display: block;} #smelt #sub_navi #s01 { background: url('../imges/navi/navi.jpg') no-repeat 0 0px;} #smelt #sub_navi #s02 { background: url('../imges/navi/navi.jpg') no-repeat 0 -20px;} #smelt #sub_navi #s03 { background: url('../imges/navi/navi.jpg') no-repeat 0 -40px;} #smelt #sub_navi #s04 { background: url('../imges/navi/navi.jpg') no-repeat 0 -60px;} #smelt #sub_navi #s05 { background: url('../imges/navi/navi.jpg') no-repeat 0 -80px;} #smelt #sub_navi #s06 { background: url('../imges/navi/navi.jpg') no-repeat 0 -100px;} #smelt #sub_navi #s07 { background: url('../imges/navi/navi.jpg') no-repeat 0 -120px;} #smelt #sub_navi #s08 { background: url('../imges/navi/navi.jpg') no-repeat 0 -140px;} #smelt #sub_navi #s09 { background: url('../imges/navi/navi.jpg') no-repeat 0 -160px;} #smelt #sub_navi #s10 { background: url('../imges/navi/navi.jpg') no-repeat 0 -180px;} #smelt #sub_navi #s11 { background: url('../imges/navi/navi.jpg') no-repeat 0 -200px;} #smelt #sub_navi #s12 { background: url('../imges/navi/navi.jpg') no-repeat 0 -220px;} #smelt #sub_navi #s01 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px 0px;} #smelt #sub_navi #s02 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -20px;} #smelt #sub_navi #s03 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -40px;} #smelt #sub_navi #s04 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -60px;} #smelt #sub_navi #s05 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -80px;} #smelt #sub_navi #s06 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -100px;} #smelt #sub_navi #s07 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -120px;} #smelt #sub_navi #s08 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -140px;} #smelt #sub_navi #s09 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -160px;} #smelt #sub_navi #s10 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -180px;} #smelt #sub_navi #s11 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -200px;} #smelt #sub_navi #s12 a:hover { background: url('../imges/navi/navi.jpg') no-repeat -150px -220px;} #smelt #sub_baner { margin: 10px 0 0 0;} #smelt #sub_baner li { text-indent:-9999px; margin: 0 0 10px 10px;} #smelt #sub_baner #b01 { width: 130px; height: 38px; background: url('../imges/navi/baner1.jpg') no-repeat;} #smelt #sub_baner #b02 { width: 130px; height: 38px; background: url('../imges/navi/baner2.jpg') no-repeat;} #smelt #sub_baner #b03 { width: 130px; height: 22px; background: url('../imges/navi/members.jpg') no-repeat;} #smelt #sub_baner #b01 a { width: 130px; height: 38px; display: block;} #smelt #sub_baner #b02 a { width: 130px; height: 38px; display: block;} #smelt #sub_baner #b03 a { width: 130px; height: 22px; display: block;} #smelt #sub_baner #b01 a:hover { width: 130px; height: 38px; background: url('../imges/navi/o_baner1.jpg') no-repeat;} #smelt #sub_baner #b02 a:hover { width: 130px; height: 38px; background: url('../imges/navi/o_baner2.jpg') no-repeat;} #smelt #sub_baner #b03 a:hover { width: 130px; height: 22px; background: url('../imges/navi/o_members.jpg') no-repeat;} /*-------------------------------------------------------------------------*/ #line { clear: both; margin: 10px 30px 0 30px;} #sub_phot { margin: 10px 30px 0 30px;} #content { width: 710px; margin: 10px 30px 0 30px; } #content #navigetion { width: 230px; float: left;} #right #navi { width: 290px; float: left; margin: 7px 0 0 10px;} #navi li { width: 280px; height: 20px; text-indent: -9999px; margin: 0 0 1px 0;} #navi a {width: 280px; height: 20px; display: block;} #navi #m01 { background: url('../imges/main_navi.jpg') no-repeat 0 0px;} #navi #m02 { background: url('../imges/main_navi.jpg') no-repeat 0 -20px;} #navi #m03 { background: url('../imges/main_navi.jpg') no-repeat 0 -40px;} #navi #m04 { background: url('../imges/main_navi.jpg') no-repeat 0 -60px;} #navi #m05 { background: url('../imges/main_navi.jpg') no-repeat 0 -80px;} #navi #m06 { background: url('../imges/main_navi.jpg') no-repeat 0 -100px;} #navi #m07 { background: url('../imges/main_navi.jpg') no-repeat 0 -120px;} #navi #m08 { background: url('../imges/main_navi.jpg') no-repeat 0 -140px;} #navi #m09 { background: url('../imges/main_navi.jpg') no-repeat 0 -160px;} #navi #m10 { background: url('../imges/main_navi.jpg') no-repeat 0 -180px;} #navi #m01 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px 0px;} #navi #m02 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px -20px;} #navi #m03 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px -40px;} #navi #m04 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px -60px;} #navi #m05 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px -80px;} #navi #m06 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px -100px;} #navi #m07 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px -120px;} #navi #m08 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px -140px;} #navi #m09 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px -160px;} #navi #m10 a:hover { background: url('../imges/main_navi.jpg') no-repeat -280px -180px;} #navigetion li { width:230px; height: 18px; margin: 0 0 5px 0;} #navigetion #baner0 {width:230px; height: 60px; background: url('../imges/pack_01.jpg') no-repeat; text-indent: -9999px;} #navigetion #baner1 {width:230px; height: 60px; background: url('../imges/baner1.jpg') no-repeat; text-indent: -9999px;} #navigetion #baner2 {width:230px; height: 60px; background: url('../imges/baner2.jpg') no-repeat; text-indent: -9999px;} #navigetion #baner3 {width:230px; height: 22px; background: url('../imges/btn_01.jpg') no-repeat; text-indent: -9999px;} #navigetion #baner4 {width:230px; height: 22px; background: url('../imges/btn_02.jpg') no-repeat; text-indent: -9999px;} #navigetion #baner0 a {width:230px; height: 60px; display: block;} #navigetion #baner1 a {width:230px; height: 60px; display: block;} #navigetion #baner2 a {width:230px; height: 60px; display: block;} #navigetion #baner3 a {width:230px; height: 22px; display: block;} #navigetion #baner4 a {width:230px; height: 22px; display: block;} #navigetion #baner0 a:hover { background: url('../imges/o_pack_01.jpg') no-repeat; } #navigetion #baner1 a:hover { background: url('../imges/o_baner1.jpg') no-repeat; } #navigetion #baner2 a:hover { background: url('../imges/o_baner2.jpg') no-repeat; } #navigetion #baner3 a:hover { background: url('../imges/o_btn_01.jpg') no-repeat; } #navigetion #baner4 a:hover { background: url('../imges/o_btn_02.jpg') no-repeat; } #navigetion #navi1 {width:230px; height: 18px; border: 1px #CCCCCC solid;} #navigetion #navi2 {width:230px; height: 18px; border: 1px #CCCCCC solid;} #navigetion #navi3 {width:230px; height: 18px; border: 1px #CCCCCC solid;} #navigetion #navi4 {width:230px; height: 18px; border: 1px #CCCCCC solid;} #content #cont { width: 470px; float: right; margin: 0 0 0 10px; _width: 468px;} #content #cont h3 { font-weight: normal; font-size: 12px; margin: 0 0 10px 0;} #content #cont h4 { font-weight: normal; font-size: 12px; margin: 0 0 10px 0; text-align: right;} #footer { clear: both; width: 710px; margin: 5px 30px 0 30px; } #f_navi li { float:left; font-size: 10px; background: url('../imges/mark.jpg') no-repeat 0 5px; padding: 0 0 0 7px;} #contact { clear: both; text-align: right;} #footer address { font-style: normal; text-align: right;} #content_left { width: 200px; float: left; } #content_right { width: 500px; float: right; } #content_right h2 { font-weight: normal; font-size: 12px; margin: 5px 0 0 0;} #content_right h3 { font-weight: normal; font-size: 12px; margin: 10px 0 0 0; background-color:#ACC6E1; } #content_left h4 { font-weight: normal; font-size: 12px; border: 1px #CCCCCC solid; padding: 3px; margin: 10px 0 10px 0;} #winter_baner { margin: 5px 0 5px 0;}