@charset "utf-8";

/* ==

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

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

body { background: #e3dcbf; }	
body.bgTypeBk { background: #000; }
#footerNavArea #slideWrap .slideInner {
	margin: 0;
}

#headerArea .areaInner {
	margin: 0 8px;
}

/* ==

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

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

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

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

#headerArea .areaInner,
#topicPath ul,
#globalNavTop ul,
#container,
#footerNavArea .areaInner,
#footerArea .areaInner {
	width: auto;
}

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

/* headerAreaN
------------------------------------------------------------------------------- */	
#headerAreaN { display: block; }

/* headerArea
------------------------------------------------------------------------------- */
#headerArea .areaInner {
	min-height: 0;
	height: auto;
}
#headerArea .areaInner div {
	padding: 15px 379px 15px 0;
}
#headerArea .areaInner #siteLogo {
	float: none;
}
#headerArea .areaInner #tagLine {
	overflow: visible;
}
#headerArea .areaInner ul {
	top: 50%;
	width: 377px;
	margin-top: -19px;
}
#headerArea .areaInner li {
	width: 122px;
	margin-right: 5px;
}

/* globalNavTop
------------------------------------------------------------------------------- */
#globalNavTop li {
	width: 33.3%;
	background: url(../../images/tmp01/globalNav_bg_02.gif) left top repeat-x;
}
#globalNavTop ul {
	width: 100%;
}
#globalNavTop li:nth-child(3n+1),
#globalNavTop li:nth-child(3n+2){
	width: 33%;
}
#globalNavTop li:nth-child(3n+3) {
	width: 34%;
}
#globalNavTop li:nth-child(3n+3) a {
	border-right: none;
}
#globalNavTop li.expand {
	margin: 0;
	padding: 0;
}
#globalNavTop li.expand:nth-of-type(3n+2),
#globalNavTop li.expand:nth-of-type(3n+3) {
	width: 33%;
}
#globalNavTop li.expand:nth-of-type(3n+1) {
	width: 34%;
}
#globalNavTop li.expand:nth-of-type(3n+3) a {
	border-right: 1px solid #000;
}
#globalNavTop li.expand:nth-of-type(3n+1) a {
	border-right: none;
}
*:first-child+html #globalNavTop li { /* ie7 */
	width: 33.29%;
}
#globalNavTop li.expand {
	display: none;
	background: #151515 url(../../images/tmp01/globalNav_bg_03.gif) left top repeat;
}
#globalNavTop li.expand.show {
	display: block;
}
#globalNavTop li.expand a {
	border-right: 1px solid #000;
}
#globalNavTop li.btn {
	display: block;
	width: 100% !important;
}

/* topicPath
------------------------------------------------------------------------------- */
#topicPath { display: none; }

/* liquidArea
------------------------------------------------------------------------------- */
#liquidArea { display: none; }

/* globalNavBtm
------------------------------------------------------------------------------- */
#globalNavBtm {
	padding: 0;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
#globalNavBtm p {
	margin: 0;
	padding: 14px 10px 12px 30px;
	background: url(../../images/tmp01/globalNav_icon_04.gif) 9px top no-repeat;
	border-bottom: 1px solid #aaa;
	font-size: 117%;
	cursor: pointer;
}
#globalNavBtm .navActive {
	background-position: 9px -246px;
}
.d_mobile #globalNavBtm p,
.d_tablet #globalNavBtm p {
	background-image: url(../../images/tmp01/globalNav_icon_02.gif);
	-webkit-background-size: 13px 276px;
	-moz-background-size: 13px 276px;
	background-size: 13px 276px;
}
#globalNavBtm ul {
	display: none;
	margin: 0;
}
#globalNavBtm .show {
	display: block;
}
#globalNavBtm li {
	float: none;
	width: 100%;
	padding-bottom: 0;
}
#globalNavBtm li a {
	display: block;
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #aaa;
	background: url(../../images/tmp01/globalNav_icon_06.png) right center no-repeat;
	text-decoration: none;
}
.d_mobile #globalNavBtm li a,
.d_tablet #globalNavBtm li a {
	background: url(../../images/tmp01/globalNav_icon_05.png) right center no-repeat;
	-webkit-background-size: 17px 12px;
	-moz-background-size: 17px 12px;
	background-size: 17px 12px;
}
#globalNavBtm li a:hover {
	text-decoration: underline;
}

/* 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 {
	padding: 10px;
}
#mainVisual {
	margin: 0 0 10px;
}
#mainBnr p {
	margin: 10px 0;
}

/* contentsHead
------------------------------------------------------------------------------- */
#contentsHead {
	height: auto;
}
body.bgTypeBk #contentsHead #categoryTxt {
	background-color: #333;
}

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

/* aside
------------------------------------------------------------------------------- */
#aside {
	padding: 10px;
}
#aside .inner {
	padding: 0;
	border: none;
}
#aside .contactBlock,
#aside .contentBlock {
	float: none;
	width: auto;
	margin-bottom: 10px;
}
#aside.expand .colInfo,
#aside.expand .contactBlock {
	padding: 0;
}
#aside .contactBlock li {
	float: left;
	width: 50%;
}
#aside .colTxt {
	padding-right: 0;
}
#aside .telBox {
    margin-bottom: 15px;
}
#aside .dateBox {
    margin-bottom: 0;
}
#aside .dateBox dt,
#aside.expand .dateBox dt {
	float: none;
	width: auto;
	margin: 0 0 10px 0;
	text-align: left;
}
#aside.expand .dateBox dd {
	overflow: visible;
}
#aside dd .dateTime {
	display: block;
	margin: 0;
}
#aside .bnrList {
	margin-top: 30px;
}
#aside .colInfo,
#aside .bnrList,
#aside .btnList,
#aside.expand .btnList,
#aside .colTxt,
#aside.expand .colTxt {
	float: none;
	width: 100%;
}
#aside.expand .colTxt {
	padding-top: 0;
}
#aside.expand .dateBox dt {
	margin: 0;
}
#aside .btnList {
	max-width: 360px;
	margin: 0 auto;
	padding-top: 20px;
}
#aside .btnList li,
#aside .bnrList li,
#aside.expand .bnrList li {
	float: left;
	width: 49%;
	margin: 0;
}
#aside .bnrList li,
#aside.expand .bnrList li {
	padding-bottom: 8px;
}
#aside .btnList .btnData,
#aside .bnrList .bnr1,
#aside .bnrList .bnr3,
#aside.expand .bnrList .bnr1,
#aside.expand .bnrList .bnr3 {
	margin-right: 1.8%;
	text-align: right;
}
#relation span {
	display: block;
	margin-bottom: 3px;
}
* html #relation span { /* ie6 */
	display: block;
}
*:first-child+html #relation span { /* ie7 */
	display: block;
}

/* ==

　04. 表示切替指定

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

.tDesktop,
.tSmp { display: none; }
.tDesktopTablet,
.tTabletSmp,
.tTablet { display: block; }


/* ==
　TAB予告

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


#yokokuArea {
	max-width: 740px;
    margin: 10px auto 10px;
}
#yokokuArea dl {
    overflow: hidden;
}
#yokokuArea dt {
    float: left;
    margin-right: 10px;
}
#yokokuArea dd {
    font-size: 80%;
    line-height: 1.3;
	margin-top: -1px;
}