@charset "UTF-8";

@import url("/common/css/default.css");
@import url("/common/css/layout_contents.css");
@import url("/common/css/navi.css");

/* -------------------------
  font
------------------------- */
.yuMincho { font-family:YuMincho,'Yu Mincho',serif; font-weight: 700; }

/* -------------------------
  page_nav
------------------------- */
#page_nav { width:100%; height:auto; padding:12px 15px; background:url(../img/index_brandBox_bg.jpg) center top; box-sizing:border-box; }
/*#bland_select { width:980px; height:auto; margin:15px auto 0 auto; position:relative; }*/
	#page_nav li { float:left; width:22%; text-align:center; }
	#page_nav li:first-child { width:12%; }
	#page_nav li .pageLinkBtn { width:100%; height:70px; margin:0 auto; background:url(../img/nav/nav_off_bg.png) no-repeat center; background-size:100% 50px; position:relative; transition: all 0.3s; }
	#page_nav li .pageLinkBtn img { width:auto; height:70px; }
	#page_nav li .pageLinkBtn a { position:absolute; top:0; left:0; width:100%; height:100%; }
	#page_nav li .top:hover { background:url(../img/nav/nav_on_top_bg.png) no-repeat center; background-size:100% 50px; }
	#page_nav li .tokeidai_on { background:url(../img/nav/nav_on_tokeidai_bg.png) no-repeat center; background-size:100% 50px; }
	#page_nav li .tokeidai:hover { background:url(../img/nav/nav_on_tokeidai_bg.png) no-repeat center; background-size:100% 50px; }
	#page_nav li .karamen_on { background:url(../img/nav/nav_on_karamen_bg.png) no-repeat center; background-size:100% 50px; }
	#page_nav li .karamen:hover { background:url(../img/nav/nav_on_karamen_bg.png) no-repeat center; background-size:100% 50px; }
	#page_nav li .mazesoba_on { background:url(../img/nav/nav_on_mazesoba_bg.png) no-repeat center; background-size:100% 50px; }
	#page_nav li .mazesoba:hover { background:url(../img/nav/nav_on_mazesoba_bg.png) no-repeat center; background-size:100% 50px; }
	#page_nav li .vege_chuuka_on { background:url(../img/nav/nav_on_vege_chuuka_bg.png) no-repeat center; background-size:100% 50px; }
	#page_nav li .vege_chuuka:hover { background:url(../img/nav/nav_on_vege_chuuka_bg.png) no-repeat center; background-size:100% 50px; }
	#page_nav li .pageLinkBtn a:hover img { transform:scale(1.04, 1.04); transition: all 0.3s; }


/* -------------------------
  localNav
------------------------- */
#localNav { float:left; width:200px; padding:0 0 50px 0; }
	#localNav img { max-width:100%; }
	#localNav ul { background:#fafafa; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; }
	#localNav li { text-align:center; border-bottom:1px dashed #d9d9d9; }
		#localNav li:last-child { border-bottom:1px solid #d9d9d9; }
		#localNav li .itemName { font-size:11px; line-height:1.3em; padding-top:15px; }
			#localNav li .itemName span.kakko { margin-left:-0.7em; }
		#localNav li .itemImg_wl { width:120px; height:auto; padding:8px 0 12px 0; }
		#localNav li .localNavBtn { width:102px; padding-bottom:15px; }
		#localNav ul li a { text-decoration:none; color:#4e4e4e; display:flex; flex-flow:column; align-items:center; }

		/*--ホバー設定--*/
		#localNav li:hover { cursor:pointer; }
			#localNav li:hover .itemName {
				filter:alpha(opacity=50);
    			-moz-opacity:0.5;
    			opacity:0.5; }
			#localNav li:hover img {
				filter:alpha(opacity=50);
    			-moz-opacity:0.5;
    			opacity:0.5; }


/* -------------------------
  サイドバー背景
------------------------- */
.brand_sidebar_bg {
	background-image: url(/common/img/bg_nv_sub.gif);
	background-position: 0 10px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}