@charset "utf-8";

/* ==

　01. タグ固有のスタイル指定

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

#headerArea,
#globalNavArea,
#headerNavArea,
#footerNavArea,
#footerArea {
  line-height: 1.7;
	color: #333;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
	font-size: 100%;
}
#headerArea img,
#globalNavArea img,
#headerNavArea img,
#footerNavArea img,
#footerArea img {
	vertical-align: bottom;
}
#headerArea a img,
#globalNavArea a img,
#headerNavArea a img,
#footerNavArea a img,
#footerArea a img {
	border: none;
}
#headerArea a,
#globalNavArea a,
#headerNavArea a,
#footerNavArea a,
#footerArea a {
	color: #b49c39;
	text-decoration: underline;
}
#headerArea a:hover,
#globalNavArea a:hover,
#headerNavArea a:hover,
#footerNavArea a:hover,
#footerArea a:hover {
	text-decoration: none;
}

/* ==

　02. 大枠レイアウトのスタイル定義

	+ headerAreaN [幅狭用ヘッダ]
	+ headerArea [基本ヘッダ]
	+ globalNavArea [グローバルナビ]
	+ headerNavArea [ヘッダナビ]
	+ footerNavArea [フッタナビ]
	+ footerArea [基本フッタ]
	+ footerAreaN [幅狭用フッタ]

=============================================================================== */
#headerAreaN {
	display: none;
}
#headerArea {
	width: 100%;
	min-width: 1122px;
	height: 98px;
	background: #000 url(../../images/rn01/headerArea_bg_01.gif) left bottom repeat-x;
	overflow: hidden;
}
#headerNavArea {
	min-width: 1122px;
	height: 30px;
	margin-bottom: 16px;
	background: url(../../images/tf01/headerNavArea_bg_01.gif) left bottom repeat-x;
	color: #fff;
	font-size: 12px;
}
#containerWrapper {
	width: 1122px;
	margin: 0 auto;
}
#footerNavArea {
	position: relative;
	width: 100%;
	min-width: 1122px;
	margin-top: 15px;
}
#footerArea {
	width: 100%;
	min-width: 1122px;
	height: 96px;
	background-color: #fff;
	overflow: hidden;
}
#footerAreaN {
	display: none;
}
#footerAreaJS {
	display: none;
}

/* headerArea
------------------------------------------------------------------------------- */

#headerArea .areaInner {
	width: 1112px;
	margin: 0 auto;
}

#headerArea .areaInner #siteLogo {
	float: left;
	padding: 32px 0 34px;
}

#headerArea .areaInner div {
	position: relative;
	float: right;
	width: 178px;
	padding-top: 36px;	
}

#headerArea .areaInner div p {
	width: 31px;
}

#headerArea .areaInner div .searchtxt {
	position: relative;
	width: 147px;
}

#headerArea .areaInner div .searchtxt img {
	position: absolute;
	top: 5px;
	left: 7px;
}

#headerArea .areaInner div .searchtxt input {
	width: 115px;
	height: 22px;
	line-height: 22px;
	padding: 0 5px 0 25px;
	border: 1px solid #312b29;
	vertical-align: top;
	color: #333;
}

* html #headerArea .areaInner div .searchtxt input {
	margin-top: -1px;
}
*:first-child+html #headerArea .areaInner div .searchtxt input {
	margin-top: -1px;
}

#headerArea .areaInner div .searchBtn {
	position: absolute;
	top: 36px;
	right: 0;
}

/* globalNavArea
------------------------------------------------------------------------------- */

#globalNavArea {
	height: 40px;
	margin: 0;
	background: url(../../images/tf01/globalNav_bg_01.jpg) left top repeat-x;
	font-size: 12px;
}

#globalNavArea .mainCategory {
	width: 1114px;
	margin: 0 auto;
}

#globalNavArea .mainCategory li {	float: left; }

/* headerNavArea
------------------------------------------------------------------------------- */

