@charset "utf-8";

/* ==

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

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

body { background: #e3dcbf;	}	


/* ==

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

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

body #container { /*継承の関係でbody追加*/
	width: auto;
	padding-bottom: 15px;
	min-height: 0 !important;
	background: none !important;
}

#headerArea,
#headerNavArea,
#liquidArea,
#footerNavArea,
#footerArea {
	min-width: 0;
}

#footerNavArea { margin-top: 0; }
#liquidArea {	display: none; }


/* headerAreaN
------------------------------------------------------------------------------- */	

#headerAreaN { display: block; }

/* headerArea
------------------------------------------------------------------------------- */
	
#headerArea {
	height: auto;
}
#headerArea .areaInner { width: auto;	}	
#headerArea .areaInner h1,
#headerArea .areaInner #siteLogo { padding: 10px 12px 15px; }
#headerArea .areaInner div { display: none;	}

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

#headerNavArea {
	height: auto;
	margin-bottom: 0;
	background: #fff url(../../images/rn01/headerNavArea_bg_04.gif) left top repeat-x;
}
#headerNavArea .areaInner {	width: auto; }
#headerNavArea .areaInner .userName {
	float: none;
	display: block;
	width: auto;
	height: 44px;
	line-height: 44px;
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
	color: #121413;
	font-size: 117%;
	overflow: hidden;
}	
#headerNavArea .areaInner .tagLine,
#headerNavArea .areaInner ul { display: none;	}
#headerNavArea .areaInner .actionBtn p { display: none;	} 
#headerNavArea .areaInner .actionBtn ul {
	display: block;
	height: 45px;
	background: #fff url(../../images/rn01/headerNavArea_bg_03.gif) left top repeat-x;
}

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

#footerNavArea {
	position: static !important;
}

#footerNavArea .clubBtn {	display: block;	}

#footerNavArea .areaInner {
	position: static;
	width: auto;
	height: auto;
}

#footerNavArea .innerBg,
#footerNavArea .pagetop {	display: none; }
#footerNavArea #slideWrap .slideInner { width: auto; }	
#footerNavArea #slideWrap .slideNav {
	position: static;
	top: auto;
	left: auto;
	border-top: 1px solid #030303;
}

#footerNavArea #slideWrap .slideNav a {
	height: 28px;
	padding-left: 38px;
	border-top: 1px solid #3b3533;
	background-color: #191919;
	background-position: 15px center;
}
#footerNavArea #slideWrap .slideNav.nav1,
#footerNavArea #slideWrap .slideNav.nav4 { width: 100%;	}		
#footerNavArea #slideWrap .slideNav.nav2,
#footerNavArea #slideWrap .slideNav.nav3 { display: none; }	
#footerNavArea #slideWrap #slideBox1 .slideCol1 { display: block; }
#footerNavArea #slideWrap {	background: #fff;	}

#footerNavArea #slideWrap #slideBox1,
#footerNavArea #slideWrap #slideBox4 {
	width: auto;
	padding: 0;
}
#footerNavArea #slideWrap #slideBox1 div,
#footerNavArea #slideWrap #slideBox1 .slideCol2 {
	display: block;
	float: none;
	width: auto;
	margin: 0;
	padding-right: 0;
}

#footerNavArea #slideWrap #slideBox1 div p {
	margin-bottom: 0;
	padding: 0 0 1px;
	border-bottom: 1px solid #ccc;
	background: #fff url(../../images/rn01/footNav_bg_01.jpg) left bottom repeat-x;
	font-size: 117%;
}

#footerNavArea #slideWrap #slideBox1 div p a,
#footerNavArea #slideWrap #slideBox1 div p span {
	display: block;
	line-height: 44px;
	padding: 0 15px;
	border-left: 7px solid #b49c39;
	text-shadow: 1px 1px 1px #fff;
}

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

#footerNavArea #slideWrap #slideBox1 .slideCol2 ul ul,
#footerNavArea #slideWrap #slideBox1 .slideCol3 ul ul {
	margin-bottom: -1px;
	border-top: 1px solid #ccc;
}

#footerNavArea #slideWrap #slideBox1 div li {
	margin: 0 0 1px;
	padding: 0;
	border-bottom: 1px solid #ccc;
	background: none;
	font-size: 100%;
	font-weight: bold;
}

#footerNavArea #slideWrap #slideBox1 div li a {
	display: block;
	line-height: 40px;
	padding: 0 15px;
	background: #eeece2 url(../../images/rn01/footNav_bg_02.png) right center no-repeat;
}

#footerNavArea #slideWrap #slideBox1 div li ul li {
	float: left;
	width: 50%;
	height: 40px;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 100%;
}

*:first-child+html #footerNavArea #slideWrap #slideBox1 div li li {
	width: 49.5%;
}

#footerNavArea #slideWrap #slideBox1 div li.evenChild {
	background: url(../../images/rn01/footNav_bg_07.gif) right top repeat-y;
}

#footerNavArea #slideWrap #slideBox1 div li li a {
	display: block;
	line-height: 40px;
	padding: 0 15px;
	background: url(../../images/rn01/footNav_bg_02.png) right center no-repeat;
}

