@charset "utf-8"; * { margin: 0; padding: 0; } html,body { height:100%; } body { margin: 0; padding: 0; background-color: #000; letter-spacing: 0.07em; line-height: 1.4em; color: #fff; font-family : "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif; } br { letter-spacing: normal; } a { text-decoration:none; color: #fff; } a:hover { text-decoration:underline; } img { border: 0; vertical-align: bottom; } li { list-style: none; } /* a:hover img.link { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; } */ h1 { font-weight: normal; } h2 { font-weight: normal; font-size: 100%; } h3 { font-weight: normal; } h4{ font-weight: normal; } /* 汎用 ----------------*/ .clearfix { width:100%; } .clearfix:after { content: ""; display: block; clear: both; } /* 汎用マージン */ .mt05 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mt70 { margin-top: 70px; } .mt80 { margin-top: 80px; } .mb05 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb70 { margin-bottom: 70px; } .mb200 { margin-bottom: 200px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .ml50 { margin-left: 50px; } .ml70 { margin-left: 70px; } .ml80 { margin-left: 80px; } .ml130 { margin-left: 130px; } .mr30 { margin-right: 30px; } .noMargin { margin: 0 !important;} /* 汎用テキスト */ .font_W { color: #FFF; } .font9 { font-size: 60% } .font10 { font-size: 75% } .font11 { font-size: 90% } .font16 { font-size: 140% } .bold { font-weight:bold; } .red { color: red; } .Tjustify {text-align: justify; } .title_sub { border-top:dotted 1px #523f1d; border-bottom:dotted 1px #523f1d; padding: 10px 0 10px 0; } .w619 { width:619px; } .center {text-align: center; } .right {text-align: right; } /*wrapper　*/ div#wrapper { min-width: 960px; font-size: 85%; } div#wrapper div#wrapper_inner { margin: 0 auto; width: 960px; } /*wrapper_left　*/ div#wrapper div#wrapper_inner div#inner_left { width: 245px; float: left; position: relative; } div#wrapper div#wrapper_inner div#inner_left div#logo { background: url(../img/common/hasami_bg1.gif) no-repeat top left ; width: 244px; height: 211px; } div#wrapper div#wrapper_inner div#inner_left div#logo img{ position: absolute; top:70px; left: 30px; } div#wrapper div#wrapper_inner div#inner_left div#g_manu { margin-left: 17px; } div#wrapper div#wrapper_inner div#inner_left div#g_manu ul { } div#wrapper div#wrapper_inner div#inner_left div#g_manu ul li { } div#wrapper div#wrapper_inner div#inner_left div#side_menu { margin-left: 17px; } div#wrapper div#wrapper_inner div#inner_left div#side_menu p#contact_b { background: url(../img/common/contact_bg.gif) no-repeat top; width: 206px; height: 264px; text-align: center; }Z div#wrapper div#wrapper_inner div#inner_left div#side_menu p#address { margin-left: 17px; } /*wrapper_right　*/ div#wrapper div#wrapper_inner div#inner_right { border-left:solid 1px #2d2d2d; width: 698px; float: left; position: relative; } div#wrapper div#wrapper_inner div#inner_right div#sub_menu { width: 144px; position: absolute; top: 20px; left:554px; } div#wrapper div#wrapper_inner div#inner_right div#sub_menu ul { } div#wrapper div#wrapper_inner div#inner_right div#sub_menu ul li { float: left; } div#wrapper div#wrapper_inner div#inner_right div#inner_inner { margin-left: 29px; } div#wrapper div#wrapper_inner div#inner_right div#inner_inner p.pan{ color: #a37e39; padding-top: 10px; } div#wrapper div#wrapper_inner div#inner_right div#inner_inner div.inner_box div.text_box div.title_sub { border: solid 1px #987533; padding: 10px 0 10px 10px; } /*footer　*/ div#wrapper div#footer { background: url(../img/common/footer_bg_b.gif) repeat-x bottom; position: relative; } div#wrapper div#footer_inner { background: url(../img/common/footer_bg.gif) no-repeat bottom; width: 960px; height: 252px; margin: 0 auto; position: relative; } div#wrapper div#footer_inner ul { position:absolute; top:165px; } div#wrapper div#footer_inner ul li { float: left; } div#wrapper div#footer_inner p.copy { position: absolute; top:230px; left: 720px; } /*toppage　*/ div#wrapper div#footer_inner p.toppage { position:absolute; top:127px; left: 830px; } div#wrapper div#wrapper_inner div#inner_right div#inner_inner div.inner_box p.toppage2 { text-align: right; margin: 10px 0; }