@charset "UTF-8";

/* ==

　01. 全体基本指定

 □　各フォントサイズの指定値
 *  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%  |  34 px : 283%
 *  36 px : 300%

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

body {
	font-size: 75%;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuProN-W3", Osaka, Sans-Serif;
	-webkit-text-size-adjust: 100%;
}
#mainContents {
	line-height: 1.6;
	padding: 30px 20px;
	background-color: #fff;
	color: #333;
}
@media only screen and (max-width: 600px) {
	#mainContents {
		padding: 20px 10px;
		font-size: 114.5%;
	}
}

#wrapper .mainBgWhite { /* IE6バグ対策 mainContentsセレクタ付与しない */
	background-color: #fff;
	color: #333;
}
#wrapper .mainBgBlack { /* IE6バグ対策 mainContentsセレクタ付与しない */
	background-color: #000;
	color: #ddd;
}
#mainContents em {
	font-style: normal;
	font-weight: bold;
}
#mainContents p,
#mainContents ul,
#mainContents dl,
#mainContents th,
#mainContents td {
	line-height: 1.6;
	font-size: 117%;
}
#mainContents p { margin-bottom: 10px; }
#mainContents a {
	color: #333;
	text-decoration: underline;
}
#mainContents a:hover {
	color: #333;
	text-decoration: none;
}
#mainContents.mainBgBlack a {
	color: #fff;
	text-decoration: underline;
}
#mainContents.mainBgBlack a:hover {
	color: #fff;
	text-decoration: none;
}
* html #mainContents,
* html .clearfix,
* html #mainContents .expand,
* html #mainContents .expandR,
* html #mainContents .expandL { zoom: 1; } /* IE6 */
*:first-child+html #mainContents,
*:first-child+html .clearfix,
*:first-child+html #mainContents .expand,
*:first-child+html #mainContents .expandR,
*:first-child+html #mainContents .expandL { zoom: 1; } /* IE7 */
#mainContents:after,
.clearfix:after,
#mainContents .expand:after,
#mainContents .expandR:after,
#mainContents .expandL:after { content: ''; display: block; clear: both; height: 0; }

div.selectable { cursor: pointer; }


/* ==

　01. メイン領域基本指定

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

/* 画像可変
------------------------------------------------------------------------------- */
img.liquid,
#mainContents img {
	max-width: 100%;
	width: auto\9;
	height: auto;
}

img.liquidL,
.liquidL img,
#mainContents .liquidL img,
#mainContents img.liquidL {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 600px) {
	#mainContents img.fixMb {
		max-width: 100%;
		width: auto;
		height: auto;
	}
}
*:first-child+html img { /* IE7 */
	-ms-interpolation-mode: bicubic;
}

/* 領域の拡張
------------------------------------------------------------------------------- */
#mainContents .expand {
	margin-right: -20px;
	margin-left: -20px;
}
#mainContents .expandR { margin-right: -20px; }
#mainContents .expandL { margin-left: -20px; }
#mainContents .expandP {
	margin-right: -20px;
	margin-left: -20px;
	padding: 20px;
}

@media only screen and (max-width: 949px) {
	#mainContents .convergeR { margin-right: 20px; }
	#mainContents .convergeL { margin-left: 20px; }	
}
@media only screen and (max-width: 600px) {
	#mainContents .expand {
		margin-right: -10px;
		margin-left: -10px;
	}
	#mainContents .expandR { margin-right: -10px; }
	#mainContents .expandL { margin-left: -10px; }
	#mainContents .expandP {
		margin-right: -10px;
		margin-left: -10px;
		padding: 15px 10px;
	}
	#mainContents .convergeR { margin-right: 10px; }
	#mainContents .convergeL { margin-left: 10px; }
}

/* 区分け
------------------------------------------------------------------------------- */
#mainContents .separate {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #333;
}
#mainContents .separate .colBlock01,
#mainContents .separate .colBlock02,
#mainContents .separate .colBlock03,
#mainContents .separate .colBlock04,
#mainContents .separate .colBlock05,
#mainContents .separate .anchorNav01 { margin-bottom: 0; }
#mainContents .segment {
	margin: 40px 5px;
	height: 1px;
	background-color: #c6c6c6;
	font-size: 0;
}


/* ==

　02. 見出しモジュール

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

/* 見出し1
------------------------------------------------------------------------------- */
#mainContents h1,
#mainContents .heading01 {
	line-height: 1.2;
	margin: 0 0 17px;
	padding: 0;
	border: none;
	background: none;
	color: #718597;
	font-size: 300%;
}
#mainContents .leadTxt {
	line-height: 1.3;
	margin-bottom: 20px;
	color: #718597;
	font-size: 234%;	
}
@media only screen and (max-width: 600px) {
	#mainContents h1,
	#mainContents .heading01 {
		font-size: 262%;		
	}
	#mainContents .leadTxt {
		font-size: 204.36%;	
	}
}

/* 見出し2
------------------------------------------------------------------------------- */
#mainContents h2,
#mainContents .heading02 {
	margin: 40px 0 10px;
	padding: 2px 0 0;
	background: none;
	color: #333;
	font-size: 167%;
	font-weight: bold;
}
#mainContents .numTit {
	position: relative;
	min-height: 33px;
	height: auto !important;
	height: 33px;
	margin: 40px 0 10px;
	padding: 2px 0 0 48px;
	background: none;
	color: #333;
	font-size: 167%;
	font-weight: bold;
}
#mainContents .numTit .icNum {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	line-height: 35px;
	padding: 0 12px;
	background: #22323b;
	color: #ddd;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}

#mainContents.mainBgBlack h2,
#mainContents.mainBgBlack .heading02,
#mainContents.mainBgBlack .numTit {	color: #ddd; }

@media only screen and (max-width: 600px) {
	#mainContents h2,
	#mainContents .heading02,
	#mainContents .numTit {
		font-size: 145.85%;
	}
}

/* 見出し3
------------------------------------------------------------------------------- */
#mainContents h3,
#mainContents .heading03 {
	position: static;
	line-height: 1.4;
	margin: 40px 0 20px;
	padding: 7px 10px 6px;
	border: none;
	background: #22323b;
	color: #fff;
	font-size: 134%;
	font-weight: bold;
}

