@charset "utf-8";


/* ==

　01. リセット用スタイル

=============================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, capTxt, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==

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

	□　各フォントサイズの指定値
 *  10 px : 84%   |  11 px : 92% 
 *  12 px : 100%  |  13 px : 109%
 *  14 px : 117%  |  15 px : 125%
 *  16 px : 134%  |  17 px : 142%
 *  18 px : 150%  |  19 px : 159%
 *  20 px : 167%  |  22 px : 184%
 *  24 px : 200%  |  26 px : 217%
 *  28 px : 234%  |  30 px : 250%
 *  32 px : 267%
 
 	※％指定がネストする場合の指定値は別途要計算
=============================================================================== */
html {
	overflow-y: scroll;
}
html,
body {
  height: 100%;
}
body {
  line-height: 1.7;
	background: #eeece2;
	color: #333;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuProN-W3", Osaka, Sans-Serif;
	font-size: 75%;
	-webkit-text-size-adjust: none;	/* webkit */
}
img {
	vertical-align: bottom;
}
a img {
	border: none;
}
h1,
h2,
h3,
h4,
h5 {
	font-weight: bold;
}
a  {
	color: #b49c39;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* ==

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

	allWrapper
		+ headerAreaN [幅狭用ヘッダ]
		+ headerArea [基本ヘッダ]
		+ headerNavArea [ヘッダナビ]
		+ liquidArea [背景画像]
		+ container [コンテンツ]
		+ varietyArea [トップページ用汎用エリア]
		+ footerNavArea [フッタナビ]
		+ footerArea [基本フッタ]
		+ footerAreaN [幅狭用フッタ]

=============================================================================== */
#allWrapper {
	position: relative;
	width: 100%;
	min-width: 319px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#headerAreaN {
	display: none;
	border-bottom: 2px solid #574e4b;
	background-color: #fff;	
}
#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: 20px;
	background: url(../../images/rn01/headerNavArea_bg_01.png) left bottom repeat-x;
	color: #fff;
	font-size: 12px;
}
* html #headerNavArea {	background: #333; } /* ie6 */
#liquidArea {
	position: absolute;
	top: 98px;
	left: 0;
	width: 100%;
	min-width: 1122px;
	overflow: hidden;
	z-index: -1000;
}
#container {
	position: relative;
	width: 1122px;
	min-height: 235px;
	height: auto !important;
	height: 235px;
	margin: 0 auto;
	padding-bottom: 174px;
	text-align: left;
}

#footerNavArea {
	position: absolute;
	width: 100%;
	min-width: 1122px;
	bottom: 96px;	
	left: 0;
	margin-top: -40px;
	z-index: 1000;
}

#footerArea {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-width: 1122px;
	height: 96px;
	background-color: #fff;
	z-index: 1500;
	overflow: hidden;
}

#footerAreaN {
	display: none;
	border-top: 1px solid #7c7870;
	text-align: center;
}
#footerAreaJS {
	display: none;
}
/* headerAreaN
------------------------------------------------------------------------------- */

#headerAreaN .logo {
	float: left;
	padding: 10px 0 0 10px;
}

#headerAreaN .btn {	float: right; }

#headerAreaN .logo img {
	-ms-interpolation-mode: bicubic; /* IE7対策 */
}

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

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

#headerArea .areaInner h1,
#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-radius: 0;
	border: 1px solid #312b29;
	vertical-align: top;
}

* 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;
}

#headerArea .areaInner div .searchBtn input {
	border-radius: 0;	
}

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

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

#headerNavArea .areaInner .userName {
	float: left;
	width: 325px;
	line-height: 1.3;
	padding-top: 7px;
}
#headerNavArea .areaInner .tagLine {
	line-height: 29px;
	padding-right: 186px;
	font-size: 10px;
	text-align: right;
}
#headerNavArea .areaInner .actionBtn ul {	display: none; }

#headerNavArea .areaInner ul {
	float: right;
	width: 595px;
	padding-right: 170px;
}

