@charset "shift-jis";
/* CSS Document */
@import url("font.css");

/******************************************************************************************

	<css/common.css>

*******************************************************************************************/

/*==========================================================================================

	// 共通設定

==========================================================================================*/
/* リンク */
a:link { color:#303a41; text-decoration:none; }
a:visited { color:#303a41; }
a:hover { color:#303a41; }
a:active { color:#303a41; }
a:focus {  color:#303a41; text-decoration:none; }

/* 文字色 */
.cBlack { color: #000; }
.cWhite { color: #fff; }

/* 画像 */
img{
	margin: 0;
	padding: 0;
	border: none;
	vertical-align:top;
	-ms-interpolation-mode: bicubic;
}
.imghover:hover {
	opacity:0.8;
}
.imghover:active {
	opacity:0.5;
}

/* クリアフィックス */
.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* 仕切り線 */
hr {
	border-top: dotted 1px #c9caca;
	margin:4px 0;
	padding:0;
}

/* Pタグ */
p { padding: 2px; }
/* 見出し */
h2,h3,h4 { font-size: 18px; font-size: 1.8rem;line-height:1.5; }


/* その他の共通設定は asset.css に記述 */

/*==========================================================================================

	// 全体

==========================================================================================*/
/*html { font-size: 62.5%; }*/
body,
input,
button {
	/* スマホ用フォント指定 
	font-family: 'Hiragino Kaku Gothic ProN', 'MotoyaLMaru', 'MotoyaLCedar', 'Droid Sans', Meiryo, 'sans-serif';
	*/
	/* PC用フォント指定 */
	font-family: 'Hiragino Kaku Gothic Pro','Meiryo','MS UI Gothic',sans-serif;
	outline:none;
	margin: 0;
	padding: 0;
	/*font-size: 14px;
	font-size: 1.4rem;
	line-height:1.5;*/
	color:#303a41;
}


/*-----------------------------------------------------------------------------------------
    ヘッダー
-----------------------------------------------------------------------------------------*/
#header {
	display:block;
	overflow:hidden;
	height:110px;
	background:url(../images/bg_giza.png) repeat-x left bottom;
}
#header div .logo {
	float:left;
	margin-top: 38px;
	width:166px;
	height:33px;
}
#header div .logo img{
	width:166px;
	height:33px;
}
#header div ul.global-navi{
	float:right;
	display:table;
	margin-top:23px;
	width:735px;
	/*width:525px;*/
}
#header div ul.global-navi > a,
#header div ul.global-navi > li.item{
	display:table-cell;
	text-align: center;
	width:105px;
	/*height:50px;*/
	height:55px;
	margin:0px;
	padding:0px;
	color:#0047be;
	text-decoration:none;
	cursor:pointer;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-ms-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}
#header div ul.global-navi > a:nth-child(3){
	border-left:solid 2px #E2E2E0;
}
#header div ul.global-navi > a > li,
#header div ul.global-navi > li.item > div{
	position: relative;
	height: 100%;
	display: block;
	overflow: hidden;
	padding:0px;

}
#header div ul.global-navi > a > li > span,
#header div ul.global-navi > li.item > div > span{
	position: absolute;
	bottom: 4px;
	width: 100%;
	left: 0px;
	font-size:14px;
	line-height:1.5;
}
#header div ul.global-navi > a:hover{
	background:#0047be;
	color:#FFF;
}

/*NEWS*/
#header div ul.global-navi a li.news{
	background:url(../images/icon_news_off.png) no-repeat center top;
	
}
#header div ul.global-navi a:hover li.news{
	background:url(../images/icon_news_on.png) no-repeat center top;
}
/*
#header div ul.global-navi a li.news:after{
	content:'NEWS';
}
#header div ul.global-navi a:hover li.news:after{
	content:'ニュース';
	font-size:12px;
	font-size:1.2rem;
}
*/

/*ITEMS*/
#header div ul.global-navi > li.item{
	background:url(../images/icon_items_off.png) no-repeat center top;
}
.item-hover{
	background:url(../images/icon_items_on.png) no-repeat center top !important;
	background-color:#0047be !important;
	color:#FFF !important;
}
/*
#header div ul.global-navi > li.item > div:after{
	content:'ITEMS';
}
#header div ul.global-navi > li.item:hover > div:after{
	content:'アイテム';
	font-size:12px;
	font-size:1.2rem;
}
*/



/*FUN PLAZA*/

#header div ul.global-navi a li.fun{
	background:url(../images/icon_funplaza_off.png) no-repeat center top;
}
#header div ul.global-navi a:hover li.fun{
	background:url(../images/icon_funplaza_on.png) no-repeat center top;
}
/*
#header div ul.global-navi a li.fun:after{
	content:'FUN PLAZA';
}
#header div ul.global-navi a:hover li.fun:after{
	content:'ファンプラザ';
	font-size:12px;
	font-size:1.2rem;
}
*/