#headerNavArea .areaInner {
	position: relative;
	width: 1112px;
	line-height: 30px;
	margin: 0 auto;
}

#headerNavArea .areaInner .userName {
	float: left;
	color: #333;
}

#headerNavArea .areaInner .tagLine {
	line-height: 29px;
	padding-right: 194px;
	font-size: 10px;
	text-align: right;
	color: #333;
}

#headerNavArea .areaInner .actionBtn ul {	display: none; }

#headerNavArea .areaInner ul {
	float: right;
	width: 638px;
	padding-right: 187px;
}

#headerNavArea .areaInner li {
	float: left;
	background: url(../../images/tf01/headerNavArea_bg_02.gif) left 8px no-repeat;
	text-align: center;
}

#headerNavArea .areaInner .nav01 { width: 139px; }
#headerNavArea .areaInner .nav02 { width: 156px; }
#headerNavArea .areaInner .nav03 { width: 113px; }
#headerNavArea .areaInner .nav04 { width: 113px; }
#headerNavArea .areaInner .nav05 { width: 117px; }

#headerNavArea .areaInner a {
	color: #333;
	text-decoration: none;
}
#headerNavArea .areaInner a:hover {	text-decoration: underline; }

#headerNavArea .areaInner .actionBtn p {
	float: none;
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	padding-right: 0;
}

#headerNavArea .areaInner .actionBtn p a {
	display: block;
	width: 185px;
	height: 30px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}

#headerNavArea .areaInner .actionBtn .btnLogin a { background-image: url(../../images/tf01/headerNavArea_btn_01.gif); }
#headerNavArea .areaInner .actionBtn .btnLogout a {	background-image: url(../../images/tf01/headerNavArea_btn_02.gif); }
#headerNavArea .areaInner .actionBtn p a:hover { background-position: left -30px; }



/* footerNavArea
------------------------------------------------------------------------------- */

#footerNavArea .clubBtn {	display: none; }

#footerNavArea p,
#footerNavArea span,
#footerNavArea dt,
#footerNavArea dd {
	color: #333;	
}

#footerNavArea .innerBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: url(../../images/tf01/footNav_bg_01.gif) left top repeat-x;
}

#footerNavArea .areaInner {
	position: relative;
	width: 1112px;
	height: 40px;
	margin: 0 auto;
	color: #333;
}

#footerNavArea .pagetop {
	position: absolute;
	top: -5px;
	right: 0;
	z-index: 2000;
}

#footerNavArea #slideWrap .slideNav {
	position: absolute;
	top: -40px;
	left: 5px;
	font-size: 10px;
}

#footerNavArea #slideWrap .slideNav.nav2 { left: 120px; }
#footerNavArea #slideWrap .slideNav.nav3 { left: 310px; }
#footerNavArea #slideWrap .slideNav.nav4 { left: 464px; }
#footerNavArea #slideWrap .slideNav.nav1 { width: 115px; }
#footerNavArea #slideWrap .slideNav.nav2 { width: 190px; }
#footerNavArea #slideWrap .slideNav.nav3 { width: 154px; }
#footerNavArea #slideWrap .slideNav.nav4 { width: 116px; }

#footerNavArea #slideWrap .slideNav a {
	display: block;
	height: 25px;
	padding: 15px 22px 0 23px;
	background-position: left 14px;
	background-repeat: no-repeat;
	background-image:  url(../../images/rn01/icon_05.gif);
}

#footerNavArea #slideWrap .fNavOpen a {	background-image:  url(../../images/rn01/icon_06.gif); }

#footerNavArea #slideWrap {	position: relative;
	line-height: 1.5;
	background: #fff url(../../images/rn01/footNav_bg_06.jpg) left bottom repeat-x;
}

#footerNavArea #slideWrap .slideInner {
	position: relative;
	width: 1122px;	
	margin: 0 auto;
}