#headerNavArea .areaInner li {
	float: left;
	background: url(../../images/rn01/headerNavArea_bg_02.gif) left 8px no-repeat;
	text-align: center;
	white-space: nowrap;
}
#headerNavArea .areaInner .nav01 { width: 160px; }
#headerNavArea .areaInner .nav02 { width: 139px; }
#headerNavArea .areaInner .nav03 { width: 94px; }
#headerNavArea .areaInner .nav04 { width: 94px; }
#headerNavArea .areaInner .nav05 { width: 100px; }

#headerNavArea .areaInner a {
	color: #fff;
	text-decoration: none;
}

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

#headerNavArea .areaInner .actionBtn p,
#headerNavArea .areaInner .actionBtn ul {
	float: none;
	width: auto;
	padding-right: 0;
}

#headerNavArea .areaInner .actionBtn p {
	position: absolute;
	top: 0;
	right: 0;
}

#headerNavArea .areaInner .actionBtn li {
	display: block;
	float: left;
	width: 50%;
	margin: 0;
	padding-left: 0;
	background: none;
	white-space: normal;
}

*:first-child+html #headerNavArea .areaInner .actionBtn li { /*ie7*/
	width: 49.5%;
}

#headerNavArea .areaInner .actionBtn .btn03 {
	float: none;
	width: 100%;
}

*:first-child+html #headerNavArea .areaInner .actionBtn .btn03 { /*ie7*/
	width: 100%;
}

#headerNavArea .areaInner .actionBtn p a,
#headerNavArea .areaInner .actionBtn li a {
	display: block;
	height: 45px;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}

#headerNavArea .areaInner .actionBtn p a {
	width: 177px;
	background-position: left top;
	background-repeat: no-repeat;
	height: 30px;
}

#headerNavArea .areaInner .actionBtn .btn01 a {
	border-right: 1px solid #ccc;
	background-image: url(../../images/rn01/headerNavArea_btn_01.gif);
}

#headerNavArea .areaInner .actionBtn .btn02 a {
	border-left: 1px solid #fff;
	background-image: url(../../images/rn01/headerNavArea_btn_02.gif);
}

#headerNavArea .areaInner .actionBtn .btn03 a {
	border-left: none;
	background-image: url(../../images/rn01/headerNavArea_btn_05.gif);
}

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

/* liquidArea
------------------------------------------------------------------------------- */

#liquidArea img {
	width: 100%;
	height: auto;
	min-width: 935px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */
}

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

#footerNavArea .clubBtn {
	display: none;
	background: url(../../images/rn01/footNav_bg_04.jpg) left top repeat-x;
}
#footerNavArea .clubBtn a {
	display: block;
	padding: 7px 16px 8px;
	background: url(../../images/rn01/footNav_icon_04.png) right center no-repeat;
}

#footerNavArea .innerBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: url(../../images/rn01/footNav_bg_05.png) 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;
}
* html #footerNavArea #slideWrap {
	zoom: 1;
}
*:first-child+html #footerNavArea #slideWrap {
	zoom: 1;
}

#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 div ul {
	padding-top: 15px;
}

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

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

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

#footerNavArea #slideWrap #slideBox1 div p {
	padding: 2px 0 1px 12px;
	background: url(../../images/rn01/icon_17.gif) left top no-repeat;
	font-weight: bold;
}
#footerNavArea #slideWrap #slideBox1 div li {
	padding-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 ul li {
	padding-bottom: 5px;
	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;
	margin-bottom: 1px;
}

#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: 375px;
	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;
}

/* footerAreaN
------------------------------------------------------------------------------- */

#footerAreaN a,
#footerAreaN span {
	display: block;
	color: #fff;
	text-decoration: none;
}

#footerAreaN .areaInner {
	padding: 20px 0 18px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #544a42;
	background-color: #c2c1bc;	
}

#footerAreaN .actionBtnBdr {
	margin: 0 8px 15px;
	background: url(../../images/rn01/footerAreaN_bg_01.jpg) left top repeat-x;
}

