@charset "shift_jis";

/* センター寄せ対応
--------------------------------------------------------------------*/

body {
	background:url(/common/img/bg_header_grn.gif) 0 0 repeat-x;
}
@media print {
	body {background:none;}
}

/* グローバルナビ
--------------------------------------------------------------------*/

#header {
	background: url("/common/img/bg_header.gif") repeat-x 0 0 #eaeaea;
	height:107px;
	overflow:hidden
}
#header .maintitle {
	margin-left:13px;
}

#header .jreastlogo {
	position:absolute;
	right:14px;
	top:0;
	width:54px;
}
#header .jreastlogo img {
	display:inline	;
}
#header a:focus {
	z-index:10;
}
#header li a {
	display:block;
}
#header .maintitle a:hover img ,
#header .jreastlogo a:hover img {
	opacity:1;
	filter:alpha(opacity=100);
}
#header .link {
	text-indent:-9999px;
}
#categorymenu li, #subnav li, #globalnav li,
#member-name-box #mnb-inner .member_name {
	display:inline;/* for IE6 */
	float:left;
}
#categorymenu {
	padding-left:3px;
	height:27px;
	position:absolute;
	right:86px;
	top:7px;
	background: url("/common/img/bg_catemenu_l.gif") no-repeat 0 0;
}
#categorymenu a {
	float:left;
	padding:0;
	text-indent:-9999px;
	height:27px;
	background-image: url("/common/img/sp_categorymenu.gif");
	background-repeat:no-repeat;
}
#categorymenu ul {
	float:left;
	border-top:1px solid #e4ebd9;
	border-bottom:1px solid #e4ebd9;
	height:25px;
	background-color:#f3f8f1;
}

/* ヘッダーの名前表示（20130920） -------- /// */
#member-name-box {
	position:absolute;
	right:335px;
	top:7px;
	padding-left:3px;
	height:27px;
	background:url("/common/img/bg_catemenu_l.gif") no-repeat 0 0;
}
#member-name-box #mnb-inner {
	float:left;
	border-top:1px solid #e4ebd9;
	border-bottom:1px solid #e4ebd9;
	height:25px;
	background-color:#f3f8f1;
}
#member-name-box #mnb-inner .member_name {
	margin-top:-1px;
	display:block;
	padding:4px 104px 0 14px;
	height:23px;
	position:relative;
	background-image: url("/common/img/bg_dot.gif");
	background-position: center right;
	background-repeat:no-repeat;
}
#member-name-box #mnb-inner .member_name a {
	background:none;
}
#member-name-box #mnb-inner .member_name em {
	padding-right:5px;
}
#member-name-box #mnb-inner .button {
	position:absolute;
	right:14px;
	top:4px;
	height:auto;
	text-indent:0;
}/* /// -------- （20130920） -------- */

