@charset "utf-8"; /* basic ------------------------------------------------*/ body { font-size:14px; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana,Arial, Helvetica, sans-serif; color:#323232; line-height:1.8em; background:#00b9f0; -webkit-text-size-adjust:none; } * { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* link ------------------------------------------------*/ a { cursor:pointer; color:#00b9f0; text-decoration:underline; } .linkarw a { padding-left:14px; background:url(../images/ico_link_arrow.png) no-repeat left 2px; } /* wrap ------------------------------------------------*/ .wrap { width:800px; margin:0 auto; } /* Global header ------------------------------------------------*/ #globalheader { width:100%; height:100px; border-bottom:2px solid #dedede; background:#fff; position:relative; z-index:9999; } #globalheader .wrap { position:relative; } #globalheader #header_logo { width:346px; height:83px; position:relative; left:0; top:0; } #globalheader #header_searchbox { width:274px; height:38px; padding:0 7px; line-height:38px; position:absolute; right:0; top:23px; background:#eee; } #globalheader #header_searchbox input[type=text] { width:230px; height:21px; border:1px solid #d9d9d9; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana,Arial, Helvetica, sans-serif; font-size:12px; color:#323232; } #globalheader #header_searchbox input[type=submit] { width:21px; height:21px; background:url(../images/global_header_searchbtn.gif) no-repeat center center; text-indent:-9999px; border:none; border-radius:0; -webkit-appearance:none; } #globalheader #globalnavi { width:100%; height:60px; border-top:2px solid #dedede; } #globalheader #globalnavi > ul { margin-top:7px; text-align:center; } #globalheader #globalnavi > ul > li { height:46px; margin:0 3px; padding:0; float:left; } #globalheader #globalnavi ul li img { vertical-align:top; } #globalheader #globalnavi > ul > li.haschild { width:200px; margin:0; line-height:1.0em; color:#00b9f0; background-color:#fff; background-image:url(../images/global_header_nav_icon.gif); background-repeat:no-repeat; background-position:left top; border-right:1px solid #dedede; cursor:pointer; } #globalheader #globalnavi > ul > li.haschild p { padding:0 0 0 5px; position:relative; top:50%; -webkit-transform : translateY(-50%); -ms-transform : translateY(-50%); transform : translateY(-50%); top:35%\9; } #globalheader #globalnavi > ul > li.haschild:first-child + li p { top:17%\9; } #globalheader #globalnavi > ul > li.haschild:first-child { border-left:1px solid #dedede; } #globalheader #globalnavi > ul > li.haschild:hover { color:#fff; background-color:#00b9f0; background-position:left bottom; } #globalheader #globalnavi > ul > li.haschild > ul { display:none; margin-top:22px; margin-top:0\9; padding-top:22px\9; cursor:auto; } #globalheader #globalnavi > ul > li.haschild:first-child + li > ul { margin-top:10px; margin-top:0\9; padding-top:10px\9; } #globalheader #globalnavi > ul > li.haschild > ul > li { padding:12px 0 8px 22px; line-height:1.2em; text-align:left; background-color:#fff; background-image:url(../images/global_header_nav_childicon.gif); background-repeat:no-repeat; background-position:10px 50%; } #globalheader #globalnavi > ul > li.haschild > ul > li:first-child { height:8px; padding:0; background:url(../images/global_header_nav_icon_childhead.png) no-repeat center top; } #globalheader #globalnavi > ul > li.haschild > ul > li > a { margin-top:5px; } .gsc-orderby-container .gsc-selected-option-container {/*追加*/ min-width: 100px; }