#mainContents.mainBgBlack h3,
#mainContents.mainBgBlack .heading03 { color: #ddd; }
@media only screen and (max-width: 600px) {
	#mainContents h3,
	#mainContents .heading03 {
		font-size: 117.03%;
	}
}

/* 見出し4
------------------------------------------------------------------------------- */
#mainContents h4,
#mainContents .heading04 {
	line-height: 1.4;
	margin: 20px 0 15px;
	padding: 0 0 9px 2px;
	border: none;
	border-bottom: 1px solid #00607d;
	background: none;
	color: #333;
	font-size: 134%;
	font-weight: bold;
}

#mainContents.mainBgBlack h4,
#mainContents.mainBgBlack .heading04 { color: #ddd; }
@media only screen and (max-width: 600px) {
	#mainContents h4,
	#mainContents .heading04 {
		font-size: 117.03%;
	}
}

/* 見出し調整
------------------------------------------------------------------------------- */
#mainContents h1.firstChild,
#mainContents h2.firstChild,
#mainContents h3.firstChild,
#mainContents h4.firstChild,
#mainContents h5.firstChild {
	margin-top: 0;
}

/* 見出しグループ
------------------------------------------------------------------------------- */
#mainContents .hgroup {
	margin: 60px 0 20px;
}
#mainContents .hgroup h2,
#mainContents .hgroup .heading02 { margin-top: 0; }
#mainContents .hgroup h3,
#mainContents .hgroup .heading03 {
	margin-top: 0;
	margin-bottom: 0;
}

/* アイコン見出し
------------------------------------------------------------------------------- */
#mainContents .iconTit { margin-bottom: 10px; }

/* 画像見出し
------------------------------------------------------------------------------- */
#mainContents .imgTit {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

/* 見出しブロック1
------------------------------------------------------------------------------- */
#mainContents .headBlock01 {
	margin: 30px 0 20px;
	background-color: #39322c;
	color: #fff;
}
#mainContents .headBlock01 .inner {
	width: 520px;
	margin: 0 auto;
	padding: 40px 0;
}
#mainContents .headBlock01 .inner { zoom:1; }
#mainContents .headBlock01 .inner:after {
	content: '';
	display: block;
	clear: both;
	height: 0; 
}
#mainContents .headBlock01 .inner p.mark {
	float: left;
	width: 84px;
	margin: 0;
	text-align: center;
}
#mainContents .headBlock01 .inner div {
	float: right;
	width: 426px;
}
#mainContents .headBlock01 .inner h2,
#mainContents .headBlock01 .inner h3 {
	line-height: 1.4;
	margin: 0 0 12px;
	padding: 0 0 7px;
	border: none;
	border-bottom: 1px solid #fff;
	background: none;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
}
#mainContents .headBlock01 .inner p {	margin-bottom: 0; }

@media only screen and (max-width: 600px) {
	#mainContents .headBlock01 .inner {
		width: auto;
		padding: 30px 20px;
	}
	#mainContents .headBlock01 .inner p.mark,
	#mainContents .headBlock01 .inner div {
		float: none;
		width: auto;
	}
	#mainContents .headBlock01 .inner p.mark { margin-bottom: 15px;	}
	#mainContents .headBlock01 .inner h2,
	#mainContents .headBlock01 .inner h3 {
		font-size: 131%;
		text-align: center;
	}
}


/* ==

　03. カラムモジュール

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

/* カラムブロック1
------------------------------------------------------------------------------- */
#mainContents .colBlock01 {
	width: 100%;
	margin: 20px 0;
}
#mainContents .colBlock01 .col1,
body #mainContents .colBlock01.dropN .col1,
body #mainContents .colBlock01.dropSmp .col1 {
	float: left;
	width: 48.97959%;
	margin-bottom: 0;
}
#mainContents .colBlock01 .col2,
body #mainContents .colBlock01.dropN .col2,
body #mainContents .colBlock01.dropSmp .col2 {
	float: right;
	width: 48.97959%;
	margin-bottom: 0;
}

@media only screen and (max-width: 949px) {
	body #mainContents .colBlock01 .col1,
	body #mainContents .colBlock01 .col2 { /*継承ポイントを上げるためbody追加（reverseの上書き）*/
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	body #mainContents .colBlock01 .col2 {
		margin-bottom: 0;
	}
}
@media only screen and (max-width: 600px) {
	body #mainContents .colBlock01.dropSmp .col1,
	body #mainContents .colBlock01.dropSmp .col2 {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	body #mainContents .colBlock01.dropSmp .col2 {
		margin-bottom: 0;
	}
}

/* カラムブロック2
------------------------------------------------------------------------------- */
#mainContents .colBlock02 {
	width: 100%;
	margin: 20px 0;
}
#mainContents .colBlock02 .colTxt {
	float: left;
	width: 70.52845%;	
}
#mainContents .colBlock02 .colImg {
	float: right;
	width: 27.43902%;
	text-align: center;
}
@media only screen and (max-width: 600px) {
	body #mainContents .colBlock02.drop .colTxt,
	body #mainContents .colBlock02.drop .colImg { /*継承ポイントを上げるためbody追加（reverseの上書き）*/
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	body #mainContents .colBlock02.drop .colImg {
		margin-bottom: 0;
	}
}

/* カラムブロック3
------------------------------------------------------------------------------- */
#mainContents .colBlock03 {
	width: 100%;
	margin: 20px 0;
}
#mainContents .colBlock03 .col1,
#mainContents .colBlock03 .col2,
#mainContents .colBlock03 .col3 {
	float: left;
	width: 31.70731%;
	margin-right: 2.23577%;
}
#mainContents .colBlock03 .col3 {	margin-right: 0; }

@media only screen and (max-width: 949px) {
	#mainContents .colBlock03 .col1,
	#mainContents .colBlock03 .col2,
	#mainContents .colBlock03 .col3 {
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 15px;
	}
	#mainContents .colBlock03 .col2 {	margin-right: 0; }
	#mainContents .colBlock03 .col3 {
		margin-bottom: 0;
	}
	#mainContents .colBlock03.arrangeA .col1 {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#mainContents .colBlock03.arrangeA .col2 { margin-right: 2%; }
	#mainContents .colBlock03.arrangeA .col3 { margin-right: 0; }
}

