@charset "utf-8";


/* ==========================
    
    Global Navigation
    
========================== */

/*=== Header ===*/

div.header {
	background: url(../../../styles/img/globalnav2015/gbn_head_bg.png) repeat-x ;
	background-color: #fff;
}
div.header_wrap {
	width:945px;
	min-height: 10px;
	margin: 0 auto;
}
div.box_l { float:left;}
div.box_r { float:right;}

/*=== 姉妹サイト #group ===*/

#group div.box_l {
	width:380px;
	height:26px;
	background: url(../../../styles/img/globalnav2015/gbn_h1.png) no-repeat top left ;
}
#group div.box_l h1 { 
	float:left;
}
#group div.box_l p.copy { 
	font-size:12px;
	margin-top: 6px;
	margin-left: 130px;
	padding:0;
}
#group div.box_r ul {
	font-size:0.9em;
	margin-top:3px;
}

#group div.box_r ul li {
	float:left;
	color:#FFF;
}
#group div.box_r ul li:first-child {
		border-left: solid 1px #e6e6e6;
}
#group div.box_r ul li a {
	color:#666;
	display:block;
	padding: 2px 11px 3px 11px;
	border-right: solid 1px #e6e6e6;
	text-decoration: none;
	background: #FFF;
}
#group div.box_r ul li.active a {
	color:#FFF;
	background: #c1272d;
}
#group div.box_r ul li a:hover {
	color:#FFF;
	border-right: solid 1px #e6e6e6;
	background: #c1272d;
}

/*=== グローバルナビゲーション #glovalnav ===*/

#globalnav div.box_l img { margin-top:10px;margin-left:40px;}
#globalnav div.box_r ul { 
	width: 773px;
	height:58px; 
	margin:10px 0;
}
#globalnav div.box_r ul li { float:right; }
#globalnav div.box_r ul li { border-left : solid 1px #e6e6e6; }
#globalnav div.box_r ul li:first-child { border-right : solid 1px #e6e6e6; }
#globalnav div.box_r ul li a {
	display:block;
	width:140px;
	height:58px;
	background-color: #fff;
	text-decoration: none;
	color: #000;
	font-size: 17px;
	line-height: 58px;
	text-align: center;
	font-family:Avenir , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

#globalnav div.box_r ul li a:hover { background-color:#eee;}

/*=== ログインパネル #login_info ===*/

#login_info {	
	background: url(../../../styles/img/globalnav2015/gbn_loginarea_bg.png) #525252 repeat-y bottom ;
}
#login_wrap {	
	background: url(../../../styles/img/globalnav2015/gbn_login_bg.png) repeat-x top ;
}

#login_info div.box_l {
	width:580px;
}
#login_info div.box_l ul {
	margin-top:5px;
}	
#login_info div.box_l ul li { 
	height:20px;
	color:#FFF;
	float:left;
	padding:0 8px 0 0;
	margin-right: 8px;
	margin-bottom: 3px;
	border-right: solid 1px #e6e6e6;
}

#login_info div.box_l ul li.btn_login,
#login_info div.box_l ul li.btn_entry,
#login_info div.box_l ul li.btn_logout,
#login_info div.box_l ul li.btn_mypage,
#login_info div.box_l ul li.btn_cart { font-size:0.9em; padding-top:2px; }

#login_info div.box_l ul li .login_id {
	font-size: 12px;
}

#login_info div.box_l ul li.login_user,
#login_info div.box_l ul li:last-child { 
	border-right: none;
}

#login_info div.box_l ul li a { color:#FFF; text-decoration: none;} 
#login_info div.box_l ul li a:hover { color:#FFF; text-decoration: underline;} 
#login_info div.box_l ul li.btn_login {
	 background: url(../../../styles/img/globalnav2015/gbn_icon_login.png) no-repeat 0px 0px ;
	padding-left:12px;
}
#login_info div.box_l ul li.btn_cart {
	 background: url(../../../styles/img/globalnav2015/gbn_icon_cart.png) no-repeat 0px 0px ;
	padding-left:12px;
}

#login_info div.box_r { 
	width: 358px;
	height: 32px;
	background: url(../../../styles/img/globalnav2015/gbn_tel.png) no-repeat top left ;
}
#login_info div.box_r p.tel { 
	float:left;
	color:#FFF;
	line-height:1;
	letter-spacing:0;
	font-size:2em;
	margin-top:3px;
	margin-left:32px;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}
#login_info div.box_r p.tel a { 
	color:#FFF;
	text-decoration:none;
}
#login_info div.box_r p.open { 
	color:#FFF;
	line-height:1;
	font-size: 0.8em;
	margin-top:6px;
	margin-left:215px;
}

/*=== clear / hidden ===*/
	
.fclear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.hidden { visibility: hidden;}