#footerAreaN .actionBtnBdr a {
	line-height: 67px;
	padding: 0 22px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	text-shadow:0 -1px 0 #a36f3d;
}

#footerAreaN .actionBtnBdr p { background: url(../../images/rn01/footerAreaN_bg_03.jpg) left top no-repeat; }
#footerAreaN .actionBtnBdr a { background: url(../../images/rn01/footerAreaN_bg_04.jpg) right top no-repeat; }

#footerAreaN .btnType02TwoCol {
	margin: 0 8px;
	background: url(../../images/rn01/footerAreaN_bg_02.jpg) left top repeat-x;
}

#footerAreaN .btnType02TwoCol li {
	float: left;
	width: 50%;
}

#footerAreaN .btnType02TwoCol .btn01 { background: url(../../images/rn01/footerAreaN_bg_05.jpg) left top no-repeat; }
#footerAreaN .btnType02TwoCol .btn02 {
	float: right;
	background: url(../../images/rn01/footerAreaN_bg_06.jpg) right top no-repeat;
}

*:first-child+html #footerAreaN .btnType02TwoCol li { /* ie7 ％指定の際の折り返し対策 */
	width: 49.5%;
}

#footerAreaN .btnType02TwoCol li a {
	font-size: 14px;
	text-shadow: 0 1px 0 #fff;
}

#footerAreaN .btnType02TwoCol li a span { color: #6b6461; }

#footerAreaN .btnType02TwoCol .btn01 a { background: url(../../images/rn01/footerAreaN_bg_07.gif) right top no-repeat; }

#footerAreaN .btnType02TwoCol li a span {
	line-height: 46px;
	padding-right: 5px;
	background: url(../../images/rn01/footerAreaN_bg_08.png) right center no-repeat;
}

#footerAreaN #ftBt01 {
	padding: 15px 0;
	border-top: 1px solid #d3d3ce;
	background-color: #96938d;
}

#footerAreaN #ftBt01 a {
	width: 231px;
	line-height: 44px;
	margin: 0 auto;
	background: url(../../images/rn01/footerAreaN_bg_09.gif) right center no-repeat;
	font-size: 14px;
}

#footerAreaN #ftBt01 span {
	display: inline;
	padding-right: 20px;
	background: url(../../images/rn01/footerAreaN_bg_10.gif) right center no-repeat;
}

#footerAreaN small {
	display: block;
	padding: 5px;
	border-top: 1px solid #d3d3ce;
	background-color: #96938d;
	color: #fff;
	font-size: 9px;
}


/* ==

　04. メイン領域のスタイル

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

/* 基本指定
------------------------------------------------------------------------------- */

#main {
	width: 925px;
	padding: 0 5px 0 192px;
	word-break:break-all; 
}

#main p {
	margin-bottom: 10px;
	font-size: 117%;
}

#main th,
#main td,
#main li { font-size: 117%; }

#main h1,
#main h2.styleUp,
#main .categoryTit {
	line-height: 1.4;
	margin-bottom: 15px;
	padding: 8px 15px 7px;
	background-color: #eeece2;
	color: #2e2927;
	font-size: 234%;
	font-weight: normal;
}
#main .mainVisual h1 {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 12px;
}
#main .categoryTit {
	margin-bottom: 0;
}

#main h2.styleUp { border-bottom: none; }

#main h2,
#main h3.styleUp {
	line-height: 1.5;
	margin: 25px 0 15px;
	padding: 7px 8px 6px;
	border-bottom: 3px solid #b49c39;
	background-color: #2e2927;
	color: #fff;
	font-size: 134%;
}

#main h2 img,
#main h3.styleUp img {
	margin: -2px 10px 0 -5px;
	vertical-align: middle;
}

#main h3,
#main h2.styleDown,
#main h4.styleUp {
	line-height: 1.5;
	margin: 18px 0 10px;
	padding: 0 8px 5px;
	border-bottom: 3px solid #b49c39;
	color: #000;
	font-size: 134%;
}

