@charset "utf-8";
* { margin: 0; padding: 0; font-size: 100%;}
ul { list-style: none}
img { vertical-align: bottom; border: 0}
body {display: block;font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;color: #444;line-height: 1.5;text-align: center;background: #f3f8fd url('../images/bg_body.png') repeat-x center top;margin: 0 auto;}
a:link,a:visited,a:active {text-decoration: none;}
a:link { color: #0068b7;}
a:visited {color: #5f5fc9;}
a:hover { text-decoration: underline; color: #5f5fc9;}
a:active { color: #5f5fc9;}
#wrapper {width: 990px;margin: 0 auto;text-align: left;font-size: 80%;background-color: #FFF;position: relative;}
#wrapper .txt-catch {position: absolute;top: 26px;display: block;width: 463px;left: 290px;line-height: 1.2;font-weight: normal;color: #1c5098;margin-left:0;}
#header { width: 990px;}
#content_box { width: 970px; margin: 0 10px;}
#footer {width: 990px;height: 97px;margin: 0 auto;background: #EEE url('../images/bg_footer.png') repeat-x;border-top: 3px solid #24140e;text-align: center;font-size: 12px;}
#mainblocks {float: left;width: 770px;}
#side_bar {float: left;width: 190px;margin-left: 10px;}
.block_side {width: 190px;margin-bottom: 10px;}
#side_bar h2 {margin: 0;padding: 0;width: 175px;height: 23px;line-height: 23px;padding-left: 15px;color: #24140e;background: url('../images/bg_title_right.png') no-repeat;font-weight: normal;font-size: 12px;}
#head {width: 990px;height: 65px;margin: 0 auto;font-size: 75%;}
#head-yah {width: 990px;height: 65px;margin: 0 auto;font-size: 75%;background: url('../images/logo-yah.png') no-repeat;border-bottom: 3px solid #24140e;}
#header #logo {float: left;padding: 10px 0 0 13px;}
#header ul.bookmark {float: right;text-indent: 0;margin: 0 10px 0 0;}
#header .bookmark li a {display: inline;padding: 2px;line-height: 18px;padding-left: 20px;font-size: 12px;background: url('../images/bullet_bookmark.gif') no-repeat left 0;}
#header div.likelnk { float: right; margin-right: 30px;}
#gnav { background: #1f3a56; overflow: hidden;}
#gnav ul { letter-spacing: -.4em;  float: left;}
#gnav li {letter-spacing: normal;display: inline-block;/display: inline;/zoom:1;vertical-align: top;padding:3px 0 2px;}
#gnav a {color: #e5eef8;font-size: 103%;padding: 6px 21px;display: block;line-height: 1;border-left: solid 1px #495f76;border-right: solid 1px #000;}
#gnav a:hover { text-decoration: none; color: #FFF;}
#gnav li a:hover {  background: #33679c;}
#gnav li:last-child a {  border-right:none;}

/*safari hack*/
_::-webkit-full-page-media, _:future, :root #gnav a {padding: 6px 20px;}

#gnav li.btn-kento a span { background: url(/include/images/ico_cart.png) no-repeat left 50%; padding-left: 19px; display: inline-block;}
#gnav .btn-standout { float: right; display: inline-block; margin: 3px 1px 0 0;}
#gnav .btn-standout a { background: #eb0048;padding:6px 15px 6px 17px;}
#gnav .btn-standout a:hover { background:#fb4a80;}
@-moz-document url-prefix() { #gnav a {  font-size: 99%;}}

/*古いGナビ用*/
#navigation {overflow:hidden;width: 990px;background: url('../images/bg_navigation.png') repeat-x;}
#navigation ul { float: left; width: 860px; margin: 0; font-size: 12px;}
#navigation li {float: left;height: 37px;line-height: 36px;display: block;overflow: hidden;padding: 0 6px 0 17px;background: url('../images/bg_navi_li.png') no-repeat;color: #333}
* html #navigation li {line-height: 31px;width: 100px;padding: 4px 0 0 15px;letter-spacing: -1px;text-align: left;}
#navigation li a {height: 37px;overflow: hidden;display: block;text-decoration: none;font-weight: normal;color: #333}
#navigation li.current { overflow: hidden; background: url('../images/bg_navi_cullent.png') no-repeat;}
#navigation p a {display: inline;padding: 4px;line-height: 18px;padding-left: 25px;font-size: 12px;background: url('../images/bullet_cart.gif') no-repeat left 0;position: relative;top: 10px;}
#login_info {width: 970px;height: 51px;background-color: #d0e1f9;margin: 10px 10px;}
.pointclub {float: left;width: 135px;height: 51px}
#login {float: left;width: 470px;height: 47px;font-size: 10px;padding: 2px 2px;background: url('../images/bg_login.png') no-repeat}
#login form {text-indent: 0;}
#login input {height: 18px;font-size: small;text-indent: 0}
#login .submit {position: relative;top: 3px;width: 50px;height: 20px}
#login .submit:hover,
.newcust:hover {filter: alpha(opacity=80);-moz-opacity: .8;opacity: .8}

body #login .submit {position: relative;top: 6px}
#login .reserve_cancel {float: left;width: 270px}
#login p {text-align: right}
#login_yah {float: left;width: 414px;height: 47px;font-size: 10px;padding: 7px 2px;text-align: center;}
.btn_newuser {float: left;width: 134px;}
.btn_newuser a {width: 134px;height: 36px;margin: 8px 0 0 5px;display: block;}
.ban_newuser {float: left;width: 215px;}
.ban_newuser a {width: 270px;height: 51px;display: block;}
#mypage {/*width: 810px;float: left;*/padding: 4px 5px;margin-top: 3px;margin-left: 10px;font-size: 12px;overflow: hidden;}
#mypage div {float: left}
#mypage span {color: red;font-weight: bold;padding: 0 2px;}
#mypage ul {clear: both;float: left;width: 700px;margin-top: 3px;}
#mypage li {float: left;margin-right: 20px;padding-left: 8px;background: url('../images/bullet_s.gif') no-repeat left 4px;}
#mypage .logout {float: right;padding-left: 8px;background: url('../images/bullet_s.gif') no-repeat left 4px;position: relative;top: 5px;}
#ban_staff h2,
#ban_staff h2 a {width: 190px;height: 50px;display: block;margin: 0;padding: 0;}
#footer {width: 990px;height: 230px;margin: 0 auto;background-image: url(../images/bg_footer.png);background-repeat: repeat-x;background-position: left bottom;border-top: 3px solid #24140e;background-color: #FFF;text-align: center;font-size: 12px;}
#footer #footer_navi {width: 990px;padding: 10px 0 0 0}
#footer #footer_navi ul {width: 750px;margin: 10px auto}
#footer #footer_navi li {float: left;display: inline;margin: 0 5px;padding-left: 15px;}
#footer #footer_navi li a {color: #0068b7;text-decoration: none;}
#footer .copyright {clear: both;}
.foot_area_wrap {width: 710px;margin: 10px auto;}
.foot_area_l,
.foot_area_r {width: 350px;display: inline-block;/display: inline;/zoom: 1;vertical-align: top;text-align: left;font-size: 11px;margin-top: 5px;}
.foot_area_l h3,
.foot_area_r h3 {text-align: left;width: 40px;display: inline-block;/display: inline;/zoom: 1;vertical-align: top;border-right: solid 1px #666;font-size: 11px;font-weight: normal;margin: 3px 0;}
.foot_area_l ul,
.foot_area_r ul {width: 300px;display: inline-block;/display: inline;/zoom: 1;vertical-align: top;text-align: left;}
.foot_area_l li,
.foot_area_r li {display: inline-block;/display: inline;/zoom: 1;vertical-align: top;margin: 3px 0;}
.foot_area_l a,
.foot_area_r a {text-decoration: none;}
.foot_area_l a:hover,
.foot_area_r a:hover {text-decoration: underline;}
.foot_area_his_wrap {width: 600px;margin: 10px auto;}
.foot_area_his_l,
.foot_area_his_r {width: 295px;display: inline-block;/display: inline;/zoom: 1;vertical-align: top;text-align: left;font-size: 11px;margin-top: 5px;}
#popup .foot_area_his_l h3,
#popup .foot_area_his_r h3 {text-align: left;width: 40px;display: inline-block;/display: inline;/zoom: 1;vertical-align: top;border-right: solid 1px #666;border-left: 0 solid #444;font-size: 11px;font-weight: normal;margin: 3px 0;background-color: #FFF;color: black;}
.foot_area_his_l ul,
.foot_area_his_r ul {width: 240px;display: inline-block;/display: inline;/zoom: 1;vertical-align: top;text-align: left;}.foot_area_his_l li,.foot_area_his_r li {display: inline-block;/display: inline;/zoom: 1;vertical-align: top;margin: 7px 0;}
.foot_area_his_l a,
.foot_area_his_r a { text-decoration: none;}
.foot_area_his_l a:hover,
.foot_area_his_r a:hover {text-decoration: underline;}
#navigation li.btn-standout{float:left;height:37px;line-height:36px;display:block;overflow:hidden;padding:0 6px 0 17px;background:url('../images/bg_navi_li_last2.png') no-repeat;color:#333;}
#header div.likelnk {margin:4px 7px 0 0;}
.likelnk a {margin-left: 3px;display: inline-block;}
/*ヘッダー*/
#login {width:495px;}
.ban_newuser {width:200px;}
.btn_newuser {margin-left: 5px;}
.btn_newuser a {margin-left:0;}
#login input#uid {width:215px;}
#login input#pwd {width:136px;}
#head .btn-txtlink {
	float: right;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin: 20px 27px 4px 0px;
}
#head .btn-txtlink a {
	text-decoration: underline;
	color: #1c5098;
	position: relative;
	display: block;
	padding-left: 17px;
}
#head .btn-txtlink a:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	border-right: 1px solid #1c5098;
	border-bottom: 1px solid #1c5098;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 0;
}
#head .btn-txtlink a:hover {text-decoration: none;}

/*ヘッダーの言語ボタン*/
.dropmenu-lang{list-style-type: none;margin: 15px 4px 4px 0;float: right;padding: 0;display: inline-block;}
.dropmenu-lang:before, .dropmenu-lang:after{ content: ""; display: table;}
.dropmenu-lang:after{  clear: both;}
.dropmenu-lang .dropmenu-inner {position: relative;margin: 0;padding: 0;width:120px;}
.dropmenu-lang .dropmenu-inner a{display: block;margin: 0;padding:6px 8px 5px 13px;background: #fff;border: solid 1px #ccc;color: #333;font-size:13px;line-height: 1;text-align: center;text-decoration: none;}
.dropmenu-lang .dropmenu-inner a .ico {width: 0;height: 0;border-style: solid;border-width:7px 5px 0 5px;border-color: #333 transparent transparent transparent;display: inline-block;margin-left: 7px;}
.dropmenu-lang .dropmenu-inner ul{list-style: none;position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 0;}
.dropmenu-lang .dropmenu-inner ul li{ width: 120px;}
.dropmenu-lang .dropmenu-inner ul li a{padding: 13px 15px;border-top:1px solid #eee;background:#fff;text-align: left;}
.dropmenu-lang .dropmenu-inner:hover > a{ background: #fff;}
.dropmenu-lang .dropmenu-inner a:hover{ background: #eee;}
#drp-lang .dropmenu-inner ul li{overflow: hidden;height: 0;transition: .2s;}
#drp-lang .dropmenu-inner:hover ul li{ overflow: visible; height: 38px;}

/* --------リニューアルヘッダー ---------------------------------------------------------*/
.global-navigation {
	width: 100%;
	border-top: 1px solid #1c5098;
	border-bottom: 6px solid #1c5098;
	font-size: 14px;
	line-height: 1.1;
}
.global-navigation ul {
	width: 990px;
	margin: 0 auto;
	letter-spacing: -.4em;
}
.global-navigation li {
	letter-spacing: normal;
	width: 196px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.global-navigation > ul > li:last-child,
.global-navigation li:last-child ul,
.global-navigation li:last-child li {width: 206px;}
.global-navigation.pg-top > ul > li:last-child,
.global-navigation.pg-top li:last-child ul,
.global-navigation.pg-top li:last-child li {width: 196px;}


.global-navigation li a {
	padding: 14px 11px;
	text-align: center;
	display: block;
	color: #1c5098;
}
.global-navigation li > a,
.global-navigation.pg-top li:first-child > a{border-left: 1px solid #1c5098;}
.global-navigation > ul > li:first-child > a {border-left: none;}
.global-navigation.pg-top > ul > li:last-child > a,
.global-navigation li li a {border-right: 1px solid #1c5098;}
/*.global-navigation li li:first-child > a {border-left: 1px solid #1c5098;}*/
.global-navigation li li a {border-top: 1px solid #1c5098;}
.global-navigation li > a:hover {
	text-decoration: none;
	background: #1c5098;
	color: #fff;
}
.global-navigation li ul {
	position: absolute;
	top: 48px;
	width: 100%;
	visibility: hidden;
	z-index: 9999;
	background: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	opacity: 0;
	border-bottom: 1px solid #1c5098;
	margin-top: -6px;
}
.global-navigation li:hover ul {
	top: 48px;
	visibility: visible;
	opacity: 1;
}
.global-navigation li > li,
.global-navigation li > li:last-child {border-right: 1px solid #1c5098;}
.global-navigation li li{width: 197px;}
.global-navigation li a:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #1c5098;
	border-bottom: 1px solid #1c5098;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	right: 5.5%;
	margin-top: -3px;
}
.global-navigation .lst-drop > a:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.global-navigation li a:hover:after {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.global-navigation li .other-site a:after {
	border: none;
	background: url(/images/ico_newtab.svg) no-repeat right 50%;
	width: 15px;
	height: 14px;
	transform: inherit;
}
.global-navigation li .other-site a:hover:after {
	background: url(/images/ico_newtab_hover.svg) no-repeat right 50%;
}