/* Latest Update 2012.11.5 write */ body{ margin:0; padding:0; background:#333; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; } .wrapper { width:100%; background:url(../images/body_bg.png) center; } form, ul{ margin:0; padding:0;} li{ list-style-type:none;} img{ display:block; border:none;} header{ height:100px; background:url(../images/header_bg.png) repeat-x; width:100%; display:block; } .cnt_header{ width:960px; margin:0 auto; height:100px; position:relative; } .cnt_header .logo{ width:262px; height:52px; display:block; margin-top:20px; float:left; background:url(../images/smartcatalog_logo.png) no-repeat; margin-left:10px; } .cnt_header .menu_language{ font-size:12px; float:right; } .cnt_header .menu_language ul{ margin:15px 0 0 0; padding:0; text-align:right;} .cnt_header .menu_language ul li{ list-style-type:none; display:inline; padding-left:19px; margin-left:9px; color:#fff; } .cnt_header .menu_language ul li input{ line-height:20px; border:1px solid #999999; height:20px; /*color:#cccccc;*/ font-size:12px; padding-left:25px; width:155px; background:url(../images/search_icon.png) no-repeat 5px 3px; background-color:#fff; -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; } .cnt_header .menu_language ul li a{ color:#fff; text-decoration:none; } .cnt_header .menu_language ul li a:hover{ text-decoration:underline; } .cnt_header .menu_language ul li.jp{ background:url(../img/common/icon_jp.png) no-repeat left center; margin-left:11px; } .cnt_header .menu_language ul li.eng{ background:url(../img/common/icon_usa.png) no-repeat left center; } .cnt_header .menu_language ul li.kor{ background:url(../img/common/icon_kor.png) no-repeat left center; margin-left:6px; } .cnt_header .black, .cnt_header .blue{ display:block; width:80px; height:19px; text-decoration:none; text-align:center; padding-top:1px; float:right; margin-right:10px; color:#fff; } .cnt_header .black{ border:1px solid #fff; outline:1px solid #727171; background-image: linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%); background-image: -o-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%); background-image: -moz-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%); background-image: -webkit-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%); background-image: -ms-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(87,86,86)), color-stop(0.77, rgb(138,137,137))); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#575656'); -pie-background: linear-gradient(#8b8b8b, #575656); behavior:url('/abvw/css/PIE.htc'); } .cnt_header .blue{ border:1px solid #fff; outline:1px solid #2d83da; background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(69,154,239)), color-stop(0.77, rgb(117,185,254))); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef'); -pie-background: linear-gradient(#77BAFE, #4599EF); behavior:url('/abvw/css/PIE.htc'); } .cnt_header a:hover.blue{ border:1px solid #fff; outline:1px solid #2d83da; background: rgb(45,123,191); /* Old browsers */ background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */ background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */ -pie-background: linear-gradient(#2d7bbf, #1059a3); behavior:url('/abvw/css/PIE.htc'); } ul.button{ float:right; margin-top:12px !important; margin-right:2px; } ul.button li { float:left; margin:0px !important; padding:0px !important; } ul.button li.leftButton { background:url(../images/gnav_leftbutton_up.png) no-repeat; width:121px; height:38px; } ul.button li.leftButtonSelected { background:url(../images/gnav_leftbutton_selected.png) no-repeat; width:121px; height:38px; } ul.button li.middleButton { display:block; background:url(../images/gnav_middlebutton_up.png) no-repeat; width:121px; height:38px; } ul.button li.middleButtonSelected { display:block; background:url(../images/gnav_middlebutton_selected.png) no-repeat; width:121px; height:38px; } ul.button li.rightButton { display:block; background:url(../images/gnav_rightbutton_up.png) no-repeat; width:122px; height:38px; } ul.button li.rightButtonSelected { display:block; background:url(../images/gnav_rightbutton_selected.png) no-repeat; width:122px; height:38px; } ul.button li.leftButton a, ul.button li.leftButtonSelected a, ul.button li.middleButton a, ul.button li.middleButtonSelected a { display:block; width:106px; height:28px; font-weight:bold; text-align:center; padding:10px 0 0 15px; } ul.button li.rightButton a, ul.button li.rightButtonSelected a { display:block; width:107px; font-weight:bold; height:28px; text-align:center; padding:10px 0 0 15px; } ul.button li a.homeButton { background:url(../images/gnav_home_icon.png) no-repeat; } ul.button li a.sioriButton { background:url(../images/gnav_siori_icon.png) no-repeat; } ul.button li a.historyButton { background:url(../images/gnav_history_icon.png) no-repeat; } ul.button li a.settingButton { background:url(../images/gnav_setting_icon.png) no-repeat; } ul.button li a.logoutButton { background:url(../images/gnav_logout_icon.png) no-repeat; } ul.button li.leftButton a.homeButton:hover { background-image:url(../images/gnav_home_icon.png),url(../images/gnav_leftbutton_over.png); background-repeat:no-repeat, no-repeat; } ul.button li.middleButton a.sioriButton:hover { background-image:url(../images/gnav_siori_icon.png),url(../images/gnav_middlebutton_over.png); background-repeat:no-repeat, no-repeat; } ul.button li.middleButton a.historyButton:hover { background-image:url(../images/gnav_history_icon.png),url(../images/gnav_middlebutton_over.png); background-repeat:no-repeat, no-repeat; } ul.button li.middleButton a.settingButton:hover { background-image:url(../images/gnav_setting_icon.png),url(../images/gnav_middlebutton_over.png); background-repeat:no-repeat, no-repeat; } ul.button li.rightButton a.logoutButton:hover { background-image:url(../images/gnav_logout_icon.png),url(../images/gnav_rightbutton_over.png); background-repeat:no-repeat, no-repeat; } .cnt_header .box_open{ width:180px; height:120px; position:absolute; border:1px solid #999999; right:0; top:38px; background:#fff; display:none; z-index:9999; } .cnt_header .box_open .t_top{ color:#cccccc; font-size:10px; height:19px; border-bottom:1px solid #999999; margin:0; line-height:19px; padding-left:5px; } .cnt_header .box_open ul{ margin:0; padding:3px 0 0 4px;} .cnt_header .box_open ul li{ list-style-type:none; color:#333333; font-size:12px; margin-bottom:4px; height:19px; line-height:18px; } .cnt_header .box_open ul li input{ vertical-align:middle;} .cnt_header .box_open ul li label{ line-height:16px;} .cnt_header .box_open .btn_search{ width:100px; height:30px; display:block; background:url(../img/common/btn_search.png) no-repeat; margin:12px auto 0 auto; } #main{ width:920px; margin:0 auto; padding-left:20px; padding-top:20px; padding-right:20px; background:#fff; overflow:hidden; /* 通常 */ -pie-background:linear-gradient(top, #757575, #333333); /* webkit用 */ background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#333333)); /* mozilla用 */ background:-moz-linear-gradient(top, #757575, #333333); behavior:url('/abvw/css/PIE.htc'); } p.go_top{ clear:both; height:115px; width:90px; position: fixed; bottom: -45px; right: 20px; } p.go_top a{ width:90px; height:65px; background:url(../img/list/go_top.png) no-repeat; display:block; } /* footer */ footer{ display:block; background:url(../images/footer_bg.png) repeat-x; height:39px; border-top:1px solid #cccccc; padding-top:1px; } .cnt_visuamallLogo { float:left; } .cnt_footer{ text-align:right; color:#fff; font-size:10px; } .border{ width:960px; margin:0 auto; padding:15px 0 0 0; } .focus{color: #969696} select { -webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; padding:2px; border:1px #000000 solid; } option { }