@media only screen and (max-width: 600px) {
	#mainContents .colBlock03.drop .col1,
	#mainContents .colBlock03.drop .col2 { margin-bottom: 20px;	}
	#mainContents .colBlock03.drop .col1,
	#mainContents .colBlock03.drop .col2,
	#mainContents .colBlock03.drop .col3 {
		float: none;
		width: auto;
		height: auto !important;
		margin-right: 0;
	}
}

/* カラムブロック4
------------------------------------------------------------------------------- */
#mainContents .colBlock04 {
	width: 100%;
	margin: 20px 0;
}
#mainContents .colBlock04 .col1,
#mainContents .colBlock04 .col2,
#mainContents .colBlock04 .col3,
#mainContents .colBlock04 .col4,
#mainContents .colBlock04 .col5 {
	float: left;
	width: 19.10569%;
	margin-right: 1%;
}
#mainContents .colBlock04 .col5 { margin-right: 0; }

@media only screen and (max-width: 949px) {
	#mainContents .colBlock04 .col1,
	#mainContents .colBlock04 .col2,
	#mainContents .colBlock04 .col3,
	#mainContents .colBlock04 .col4,
	#mainContents .colBlock04 .col5 {
		width: 32.5%;
		margin-bottom: 10px;
	}
	#mainContents .colBlock04 .col3 { margin-right: 0; }
	#mainContents .colBlock04 .col4,
	#mainContents .colBlock04 .col5 {	margin-bottom: 0;	}
}

/* カラムブロック5
------------------------------------------------------------------------------- */
#mainContents .colBlock05 {
	width: 100%;
	margin: 20px 0;
}
#mainContents .colBlock05 .col1,
#mainContents .colBlock05 .col2,
#mainContents .colBlock05 .col3,
#mainContents .colBlock05 .col4 {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
#mainContents .colBlock05 .col4 {	margin-right: 0; }
#mainContents .colBlock05 .group {
	float: left;
	width: 48.98373%;
}
#mainContents .colBlock05 .group .col1,
#mainContents .colBlock05 .group .col2,
#mainContents .colBlock05 .group .col3,
#mainContents .colBlock05 .group .col4 {
	width: 47.71784%;
	margin-right: 0;
}
#mainContents .colBlock05 .group .col2,
#mainContents .colBlock05 .group .col4 { float: right; }
#mainContents .colBlock05 .group.colR { float: right; }

@media only screen and (max-width: 600px) {
	#mainContents .colBlock05 .group,
	#mainContents .colBlock05 .group.colR {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#mainContents .colBlock05 .group.colR {	margin-bottom: 0; }
}


/* カラムブロック6
------------------------------------------------------------------------------- */
#mainContents .colBlock06 {
	width: 100%;
	margin: 20px 0;
}
#mainContents .colBlock06 .colTxt {
	float: left;
	width: 81.63265%;	
}
#mainContents .colBlock06 .colImg {
	float: right;
	width: 16.32653%;
	text-align: center;
}
@media only screen and (max-width: 600px) {
	body #mainContents .colBlock06.drop .colTxt,
	body #mainContents .colBlock06.drop .colImg { /*継承ポイントを上げるためbody追加（reverseの上書き）*/
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	body #mainContents .colBlock06.drop .colImg {
		margin-bottom: 0;
	}
}

/* カラムブロック7
------------------------------------------------------------------------------- */
#mainContents .colBlock07 {
	width: 100%;
	margin: 20px 0;
}

#mainContents .reverse .col1,
#mainContents .reverse .colTxt { float: right; }
#mainContents .reverse .col2,
#mainContents .reverse .colImg { float: left; }



/* カラムブロック8
------------------------------------------------------------------------------- */
#mainContents .colBlock08 {
	width: 100%;
	margin: 20px 0;
}
#mainContents .colBlock08 .colTxt {
	float: left;
	width: 27.43902%;
}
#mainContents .colBlock08 .colImg {
	float: right;
	width: 70.52845%;	
	text-align: center;
}
@media only screen and (max-width: 949px) {
	body #mainContents .colBlock08.drop .colTxt,
	body #mainContents .colBlock08.drop .colImg { /*継承ポイントを上げるためbody追加（reverseの上書き）*/
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	body #mainContents .colBlock08.drop .colImg {
		margin-bottom: 0;
	}
}


/* ハイライトエリア
------------------------------------------------------------------------------- */
#mainContents .highlightWrap {
	position: relative;
	margin: 60px 0;
	padding: 20px 20px 20px 120px;
}
#mainContents .highlightWrap .hgroup {
	margin: 0;
}
#mainContents .highlightWrap .iconTit {
	position: absolute;
	top: 20px;
	left: 20px;
	margin-bottom: 15px;
}
#mainContents .highlightWrap.bgFocus {
	background-color: #3e7050;
	color: #fff;
}
#mainContents .highlightWrap.bgMemo {
	background-color: #eae0cD;
	color: #221815;
}
#mainContents .highlightWrap.bgGrade {
	padding-left: 20px;
	border: 1px solid #724f45;
	background-color: #231815;
}
#mainContents .highlightWrap.bgFocus h3,
#mainContents .highlightWrap.bgFocus .heading03 {
	padding: 0;
	background: none;
	color: #fff;
}
#mainContents .highlightWrap.bgMemo h3,
#mainContents .highlightWrap.bgMemo .heading03 {
	background-color: #221815;
	color: #eae0cD;
}
#mainContents .highlightWrap.bgGrade h3,
#mainContents .highlightWrap.bgGrade .heading03 {
	background-color: #4f4644;
}
#mainContents .highlightWrap h4,
#mainContents .highlightWrap .heading04 {
	margin-bottom: 10px;
	padding: 0;
	border: none;
	color: #fff;
}
@media only screen and (max-width: 600px) {
	#mainContents .highlightWrap {
		padding: 12px 10px 10px;
	}
	#mainContents .highlightWrap.bgGrade {
		padding-left: 10px;
	}
	#mainContents .highlightWrap .iconTit {
		position: static;
		top: auto;
		left: auto;
	}
	#mainContents .highlightWrap .hgroup {
		position: relative;
		min-height: 87px;
		height: auto !important;
		height: 87px;
		margin-bottom: 15px;
		padding-left: 90px;	
	}
	#mainContents .highlightWrap .hgroup .iconTit {
		position: absolute;
		top: 0;
		left: 0;
	}
	#mainContents .highlightWrap .hgroup h2,
	#mainContents .highlightWrap .hgroup h3 {
		display: table-cell;
		height: 87px;
		vertical-align: middle;		
	}
	#mainContents .highlightWrap.bgMemo h3,
	#mainContents .highlightWrap.bgMemo .heading03 {
		padding: 0;
		background: none;
		color: #221815;		
	}
	#mainContents .highlightWrap.bgGrade h3,
	#mainContents .highlightWrap.bgGrade .heading03 {
		padding: 0;
		background: none;
		color: #ddd;		
	}
	* html #mainContents .highlightWrap .hgroup h2,
	* html #mainContents .highlightWrap .hgroup h3 { /* IE6 */
		height: auto;
		padding-top: 10px;
	}
	*:first-child+html #mainContents .highlightWrap .hgroup h2,
	*:first-child+html #mainContents .highlightWrap .hgroup h3 { /* IE7 */
		height: auto;
		padding-top: 10px;
	}
}