#main h2.styleDown { background: none; }

#main h4.styleUp { background: none; }

#main h4 {
	margin: 15px 0 10px;
	padding: 0 10px 5px;
	background: url(../../images/rn01/main_bg_01.gif) left bottom repeat-x;
	font-size: 117%;
}

#main h4 span {
	display: block;
	padding-left: 20px;
	background: url(../../images/rn01/main_icon_01.gif) left 0.45em no-repeat;
	color: #000;
}

#main h5 { margin-bottom: 10px; }

#main h2.styleReset,
#main h3.styleReset,
#main h4.styleReset,
#main h5.styleReset {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#main h2.styleReset img {
	margin: 0;
	vertical-align: baseline;
}

/* contentsHead
------------------------------------------------------------------------------- */

#main #contentsHead {
	position: relative;
	height: 244px;
	padding-left: 20px;
}

#main #contentsHead.compact {
	min-height: 28px;
	height: auto !important;
	height: 28px;
	padding-bottom: 7px;
}

#main #contentsHead a {
	color: #fff;
	text-decoration: none;	
}

#main #contentsHead a:hover {	text-decoration: underline; }

#main #contentsHead #topicPath {
	height: 91px;
	padding-top: 8px;
	color: #fff;
}
#main #contentsHead #topicPath.compact {
	height: 72px;
}

#main #contentsHead.compact #topicPath { height: auto; }

#main #contentsHead #topicPath li {
	float: left;
	margin-right: 6px;
	font-size: 100%;
}

#main #contentsHead #topicPath a {
	display: block;
	padding-right: 12px;
	background: url(../../images/rn01/topicPath_icon_01.gif) right center no-repeat;
}

#main #contentsHead #categoryTitle {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 12px;
	font-weight: normal;
}

#main #contentsHead #categoryTitle span {
	display: block;
	height: 0;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#cateGuide #main #contentsHead #categoryTitle span {
	width: 306px;
	padding-top: 53px;
	background: url(../../images/rn01/cHead_tit_guide.png) left top no-repeat;
}

#cateConcept #main #contentsHead #categoryTitle span {
	width: 421px;
	padding-top: 55px;
	background: url(../../images/rn01/cHead_tit_concept.png) left top no-repeat;
}
#catePremistclub #main #contentsHead #categoryTitle span {
	width: 508px;
	padding-top: 49px;
	background: url(../../images/rn01/cHead_tit_premistclub.png) left top no-repeat;
}
#cateSupport #main #contentsHead #categoryTitle span {
	width: 433px;
	padding-top: 53px;
	background: url(../../images/rn01/cHead_tit_support.png) left top no-repeat;
}

#cateSpecial #main #contentsHead #categoryTitle span {
	width: 258px;
	padding-top: 49px;
	background: url(../../images/rn01/cHead_tit_sumau.png) left top no-repeat;
}

#main #contentsHead .categoryTitleTxt {	display: none; }

#main #contentsHead .categoryImg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	overflow: hidden;	
	z-index: -1000;
	-ms-interpolation-mode: bicubic; /* IE7対策 */
}

#main #contentsHead .categoryImg img {
	width: 100%;
	min-width: 500px;
	height: auto;
}

/* localNavTop
------------------------------------------------------------------------------- */

#main #localNavTop {
	position: relative;
	z-index: 10;
}

.d_tablet #main #localNavTop {
	overflow-y: hidden;
} 

#main #localNavTop li {
	position: relative;
	float: left;
	font-size: 12px;
}

#main #localNavTop li a {
	display: block;
	height: 26px;
	padding-top: 14px;
	border-right: 1px solid #000;
	border-left: 1px solid #2f2f2f;
	background-image: url(../../images/rn01/localNavTop_bg_02.jpg);
	background-position: left top;
	background-repeat: repeat-x;	
	text-align: center;
}

