@charset "Shift_JIS";



/* --------------------------------------------

更新日：20100307

追加 20100307 リニューアルスタイル上書き

10-1：基本レイアウト

10-2：ヘッダー

10-3：メインナビ

10-4：フッター

10-5：パンくずリスト


-----------------------------------------------*/



/* 追加 20100307 リニューアルスタイル上書き　------------------------- */


/* 10-1：基本レイアウト/コンテンツ内共通スタイル

---------------------------------------------------------------------------*/


body {
	background: url(/common/img/body_bg_all.png) center top repeat-y #f8f9fb;
}



/* Clearfix */  
.clearfix:after {  
	content: " ";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
.clearfix {  
	display: inline-block;  
	min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
	height: 1%;  
}  
.clearfix {  
	display: block;  
}  
/* End hide from IE-Mac */


.pageTop {
	display: none;}


div.btnPageTop {
	width:980px;
	margin: 0 auto;
	clear: both;}

div.btnPageTop p {
	text-align: right;
	padding: 0;
	margin: 0;}


div.btnPageTop p img {
	border: 0;}

div#headerArea p,
div#headerArea ul,
div#headerArea ol,
div#headerArea li,
div#headerArea dl,
div#headerArea dt,
div#headerArea dd,
div#headerArea img,
div#headerArea form,

div#footerArea p,
div#footerArea ul,
div#footerArea ol,
div#footerArea li,
div#footerArea dl,
div#footerArea dt,
div#footerArea dd,
div#footerArea img,
div#footerArea form
 {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
	font-weight: normal;
	border: 0;}


/* 10-2：ヘッダー　----------------------- */


div#headerArea {
	width: auto;
	height: 119px;
	background: url("/common/img/hd_bg.png") repeat-x;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 6000;
	text-align: center;
	}

div#hdMainnaviTop {
	height: 37px;
	width: 984px;
	margin:0 auto;
	position: relative;
	z-index: 9000;
	text-align: left;
	background: url("/images/bts_glb100401_top.png") 0 -35px no-repeat;}

div#hdMainnaviTop h1#logo {
	margin: 0;
	position: absolute;
	top: 37px;
	left: 383px;
	z-index: 9999;
	}


div#hdMainnaviTop ul#hdShopBtn {
	width: 278px;
	float: left;
	position: relative;
	top: 0;
	left: 30px;
	z-index: 9000;}

div#hdMainnaviTop ul#hdShopBtn li {
	width: 139px;
	height: 24px;
	float: left;}

div#hdMainnaviTop ul#hdShopBtn li a {
	display: block;
	width: 136px;
	height: 24px;
	background: url("/images/bts_glb100401_top.png") no-repeat;}

div#hdMainnaviTop ul#hdShopBtn li#SubBtnShop a {
	background-position: -30px -35px;}


div#hdMainnaviTop ul#hdShopBtn li#SubBtnTike a {
	background-position: -169px -35px;}




div#hdMainnaviTop ul#hdShopBtn li a:hover {
	background: url("/images/bts_glb100401_top.png") no-repeat;}


div#hdMainnaviTop ul#hdShopBtn li#SubBtnShop a:hover {
	background-position: -30px 0;}


div#hdMainnaviTop ul#hdShopBtn li#SubBtnTike a:hover {
	background-position: -169px 0;}


div#hdMainnaviTop ul#hdShopBtn li a span {
	display: none;}




div#hdMainnaviTop ul#hdSubBtn {
	width: 403px;
	position: absolute;
	top: 0;
	left: 334px;}

div#hdMainnaviTop ul#hdSubBtn li {
	height: 24px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: -1px;}

div#hdMainnaviTop ul#hdSubBtn li#SubBtnATM {
	width: 112px;}
	
div#hdMainnaviTop ul#hdSubBtn li#SubBtnMail {
	width: 101px;}
	
div#hdMainnaviTop ul#hdSubBtn li#SubBtnRec {
	width: 103px;}