#footerNavArea #slideWrap #slideBox1 .socialBtn {	display: none; }	

#footerNavArea #slideWrap #slideBox2,
#footerNavArea #slideWrap #slideBox3 {
	display: none !important;
}

#footerNavArea #slideWrap #slideBox4 .tit {	display: none; }	
#footerNavArea #slideWrap #slideBox4 dl {
	margin: 0;
	padding: 10px 0 9px;
	border-bottom: 1px solid #ccc;
	background: none;
}	
#footerNavArea #slideWrap #slideBox4 dt,
#footerNavArea #slideWrap #slideBox4 dd {
	float: none;
	width: auto;
	padding: 0 15px;
}
#footerNavArea #slideWrap #slideBox4 .right {
	margin-bottom: 1px;
	border-bottom: 1px solid #a7a59f;
	background: #fff url(../../images/rn01/footNav_bg_01.jpg) left bottom repeat-x;
	text-align: left;
}	
#footerNavArea #slideWrap #slideBox4 .right a {
	display: block;
	padding: 11px 15px;
	background: url(../../images/rn01/footNav_bg_02.png) right center no-repeat;
}

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

#footerArea {	display: none; }


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

#footerAreaN {	display: block; }


/* ==

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

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

#main {
	width: auto;
	padding: 0;
}

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

#main #contentsHead {
	height: 120px;
	margin-bottom: 5px;
}

#main #contentsHead #topicPath { display: none;	}

#cateGuide #main #contentsHead #categoryTitle span,
#cateConcept #main #contentsHead #categoryTitle span,
#catePremistclub #main #contentsHead #categoryTitle span,
#cateSupport #main #contentsHead #categoryTitle span,
#cateSpecial #main #contentsHead #categoryTitle span {
	width: auto;
	line-height: 1.4;
	padding-top: 41px;
	background: none;
	color: #fff;
	font-size: 217%;
	text-shadow: 1px 2px 1px #333;
	overflow: visible;
}

#catePremistclub #main #contentsHead #categoryTitle span {
	width: auto;
	padding-top: 24px;
}

#main #contentsHead .categoryImg { display: block; }	
	
/* localNavTop
------------------------------------------------------------------------------- */

#main #localNavTop { display: none; }
		
/* contents
------------------------------------------------------------------------------- */

#main h1,
#main h2.styleUp,
#main .categoryTit {
	font-size: 150%;
	font-weight: bold;
}

#main h2,
#main h3.styleUp {
	font-size: 117%;
}

#main h3,
#main h2.styleDown,
#main h4.styleUp {
	font-size: 117%;
}
	
#main #contents {
	margin: 0 5px 15px;
	padding: 10px;
}

/* leadTxt */
#main .leadTxt {
	font-size: 134%;
}

/* infoBlock02 */
#main .infoBlock02 .col1,
#main .infoBlock02 .col2 {
	float: none;
	width: 100%;
}
#main .infoBlock02 .col1 { margin-bottom: 10px; }

/* infoBlock04 */
#main .infoBlock04 .col1,
#main .infoBlock04 .col2,
#main .infoBlock04 .col3 {
	float: none;
	width: 100%;
	margin: 0 0 10px;
}
#main .infoBlock04 .boxA {
	float: left;
	width: 39%;
}
#main .infoBlock04 .boxB {
	float: right;
	width: 59%;
}

/* infoBlock06 */
#main .infoBlock06 {	width: 90%; }
#main .infoBlock06 .col1,
#main .infoBlock06 .col2 {	background: url(../../images/rn01/icon_20.gif) center bottom no-repeat; }

/*継承ポイントを上げるために親セレクタ指定*/
#container #main .dropTl .col1,
#container #main .dropTl .col2,
#container #main .dropTl .col3,
#container #main .dropTl .colTxt,
#container #main .dropTl .colImg {
	float: none;
	width: 100%;
	margin: 0 0 20px;
}

#container #main .flowTxt .col2,
#container #main .flowTxt .boxB,
#container #main .flowTxt .colTxt {
	float: none;
	width: auto;	
}

#container #main #contents .flowTxt .colImg {
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 10px;
}

#container #main #contents .reverse.flowTxt .colImg {
	margin-left: 10px;
	margin-right: 0;
}

/* pointImg */
#main .pointImg img {
	max-width: 100%; 
	height: auto;
	-ms-interpolation-mode: bicubic;
}
#main .pointImg img { width: auto\9; } /* ie8 */

/* hgroup */
#main .hgroup p {
	position: static;
	top: auto;
	right: auto;
	margin-top: 10px;
}

/* topCategory01 / topCategory02 */
#main .topCategory01 {
	width: auto;
	margin-right: 0;
}
#main .topCategory01 li,
#main .topCategory02 div {
	float: none;
	width: auto;
	margin-right: 0;
}

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

#main #contents .pagiNation {
	position: relative;
	height: 43px;
	margin: 35px -10px -10px;	
	padding: 0;
}