#main #localNavTop li.firstChild a { border-left: none; }
#main #localNavTop li.lastChild a {	border-right: none; }
#main #localNavTop .navHover a { background-position: left -40px; }

#main #localNavTop li ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	background: url(../../images/rn01/localNavTop_bg_01.png) left top repeat;
	z-index: 10;
}

#main #localNavTop li ul li {
	position: static;
	float: none;
	width: auto !important;
	font-size: 100%;
}

#main #localNavTop li ul li a,
#main #localNavTop .navHover ul li a {
	height: auto;
	padding: 8px 5px 8px 33px;
	border: none;
	background-image: url(../../images/rn01/icon_03.gif);
	background-position: 15px 0.95em;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
	text-align: left;
}

* html #main #localNavTop li ul li a { zoom: 1; } /*ie6隙間対策*/

.d_hover #main #localNavTop li ul li a:hover {
	background-color: #b49c39;
	background-image: url(../../images/rn01/icon_04.gif);
}

/* concept */
#cateConcept #main #localNavTop .nav01 { width: 462px; }
#cateConcept #main #localNavTop .nav02 { width: 463px; }

/* support */
#cateSupport #main #localNavTop .nav01 { width: 104px; }
#cateSupport #main #localNavTop .nav02 { width: 154px; }
#cateSupport #main #localNavTop .nav03 { width: 236px; }
#cateSupport #main #localNavTop .nav04 { width: 236px; }
#cateSupport #main #localNavTop .nav05 { width: 195px; }

/* guide */
#cateGuide #main #localNavTop li { width: 231px; }
#cateGuide #main #localNavTop .lastChild { width: 232px; }

/* premistclub */
#catePremistclub #main #localNavTop li { width: 231px; }
#catePremistclub #main #localNavTop .lastChild { width: 232px; }

/* cateMypage */
#cateMypage #main #localNavTop li { width: 185px; }

/* contents
------------------------------------------------------------------------------- */

#main #contents {
	padding: 20px;
	background-color: #fff;
}

/* pagiNation
------------------------------------------------------------------------------- */

#main #contents .pagiNation {
	margin-top: 35px;
	padding: 11px 10px;
	background-color: #2e2927;
	color: #fff;
}

#main #contents .pagiNation a {
	display: block;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
}

#main #contents .pagiNation a:hover {
	text-decoration: underline;
}

#main #contents .pagiNation .pagePrev {
	float: left;
}

#main #contents .pagiNation .pagePrev a {
	padding-left: 24px;
	background-image: url(../../images/rn01/pagiNation_icon_03.gif);
	background-position: left 0.4em;	
}

#main #contents .pagiNation .pageNext {
	float: right;
}

#main #contents .pagiNation .pageNext a {
	padding-right: 24px;
	background-image: url(../../images/rn01/pagiNation_icon_04.gif);
	background-position: right 0.4em;	
}

/* localNavBtm
------------------------------------------------------------------------------- */

#main #localNavBtm {
	padding: 0 20px 20px;
	background-color: #fff;
}

#main #localNavBtm a {
	color: #2e2927;
	text-decoration: none;	
}

#main #localNavBtm a:hover { text-decoration: underline; }
#main #localNavBtm .navInner { background: #eeece2 url(../../images/rn01/localNavBtm_bg_01.gif) left top repeat-x; }

#main #localNavBtm h2 {
	margin: 0;
	padding: 13px 15px 12px 48px;
	border-bottom: none;
	background-color: #eeece2;
	background-position: 15px center;
	background-repeat: no-repeat;
}

#main #localNavBtm .trigger {
	display: none;
	margin-bottom: 0;
	font-size: 134%;
	font-weight: bold;
}

#main #localNavBtm .trigger a {
	display: block;
	padding: 13px 15px 12px 41px;
	background: #fff url(../../images/rn01/icon_05.gif) 16px center no-repeat;	
}

#main #localNavBtm .trigger.navOpen a {
	background: #fff url(../../images/rn01/icon_06.gif) 16px center no-repeat;	
}