div#hdMainnaviTop ul#hdSubBtn li#SubBtnEn {
	width: 87px;}
	

div#hdMainnaviTop ul#hdSubBtn li a {
	display: block;
	height: 24px;
	margin-right: 10px;}

div#hdMainnaviTop ul#hdSubBtn li a:hover {
	background: url("/images/bts_glb100401_top.png") no-repeat;}



div#hdMainnaviTop ul#hdSubBtn li#SubBtnATM a:hover {
	background-position: -333px 0;}

div#hdMainnaviTop ul#hdSubBtn li#SubBtnMail a:hover {
	background-position: -445px 0;}

div#hdMainnaviTop ul#hdSubBtn li#SubBtnRec a:hover {
	background-position: -546px 0;}

div#hdMainnaviTop ul#hdSubBtn li#SubBtnEn a:hover {
	background-position: -649px 0;}




div#hdMainnaviTop ul#hdSubBtn li a span {
	display: none;}



div#hdSiteSearch {
	width: 228px;
	position: absolute;
	top: 0;
	left: 744px;}

div#hdSiteSearch form {
	margin: 0;
	padding: 5px 0 0 10px;}

div#hdSiteSearch input#hsTextForm {
	display: block;
	width: 158px;
	height: 17px;
	float: left;
	border: 1px solid #bac6d9;
	margin: 0 1px 0 0;;
	padding: 0;
	vertical-align: top;
}


div#hdSiteSearch input#hsSearchBt {
	display: block;
	float: left;
	width: 46px;
	height: 19px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}




/* 10-3：メインナビ　----------------------- */


div#hdMainnavi {
	width: auto;
	margin: 0 auto;
	background:url(/common/img/bg_main_nav.png) center bottom no-repeat;
	position: relative;
	z-index: 8000;
}

div#hdMainnavi ul{
	width:984px;
	height:82px;
	position:relative;
	text-align:left;
	margin:0 auto;
}

div#hdMainnavi ul#hdGlobal_top li{
	position:absolute;
	width: 127px;
	height: 82px;
}

ul#hdGlobal_top{
	background:url("/images/bts_glb100401.png") no-repeat;
	width:984px;
	height:82px;
	margin:0;
	padding:0;
}

ul#hdGlobal_top span{
	display: none;
}

ul#hdGlobal_top li, #hdGlobal_top a {
	height:82px;
	display:block;
}

ul#hdGlobal_top li {
	width: 127px;
	float:left;
	list-style:none;
}

ul#hdGlobal_top li a:hover {
	background-image:url("/images/bts_glb100401.png");}

li#globalRecommend {
	top: 0;
	left: 1px;
	}
li#globalRecommend a:hover {background-position: -1px -82px;
	}

li#globalCampaign {
	top: 0;
	left: 128px;
	}
li#globalCampaign a:hover {background-position: -128px -82px; }

li#globalPointcard {
	top: 0;
	left: 255px;
	}
li#globalPointcard a:hover {background-position: -255px -82px; }


li#globalService {
	top: 0;
	left: 603px;
	}
li#globalService a:hover {background-position: -603px -82px; }

li#globalLoppi {
	top: 0;
	left: 730px;
	}
li#globalLoppi a:hover {background-position: -730px -82px; }

li#globalCompany {
	top: 0;
	left: 857px;
	}
li#globalCompany a:hover {background-position: -857px -82px;}







/* 10-4：フッター　----------------------- */

div#footerArea {
	background: url(/common/img/footer_bg_wrap.png) left top repeat-x #e7ecf2;
	font-size: 14px;
	text-align: center;
}

div#footerArea div#footerContents {
	width: 984px;
	margin: 0 auto;
	background: url(/common/img/footer_bg_mid.png) left top repeat-y;
	text-align: left;
}


div#footerArea div#footerContents div {
	width: 984px;
	padding: 22px 0 0 0;
	background: url(/common/img/footer_bg_top.png) left top no-repeat}

