@charset "utf-8";

/* ==

　01. 各種モジュール／パーツ

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

/* infoBlock01 */
/* def  = 289px : 587px  間9px */
/* 1121 = 32.85% : 65.71% 間1.44% */
#main .infoBlock01 {
	margin-bottom: 30px;
}
#main .infoBlock01 .colImg,
#main .infoBlock01 .col1 {
	float: left;
	width: 289px;
}
#main .infoBlock01 .colTxt,
#main .infoBlock01 .col2 {
	float: right;
	width: 587px;
}

/* infoBlock02 */
/* def  = 425px : 425px 間10px グレー背景 */
/* 1121 = 49.19% : 49.19% 間auto グレー背景 */
/* 768 = 100% グレー背景 */
#main .infoBlock02 {
	padding: 10px;
	background-color: #706d60;
	margin-bottom: 30px;
}
#main .infoBlock02 .col1,
#main .infoBlock02 .col2 {
	float: left;
	width: 425px;
}
#main .infoBlock02 .col2 {	float: right; }

/* infoBlock03 */
/* def  = 435px : 435px 間15px */
/* 1121 = 49.21% : 49.21% 間auto */
#main .infoBlock03 {
	margin-bottom: 30px;
}
#main .infoBlock03 .col1,
#main .infoBlock03 .colTxt,
#main .infoBlock03 .col2,
#main .infoBlock03 .colImg {
	float: left;
	width: 435px;
}
#main .infoBlock03 .col2,
#main .infoBlock03 .colTxt {	float: right; }

/* infoBlock04 */
/* def  = 289px : 289px : 289px 間9px */
/* 1121 = 229px : 229px : 229px 間8px */
/* 768 = 100% */
#main .infoBlock04 {
	margin-bottom: 30px;
}
#main .infoBlock04 .col1,
#main .infoBlock04 .col2,
#main .infoBlock04 .col3 {
	float: left;
	width: 289px;
	margin-right: 9px;
}
#main .infoBlock04 .col3 {	margin-right: 0; }


/* infoBlock05 */
.infoBlock05 { margin: 20px 0; }
.infoBlock05 .colTxt { overflow: hidden; }
.infoBlock05 .colImg {
	float: left;
	margin-right: 10px;
}

/* infoBlock06 */
/* def  = 790px : 33％ : 33％ : 32％ 間auto */
#main .infoBlock06 {
	margin: 20px auto;
	background-color: #eeece2;
}
#main .infoBlock06 .col1,
#main .infoBlock06 .col2,
#main .infoBlock06 .col3 {
	float: left;
	width: 33%;
	margin: 0;
	padding: 20px 0;
	background: url(../../images/rn01/icon_19.gif) right center no-repeat;
	text-align: center;
}
#main .infoBlock06 .col3 {
	width: 32%;
	background: none;
}

/* スタイル継承を考慮して#container付与　*/
#container #main .reverse .colImg { float: right; }
#container #main .reverse .colTxt { float: left; }
#container #main .reverse.infoBlock05 .colTxt { float: none; } /*ie6対策のため2重セレクタ指定の順序を逆に*/
#container #main .reverse.infoBlock05 .colImg { margin: 0 0 0 10px; } /*ie6対策のため2重セレクタ指定の順序を逆に*/


/* 区切り
------------------------------------------------------------------------------- */
#main .separate {
	padding-top: 20px;
	background: url(../../images/rn01/icon_13.gif) left top repeat-x;
}

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

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

h3.linkTxtL,
p.linkTxtL,
dd.linkTxtL,
.linkTxtL li {
	padding-left: 14px;
	background: url(../../images/rn01/icon_16.png) left 0.4em no-repeat;
}
a.linkTxtL,
span.linkTxtL {
	padding-left: 14px;
	background: url(../../images/rn01/icon_16.png) left center no-repeat;
}

h3.linkTxtS,
p.linkTxtS,
dd.linkTxtS,
.linkTxtS li {
	padding-left: 10px;
	background: url(../../images/rn01/icon_08.gif) left 0.6em no-repeat;
}

