@charset "shift_jis"; body,p,td,th,input,textarea { color: #323232; font-size: 12px; font-family: "lr oSVbN", Osaka, "qMmpS Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", sans-serif; line-height: 1.5 } .under { padding-top: 5px; padding-bottom: 10px; } body { background-color: #EFFAFF; background-image: url("../-parts/images/body_bg.jpg"); background-repeat: repeat-x; background-position: left top; } /* body { background-color: #ebffc3; background-image: url("../---psd/top-01.data_/images/top01_08.jpg"); background-repeat: repeat-x; background-position: left top }*/ h1{ background:#FFF; border-bottom:1px solid #AAA; padding:5px; font-size:12px; text-align:left; margin:0; font-weight: normal; } a { color: #275def } a:link { color: #275def; text-decoration: none } a:visited { color: #275def; text-decoration: none } a:hover { color: #00a4ff; text-decoration: none } a:active { color: #00a4ff; text-decoration: none } table.withline { background-color: #666 } td.forwithline { background-color: white } td.formlabel { background-color: #d3d3d3 } .w100 { width: 100% } input.right { text-align:right } button.std { font-size: 12px; background-color: #f5f5f5; text-align: center; vertical-align: middle; padding: 2px 5px; font-color: #999999 } .alert { color: #c00 } .bottommenu { font-size: 12px; line-height: 14px; padding: 10px } .bottomtext { color: white; font-size: 12px } .topicsback { background-repeat: no-repeat; background-position: 0 bottom } .back { background-repeat: no-repeat; background-position: right bottom } h2 { color:#fff; font-size:20px; font-weight: bold; background: url(/-parts/images/h2_bg.jpg) no-repeat; padding:15px 10px 15px 20px; margin: 0 0 10px 0; height: 30px;} h4 { color: #3B467C; font-size: 14px; font-weight: bold; background: url(/-parts/images/h4_bg.jpg) no-repeat bottom; padding: 5px;} /*h2 { color: #225409; font-size: 16px; font-weight: bold; background-color: #ccf4a8;text-align: left; margin: 0 0 10px 0; padding: 5px 12px; border-style: solid; border-width: 0 1px 1px 7px; border-color: #b0b0b0 #b0b0b0 #b0b0b0 #1e5409 }*/ #decoration td.price { color: #AC0000; background-color: #B9D9F3; } #decoration td.color { background-color: #eeeeee; } #decoration td.glay { background-color: #E9F5FF; } #decoration {border-collapse:collapse; border-left: solid 1px #aaa; border-top: solid 1px #aaa; width: 100%; } #decoration td { font-size: 12px; line-height: 1.4em; padding: 5px; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; } #decoration th { font-size: 12px; line-height: 1.4em; background-color: #f1f1f1; text-align: right; padding: 5px; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; } /* #decoration td.price { color: #a00010; background-color: #ebebeb } #decoration td.color { background-color: #eaf7dd } #decoration td.glay { background-color: #ebebeb } #decoration {border-collapse:collapse; border-left: solid 1px #349000; border-top: solid 1px #349000; width: 100%; } #decoration td { font-size: 12px; line-height: 1.4em; padding: 5px; border-right: solid 1px #349000; border-bottom: solid 1px #349000; } #decoration th { font-size: 12px; line-height: 1.4em; background-color: #f1f1f1; text-align: right; padding: 5px; border-right: solid 1px #349000; border-bottom: solid 1px #349000; } */ #decorationblue td { color: #3a3a3a; font-size: 12px; line-height: 1.4em; padding: 3; border: solid 1px #3c3c3c } #decorationblue table { color: #3a3a3a; font-size: 12px; line-height: 1.4em; background-color: #ffffff; padding-top: 1em; border: solid 1px #3c3c3c; border-collapse: collapse } .img { background-image: url("../---psd/img.jpg"); background-repeat: no-repeat; background-position: 0 bottom } .space { margin: 5px; padding: 5px } .space2 { margin: 0; padding: 0; bottom: 0 } #best dt { width: 50px; float:left; } #best dd { width: 560px; float:left; height: 35px; text-align: left; font-size: 16px; padding: 5px 0 0 0; margin:0; } #best .red { font-size: 16px; } .temp { margin: 0 0 -15px } .temp2 { margin: -2px 0 0 } .menu { margin-bottom: -12px } .tel { color: #d00e00; font-size: 14px; font-weight: bold; background-color: #ffc36d; margin: 12px; padding: 5px 15px } #menum { font-size: 12px;} #menum a { color: #275def; display: block; float:left;margin: 1px; padding: 4px; width: 88px; border: solid 1px #c5c5c5;text-align: center; } #menum a:hover { color: white; background-color: #3bbaff; } #menum a:active { color: white; background-color: #3bbaff;} #menum_botolink { font-size: 12px;} #menum_botolink a { color: #275def; display: block; float:left;margin: 1px; padding: 4px; width: 195px; border: solid 1px #c5c5c5;text-align: center; } #menum_botolink a:hover { color: white; background-color: #3bbaff; } #menum_botolink a:active { color: white; background-color: #3bbaff;} #menum4 { font-size: 12px;} #menum4 a { color: #275def; display: block; float:left;margin: 1px; padding: 4px; width: 148px; height: 40px; vertical-align: middle; border: solid 1px #c5c5c5;text-align: center; } #menum4 a:hover { color: white; background-color: #3bbaff; } #menum4 a:active { color: white; background-color: #3bbaff;} #menum_digiink { font-size: 12px;} #menum_digiink a { color: #275def; display: block; float:left;margin: 1px; padding: 3px; width: 140px; height: 40px; vertical-align: middle; border: solid 1px #c5c5c5;text-align: center; } #menum_digiink a:hover { color: white; background-color: #3bbaff; } #menum_digiink a:active { color: white; background-color: #3bbaff;} #menuoa a {display: block; padding: 10px 0;float:left; width:155px;} #menum5 a {display: block; padding: 10px 0;float:left; width:120px;} #accordion .ui-accordion-content {padding: 10px;} #accordion .ui-accordion-content p {padding: 0; margin: 0;} #menu4m { } #menu4m a { color: #275def; display: block; padding: 5px; width: 130px; border: solid 1px #c5c5c5 } #menu4m a:hover { color: white; background-color: #3bbaff; display: block; padding: 5px; width: 130px } #menu4m a:active { color: white; background-color: #3bbaff; display: block; padding: 5px; width: 130px } #menu5m { } #menu5m a { color: #275def; display: block; padding: 5px; width: 107px; border: solid 1px #c5c5c5 } #menu5m a:hover { color: white; background-color: #3bbaff; display: block; padding: 5px; width: 107px } #menu5m a:active { color: white; background-color: #3bbaff; display: block; padding: 5px; width: 107px } .ttitle { color: #0f5ca4; font-size: 16px; font-weight: bold; background-color: #bfe9f9; background-repeat: repeat-x; background-position: left top; text-align: left; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-top: 3px; padding-right: 3; padding-bottom: 3; padding-left: 8px; border-top-width: 0; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 9px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #b0b0b0; border-right-color: #b0b0b0; border-bottom-color: #b0b0b0; border-left-color: #0f5ca4; } .fsf{ font-family: "A-OTF VS Pro B"; font-size: 12px; line-height:16px; } .style3 { font-size: 16px; color: #0f5ca4; font-weight: bold; } .stylehy { color: #000000; } .stylew { color: #FFFFFF; font-size: 14px; font-weight: bold; } .cart { margin: 0; padding: 0 } /*---------------contents----------------*/ .eco_box { width: 570px; margin-right: auto; margin-left: auto; } /*---------------2010----------------*/ #IF_container { width:980px; /*border-left:1px solid #005E0F; border-right:1px solid #005E0F; */ padding:0; margin:0 auto; background:#FFF; } #IF_wrap { float:left; background:#FFF; padding:0; margin:0; width:825px; } #IF_sidemenu { float:left; width:150px; padding:0 0 0 10px; margin:0; text-align: left; } #IF_content { float:right; width:645px; padding:0 10px; margin:0; } #IF_ad { float:right; padding:0 10px 0 0 ; width:145px; } #IF_footer { text-align: left; padding:20px; margin:0 auto; width:940px; background:#EEE; border-top:#3B467C 2px solid; } .foottable { padding-top: 10px; border-top: 2px solid #aaa; margin-top: 20px; } #headermenu { background:url(/-parts/images/header.jpg) no-repeat; height:120px; position:relative; } #headermenu a { display:block; background: #fff; float:right; padding:3px; margin:1px; border:solid 1px #aaa; bottom:3px; /*position:absolute;*/ } ul.globalNavi {margin: 0;padding: 0;line-height: 1;background-color: #3b467c;list-style-type: none;} ul.globalNavi li {margin: 0; padding: 0; float: left;width: 130px; height:30px;text-align: center; font-size: 12px;} ul.globalNavi li a { border-right: 1px solid #bbb;padding: 9px 15px;display: block;position: relative; /* for IE6 */ color: #fff;background-color: #3b467c;text-decoration: none; } ul.globalNavi li a:hover {border-color: #ccc;color: #fff;background-color: #00cabf;} /* ClearFix */ ul.globalNavi { _height: 1px; min-height: 1px; /*\*//*/ height: 1px; overflow: hidden; /**/ } ul.globalNavi:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;} /*main_menu9_2*/ #main_menu9_2 {border-top:#999 1px solid; border-left:#999 1px solid; display: inline-block; width: 642px;} #main_menu9_2 ul { padding:0; margin:0;} #main_menu9_2 li { float:left; list-style:none;} #main_menu9_2 strong { display:none;} #main_menu9_2 a { display:block; height:25px;} #main_menu9_2 a span { display:none;} #main_menu9_2 .m01 { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_01.jpg);} #main_menu9_2 .m0101 a:hover { display:block; height:25px; background:url(/-parts/images/mainmenu_01_r.jpg); background-position: -10px -28px;} #main_menu9_2 .m0102 a:hover { display:block; height:25px; background:url(/-parts/images/mainmenu_01_r.jpg); background-position: -10px -53px;} #main_menu9_2 .m0103 a:hover { display:block; height:25px; background:url(/-parts/images/mainmenu_01_r.jpg); background-position: -10px -78px;} #main_menu9_2 .m02 { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_02.jpg);} #main_menu9_2 .m0201 a:hover { display:block; height:25px; background:url(/-parts/images/mainmenu_02_r.jpg); background-position: -10px -28px;} #main_menu9_2 .m0202 a:hover { display:block; height:25px; background:url(/-parts/images/mainmenu_02_r.jpg); background-position: -10px -53px;} #main_menu9_2 .m03 { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_03.jpg);} #main_menu9_2 .m0301 a:hover { display:block; height:25px; background:url(/-parts/images/mainmenu_03_r.jpg); background-position: -10px -28px;} #main_menu9_2 .m0302 a:hover { display:block; height:25px; background:url(/-parts/images/mainmenu_03_r.jpg); background-position: -10px -53px;} #main_menu9_2 .m04 a { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_04.jpg);} #main_menu9_2 .m04 a:hover { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_04_r.jpg);} #main_menu9_2 .m05 a { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_05.jpg);} #main_menu9_2 .m05 a:hover { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_05_r.jpg);} #main_menu9_2 .m06 a { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_06.jpg);} #main_menu9_2 .m06 a:hover { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_06_r.jpg);} #main_menu9_2 .m07 a { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_07.jpg);} #main_menu9_2 .m07 a:hover { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_07_r.jpg);} #main_menu9_2 .m08 a { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_08.jpg);} #main_menu9_2 .m08 a:hover { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_08_r.jpg);} #main_menu9_2 .m09 { display:block; width:193px; height:88px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/mainmenu_09.jpg);} #main_menu9_2 .m0901 a:hover { display:block; height:25px; background:url(/-parts/images/mainmenu_09_r.jpg); background-position: -10px -28px;} #main_menu9_2 .m0902 a:hover { display:block; height:25px; background:url(/-parts/images/mainmenu_09_r.jpg); background-position: -10px -53px;} /*main_menu9_ad*/ #main_menu9_ad {border-top:#999 1px solid; border-left:#999 1px solid; display: inline-block; width: 143px;} #main_menu9_ad ul { padding:0; margin:0;} #main_menu9_ad li { float:left; list-style:none;} #main_menu9_ad strong { display:none;} #main_menu9_ad a { display:block; height:16px;} #main_menu9_ad a span { display:none;} #main_menu9_ad .m01 { display:block; width:123px; height:48px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_01.jpg);} #main_menu9_ad .m0101 { margin-top:10px;} #main_menu9_ad .m0101 a:hover { display:block; height:16px; background:url(/-parts/images/ad_mainmenu_01_r.jpg); background-position: -10px -20px;} #main_menu9_ad .m0102 a:hover { display:block; height:16px; background:url(/-parts/images/ad_mainmenu_01_r.jpg); background-position: -10px -36px;} #main_menu9_ad .m0103 a:hover { display:block; height:16px; background:url(/-parts/images/ad_mainmenu_01_r.jpg); background-position: -10px -52px;} #main_menu9_ad .m02 { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_02.jpg);} #main_menu9_ad .m0201 { margin-top:10px;} #main_menu9_ad .m0201 a:hover { display:block; height:16px; background:url(/-parts/images/ad_mainmenu_02_r.jpg); background-position: -10px -20px;} #main_menu9_ad .m0202 a:hover { display:block; height:16px; background:url(/-parts/images/ad_mainmenu_02_r.jpg); background-position: -10px -36px;} #main_menu9_ad .m03 { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_03.jpg);} #main_menu9_ad .m0301 { margin-top:10px;} #main_menu9_ad .m0301 a:hover { display:block; height:16px; background:url(/-parts/images/ad_mainmenu_03_r.jpg); background-position: -10px -20px;} #main_menu9_ad .m0302 a:hover { display:block; height:16px; background:url(/-parts/images/ad_mainmenu_03_r.jpg); background-position: -10px -36px;} #main_menu9_ad .m04 a { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_04.jpg);} #main_menu9_ad .m04 a:hover { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_04_r.jpg);} #main_menu9_ad .m05 a { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_05.jpg);} #main_menu9_ad .m05 a:hover { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_05_r.jpg);} #main_menu9_ad .m06 a { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_06.jpg);} #main_menu9_ad .m06 a:hover { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_06_r.jpg);} #main_menu9_ad .m07 a { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_07.jpg);} #main_menu9_ad .m07 a:hover { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_07_r.jpg);} #main_menu9_ad .m08 a { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_08.jpg);} #main_menu9_ad .m08 a:hover { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_08_r.jpg);} #main_menu9_ad .m09 { display:block; width:123px; height:34px; padding:10px; border-bottom:#999 1px solid; border-right:#999 1px solid; background:url(/-parts/images/ad_mainmenu_09.jpg);} #main_menu9_ad .m0901 { margin-top:10px;} #main_menu9_ad .m0901 a:hover { display:block; height:16px; background:url(/-parts/images/ad_mainmenu_09_r.jpg); background-position: -10px -20px;} #main_menu9_ad .m0902 a:hover { display:block; height:16px; background:url(/-parts/images/ad_mainmenu_09_r.jpg); background-position: -10px -36px;} /*global*/ .clear {clear:both;} .space10c {clear:both;height:10px;} /* .tag3 { color: #dd7520; font-size: 16px; font-weight: bold; background-color: #e9e9e9; text-align: left; margin: 0 0 10px 0; padding: 5px 12px; border-style: solid; border-width: 0 1px 1px 5px; border-color: #b0b0b0 #b0b0b0 #b0b0b0 #d1921f; } */ .tag3 { color: #3B467C; font-size: 16px; font-weight: bold; background: url(/-parts/images/h3_bg.jpg); text-align: left; margin: 0 0 10px 0; padding: 7px 20px; height: 24px; border: 0; } /*-------------kigyougaiyou*/ #coprofile dt {width: 150px; float: left; padding: 5px 10px; margin: 0; border-bottom: 1px #ccc dotted;} #coprofile dd {width: 450px; float: left; padding: 5px 10px; margin: 0; border-bottom: 1px #ccc dotted;} /*--------------attention*/ .btn_at a { display: inline-block; padding: 3px 5px 3px 5px; background: #dd6464; color: #fff; border: #ccc 1px solid; float: right; margin: 5px;} .btn_at img { float: left; padding-right: 5px;}