div#footerArea div#footerContents div div {
	padding: 0 0 23px 2px;
	background: url(/common/img/footer_bg_bottom.png) left bottom no-repeat}


div#footerArea div#footerContents dl {
	margin-right: 3px;
	float: left;}

div#footerArea div#footerContents dl.LinkBlockLarge {
	width: 251px;}

div#footerArea div#footerContents dl.LinkBlockSmall {
	width: 235px;}


div#footerArea div#footerContents dl dt {
	padding: 0 0 10px 10px;} 

div#footerArea div#footerContents dl dd {
	padding: 0 20px;}



div#footerArea div#footerContents div ul li {
	width: 211px;
	text-align: left;
	background: url(/common/img/footer_bg_dottedline.png) left bottom repeat-x;}

div#footerArea div#footerContents div ul li.noLine {
	background: none;}

div#footerArea div#footerContents dl.LinkBlockSmall ul li {
	width: 195px;}


div#footerArea div#footerContents div ul li a {
	display: block;
	height: auto !important;
	height: 1%;
	padding: 4px 10px 3px 5px;
	background: url(/common/img/footer_ico_arrow.png) right center no-repeat;
	color: #6f7b8d;}

div#footerArea div#footerContents div ul li a,
div#footerArea div#footerContents div ul li a:link,
div#footerArea div#footerContents div ul li a:visited {
	text-decoration: none;}

div#footerArea div#footerContents div ul li a:hover,
div#footerArea div#footerContents div ul li a:active {
	text-decoration: underline;}




div#footerbottom {
	background: url(/common/img/footer_bg_bottombar.png) left top repeat-x #1f5fa8;}

div#footerbottom div {
	width: 984px;
	margin: 0 auto;
	padding: 0 0 13px 0;
	background: url(/common/img/footer_bg_bottomline.png) left top no-repeat;}

div#footerbottom ul {
	float: left;
	width: 50%;
	padding: 17px 0 0 2px;}

div#footerbottom ul li {
	float: left;
	width: 104px;
	height: 23px;
	margin-right: 7px;}

div#footerbottom ul li a {
	display: block;
	width: 104px;
	height: 23px;}

div#footerbottom p {
	float: right;
	padding: 23px 0 0 0;}

div#footerbottom ul li span {
	display: none;}

li#linkContact {
	background: url(/common/img/footer_btn_contact.png) 0 0 no-repeat;}

li#linkSitemap {
	background: url(/common/img/footer_btn_contact.png) 100% 0 no-repeat;}

div#footerbottom ul li a:hover {
	background: url(/common/img/footer_btn_contact.png) no-repeat;}

div#footerbottom ul li#linkContact a:hover {
	background-position: 0 100%;}

div#footerbottom ul li#linkSitemap a:hover {
	background-position: 100% 100%;}


/* 10-5：パンくずリスト　----------------------- */

div#topicPathArea {
	background: url(/common/img/bg_topicpath.png) left bottom repeat-x;
	position: relative;
	z-index: 8000;
	font-size: 0.8em;}

div#topicPathArea div {
	width: 980px;
	margin: 0 auto;}


div#topicPathArea div ul {
	text-align: left;}

div#topicPathArea div ul li {
	float: left;}

div#topicPathArea div ul li#topicPathHome {
	width: 39px;
	height: 27px;
	display: block;
	float: left;
	padding: 0;
	background: url(/common/img/ico_topicpath_home.png)}

div#topicPathArea div ul li#topicPathHome a {
	width: 39px;
	height: 27px;
	display: block;
	background: url(/common/img/ico_topicpath_home.png);}


div#topicPathArea div ul li#topicPathHome span {
	display: none;}

div#topicPathArea div ul li {
	padding: 6px 5px 0 0;
	color: #1f5fa8;}

div#topicPathArea div ul li a {
	color: #1f5fa8;}