#footerNavArea #slideWrap #slideBox1,
#footerNavArea #slideWrap #slideBox2,
#footerNavArea #slideWrap #slideBox3,
#footerNavArea #slideWrap #slideBox4 {
	display: none;
	overflow: hidden;
}

#footerNavArea #slideWrap #slideBox1 { padding: 20px 0 15px; }

#footerNavArea #slideWrap #slideBox1 div {
	display: inline;
	float: left;
	width: 177px;
	margin: 0 5px;
}

#footerNavArea #slideWrap #slideBox1 .slideCol2 {	width: 541px; }

#footerNavArea #slideWrap #slideBox1 .slideCol2 ul {
	float: left;
	width: 175px;
	margin-right: 5px;
}

#footerNavArea #slideWrap #slideBox1 .slideCol2 ul ul {
	float: none;
	width: auto;
	margin-right: 0;
}

#footerNavArea #slideWrap #slideBox1 div p {
	margin-bottom: 15px;
	padding: 2px 0 1px 12px;
	background: url(../../images/rn01/icon_17.gif) left top no-repeat;
	font-weight: bold;
}
#footerNavArea #slideWrap #slideBox1 div li {
	margin-bottom: 8px;
	padding-left: 11px;
	background: url(../../images/rn01/icon_07.png) left 0.35em no-repeat;
}

#footerNavArea #slideWrap #slideBox1 div li ul { padding-top: 3px; }
#footerNavArea #slideWrap #slideBox1 div li li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../../images/rn01/icon_01.gif) left 0.45em no-repeat;
	font-size: 84%;
}

#footerNavArea #slideWrap #slideBox1 div a {
	color: #333;
	text-decoration: none;	
}

#footerNavArea #slideWrap #slideBox1 div a:hover { text-decoration: underline; }

#footerNavArea #slideWrap #slideBox1 .socialBtn {
	float: left;
	width: 178px;
}

#footerNavArea #slideWrap #slideBox1 .socialBtn li {
	float: left;
	margin-right: 11px;
}

#footerNavArea #slideWrap #slideBox2,
#footerNavArea #slideWrap #slideBox3 {
	position: relative;
}

#footerNavArea #slideWrap #slideBox4 {
	position: relative;
	padding: 20px 0;
}

#footerNavArea #slideWrap #slideBox2 dl,
#footerNavArea #slideWrap #slideBox3 dl {
	display: inline;
	float: left;
	width: 177px;
	min-height: 174px;
	height: auto !important;
	height: 174px;
	margin: 0 5px;
	padding: 20px 0;
}

#footerNavArea #slideWrap #slideBox2 dt,
#footerNavArea #slideWrap #slideBox3 dt {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

#footerNavArea #slideWrap #slideBox2 dd p,
#footerNavArea #slideWrap #slideBox3 dd p {	margin-bottom: 13px; }
#footerNavArea #slideWrap #slideBox3 dd li {
	margin-bottom: 3px;
	background-position: left 0.35em;
}

#footerNavArea #slideWrap #slideBox4 .right {
	font-size: 117%;
	font-weight: bold;
}

#footerNavArea #slideWrap .bukkenWrap {
	width: 941px; /*ズームで折り返す対策*/
	position: absolute;
	top: 20px;
	left: 187px;
}

#footerNavArea #slideWrap .bukkenWrap li {
	display: inline;
	float: left;
	width: 155px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	line-height: 1.4;
	margin: 0 5px;
	padding: 12px 10px 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 10px;
}

#footerNavArea #slideWrap .bukkenWrap .img {
	width: 100px;
	margin: 0 auto 10px;
	padding: 1px;
	border: 1px solid #999;
}

#footerNavArea #slideWrap #slideBox4 .tit {	margin: 0 5px 13px; }

#footerNavArea #slideWrap #slideBox4 dl {
	margin: 0 5px 12px;
	padding-bottom: 12px;
	background: url(../../images/rn01/footNav_bg_03.gif) left bottom repeat-x;
	font-size: 117%;
}