#categorymenu .cate_member a {
	width: 114px;
	background-position: 14px 6px;
}
#categorymenu .cate_point a {
	width: 135px;
	background-position: 14px -96px;
}
#categorymenu .cate_member a:hover {
	background-position: 14px -28px;
}
#categorymenu .cate_point a:hover {
	background-position: 14px -130px;
}
#categorymenu .cate_member .selected,
#categorymenu .cate_member .selected:hover{
	background-position: 14px -62px;
}
#categorymenu .cate_point .selected,
#categorymenu .cate_point .selected:hover {
	background-position: 14px -164px;
}
#categorymenu li {
	margin-top:-1px;
	display:block;
	height:27px;
	position:relative;
	top:0;
	left:0;
	background-image: url("/common/img/bg_dot.gif");
	background-position: center right;
	background-repeat:no-repeat;
}
#categorymenu .last {
	margin-right:-3px;
	padding-right:3px;
	background-image: url("/common/img/bg_catemenu_r.gif");
	background-position:0 right;
	z-index:10;
}
#subnav {
	position:absolute;
	top:39px;
	right:87px;
}
#subnav li {
	display:block;
	height:22px;
	position:relative;
	top:0;
	left:0;
	background: url("/common/img/bg_line.gif") no-repeat 0 0;
}
#subnav .first {
	background:none;
}
#subnav .last .link {
	padding-right:0;
}
#subnav .link {
	padding:0;
	height:22px;
	text-indent:-9999px;
	background-image: url("/common/img/sp_subnav.gif");
	background-repeat:no-repeat;
}
#subnav .contact .link {
	width: 126px;
	background-position: 19px 5px;
}
#subnav .contact .link:hover {
	width: 126px;
	background-position: 19px -127px;
}
#subnav .contact .selected,
#subnav .contact .selected:hover {
	background-position: 19px -259px;
}
#subnav .ekinet .link {
	width: 146px;
	background-position: 17px -29px;
}
#subnav .ekinet .link:hover {
	width: 146px;
	background-position: 17px -161px;
}
#subnav .ekinet .selected,
#subnav .ekinet .selected:hover {
	background-position: 17px -293px;
}
#subnav .ekinettop .link {
	width: 129px;
	background-position: 17px -61px;
}
#subnav .ekinettop .link:hover {
	width: 129px;
	background-position: 17px -193px;
}
#subnav .ekinettop .selected,
#subnav .ekinettop .selected:hover {
	background-position: 17px -325px;
}
#subnav .question .link {
	width: 140px;
	background-position: 20px -94px;
}
#subnav .question .link:hover {
	width: 140px;
	background-position: 20px -226px;
}
#subnav .question .selected,
#subnav .question .selected:hover {
	background-position: 20px -358px;
}
#globalnav {
	height:40px;
	background-image: url("/common/img/sp_gnav.jpg");
}
#globalnav .first {
	margin-left:10px;
}
#globalnav .last {
	margin-right:10px;
}
#globalnav a {
	width:155px;
	height:40px;
	text-indent:-9999px;
	background-image: url("/common/img/sp_gnav.jpg");
	background-repeat:no-repeat;
}
#globalnav a:focus {
	position:relative
}
#globalnav .nav01 a {
	width:155px;
	background-position: -10px 0;
}
#globalnav .nav02 a {
	background-position: -165px 0;
}
#globalnav .nav03 a {
	background-position: -320px 0;
}
#globalnav .nav04 a {
	width:154px;
	background-position: -475px 0;
}
#globalnav .nav05 a {
	background-position: -629px 0;
}
#globalnav .nav06 a {
	background-position: -784px 0;
}
#globalnav .nav01 a:hover {
	background-position: -10px -60px;
}
#globalnav .nav02 a:hover {
	background-position: -165px -60px;
}
#globalnav .nav03 a:hover {
	background-position: -320px -60px;
}
#globalnav .nav04 a:hover {
	background-position: -475px -60px;
}
#globalnav .nav05 a:hover {
	background-position: -629px -60px;
}
#globalnav .nav06 a:hover {
	background-position: -784px -60px;
}
#globalnav .nav01 .selected,
#globalnav .nav01 .selected:hover {
	background-position: -10px -120px;
}
#globalnav .nav02 .selected,
#globalnav .nav02 .selected:hover {
	background-position: -165px -120px;
}
#globalnav .nav03 .selected,
#globalnav .nav03 .selected:hover {
	background-position: -320px -120px;
}
#globalnav .nav04 .selected,
#globalnav .nav04 .selected:hover {
	background-position: -475px -120px;
}
#globalnav .nav05 .selected,
#globalnav .nav05 .selected:hover {
	background-position: -629px -120px;
}
#globalnav .nav06 .selected,
#globalnav .nav06 .selected:hover {
	background-position: -784px -120px;
}



/* 
	新規ヘッダーCSS　2019.04
*/

/* 既存CSS　リセットなど */
#bg-top {
	background-image: none !important;
}
#bg-top .wrap950 {
	width: 1000px;
}
/* 既存CSS　リセットなど：ここまで */

#header {
	position: absolute !important;
	z-index: 0;
	width: 100%;
	background: none;
	background-color: rgba(0,122,82,1);
}
@media screen and (max-width: 640px){
	#header { display: none; }
}
#gheader {
	position: relative;
	z-index: 10;
	font-family: 'メイリオ', Meiryo;
}
.gheaderBox {
	display: flex;
	justify-content: space-between;
	margin: auto;
	width: 100%;
	max-width: 1000px;
}

.gheaderBox_logo {
	display: flex;
	align-items: center;
	margin-top: 5px;
}
.gheaderBox_logoImg:hover {
	opacity: 1;
}

.gheaderBox_info {
	display: flex;
	justify-content: space-between;
}

.gheaderBox_infoLink {
	padding: 10px 0;
}