.linkTxt a,
a.linkTxt,
.linkTxtL a,
a.linkTxtL,
.linkTxtS a,
a.linkTxtS,
#main .pagetop a {
	color: #333;
	text-decoration: none;	
}

.linkTxt a:hover,
a.linkTxt:hover,
.linkTxtL a:hover,
a.linkTxtL:hover,
.linkTxtS a:hover,
a.linkTxtS:hover,
#main .pagetop a:hover {
	text-decoration: underline;
}

/* 画像別ウィンドウ処理
------------------------------------------------------------------------------- */

#main .blankWin {	cursor: default;　}
#main .blankWin span { display: none; }
#main .blankWin.icZoom {
	display: block;
	cursor: pointer;
	position: relative;
}
#main .blankWin.icZoom span {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 26px;
	height: 27px;
	background: url(../../images/rn01/icon_18.png) left top no-repeat;
}

/* 文字スタイル調整
------------------------------------------------------------------------------- */

/* capTxt/subTit/chach/capTxtS/txtXS/capTxtS */
#main .capTxt {
	margin: 10px 5px 0;
	font-size: 100%;
}
#main .subTit,
#main .capTxt,
#main .chach,
#main .bold { font-weight: bold; }

#main p.txtS,
#main .txtS li { font-size: 100%; }

#main .capTxtS,
#main .txtXS { font-size: 84%; }
#main .capTxtS { margin-top: 7px; }

/* caution */
#main .caution { color: #f00;}

/* strongTxt */
#main .strongTxt { color: #c00; }

/* leadTxt */
#main .leadTxt {
	line-height: 1.4;
	color: #8a6c16;
	font-size: 200%;
	font-weight: bold;	
}

/* bgTxt01 */
#main .bgTxt01 {
	padding: 12px 5px 10px;
	background-color: #eeece2;
	font-weight: bold;
	text-align: center;	
}

/* sup */
.sup {
	vertical-align: top;
	font-size: 71%;
}

/* bold */
.bold {	font-weight: bold; }

/* note */
#main .note,
#main .notes li {
	margin-left: 1em;
	text-indent: -1em;
}
#main .notes li {	margin-bottom: 2px; }

/* ページトップリンク
------------------------------------------------------------------------------- */
#main .pagetop {
	margin-top: 20px;
	font-weight: bold;
	font-size: 100%;
	text-align: right;
}
#main .pagetop a {
	padding-left: 16px;
	background: url(../../images/rn01/icon_14.gif) left 0.3em no-repeat;
}

/* 画像枠
------------------------------------------------------------------------------- */
#main .frame01 {
	display: block;
	padding: 1px;
	border: 3px solid #e8e8e8;
	background-color: #ccccce;		
}
#main .frame02 {
	display: block;
	padding: 1px;
	border:	1px solid #c3c3c3;
	background-color: #fff;
}
#main .frame02:hover {
	border: 1px solid #b49c39;	
}
#main .frame03 {
	display: block;
	padding: 1px;
	border:	3px solid #e8e8e8;
	background-color: #ccc;
}
#main .frame03:hover {
	background-color: #b49c39;	
}


/* リスト要素
------------------------------------------------------------------------------- */

/* dotList */
#main .dotList { margin: 0 0 10px 3px; }
#main .dotList li {
	padding-left: 7px;
	background: url(../../images/rn01/icon_09.gif) left 0.75em no-repeat;
}

/* icTxt01 / icTxt01 */
#main p.icTxt01,
#main .icList01 li {
	padding-left: 16px;
	background: url(../../images/rn01/icon_10.gif) left 0.3em no-repeat;
}

/* icList02 */
#main .icList02 {	margin: 0 0 10px 3px; }
#main .icList02 li {
	padding-left: 17px;
	background: url(../../images/rn01/icon_15.gif) left 0.4em no-repeat;
}

/* numList */
#main .numList { margin: 0 0 10px; }
#main .numList li {
	list-style: decimal;
	margin: 0 0 2px 1.8em;
}
* html #main .numList li { margin-left: 2em; } /* ie6 */
*:first-child+html #main .numList li { margin-left: 2em; } /* ie7 */

/* ボタン要素
------------------------------------------------------------------------------- */