/*BRAND*/
#header div ul.global-navi a li.brand{
	background:url(../images/icon_brands_off.png) no-repeat center top;
}
#header div ul.global-navi a:hover li.brand{
	background:url(../images/icon_brands_on.png) no-repeat center top;
}
/*
#header div ul.global-navi a li.brand:after{
	content:'BRANDS';
}
#header div ul.global-navi a:hover li.brand:after{
	content:'ブランド';
	font-size:12px;
	font-size:1.2rem;
}
*/

/*STORE*/
#header div ul.global-navi a li.store{
	background:url(../images/icon_storelist_off.png) no-repeat center top;
}
#header div ul.global-navi a:hover li.store{
	background:url(../images/icon_storelist_on.png) no-repeat center top;
}
/*
#header div ul.global-navi a li.store:after{
	content:'STORE LIST';
}
#header div ul.global-navi a:hover li.store:after{
	content:'ストアリスト';
	font-size:12px;
	font-size:1.2rem;
}
*/

/*ONLINE SHOP*/
#header div ul.global-navi a li.shop{
	background:url(../images/icon_onlineshop_off.png) no-repeat center top;
}
#header div ul.global-navi a:hover li.shop{
	background:url(../images/icon_onlineshop_on.png) no-repeat center top;
}
/*
#header div ul.global-navi a li.shop:after{
	content:'ONLINE SHOP';
}
#header div ul.global-navi a:hover li.shop:after{
	content:'オンラインショップ';
	font-size:10px;
	font-size:1.0rem;
}
*/

/*PLAZA PASS*/
#header div ul.global-navi a li.pass{
	background:url(../images/icon_plazapass_off.png) no-repeat center top;
}
#header div ul.global-navi a:hover li.pass{
	background:url(../images/icon_plazapass_on.png) no-repeat center top;
}
/*
#header div ul.global-navi a li.pass:after{
	content:'PLAZA PASS';
}
#header div ul.global-navi a:hover li.pass:after{
	content:'プラザパス';
	font-size:12px;
	font-size:1.2rem;
}
*/





/*-----------------------------------------------------------------------------------------
    SNS
-----------------------------------------------------------------------------------------*/

#sns{
	position:fixed;
	top:130px;
	right:0px;
	width:35px;
	background-color:#F5F4EC;
	border-top:solid 2px #E2E2E0;
	border-left:solid 2px #E2E2E0;
	border-bottom:solid 2px #E2E2E0;
	padding:26px 6px;
	border-radius:8px 0px 0px 8px;
}
#sns img{
	margin:4px 0px;
}

/*-----------------------------------------------------------------------------------------
    フッター
-----------------------------------------------------------------------------------------*/
#footer{
	margin-top:32px;
	padding-bottom:10px;
	background:#f5f4ec;
	font-size: 14px;
	text-align:left;
	font-weight: normal;
}
#footer .layout-978{
	display:block;
	overflow:hidden;
}
#footer .col3 ul li{
	line-height:2.5;
	padding-left:30px;
}
.ie_8 #footer .col3{
	width: 214px;
}
#footer .col3 ul li.news{
	background:url(../images/icon_glay_news.png) no-repeat left center;
}
#footer .col3 ul li.item{
	background:url(../images/icon_glay_items.png) no-repeat left center;
}
#footer .col3 ul li.fun{
	background:url(../images/icon_glay_funplaza.png) no-repeat left center;
}
#footer .col3 ul li.brand{
	background:url(../images/icon_glay_brands.png) no-repeat left center;
}
#footer .col3 ul li.store{
	background:url(../images/icon_glay_storelist.png) no-repeat left center;
}
#footer .col3 ul li.shop{
	background:url(../images/icon_glay_onlineshop.png) no-repeat left center;
}
#footer .col3 ul li.pass{
	background:url(../images/icon_glay_plazapass.png) no-repeat left center;
}
#footer .col3 ul a{
	text-decoration:none;
}
#footer .col3 ul a:hover,#footer .right_txt a:hover{
	color:#778084;
}
#footer .border{
	border-top:solid 2px #0047BE;
	margin:20px 0px;
}
#footer .right_txt{
	float:right;
	margin-top:-10px;
}
#footer .right_txt a{
	background:url(../images/arrow_01.png) no-repeat left 4px;
	padding-left:13px;
}
.ie_8 #footer .right_txt a{
	background:url(../images/arrow_01.png) no-repeat left 2px;
	padding-left:13px;
}
#footer .logo,
#footer .copyright{
	float:left;
	margin:20px 10px;
}
#footer .copyright{
	width:auto;
	color: #303A41;
	padding:0;
	clear:inherit;
	font-size: 14px;
	}
#footer .logo img{
	width:164px;
	height:22px;
}
/*-----------------------------------------------------------------------------------------
    パンくず
-----------------------------------------------------------------------------------------*/

.bread {
     color: #808080;
    font-size: 11px;
    padding: 0.4rem 0.8rem;
    position: relative;
    margin: 0 0 10px 120px;
}