@charset "UTF-8";
/* --------------------------- */
/*  layout  */
/* --------------------------- */
/* wide - stage, store, mypage... */
body#wide #header, body#wide #container, body#wide #footer {
	width:980px;
    border-bottom: none;
}
/*  Header  */
header#header div#siteid .logo {
	width: 130px;
	height: auto;
}
header#header div#siteid img { width: 100%; }
header#header div.welcome {
	margin-top: 15px;
	font-size: 11px;
	text-align: right;
}
header#header p.btnNav {
	float: right;
	margin: 16px 15px 0 0;
	font-size: 12px;
}
header#header p.btnNav img {
	height: 16px;
	vertical-align: middle;
}
header#header ul#gnav li.booknav a:hover, header#header ul#gnav li.booknav.cur a { color: #22AC38; }
header#header ul#gnav li.bookletnav a:hover, header#header ul#gnav li.bookletnav.cur a { color: #22ac38; }
header#header ul#gnav li.cardnav a:hover, header#header ul#gnav li.cardnav.cur a { color: #F8B62D; }
header#header ul#gnav li.stagenav a:hover, header#header ul#gnav li.stagenav.cur a { color: #03CACD; }
header#header ul#gnav li.storenav a:hover, header#header ul#gnav li.storenav.cur a { color: #8fc31f; }
header#header ul#gnav li.supportnav a:hover, header#header ul#gnav li.supportnav.cur a { color: #00913A; }
header#header ul#gnav li.blognav a:hover, header#header ul#gnav li.blognav.cur a { color: #00913A; }
/*  Footer  */
footer#footer div#megamenu {
 *zoom: 1;
	background-color: #EEE;
}
footer#footer div#megamenu:before, footer#footer div#megamenu:after {
	content: " ";
	display: table;
}
footer#footer div#megamenu:after { clear: both; }
footer#footer div#megamenu .item { float: left; }
footer#footer div#megamenu .item dl { font-size: 12px; }
footer#footer div#megamenu .item dl dt a { }
footer#footer div#megamenu .item dl dd { }
footer#footer div#footnav {
	background: #B4AA96;
	padding: 15px 0;
 	*zoom: 1;
  }
footer#footer div#footnav:before, footer#footer div#footnav:after {
	content: " ";
	display: table;
}
footer#footer div#footnav:after { clear: both; }
footer#footer div#footnav nav { float: left; }
footer#footer div#footnav nav p a {
	padding: 0 10px;
	border-left: 1px solid #fff;
	color: #fff;
}
footer#footer div#footnav nav p a:hover {
	color: #fff;
}
footer#footer div#footnav nav p a:first-child { border-left: none; padding-left: 0;}
footer#footer div#footnav p.copy {
	float: right;
	color: #fff;
	font-size:11px;
}
/* sp tablet start */
@media screen and (max-width:968px) {
footer#footer div#footnav nav p a {
	display: block;
	margin-bottom: 10px;
	padding: 0;
    border-left: none;
    font-size:11px;
}
footer#footer div#footnav nav p a:last-child {
	margin-bottom:0;
}
}
/* sp tablet end */
div#pagehead { *zoom: 1;
}
div#pagehead:before, div#pagehead:after {
	content: " ";
	display: table;
}
div#pagehead:after { clear: both; }
div#pagehead div#bread p {
	font-size: 12px;
}
div#pagehead div#bread p a { }
div#pagehead h1 {
	font-size: 13px;
}
div#pagehead div.search { float: right; }
div#pagehead div.search form {
	margin: 0;
	padding: 0;
}
div#pagehead div.search input {
	margin: 9px 0 0;
	appearance: none;
	-webkit-appearance: none;
}
div#pagehead div.search input[type=text] {
	padding: 3px;
	width: 180px;
	outline: none;
	border: 1px solid #999;
	vertical-align: middle;
}
div#pagehead div.search input[type=button] {
	padding: 2px 4px;
	border: none;
	background-color: #999;
	color: #FFF;
	vertical-align: middle;
}