@charset "utf-8";
/* CSS Document */

html, div, body, p, form, img, dd, h1, h2, h3, h4, input { margin:0 auto; padding:0; font-family:font:12px/160% "Meiryo","MS PGothic","Arial"; color:#222222;}
body {font-size:62.5%;min-width:1020px;}
p {line-height:20px;}
dl, dd, dt { margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
li { margin:0; list-style:none; padding:0; }
img { border:none; }
a, a:link, a:visited { text-decoration:none; color:#222; }
a:hover, a:active { text-decoration:underline; color:#222; }
input { font-size:1.2em; float:left; }
table { border-collapse:collapse; }
dl, dt, dd{text-align:left;}
.clear { clear:both; }
.clearfix:after { clear:both; display:block; visibility:hidden; height:0; font-size:0; line-height:0; content:" "; }
.clearfix { zoom:1; }
.fl { float:left; }
.fr { float:right; }
.red { color:#F00; }

/*font*/
.mt20{margin-top:20px;}
.mr0{margin-right:0;}
.ml20{margin-left:20px;}
.container{width:1000px;overflow:hidden;padding:0 10px;}
/*header css*/
#header {width:100%;height:115px;}
#header .container{overflow:visible;}
#logo {width:156px;height:75px;float:left;margin-top:30px; }
#toplink {float:right;margin:20px 0 0 0;font-size:1.4em;}
.toplink-coope{background:url(/style/images/icon-coope.jpg) left 3px no-repeat;padding-left:23px;margin-right:30px;float:left;}
.toplink-blog{background:url(/style/images/icon-blog.jpg) left 5px no-repeat;padding-left:23px;margin:0 0 0 0x;float:left;}
.toplink-lang{float:left;margin:0 0 0 30px;position:relative;padding-bottom:10px;_display:inline;}
.lang-us{background:url(/images/system/jp.jpg) no-repeat left 2px;padding-left:30px;float:left;}
.toplink-lang-arrow{background:url(/style/images/icon-int.jpg) no-repeat;width:13px;height:8px;display:block;float:left;margin:9px 0 0 3px;}
.toplink-lang-sub{position:absolute;top:25px;left:0;background-color:#2fa2f2;padding:5px 15px;width:92px;display:none;}
.toplink-lang-sub a{margin:0 7%;}

/*search style*/
#search-box{float:right;margin-top:0;border:#dadada solid 1px;width:305px;}
#search {margin:0;}
#q {height:27px;width:258px; float:left; border:none; padding:0 10px; line-height:27px; background:none;font-size:1.4em;}
.btn_search {background:url(/style/images/search-btn.jpg) no-repeat; border:none; cursor:pointer; height:27px; width:27px; float:left; margin-left:0; overflow:hidden; line-height:200px; font-size:0; }

/*top menu*/
.menu {background:url(/style/images/menu-line.jpg) repeat-x bottom;width:100%;z-index:90;position:relative;min-width:1020px;}
.menu .container{overflow:visible;}
.menu li {float:left;text-align:center;font-size:1.8em;margin:0 30px;position:relative;z-index:1;}
.menu li.store{background-color:#96d63a;margin:0 30px 0 0;}
.menu li.store a:link, .menu li.store a:visited{height:30px;color:#fff;padding:0 10px;}
.menu li.store a:hover, .menu li.store .now, .menu .store .over { border-bottom:#f3f3f3 solid 5px;height:30px;color:#fff;text-decoration:none;}
/*
.menu li a {text-decoration:none;display:block;height:30px;line-height:30px;border-bottom:#f3f3f3 solid 5px;padding:0 3px;float:left;z-index:0;zoom:1;}
*/
.menu li a {text-decoration:none;display:block;height:35px;line-height:30px;padding:0 3px;float:left;z-index:0;zoom:1;}
.menu li a:hover, .menu .now, .menu .over {border-bottom:#1898f1 solid 5px;height:30px;color:#1898f1;text-decoration:none;}
.menu .now a, .menu .over a { color:#FFF; }
.menu .sub-menu{position:absolute;top:30px;left:0;background-color:#1898f1;width:320px;z-index:10;padding:30px 20px;display:none;}
.menu .now a, .menu .over a {color: #1898F1;}
.menu .sub-menu a{display:inline;height:auto;line-height:35px;border:none;padding:0x;float:none;}
.menu .sub-menu dt{font-size:2.4em;color:#fff;margin-bottom:10px;}
.menu .sub-menu a:link, .menu .sub-menu a:visited{color:#fff;}
.menu .sub-menu a:hover{height:auto;border:none;text-decoration:underline;color:#fff;}


/*breadcrumbs*/
#here{width:1000px;padding:0 10px;margin:15px auto 25px;color:#666;font-size:1.2em;}
#here a:link, #here a:visited{color:#666;}
/*footer*/
.botlink{width:100%;background-color:#e9eaee;min-width:1020px;}
.botlink .container{padding:30px 10px 40px;overflow:hidden;}
.botlink-box{width:23%;float:left;margin-right:5%;_margin-right:3%;}
.botlink-company{width:11%;}
.botlink h3{font-size:1.8em;margin-bottom:20px;}
.botlink p{font-size:1.2em;}
.botlink a:link, .botlink a:visited, .botlink p{color:#0075d0;}
.botlink ul li{line-height:16px;margin:11px 0;font-size:1.2em;}
.botlink-sns{width:100%;}
.botlink-sns a{margin-right:5px;}
.botlink-sns a img{max-width:48px;}

#footer {clear:both;background:#1f82c8;width:100%;height:75px;min-width:1020px;}
.copyright {text-align:center;color:#fff;font-size:1.4em;margin-top:25px;}




/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> jquery.lightbox-0.5 <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:1000; text-align:center; line-height:0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position:absolute; top:40%; left:44%; height:25%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:1000; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/*go top*/
.back-to { position: fixed; bottom: 10px; right: 10px; z-index: 999; width: 110px; overflow: hidden; zoom: 1; -ie6-position-fixed-delay: 200; }
.back-to .back-top { float: right; display: block; width: 50px; height: 50px; background: url(/images/system/gotop.png) no-repeat scroll 0 0 transparent; margin-left: 10px; outline: 0 none; text-indent: -9999em; }
.back-to { _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:10px; _margin-right:5px; }
*html { background-image:url(about:blank); background-attachment:fixed; }
.botlink-box-p {
    float: left;
    margin-right: 0%;
    width: 23%;
}
.botlink h3 {
    font-size: 1.8em;
    margin-bottom: 20px;
}
.botlink-sns {
    width: 100%;
}
.botlink a:link, .botlink a:visited, .botlink p {
    color: #0075D0;
}

