/* Latest Update 2012.11.5 write */ body{ margin:0; padding:0; background:#f4f4f4; 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(../img/common/body_bg.png); } form, ul{ margin:0; padding:0;} li{ list-style-type:none;} img{ display:block; border:none;} header{ height:100px; background:#f4f4f4; width:100%; display:block; } .cnt_header{ width:960px; margin:0 auto; height:100px; position:relative; } .cnt_header .logo{ width:87px; height:80px; display:block; margin-top:9px; float:left; background:url(../img/common/logo.png) no-repeat; margin-left:10px; } .cnt_header .menu_language{ font-size:12px; color:#333333; float:right; width:860px; } .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; } .cnt_header .menu_language ul li input{ line-height:20px; border:1px solid #999999; height:20px; /*color:#cccccc;*/ font-size:12px; padding-left:5px; width:175px;} .cnt_header .menu_language ul li a{ color:#000; 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); } .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); } .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); } .button{ float:right; margin-top:20px; margin-right:2px;} .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; } 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:#fff; height:39px; border-top:1px solid #cccccc; line-height:41px; padding-top:1px;} .cnt_footer{ width:960px; margin:0 auto; text-align:center; color:#000; font-size:10px;} .border{ background:#f4f4f4;} .focus{color: #969696}