#main #localNavBtm .navInner div {
	float: left;
	width: 33%;
	padding: 16px 0 11px;
}

#main #localNavBtm .navInner p {
	margin: 0 20px;
	font-weight: bold;
}

#main #localNavBtm .navInner ul {
	margin: 10px 20px 0 26px;
	padding-bottom: 16px;
}

#main #localNavBtm .navInner ul.lastChild {	padding-bottom: 0; }

#main #localNavBtm .navInner li {
	margin-bottom: 3px;
	padding-left: 16px;
	background: url(../../images/rn01/icon_03.gif) left 0.3em no-repeat;
}


/* ==

　05. サイドナビ領域のスタイル

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

#globalNav {
	display: block;
	position: absolute;
	top: 0;
	width: 177px;
	line-height: 1;
	margin: 0 5px 10px;
	font-size: 12px;
	z-index: 1000;
}
* html #globalNav { /* ie6 */
	left: 0;
}

.d_smp #globalNav,
.d_tablet #globalNav { /* tablet/smp */
	left: 0;
}

#globalNav .navHeader {
	border: 1px solid #000;
	background: url(../../images/rn01/globalNav_bg_01.jpg) left top repeat-y;
}

#globalNav .navHeader p {	float: left; }
#globalNav .navHeader .navTop {	float: right; }

#globalNav .navHeader .navTop a {
	display: block;
	width: 88px;
	height: 32px;
	background-image: url(../../images/rn01/globalNav_btn_01.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}

.d_hover #globalNav .navHeader .navTop a:hover,
#globalNav .navHeader .navTop a.navActive {	background-position: left -32px; }

#globalNav .mainCategory { background: url(../../images/rn01/globalNav_bg_01.jpg) left top repeat-y; }

#globalNav .mainCategory { margin-bottom: 10px;	}
* html #globalNav .mainCategory li { font-size: 0; } /*IE6での隙間削除調整*/

#globalNav .mainCategory li a {
	display: block;
	height: 13px;
	padding: 15px 0 14px 45px;
	background-position: 1px top;
	background-repeat: no-repeat;
	text-decoration: none;
}

#globalNav .mainCategory li.nav06 a {
	height: 26px;
	padding-top: 9px;
	padding-bottom: 7px;
}

#globalNav .mainCategory li.nav01 a { background-image: url(../../images/rn01/globalNav_icon_01.jpg); }
#globalNav .mainCategory li.nav02 a { background-image: url(../../images/rn01/globalNav_icon_02.jpg); }
#globalNav .mainCategory li.nav03 a { background-image: url(../../images/rn01/globalNav_icon_03.jpg); }
#globalNav .mainCategory li.nav04 a { background-image: url(../../images/rn01/globalNav_icon_04.jpg); }
#globalNav .mainCategory li.nav05 a { background-image: url(../../images/rn01/globalNav_icon_05.jpg); }
#globalNav .mainCategory li.nav06 a { background-image: url(../../images/rn01/globalNav_icon_06.jpg); }

.d_hover #globalNav .mainCategory li a:hover,
#globalNav .mainCategory li a.navActive,
#cateSearch #globalNav .mainCategory li.nav01 a,
#cateSpecial #globalNav .mainCategory li.nav02 a,
#cateConcept #globalNav .mainCategory li.nav03 a,
#cateGuide #globalNav .mainCategory li.nav04 a,
#cateSupport #globalNav .mainCategory li.nav05 a,
#catePremistclub #globalNav .mainCategory li.nav06 a,
#cateMypage #globalNav .mainCategory li.nav06 a { background-position: 1px -42px; }
#globalNav .mainCategory li .navActive {	cursor: default; }


/* ==

　99. 追加パターン

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



@media print {
	#globalNav {
		display: none;
	}
	#headerArea,
	#headerNavArea,
	#liquidArea,
	#footerNavArea,
	#footerArea {
		min-width: 0;
	}
}