/* ==

　04. 画像枠モジュール

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

/* 画像枠1
------------------------------------------------------------------------------- */
#mainContents .imgFrame01 {
	display: block;
	border: 1px solid #444;
	background-color: #fff;
	text-align: center;	
}

/* 画像枠2
------------------------------------------------------------------------------- */
#mainContents .imgFrame02 {
	display: block;
	border: 1px solid #ddd;
	text-align: center;	
}

/* 画像枠3
------------------------------------------------------------------------------- */
#mainContents .imgFrame03 {
	display: block;
	border: 2px solid #000;
	background-color: #fff;
	text-align: center;	
}
#mainContents .imgFrame03.alignL {
	text-align: left;	
}


/* ==

　05. ナビゲーションモジュール

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

/* 上部ローカルナビ
------------------------------------------------------------------------------- */
.localNavTop {
	position: relative;
	padding-top: 72px;
	border-top: 1px solid #444;
	background-color: #000;
}
.localNavTop p {
	position: absolute;
	top: 0;
	width: 33.3%;
	border-bottom: 1px solid #444;
	background-position: 20px center;
	background-repeat: no-repeat;
	font-size: 18px;
	overflow: hidden;
}
.localNavTop p.lastChild { width: 33.4%; }
.localNavTop p a {
	display: block;
	height: 44px;
	padding: 24px 45px 2px 20px;
	border-right: 1px solid #444;
	background-image: url(../../images/rn01/localNav_icon_01.gif);
	background-position: right center;
	background-repeat: no-repeat;	
	color: #fff;
	text-decoration: none;
}
.localNavTop.firstOpen p a,
.localNavTop .navActive a { background-image: url(../../images/rn01/localNav_icon_02.gif); }
.localNavTop .nav1 { left: 0; }
.localNavTop .nav2 { left: 33.3%; }
.localNavTop .nav3 { left: 66.6%;	}

.localNavTop div {
	display: none;
	border-bottom: 1px solid #444;
	background-color: #111;
}
.localNavTop.firstOpen #subNav1 {
	display: block;
}
.localNavTop ul {
	float: left;
	width: 50%;
	margin-bottom: -1px;
}
* html .localNavTop ul { /* IE6 */
	width: 49.9%;
}
*:first-child+html .localNavTop ul { /* IE7 */
	width: 49.9%;
}
.localNavTop ul li {
	font-size: 14px;
}
.localNavTop ul li a {
	display: block;
	line-height: 45px;
	padding: 0 20px;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	color: #fff;
	text-decoration: none;
}
.localNavTop ul.lastChild li a {
	border-right: none;
}
* html .localNavTop ul li {	zoom: 1; } /* IE6 */
.localNavTop ul li a:hover { text-decoration: underline; }
@media only screen and (max-width: 949px) {
	body .localNavTop p {	font-size: 16px; }
}
@media only screen and (max-width: 768px) {
	body .localNavTop p {
		font-size: 14px;
	}
	body .localNavTop p a {	padding-left: 20px;	}
	.localNavTop ul {
		float: none;
		width: 100%;
	}
	.localNavTop ul li a {
		border-right: none;
	}
	* html .localNavTop ul { /* IE6 */
		float: none;
		width: 100%;
	}
	*:first-child+html .localNavTop ul { /* IE7 */
		float: none;
		width: 100%;
	}
}
@media only screen and (max-width: 600px) {
	body .localNavTop {	padding-top: 0;	}
	body .localNavTop p,
	body .localNavTop .lastChild {
		position: static;
		top: auto;
		left: auto;
		width: 100%;
	}
	body .localNavTop p a {
		height: 33px;
		padding-top: 12px;
		border-right: none;
	}
	.localNavTop.firstOpen p a { background-image: url(../../images/rn01/localNav_icon_01.gif); }
	.localNavTop.firstOpen #subNav1 {
		display: none;
	}
	.localNavTop ul li a {
        padding-left: 39px;
		border-right: none;
	}
}

/* 下部ローカルナビ
------------------------------------------------------------------------------- */