#main #contents .pagiNation .pagePrev,
#main #contents .pagiNation .pageNext {
	float: none;
	position: absolute;
	top: 0;
}
#main #contents .pagiNation .pagePrev {
	left: 0;
}
#main #contents .pagiNation .pageNext {
	right: 0;
}

#main #contents .pagiNation .pagePrev a,
#main #contents .pagiNation .pageNext a {
	width: 42px;
	height: 43px;
	padding: 0;
	background-position: left top;
	text-indent: -9999px;
	outline: none;
}

#main #contents .pagiNation .pagePrev a {
	background-image: url(../../images/rn01/pagiNation_icon_01.gif);
}

#main #contents .pagiNation .pageNext a {
	background-image: url(../../images/rn01/pagiNation_icon_02.gif);
}

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

#main #localNavBtm {
	margin: 0 5px;
	padding: 0;
}

#main #localNavBtm h2 {
	display: none;
}

#main #localNavBtm .trigger {
	display: block;
}

#main #localNavBtm .navInner {
	display: none;
	border-top: 1px solid #ccc;
	background: none;
}

#main #localNavBtm h2.navOpen,
#main #localNavBtm .navInner.navOpen {
	display: block;
}

#main #localNavBtm .navInner .navHead {
	float: none;
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;
	background: none;
}	

#main #localNavBtm .navInner div {
	float: none;
	width: auto;
	margin-top: -1px;
	padding: 0;
}

#main #localNavBtm h2.navOpen {
	padding: 0;
	border-top: 1px solid #ccc;
	background: none;
	font-size: 117%;
}

#main #localNavBtm h2.navOpen a {
	display: block;
	padding: 10px 20px;
}

#main #localNavBtm .navInner div p {
	margin: 0;
	padding: 0;
	background: url(../../images/rn01/localNavBtm_bg_01.gif) left top repeat-x;
}

#main #localNavBtm .navInner div p a {
	display: block;
	padding: 10px 20px;
}

*:first-child+html #main #localNavBtm .navInner div p a { /*ie7*/
	zoom: 1;
}

#main #localNavBtm .navInner ul {
	margin: 0;
}

#main #localNavBtm .navInner li {
	padding-left: 0;
	margin-bottom: 0;
	background-position: 23px 0.7em;
}

#main #localNavBtm .navInner li a {
	display: block;
	padding: 5px 10px 5px 38px;
}


/* ==

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

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

#globalNav,
.d_smp #globalNav,
.d_tablet #globalNav {
	position: static !important;
	width: auto;
	margin: 0;
}

#siteTop #globalNav {
	margin-bottom: 10px;
}
#globalNav .navHeader, /*ナビタイトル箇所は不要と思われるので非表示に*/
#globalNav .others { display: none;	}
#globalNav .mainCategory {
	margin-bottom: 0;
	border-bottom: 1px solid #000;
	background: url(../../images/rn01/globalNav_bg_02.jpg) left top repeat;		
}
#globalNav .mainCategory li {
	float: left;
}
#globalNav .mainCategory li {	width: 33.3%;	}
#globalNav .mainCategory .nav03,
#globalNav .mainCategory .nav06 {	width: 33.4%;	}

#globalNav .mainCategory li a {
	height: 17px;
	padding-top: 19px;
	padding-left: 39px;
	background-position: left top;
}
#globalNav .mainCategory li.nav06 a {
	height: 30px;
	padding-top: 13px;
}
*:first-child+html #globalNav .mainCategory li { /* ie7 ％指定の際の折り返し対策 */
	width: 33%;
}	
	
#globalNav .mainCategory li a {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#globalNav .mainCategory li.nav02 a,
#globalNav .mainCategory li.nav03 a,
#globalNav .mainCategory li.nav05 a,
#globalNav .mainCategory li.nav06 a {	border-left: 1px solid #252525;	}

#globalNav .mainCategory li.nav01 a { background-image: url(../../images/rn01/globalNav_icon_07.jpg); }
#globalNav .mainCategory li.nav02 a { background-image: url(../../images/rn01/globalNav_icon_08.jpg); }
#globalNav .mainCategory li.nav03 a { background-image: url(../../images/rn01/globalNav_icon_09.jpg); }
#globalNav .mainCategory li.nav04 a { background-image: url(../../images/rn01/globalNav_icon_10.jpg); }
#globalNav .mainCategory li.nav05 a { background-image: url(../../images/rn01/globalNav_icon_11.jpg); }
#globalNav .mainCategory li.nav06 a { background-image: url(../../images/rn01/globalNav_icon_12.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 { background-position: left -50px; }


/* ==

　99. 追加パターン

=============================================================================== */
/* ヘッダー背景白
------------------------------------------------------------------------------- */
#headerArea.opType02 {
	border-bottom: 1px solid #ccc;
	background-image: url(../../images/rn01/headerArea_bg_02.jpg);
}
#headerArea.opType02 .areaInner { border-bottom: 1px solid #fff; }
#headerArea.opType02 .areaInner h1,
#headerArea.opType02 .areaInner #siteLogo { padding-bottom: 13px; }