/* formbtn */
#main .formBtn { text-align: center; }
#main .formBtn li {
	display: inline;
	margin: 0 5px;
}

/* transBtn */
#main .transBtn {
	margin: 20px 0;
	padding: 10px;
	background-color: #706d60;
}

/* 見出し＋右上ボタン
------------------------------------------------------------------------------- */

/* hgroup */
#main .hgroup {
	position: relative;
	margin: 30px 0 15px;
}
* html #main .hgroup { zoom: 1; } /* ie6 */
*:first-child+html #main .hgroup { zoom: 1; } /* ie7 */
#main .hgroup h2 {
	margin: 0;
}
#main .hgroup p {
	position: absolute;
	top: 16px;
	right: 14px;
	margin-bottom: 0;
	font-weight: bold;
}

/* カテゴリ一覧
------------------------------------------------------------------------------- */

#main .topCategory01 {
	position: relative;
	width: 895px;
	margin: 0 -10px 20px 0;
	overflow: hidden;
}
#main .topCategory01 li {
	float: left;
	width: 281px;
	line-height: 1.2;
	margin: 0 9px 10px 0;
	padding: 1px;
	border: 3px solid #eeece2;
	background-color: #ccc;
	font-weight: bold;
}
#main .topCategory01 li span {
	display: block;
	background-color: #fff;
	background-position: right top;
	background-repeat: no-repeat;
}
#main .topCategory01 li a {
	display: block;
	height: 35px;
	padding-top: 17px;
	padding-left: 22px;
	background-position: 10px center;
	overflow: hidden;
}


#main .topCategory02 { margin-bottom: 14px; }
#main .topCategory02 div { width: 435px; }

#main .topCategory02 div p.colBtn {
	line-height: 1.2;
	margin-bottom: 6px;
	padding: 1px;
	border: 3px solid #eeece2;
	background-color: #ccc;
	font-weight: bold;
}

#main .topCategory02 div span {
	display: block;
	background-color: #fff;
	background-position: right top;
	background-repeat: no-repeat;
}

#main .topCategory02 div a {
	display: block;
	height: 42px;
	padding-top: 25px;
	padding-left: 25px;
	background-position: 10px center;
	overflow: hidden;
}

#main .liquidTable01 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #ccc;
}

#main .liquidTable01 th {
	border: 1px solid #fff;
	padding: 5px 10px;
	background-color: #eeece2;
	font-weight: bold;
	text-align: center;
}

#main .liquidTable01 td {
	padding: 5px 10px;
	background-color: #fff;
	vertical-align: top;
}


/* ==

　02. 汎用スタイル

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

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

* html .clearfix, /* 汎用 */
* html #headerAreaN,
* html #container,
* html .areaInner,
* html #localNavTop,
* html #contents,
* html .navInner,
* html #footerNavArea #slideWrap div,
* html #footerNavArea #slideWrap dl,
* html #globalNav .navHeader,
* html #main .infoBlock04 div,
* html ul,
* html ol { zoom: 1; } /* ie6 */

*:first-child+html .clearfix, /* 汎用 */
*:first-child+html #headerAreaN,
*:first-child+html #container,
*:first-child+html .areaInner,
*:first-child+html #localNavTop,
*:first-child+html #contents,
*:first-child+html .navInner,
*:first-child+html #footerNavArea #slideWrap div,
*:first-child+html #footerNavArea #slideWrap dl,
*:first-child+html #globalNav .navHeader,
*:first-child+html #main .infoBlock04 div,
*:first-child+html ol,
*:first-child+html ul { zoom: 1; } /* ie7 */

*:first-child+html #main .infoBlock04.flowTxt div {
	zoom: normal;	
}

.clearfix:after, /* 汎用 */
#headerAreaN:after,
#container:after,
.areaInner:after,
#contents:after,
#localNavTop:after,
.navInner:after,
#footerNavArea #slideWrap div:after,
#footerNavArea #slideWrap dl:after,
#globalNav .navHeader:after,
#main .infoBlock04 div:after,
ol:after,
ul:after { content: ''; display: block; clear: both; height: 0; }

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

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

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

.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; }
.right { text-align: right; }
.left { text-align: left; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.colL {	float: left; }
.colR {	float: right; }