.localNavBtm {
	position: relative;
	line-height: 1.5;
	background-color: #000;
	color: #fff;
}
.localNavBtm a {
	color: #fff;
	text-decoration: none;
}
.localNavBtm a:hover {
	text-decoration: underline;
}
.localNavBtm .heading p {
	height: 24px;
	line-height: 24px;
	padding: 5px 20px;
	font-weight: bold;
	font-size: 12px;
}
.localNavBtm .nextNav {
	line-height: 1;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	font-weight: bold;
}
.localNavBtm .nextNav a {
	display: block;
	line-height: 24px;
	padding: 5px 27px 5px 20px;
	text-decoration: none;
}
.localNavBtm .nextNav a:hover {
	text-decoration: underline;	
}
.localNavBtm .body {
	padding: 15px 5px 10px;
}
.localNavBtm .body .navCol {
	float: left;
	width: 33%;
	border-right: 1px solid #333;
}
.localNavBtm .body .lastChild {
	width: 33%;
	border: none;
}
.localNavBtm .body p {
	line-height: 16px;
	margin: 0 0 10px 15px;
	padding-top: 3px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
}
.localNavBtm .body .inner {
	padding: 0 15px;
}
.localNavBtm .body ul {
	float: left;
	width: 50%;
}
.localNavBtm .body .nFloat {
	float: none;
	width: auto;
}
.localNavBtm .body li {
	margin-bottom: 4px;
	font-size: 12px;
}
* html .localNavBtm .body li { zoom: 1; } /* IE6 */
.localNavBtm .bnrList {
	padding: 12px 0 10px;
}
.localNavBtm .bnrList li {
	float: left;
	width: 49.9%;
	line-height: 1;
	text-align: center;
}
.localNavBtm .bnrList .bnr1 {
	text-align: right;
}
.localNavBtm .bnrList .bnr2 {
	text-align: left;
}
.localNavBtm .bnrList div {
	margin: 0 7px;
}
.localNavBtm .body .bnrList img {
	vertical-align: top;
}
@media only screen and (max-width: 949px) {
	.localNavBtm .body ul {
		float: none;
		width: 100%;
	}
}
@media only screen and (max-width: 600px) {
	.localNavBtm {
		padding-bottom: 10px;
	}
	.localNavBtm .heading p,
	.localNavBtm .nextNav {
		position: static;
		top: auto;
		right: auto;
		height: auto;
		line-height: 1.6;
		padding: 0;
	}
	.localNavBtm .heading p a,
	.localNavBtm .nextNav a,
	.localNavBtm .body p span {
		display: block;
		line-height: 1.1;
		padding: 16px 27px 14px 10px;
		border-top: 1px solid #999;
	}
	.localNavBtm .heading p a,
	.localNavBtm .nextNav a {
		border-bottom: 1px solid #999;
	}
	.localNavBtm .nextNav a {
		border-top: none;
	}
	.localNavBtm .body,
	.localNavBtm .body .inner {	padding: 0; }
	.localNavBtm .body .inner { display: none; }
	.localNavBtm .body .navShowAll { display: block; }
	body .localNavBtm .body div.navCol {
		float: none;
		width: 100%;
		min-height: 0;
		height: auto;
		margin-top: -1px;
		border: none;
	}
	.localNavBtm .body p {
		margin: 0;
		padding: 0;
		background-position: 10px center;
	}
	.localNavBtm .body p span {
		border-bottom: 1px solid #999;
		background-position: right center;
		background-repeat: no-repeat;
		background-image: url(../../images/rn01/localNavBtm_icon_03.gif);
		cursor: pointer;
	}
	.localNavBtm .body .navOpen {
		display: block;
	}
	.localNavBtm .body p span.navOpen {
		background-image: url(../../images/rn01/localNavBtm_icon_04.gif);	
	}
	.localNavBtm .body li {
		margin-bottom: 0;
	}
	.localNavBtm .body li a {
		display: block;
		padding: 12px 5px 13px 27px;
		border-bottom: 1px solid #333;
	}
	.localNavBtm .body .navShowAll a {
		padding-left: 10px;
	}
	.localNavBtm .bnrList .bnr2 {
		margin-top: 7px;
	}
	.localNavBtm .bnrList .bnr1,
	.localNavBtm .bnrList .bnr2 {
		float: none;
		width: auto;
		text-align: center;
	}
}

/* モジュール 03
------------------------------------------------------------------------------- */
.contentsTab {
	padding: 10px 10px 0;
	background: url(../../images/rn01/contentsTab_bg_01.jpg) left top repeat-x; 
	font-size: 16px;
	color: #fff;
}
.contentsTab li {
	float: left;
	width: 50%;
	min-height: 33px;
	height: auto !important;
	height: 33px;
	padding: 15px 0 0;
	cursor: pointer;
	text-align: center;
}
.contentsTab li span {
	display: inline-block;
	padding: 0 13px;
	background: url(../../images/rn01/contentsTab_icon_01.png) left center no-repeat;
}
* html #mainContents .contentsTab li span { /* IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html .contentsTab li span { /* IE7 */
	display: inline;
	zoom: 1;
}
.contentsTab li.tabActive {
	background-color: #000;
	cursor: default;
}
.contentsTab li.tabActive span {
	background: none;
}
.contentsTab li.tabLinkOv span {
	color: #ccc;
}
.contentsTab li.tabActive.tabLinkOv span {
	color: #fff;
}
#mainContents .switchArea { display: none; }
#mainContents .switchArea.tabActive { display: block; }

@media only screen and (max-width: 600px) {
	.contentsTab { font-size: 14px;	}
}

/* モジュール 04
------------------------------------------------------------------------------- */
#mainContents .categoryNav {
	line-height: 1.5;
	margin: 20px -20px 20px 0;
	font-size: 14px;
}
#mainContents .categoryNav li {
	float: left;
	width: 24.99%;
	margin-bottom: 10px;
}

#mainContents .categoryNav li div {
	margin-right: 19px;
	background: url(../../images/rn01/categoryNav_icon_01.gif) right center no-repeat;	
}
#mainContents .categoryNav li a {
	display: block;
	height: 51px;
	padding: 30px 20px 2px 90px;
	border: 1px solid #333;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
}
#mainContents .categoryNav li.line2 a {
	height: 61px;
	padding: 20px 20px 2px 90px;
}
#mainContents .categoryNav li a:hover {
	text-decoration: underline;
}
#mainContents .categoryNav li.nav1 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_01.jpg); }
#mainContents .categoryNav li.nav2 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_02.jpg); }
#mainContents .categoryNav li.nav3 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_03.jpg); }
#mainContents .categoryNav li.nav4 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_04.jpg); }
#mainContents .categoryNav li.nav5 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_05.jpg); }
#mainContents .categoryNav li.nav6 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_06.jpg); }
#mainContents .categoryNav li.nav7 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_07.jpg); }
#mainContents .categoryNav li.nav8 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_08.jpg); }
#mainContents .categoryNav li.nav9 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_09.jpg); }
#mainContents .categoryNav li.nav10 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_10.jpg); }
#mainContents .categoryNav li.nav11 a { background-image: url(../../feature/indextech/technology/wooden/images/index_bg_11.jpg); }
#mainContents .categoryNav li.lastChild a { margin-right: 0; }