#footerNavArea #slideWrap #slideBox4 dt {
	display: block;
	float: left;
	width: 270px;
}

#footerNavArea #slideWrap #slideBox4 dd {
	float: right;
	width: 832px;
}

#footerNavArea #slideWrap #slideBox4 dd a {	font-weight: bold; }

/* footerArea
------------------------------------------------------------------------------- */

#footerArea a {
	color: #4d4d4f;
	text-decoration: none;
}

#footerArea a:hover {	text-decoration: underline; }

#footerArea .areaInner {
	position: relative;
	width: 1112px;
	margin: 0 auto;
}

#footerArea .areaInner .groupLogo {
	position: absolute;
	top: 14px;
	left: 0;
}

#footerArea .areaInner .column1 {
	float: left;
	width: 460px;
	padding: 24px 0 0 86px;
}

#footerArea .areaInner .column1 ul {
	line-height: 1.2;
	margin-bottom: 12px;
	overflow: hidden;
}

#footerArea .areaInner .column1 li {
	display: inline;
	float: left;
	margin: 0 13px 0 -7px;
	padding-left: 6px;
	border-left: 1px solid #4d4d4f;
	font-size: 12px;
}

#footerArea .areaInner .column1 .navBtm li { font-size: 11px; }

#footerArea .areaInner .column2 {
	float: right;
	width: 320px;
	line-height: 1;
	padding-top: 24px;
	text-align: right;
}

#footerArea .areaInner .column2 p {
	line-height: 1.1;
	color: #4D4D4F;
	font-size: 11px;
	margin-bottom: 13px;
}



/* ==

　06. 汎用スタイル

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

/* 回り込み解除
------------------------------------------------------------------------------- */

* html #headerArea .areaInner,
* html #globalNavArea .areaInner,
* html #headerNavArea .areaInner,
* html #footerNavArea .areaInner,
* html #footerArea .areaInner,
* html #footerNavArea #slideWrap div,
* html #footerNavArea #slideWrap dl { zoom: 1; } /* ie6 */

*:first-child+html #headerArea .areaInner,
*:first-child+html #globalNavArea .areaInner,
*:first-child+html #headerNavArea .areaInner,
*:first-child+html #footerNavArea .areaInner,
*:first-child+html #footerArea .areaInner,
*:first-child+html #footerNavArea #slideWrap div,
*:first-child+html #footerNavArea #slideWrap dl { zoom: 1; } /* ie7 */

#headerArea .areaInner:after,
#globalNavArea .areaInner:after,
#headerNavArea .areaInner:after,
#footerNavArea .areaInner:after,
#footerArea .areaInner:after,
#footerNavArea #slideWrap div:after,
#footerNavArea #slideWrap dl:after { content: ''; display: block; clear: both; height: 0; }

/* リンクテキスト
------------------------------------------------------------------------------- */

#footerNavArea p.linkTxt,
#footerNavArea .linkTxt li {
	padding-left: 12px;
	background: url(../../images/rn01/icon_07.png) left 0.45em no-repeat;
}
#footerNavArea a.linkTxt,
#footerNavArea span.linkTxt {
	padding-left: 12px;
	background: url(../../images/rn01/icon_07.png) left 0.15em no-repeat;
}

#footerNavArea .linkTxt a,
#footerNavArea a.linkTxt {
	color: #333;
	text-decoration: none;	
}

#footerNavArea .linkTxt a:hover,
#footerNavArea a.linkTxt:hover {
	text-decoration: underline;
}

/* 位置調整
------------------------------------------------------------------------------- */

#footerNavArea .right { text-align: right; }



/* ==

　99. 追加パターン

=============================================================================== */
/* ヘッダー背景白
------------------------------------------------------------------------------- */
#headerArea.opType02 {
	background-color: #fff;	
}
#headerArea.opType02 .areaInner div .searchtxt input {
	border: 1px solid #c5c1c0;
}