.gheaderBox_infoLink_member {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.gheaderBox_infoLink_memberList {
	margin-left: 10px;
	line-height: 1;
	font-size: 12px;
}
.gheaderBox_infoLink_memberList:first-child {
	margin-left: 0;
}
.gheaderBox_infoLink_memberList_login {
	display: block;
	border-radius: 5px;
	border: 1px solid rgba(204,204,204,1);
	padding: 5px 10px 6px;
	background-color: rgba(252,252,252,1);
	text-decoration: none !important;
	color: rgba(51,51,51,1);
}
.gheaderBox_infoLink_memberList_login:hover {
	color: rgba(51,51,51,1);
}
.gheaderBox_infoLink_memberList_login:before {
	content: url("/common/img/ico_login.png");
	display: inline-block;
	margin-right: 7px;
	width: 15px;
	height: 19px;
	vertical-align: -5px;
}
.gheaderBox_infoLink_memberList_logout {
	display: block;
	border-radius: 5px;
	border: 1px solid rgba(204,204,204,1);
	padding: 9px 10px 9px;
	background-color: rgba(252,252,252,1);
	text-decoration: none !important;
	color: rgba(51,51,51,1);
}
.gheaderBox_infoLink_memberList_logout:hover {
	color: rgba(51,51,51,1);
}
.gheaderBox_infoLink_memberList_regist {
	display: block;
	border-radius: 5px;
	border: 1px solid rgba(205,217,195,1);
	padding: 7px 12px 6px;
	background-color: rgba(235,245,230,1);
	text-decoration: none !important;
	color: rgba(0,89,67,1);
}
.gheaderBox_infoLink_memberList_regist:hover {
	color: rgba(0,89,67,1);
}
.gheaderBox_infoLink_memberList_regist:before {
	content: url("/common/img/ico_sign.png");
	display: inline-block;
	margin-right: 5px;
	width: 20px;
	height: 17px;
	vertical-align: -4px;
}
.gheaderBox_infoLink_memberList_menu {
	display: block;
	border-radius: 5px;
	border: 1px solid rgba(242,194,145,1);
	padding: 6px 14px 5px 20px;
	background-color: rgba(255,236,217,1);
	line-height: 1.5;
	text-decoration: none !important;
	color: rgba(51,51,51,1);
}
.gheaderBox_infoLink_memberList_menu:hover {
	text-decoration: underline !important;
	color: rgba(51,51,51,1);
}
.gheaderBox_infoLink_memberList_menu .member_name {
	display: inline-block;
	border-right: 1px solid rgba(242,194,145,1);
	padding-right: 20px;
	font-weight: bold;
}
.gheaderBox_infoLink_memberList_menu .member_name .member_name_honorific {
	display: inline-block;
	margin-left: 1em;
	font-weight: normal;
}
.gheaderBox_infoLink_memberList_menu .member_menu {
	display: inline-block;
}
.gheaderBox_infoLink_memberList_menu .member_menu:before {
	content: url("/common/img/ico_login_p.png");
	display: inline-block;
	margin-right: 7px;
	margin-left: 14px;
	width: 18px;
	height: 18px;
	vertical-align: -4px;
}
.gheaderBox_infoLink_memberListAnc {
	transition: .1s;
}
.gheaderBox_infoLink_memberListAnc:hover {
	opacity: 0.7;
	transition: .3s;
}
.gheaderBox_infoLink_memberListAnc:active,
.gheaderBox_infoLink_memberListAnc:focus {
	color: inherit !important;
}

.gheaderBox_infoLink_contents {
	display: flex;
	justify-content: flex-end;
}
.gheaderBox_infoLink_contentsList {
	margin-left: 20px;
}
.gheaderBox_infoLink_contentsList:first-child {
	margin-left: 0;
}
.gheaderBox_infoLink_contentsListAnc {
	display: block;
	padding-right: 3px;
	line-height: 1.5;
	font-size: 12px;
	text-decoration: none !important;
	color: rgba(51,51,51,1);
}
.gheaderBox_infoLink_contentsListAnc:hover {
	color: rgba(51,51,51,1);
}
.gheaderBox_infoLink_contentsListAnc:before {
	content: '';
	display: inline-block;
	margin: 0 8px 1px 0;
	border-top: 1px solid rgba(0,122,82,1);
	border-right: 1px solid rgba(0,122,82,1);
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
}
.gheaderBox_infoLink_contentsListAnc[target="_blank"]:before {
	content: '';
	display: inline-block;
	margin: 0 5px 1px 0;
	border: none;
	width: 12px;
	height: 10px;
	background-image: url("/top/img/top/ico_link_blank_green.png");
	background-repeat: no-repeat;
	vertical-align: -1px;
	transform: rotate(0);
}
.gheaderBox_infoLink_contentsListAnc:hover {
	text-decoration: underline !important;
}

.gheaderBox_infoJr{
	display: flex;
	align-items: center;
	margin-left: 20px;
}
.gheaderBox_infoJrImg:hover {
	opacity: 1;
}

.gheaderNav {
	display: flex;
	justify-content: center;
	background-color: rgba(0,122,82,1);
}
.gheaderNavList {
	width: 25%;
	max-width: 250px;
	font-size: 10px;
}
.gheaderNavListAnc {
	display: block;
	border-left: 1px solid rgba(149,178,125,1);
	padding: 14px 10px 11px;
	text-align: center;
	text-decoration: none !important;
	font-size: 1.6em;
	color: rgba(255,255,255,1);
	transition: .1s;
}
.gheaderNavListAnc.selected,
.gheaderNavListAnc:hover {
	background-color: rgba(0,148,99,1);
	color: rgba(255,255,255,1);
	transition: .3s;
}
.gheaderNavListAnc:active,
.gheaderNavListAnc:focus {
	color: rgba(255,255,255,1) !important;
}

.gheaderNavList:last-child .gheaderNavListAnc {
	border-right: 1px solid rgba(149,178,125,1);
}

#gheader div:after {
	content: none;
}