@media only screen and (max-width: 949px) {
	#mainContents .categoryNav li { width: 49.99%; }
}
@media only screen and (max-width: 600px) {
	#mainContents .categoryNav li {
		width: auto;
		float: none;
	}
}

/* モジュール 06
------------------------------------------------------------------------------- */
#mainContents .anchorNav01 {
	width: 980px;
	margin: 20px auto;
}
#mainContents .headBlock01 .anchorNav01 {
	margin-bottom: 0;
}
#mainContents .anchorNav01 li {
	float: left;
	width: 312px;
	margin-right: 22px;
}
#mainContents .anchorNav01 li.lastChild { margin-right: 0; }
@media only screen and (max-width: 1030px) {
	#mainContents .anchorNav01 {
		width: auto;
		margin: 20px -5px 20px 0;
	}
	#mainContents .anchorNav01 li {
		width: 33.3%;
		margin-right: 0;
	}
	#mainContents .anchorNav01 li a {
		display: block;
		margin-right: 5px;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .anchorNav01 li {
		float: none;
		width: auto;
		margin-bottom: 10px;
		text-align: center;
	}
}



/* ==

　06. テキストモジュール

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

/* モジュール 01
------------------------------------------------------------------------------- */
#mainContents .imgCap { margin: 10px 0 0; }

/* モジュール 02
------------------------------------------------------------------------------- */
#mainContents span.fsXXS,
#mainContents a.fsXXS {
	line-height: inherit;
	font-size: 60%;
}
#mainContents span.fsXS,
#mainContents a.fsXS {
	line-height: inherit;
	font-size: 78%;
}
#mainContents .fsS {
	line-height: 1.5;
	font-size: 100%;
}
#mainContents span.fsS,
#mainContents a.fsS {
	line-height: inherit;
	font-size: 85.4%;
}
#mainContents .fsL {
	line-height: 1.4;
	font-size: 134%;
}
#mainContents .fsXL {
	line-height: 1.3;
	font-size: 150%;
}
#mainContents .fwN {
	font-weight: normal;
}

/* モジュール 03
------------------------------------------------------------------------------- */
#mainContents .note,
#mainContents .notes li {
	margin-left: 1em;
	text-indent: -1em;
}
#mainContents .notesNum li {
	margin-left: 1.9em;
	margin-bottom: 2px;
	text-indent: -1.9em;
}

/* モジュール 03
------------------------------------------------------------------------------- */
#mainContents .termBox {
	margin-top: 10px;
}
#mainContents .termBox h3,
#mainContents .termBox h4,
#mainContents .termBox h5 {
	margin: 0 0 3px;
	padding: 0;
	border: none;
	background: none;
	font-size: 117%;
}
#mainContents .termBox p { font-size: 100%; }

/* モジュール 04　QAアイコン
------------------------------------------------------------------------------- */
#mainContents .faqQ,
#mainContents .faqA {
	min-height: 48px;
	height: auto !important;
	height: 48px;
	padding: 6px 0 0 65px;
	background: none;
	background-position: left top;
	background-repeat: no-repeat;
}
#mainContents .faqQ {
	line-height: 1.4;
	font-size: 134%;
	font-weight: bold;
}
#mainContents .faqQ { background-image: url(../../images/rn01/dummy_02.gif); }
#mainContents .faqA { background-image: url(../../images/rn01/dummy_03.gif); }


/* モジュール 05　数値アイコン
------------------------------------------------------------------------------- */
#mainContents .icNum1,
#mainContents .icNum2,
#mainContents .icNum3,
#mainContents .icNum4,
#mainContents .icNum5,
#mainContents .icNum6 {
	min-height: 47px;
	height: auto !important;
	height: 47px;
	line-height: 1.4;
	margin: 0 0 20px;
	padding: 6px 0 0 66px;
	border: none;
	background: none;
	background-position: left top;
	background-repeat: no-repeat;
	color: #333;
	font-size: 134%;
}
@media only screen and (max-width: 600px) {
	#mainContents .icNum1,
	#mainContents .icNum2,
	#mainContents .icNum3,
	#mainContents .icNum4,
	#mainContents .icNum5,
	#mainContents .icNum6 {
		font-size: 117.03%;
	}
}
#mainContents .icNumL1 {
	min-height: 38px;
	height: auto !important;
	height: 38px;
	padding-top: 15px;
}


/* モジュール 06
------------------------------------------------------------------------------- */
#mainContents .txtList dt {
	margin-bottom: 5px;
	font-size: 114%;
	font-weight: bold;
}
#mainContents .txtList dd {
	margin-bottom: 30px;
}

/* モジュール 07
------------------------------------------------------------------------------- */
#mainContents sup,
#mainContents sub {
	margin: 0 1px;
	font-size: 84%;
	vertical-align: 2px;
}
#mainContents sub {
	vertical-align: baseline;
}

/* モジュール 08
------------------------------------------------------------------------------- */
#mainContents .chachTxtL,
#mainContents .chachTxt,
#mainContents .chachTxtS {
	font-weight: bold;
}
#mainContents .chachTxtXL {
	line-height: 1.2;
	font-size: 200%;
}
#mainContents .chachTxtL {
	line-height: 1.3;
	font-size: 184%;
}
#mainContents .chachTxt {
	line-height: 1.4;
	font-size: 167%;
}
#mainContents .chachTxtS {
	line-height: 1.4;
	font-size: 150%;
}

/* モジュール 09
------------------------------------------------------------------------------- */
#mainContents a.linkArw,
#mainContents a.linkBlank {
	margin: 0 2px;
}
#mainContents .linkTxt,
#mainContents a.linkArw {
	padding-left: 11px;
	background: url(../../images/rn01/link_icon_01.png) left 0.5em no-repeat;
}
#mainContents a.linkArw {
	background-position: left 0.25em;
}
#mainContents .linkBlank,
#mainContents a.linkBlank {
	padding-left: 18px;
	background: url(../../images/rn01/link_icon_02.png) left 0.5em no-repeat;
}
#mainContents a.linkBlank {
	background-position: left 0.2em;
}
#mainContents .linkTxt02 {
	padding-left: 28px;
	background: url(../../images/rn01/link_icon_05.gif) left 0.2em no-repeat;
}
#mainContents .linkTxt02 a {
	text-decoration: none;
}
.d_hover #mainContents .linkTxt02 a:hover {
	text-decoration: underline;
}


/* ==

　07. 表組みモジュール

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

/* モジュール 01
------------------------------------------------------------------------------- */
#mainContents .dataTable01 {
	width: 100%;
	margin-bottom: 10px;
}
#mainContents .dataTable01 th,
#mainContents .dataTable01 td {
	padding: 9px 9px 8px;
	border: 1px solid #444;
	font-size: 100%;
}
#mainContents .dataTable01 th,
#mainContents .dataTable01 .value {
	font-weight: normal;
	text-align: center;
}

/* モジュール 02
------------------------------------------------------------------------------- */
#mainContents .dataTable02 {
	width: 100%;
	margin-bottom: 10px;
}
#mainContents .dataTable02 th,
#mainContents .dataTable02 td {
	padding: 5px;
	border: 1px solid #444;
	text-align: center;
	font-size: 100%;
}
#mainContents .dataTable02 th {	background-color: #22323b; }
#mainContents .dataTable02 td {	background-color: #222; }
#mainContents .dataTable02 .odd td { background-color: #333; }

/* モジュール 03
------------------------------------------------------------------------------- */
#mainContents .dataTable03 {
	width: 100%;
	margin-bottom: 10px;
}
#mainContents .dataTable03 th,
#mainContents .dataTable03 td {
	padding: 5px;
	border: 1px solid #444;
	text-align: center;
	font-size: 100%;
}
#mainContents .dataTable03 th {
	background-color: #333;
	font-weight: bold;
}



/* ==

　08. リストモジュール

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

/* モジュール 01
------------------------------------------------------------------------------- */
#mainContents .dotList li {
	padding-left: 8px;
	background: url(../../images/rn01/list_icon_01.gif) left 0.6em no-repeat;
}

/* モジュール 02
------------------------------------------------------------------------------- */
#mainContents .icDescList dt {
	line-height: 1.5;
	margin-bottom: 10px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 114%;
	font-weight: bold;
}
#mainContents .icDescList dd {
	margin-bottom: 15px;
}



/* ==

　08. ボタンモジュール

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

/* モジュール 01
------------------------------------------------------------------------------- */

#mainContents .moveBtn {
	margin: 50px 0 30px;
	font-size: 16px;
}
#mainContents .moveBtn span {
	display: block;
	width: 300px;
	margin: 0 auto;
	background: #e81e05 url(../../images/rn01/link_bg_01.jpg) left top repeat-y;
}
#mainContents .moveBtn a {
	display: block;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	border: 1px solid #c41703;
	padding: 10px 15px 10px 20px;
	background: url(../../images/rn01/link_icon_03.png) 12px center no-repeat;
	color: #fff;
	text-decoration: none;
	text-align: center;
}	


/* ==

　09. インデントモジュール

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

/* モジュール 01
------------------------------------------------------------------------------- */
.indentBlock01 {
	width: 550px;
	margin: 0 auto;
}
@media only screen and (max-width: 600px) {
	.indentBlock01 {
		width: auto;
	}
}

/* ==

　10. コンバージョンモジュール

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

#mainContents .cvSeparate {
    border-top: 1px solid #ccc;
    padding: 60px 0 30px;
}
#mainContents .cvSeparate.typeBlk {
	border-top: none;
	background-color: #000;
}
#mainContents .cvSeparate.typeWht {
	background-color: #fff;
}
* html #mainContents .cvSeparate { zoom: 1; } /* ie6 */
*:first-child+html #mainContents .cvSeparate { zoom: 1; } /* ie7 */
#mainContents .cvBlock {
    margin: 60px -20px 0;
    padding: 20px 10px 20px;
    background-color: #3d3d3d;
    color: #b7b7b7;
    clear: both;
}
#mainContents .cvSeparate .cvBlock {
    margin-top: 0;
    margin-bottom: 0;
}
#mainContents .cvBlock .cvInnerTxt h2 {
    margin: 0;
    padding: 0;
}
#mainContents .cvBlock p {
    margin: 0;
    line-height: 1.6;
}
#mainContents .cvBlock .cvInnerTxt,
#mainContents .cvBlock .cvInnerBtn {
    width: 760px;
    margin: 0 auto;
}
#mainContents .cvBlock .cvInnerTxt {
    margin-bottom: 20px;
}
#mainContents .cvBlock .cvInnerTxt h2,
#mainContents .cvBlock .cvInnerTxt p {
    float: left;
    width: 380px;
}
#mainContents .cvBlock .cvInnerTxt h2 {
    padding-top: 15px;
}
#mainContents .cvBlock .cvInnerTxt p {
    float: right;
}
#mainContents .cvBlock .cvInnerBtn div {
    float: left;
    width: 380px;
}
@media only screen and (max-width: 949px) {
		#mainContents .cvSeparate {
		    padding-top: 50px;
		}	
		#mainContents .cvBlock {
		    margin-top: 50px;
		}
		#mainContents .cvSeparate .cvBlock {
		    margin-top: 0;
		}
    #mainContents .cvBlock .cvInnerTxt,
    #mainContents .cvBlock .cvInnerBtn {
        max-width: 760px;
        width: auto;
    }
    #mainContents .cvBlock .cvInnerTxt {
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    #mainContents .cvBlock .cvInnerTxt h2,
    #mainContents .cvBlock .cvInnerTxt p {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }
    #mainContents .cvBlock .cvInnerTxt h2 {
        padding-top: 0 !important;
    }
    * html #mainContents .cvBlock .cvInnerTxt,
    * html #mainContents .cvBlock .cvInnerBtn { /* ie6 */
        width: 570px;
    }
    #mainContents .cvBlock .cvInnerBtn div {
        width: 49.95%;
    }
}
@media only screen and (max-width: 600px) {
    #mainContents .cvBlock {
        margin-right: -10px;
        margin-bottom: 10px;
        margin-left: -10px;
        padding: 15px 12px 10px;
    }
    #mainContents .cvBlock .cvInnerBtn div {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }
    * html #mainContents .cvBlock .cvInnerTxt,
    * html #mainContents .cvBlock .cvInnerBtn { /* ie6 */
        width: auto;
    }
    #mainContents .cvBlock .cvInnerBtn {
        text-align: center;
    }
}

/* ==

　11. 関連リンクモジュール

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

#mainContents .relationBlock {
  margin: 30px -20px 0;
}
#mainContents .relationBlock.mtSpace {
	margin-top: 50px;
}
#mainContents .relationBlock ul {
	width: 630px;
	margin: 0 auto;
}
#mainContents .relationBlock .type3col {
	width: 950px;
}
#mainContents .relationBlock li {
  float: left;
	margin-right: 10px;
	text-align: center;
}
#mainContents .relationBlock .type1col li {
	float: none;
}
#mainContents .relationBlock .lastChild {
	margin-right: 0;
}
#mainContents .relationBlock li img {
  border: 1px solid #ccc;
  vertical-align: top;
}
@media only screen and (max-width: 949px) {
	#mainContents .relationBlock {
		margin: 30px -20px 0;
		padding: 0 10px;
	}
	#mainContents .relationBlock ul,
	#mainContents .relationBlock .type3col {
		max-width: 928px;
		width: auto;
	}
	#mainContents .relationBlock .type1col {
		width: 32.5%;		
	}
	#mainContents .relationBlock li {
		float: left;
		width: 49.3%;
		margin: 0 1.13% 0 0;
		text-align: right;
	}
	#mainContents .relationBlock .type3col li {
		width: 32.5%;
	}
	#mainContents .relationBlock .type1col li,
	#mainContents .relationBlock .type1col .lastChild {
		float: none;
		width: 100%;
		margin-right: 0;
		text-align: center;
	}
	#mainContents .relationBlock .lastChild {
		margin-right: 0;
		text-align: left;
	}
	#mainContents .relationBlock .type2col li img {
		width: 66%;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .relationBlock {
		margin: 30px -10px 0;
		padding: 0 10px 10px;
	}
	#mainContents .relationBlock ul,
	#mainContents .relationBlock .type1col,
	#mainContents .relationBlock .type3col {
		max-width: 100%;
		width: auto;
	}
	#mainContents .relationBlock li,
	#mainContents .relationBlock .type3col li {
		float: none;
		width: auto;
		margin: 0 0 15px;
		text-align: center;
	}
	#mainContents .relationBlock .lastChild,
	#mainContents .relationBlock .type3col .lastChild {
		margin-bottom: 0;
		text-align: center;
	}
	#mainContents .relationBlock li img,
	#mainContents .relationBlock .type2col li img {
		max-width: 260px;
		width: auto;
	}
}


/* ==

　12. GranWoodキャンペーンモジュール

=============================================================================== */
#mainContents .cvGWBlock {
    margin: 60px -20px 0;
    padding: 20px 10px 20px;
    background-color: #fff;
    color: #333;
    clear: both;
}
#mainContents .cvGWBlock .cvInnerBtn {
    width: 760px;
    margin: 0 auto;
}
#mainContents .cvGWBlock .cvInnerBtn div {
    float: left;
    width: 380px;
}
@media only screen and (max-width: 949px) {
		#mainContents .cvGWBlock {
		    margin-top: 50px;
		}
    #mainContents .cvGWBlock .cvInnerBtn {
        max-width: 760px;
        width: auto;
    }
    * html #mainContents .cvGWBlock .cvInnerBtn { /* ie6 */
        width: 570px;
    }
    #mainContents .cvGWBlock .cvInnerBtn div {
        width: 49.95%;
    }
}
@media only screen and (max-width: 600px) {
    #mainContents .cvGWBlock {
        margin-right: -10px;
        margin-bottom: 10px;
        margin-left: -10px;
        padding: 15px 12px 10px;
    }
    #mainContents .cvGWBlock .cvInnerBtn div {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }
    * html #mainContents .cvGWBlock .cvInnerBtn { /* ie6 */
        width: auto;
    }
    #mainContents .cvGWBlock .cvInnerBtn {
        text-align: center;
    }
}


/* ==

　00. 汎用調整要素

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

/* 色調整
------------------------------------------------------------------------------- */
.caution { color: #f00; }

/* 余白調整
------------------------------------------------------------------------------- */

.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }

.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }

.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }

.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }

.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }

/* 幅調整
------------------------------------------------------------------------------- */

.w00 { width: 0 !important; }
.w05p { width: 5% !important; }
.w10p { width: 10% !important; }
.w15p { width: 15% !important; }
.w20p { width: 20% !important; }
.w25p { width: 25% !important; }
.w30p { width: 30% !important; }
.w35p { width: 35% !important; }
.w40p { width: 40% !important; }
.w45p { width: 45% !important; }
.w50p { width: 50% !important; }
.w55p { width: 55% !important; }
.w60p { width: 60% !important; }
.w65p { width: 65% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.w85p { width: 85% !important; }
.w90p { width: 90% !important; }
.w95p { width: 95% !important; }
.w100p { width: 100% !important; }


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

.center { text-align: center; }
.alignR { text-align: right; }
.alignL { text-align: left; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.colL {	float: left; }
.colR {	float: right; }



* html body {
	overflow-x: auto;
}
* html #mainContents { /* IE6 */
	width: 980px;
	margin: 0 auto;	
}
* html .localNavTop,
* html .localNavBtm { /* IE6 */
	width: 1020px;
	margin: 0 auto;		
}
* html .localNavTop { /* IE6 */
	height: 1px;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
* html .localNavTop .lastChild a,
* html .localNavTop .lastChild li a { /* IE6 */
	border-right: none;
}
* html .localNavTop a,
* html .tileTarget .tile,
* html #mainContents .highlightWrap { /* IE6 */
	zoom: 1;
}

@media print {
	body {
		overflow: visible;
	}
	#mainContents {
		width: 940px;		
	}
	#fix-header {
		display: none;
	}
}