@charset "utf-8";

@import url("/common/css/tfr/hd_ftr.css");

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. リセット用スタイル
　02. タグ固有のスタイル指定
　03. 大枠レイアウト
　04. グローバルヘッダー
　05. 固定ヘッダー
　06. トピックスパス
　07. リキッドメイン
　08. メインコンテンツ
　09. サイド
　10. 固定フッター
　11. リッチフッター
　12. グローバルフッター
　13. 見出し
　14. 表示切替
　15. 機能
　16. ソーシャル
　99. 印刷

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

　01. リセット用スタイル

=============================================================================== */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
nav ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}
input, select {
  vertical-align:middle;
}
ol, ul { list-style: none; }


/* ==

　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-color: #fff;
	color: #666;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	font-size: 75%;
	-webkit-text-size-adjust: 100%;
}
body.fsLarge { font-size: 85%; }
img { vertical-align: bottom; }
a img { border: none; }
a {
	color: #404f6f;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
em {
	font-weight: bold;
	font-style: normal;
}
th,
td {
	text-align: left;
	vertical-align: top;
}
sup,
sub {
	margin: 0 1px;
	font-size: 84%;
	vertical-align: 2px;
}
sub { vertical-align: baseline; }


/* ==

　03. 大枠レイアウト

=============================================================================== */
#header {
	width: 100%;
	min-width: 950px;
	height: 91px;
	border-top: 3px solid #fa0046;
	border-bottom: 1px solid #e1e1e1;
	background-color: #fff;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
#subHeader {
	width: 100%;
	min-width: 950px;
	height: 49px;
	border-bottom: 1px solid #d7d7d7;
}
#subHeader.op_type02 {
	height: 51px;
	border-bottom: none;
}
#topicPath {
	width: 100%;
}
#fluidVisualS,
#fluidVisual,
#fluidVisualL {
	position: relative;
	min-width: 950px;
	height: 300px;
	overflow: hidden;
}
#fluidVisualS {
	height: 200px;
	margin-bottom: 20px;
}
#fluidVisualL {
	height: 470px;
}
#fullVisual {
	position: relative;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: #f4f4f4;
	text-align: center;
}
#container,
#main {
	width: 950px;
	margin: 0 auto;
	padding: 35px 0 70px;
}
#main.op_pack01 {
	padding-top: 0;
}
#container {
	padding-top: 15px;
}
#container #main {
	float: right;
	width: 730px;
	margin: 0;
	padding: 0;
}
#container #aside {
	float: left;
	width: 200px;
}
#socialArea {
  margin-bottom: 20px;
  clear: both;
}
#fixFooter {
	width: 100%;
	min-width: 950px;
	height: 40px;
}
#fixFooter.op_type02 {
	height: 35px;
}
#subFooter {
	width: 100%;
	min-width: 950px;
	padding: 30px 0 25px;
	background-color: #6e6e6e;
}
#subFooter.op_type02 {
	background: #e9e9e9 url(/common/images/rn02/subfooter_bg06.jpg) left top repeat-x;
}
#footer {
	width: 100%;
	min-width: 950px;
	margin-top: 24px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
.baseIn {
	width: 950px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

/* 回り込み解除
------------------------------------------------------------------------------- */
#container:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #container { zoom: 1; } /* ie7 */
* html #container { zoom: 1; } /* ie6 */


/* ==

　04. グローバルヘッダー

=============================================================================== */
#header .baseIn {
	padding-top: 23px;
}
#header p {
	font-size: 10px;
}
#header li {
	float: left;
	font-size: 10px;
}
#header #siteLogo {
	position: absolute;
	top: 10px;
	left: 0;
}
#header #siteId {
	line-height: 1;
	margin: 0 0 23px 105px;
	padding: 0;
	border: none;
	font-size: 12px;
}
#header #headerUtilityNav {
	line-height: 1.5;
	position: absolute;
	top: 13px;
	right: 166px;
}
#header #headerUtilityNav li {
	float: left;
	padding-right: 13px;
	padding-left: 6px;
	background: url(/common/images/rn02/ico_arw02.gif) left 0.55em no-repeat;
}
#header #headerUtilityNav .external {
	padding-left: 18px;
	background: url(/common/images/rn02/ico_arw03.gif) left 0.25em no-repeat;
}
#header #headerUtilityNav a {
	color: #4d4d4f;
	text-decoration: none;
}
#header #headerUtilityNav a:hover {
	text-decoration: underline;
}
#header #headerSocialNav {
	position: absolute;
	top: 32px;
	right: 0;
	width: 62px;
	height: 26px;
}
#header #headerSocialNav li {
	display: inline;
	float: left;
	margin-left: 5px;
}
#header #headerContactNav {
	position: absolute;
	top: 37px;
	right: 66px;
	width: 205px;
	height: 15px;
	line-height: 1;
}
#header #headerContactNav li {
	float: left;
	padding-right: 9px;	
}
#header #headerGlobalNav {
	line-height: 1;
	margin-left: 105px;
}
#header #headerGlobalNav li {
	margin-right: 10px;
}
#header #headerBtn {
	position: absolute;
	top: 64px;
	right: 212px;
	cursor: pointer;
}
.d_hover #header #headerGlobalNav a img,
.d_hover #header #headerSocialNav a img,
.d_hover #header #headerContactNav a img,
.d_hover #header #headerSiteNav a img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.d_hover #header #headerGlobalNav a:hover img,
.d_hover #header #headerSocialNav a:hover img,
.d_hover #header #headerContactNav a:hover img,
.d_hover #header #headerSiteNav a:hover img {
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#header #headerSiteNav {
	line-height: 1;
	position: absolute;
	top: 13px;
	right: 0;
	width: 153px;
	padding-left: 12px;
	border-left: 1px solid #bfbfbf;
	font-size: 12px;
}
#header form fieldset {
	line-height: 1;
	position: absolute;
	top: 64px;
	right: 0;
	font-size: 12px;
}
#header form fieldset input {
	float: left;
}
#header form input#searchBox {
	width: 158px;
	height: 19px;
	line-height: 1.4;
	margin: 0;
	padding: 0 0 0 3px;
	border-top: 1px solid #bfbfbf;
	border-right: none;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-top-left-radius: 2px;
	-moz-border-bottom-left-radius: 2px;
	background-color: #fff;
	vertical-align: top;
}
#header form .btn{
	height: 21px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/* 回り込み解除
------------------------------------------------------------------------------- */
#header ul:after,
#header form fieldset:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #header ul,
*:first-child+html #header form fieldset { zoom: 1; } /* ie7 */
* html #header ul,
* html #header form fieldset { zoom: 1; } /* ie6 */


/* ==

　05. 固定ヘッダー

=============================================================================== */
#subHeader .baseIn {
	position: static;
}
#subHeader .fixArea {
	position: relative;
	z-index: 10;
	width: 100%;
	background: url(/common/images/rn02/subheader_bg01.jpg) left top repeat-x;
}
#subHeader li {
	float: left;
	height: 50px;
	line-height: 1;
	margin-bottom: -1px;
	font-size: 12px;
}
#subHeader li a,
#subHeader .dropNav span {
	display: block;
	cursor: pointer;
}
#subHeader .dropDown {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 1000;
	width: 100%;
	padding: 0;
	background: #6e6e6e url(/common/images/rn02/subheader_bg02.jpg) left bottom repeat-x;
}
* html #subHeader .dropDown {
	top: 49px;
} /* ie6 */
#subHeader.funcFix .fixArea {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	border-top: 3px solid #fa0046;
	border-bottom: 1px solid #dfdfdf;
}
#subHeader .dropDown .dropLinkList {
	padding-top: 5px;
}
#subHeader .dropDown .dropLinkList li {
	display: block;
	float: left;
	height: auto;
	line-height: 1.1;
	margin: 0 30px 0 0;
	padding: 0 0 7px 8px;
	background: url(/common/images/rn02/ico_arw14.gif) left 0.45em no-repeat;
	font-size: 117%;
	white-space: nowrap;
}
#subHeader .dropDown .dropLinkList a {
	display: inline;
	padding: 0;
	background: none;
	color: #fff;
	text-decoration: none;
}
#subHeader .dropDown .dropLinkList a:hover {
	text-decoration: underline;
}
#subHeader .dropDown .dropLinkList .external {
	padding: 0 0 7px 19px;
	background: url(/common/images/rn02/ico_blank03.gif) left 0.2em no-repeat;
}
#subHeader .dropDown .dropLinkImg {
	padding: 30px 0 0;
}
#subHeader .dropDown .dropLinkImg li {
	display: block;
	float: left;
	width: 16.6%;
	height: 100px;
	line-height: 1;
	margin: 0;
	padding: 0 0 30px;
}
#subHeader .dropDown .opDropNav6 li {
	width: 14.23%;
}
#subHeader .dropDown .opVLong li,
#subHeader .dropDown li.opVLong {
	height: 126px;
}
* html #subHeader .dropDown .dropLinkImg li {
	width: 16.5%;	
} /* ie6 */
* html #subHeader .dropDown .opDropNav6 li {
	width: 14.1%;	
} /* ie6 */
#subHeader .dropDown .dropLinkImg li a {
	display: block;
	height: 100px;
	text-align: center;
}
#subHeader .dropDown .dropLinkImg .opVLong li a,
#subHeader .dropDown .dropLinkImg li.opVLong a {
	height: 126px;
}
* html #subHeader .baseIn {
	position: relative;
} /* ie6 */
* html #subHeader .dropDown {
	width: 950px;
} /* ie6 */

#subHeader .dropDown .opInlineB {
	text-align: center;
	letter-spacing: -0.5em;
}
#subHeader .dropDown .opInlineB li {
	float: none;
	display: inline-block;
	letter-spacing: normal;
}
*:first-child+html #subHeader .dropDown .opInlineB li {
	display: inline;
	zoom: 1;
} /* ie7 */
* html #subHeader .dropDown .opInlineB li {
	display: inline;
	zoom: 1;
} /* ie6 */

/* タイプ2
------------------------------------------------------------------------------- */
#subHeader.op_type02 .fixArea {
	background: #edeef0;
}
#subHeader.op_type02.funcFix .fixArea {
	background: #fff;
}
#subHeader.op_type02 p {
	float: left;
	line-height: 1;
	font-size: 12px;
	padding: 16px 5px 16px 0;
}
#subHeader.op_type02 ul { overflow: hidden; }
#subHeader.op_type02 ul ul { overflow: visible; }
#subHeader.op_type02 li {
	display: inline;
	height: 51px;
	margin-left: 5px;
	margin-bottom: 0;
	padding-left: 5px;
	background: url(/common/images/rn01/nav_vline.gif) left 16px no-repeat;
}
#subHeader.op_type02 li a,
#subHeader.op_type02 .dropNav span {
	padding: 16px 0;
}
#subHeader.op_type02 li a:hover { background:url(/common/images/rn01/nav_bg_over.png) left 16px repeat-x; }
#subHeader.op_type02 .navActive span { background: #6e6e6e; }
#subHeader.op_type02 .navActive a { background-color: #6e6e6e; }
#subHeader.op_type02 .navActive a:hover { background: #6e6e6e; }
#subHeader.op_type02 .dropDown {
	padding: 17px 0 12px;
	background: #6e6e6e;
}

/* 法人のお客さま
------------------------------------------------------------------------------- */
#subHeader .dropDown .dropBs1Nav,
#subHeader .dropDown .dropBsWrap {
	margin: 10px 0;
}
#subHeader .dropDown .dropBs1Nav,
#subHeader .dropDown .dropBs2Nav,
#subHeader .dropDown .dropBs3Nav {
	width: 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #4f4f4f;
}
#subHeader .dropDown .dropBs2Nav {
	float: left;
	width: 403px;	
}
#subHeader .dropDown .dropBs3Nav {
	float: right;
	width: 538px;	
}
#subHeader .dropDown .dropBs1Nav p,
#subHeader .dropDown .dropBs2Nav p,
#subHeader .dropDown .dropBs3Nav p {
	float: left;
	width: 128px;
	margin: 0;
	padding: 0;
}
#subHeader .dropDown .dropBs1Nav ul {
	float: right;
	width: 813px;
}
#subHeader .dropDown .dropBs2Nav ul {
	float: right;
	width: 265px;
}
#subHeader .dropDown .dropBs3Nav ul {
	float: right;
	width: 402px;
}
#subHeader .dropDown .dropBs1Nav li,
#subHeader .dropDown .dropBs2Nav li,
#subHeader .dropDown .dropBs3Nav li {
	float: left;
	width: 128px;
	height: auto;
	margin: 0 9px 0 0;
	padding: 0;
}
#subHeader .dropDown .dropBs1Nav .lastChild,
#subHeader .dropDown .dropBs2Nav .lastChild,
#subHeader .dropDown .dropBs3Nav .lastChild {
	margin-right: 0;
}
#subHeader .dropDown .dropBs1Nav a,
#subHeader .dropDown .dropBs2Nav a,
#subHeader .dropDown .dropBs3Nav a {
	display: block;
	padding: 18px 0;	
}


/* 回り込み解除
------------------------------------------------------------------------------- */
#subHeader div:after,
#subHeader ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #subHeader div,
*:first-child+html #subHeader ul { zoom: 1; } /* ie7 */
* html #subHeader div,
* html #subHeader ul { zoom: 1; } /* ie6 */


/* ==

　06. トピックスパス

=============================================================================== */
#topicPath ul { padding: 4px 0 5px; }
#topicPath li {
	float: left;
	font-size: 10px;
	color: #333;
}
#topicPath li a {
	margin-right: 4px;
	padding-right: 12px;
	background: url(/common/images/rn02/ico_arw01.gif) right center no-repeat;
}
#topicPath a { color: #333; }
#topicPath p {
	position: absolute;
	top: 4px;
	right: 0;
	font-size: 10px;
}

/* 回り込み解除
------------------------------------------------------------------------------- */
#topicPath ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #topicPath ul { zoom: 1; } /* ie7 */
* html #topicPath ul { zoom: 1; } /* ie6 */


/* ==

　07. リキッドメイン

=============================================================================== */
#fluidVisualS .fluidIn,
#fluidVisual .fluidIn,
#fluidVisualL .fluidIn {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1400px;
	margin-left: -700px;
}
#fluidVisualS h1,
#fluidVisual h1,
#fluidVisualL h1,
#fluidVisualS p,
#fluidVisual p,
#fluidVisualL p {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 12px;
}
#fullVisual h1,
#fullVisual p {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	font-size: 12px;
}


/* ==

　08. メインコンテンツ

=============================================================================== */
#main p,
#main dt,
#main dd,
#main th,
#main td,
#main ul,
#main ol { font-size: 117%; }

#main th p,
#main td p,
#main th dt,
#main th dd,
#main td dt,
#main td dd,
#main dl ul,
#main dl ol { font-size: 100%; }

#main section,
#main .section { margin-bottom: 30px; }
#main section section,
#main section .section,
#main .section section,
#main .section .section {
	margin-top: 20px;
	margin-bottom: 20px;
}
#main #loacalNav {
	margin-top: 40px;
	padding: 20px 25px 15px;
	border: 5px solid #ececec;
	background-color: #f8f8f8;
}
#main #loacalNav h2 {
	margin-bottom: 12px;
	padding: 0.1em 0 18px 0;
	border-bottom: 1px solid #ccc;
	background: none;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 150%;
}
#main #loacalNav h2 a {
	padding-left: 15px;
	background: url(/common/images/rn02/ico_arw04.gif) 1px center no-repeat;
}
#main #loacalNav li {
	float: left;
	margin: 0 15px 5px 0;
	white-space: nowrap;
}
#main #loacalNav .linkListS {
	padding: 6px 0 9px;
	font-size: 100%;
}
#main #loacalNav .linkListS li {
	margin: 0 15px 0 0;
	padding-bottom: 3px;
}
#main .leadArea {
	margin-bottom: 25px;
}

/* ==

　09. サイド

=============================================================================== */
#aside p,
#aside dl,
#aside ul,
#aside ol { font-size: 117%; }


/* ==

　10. 固定フッター

=============================================================================== */
#fixFooter .fixArea {
	position: relative;
	width: 100%;
	background: url(/common/images/rn02/fixfooter_bg01.png) left 24px repeat-x;
}
#fixFooter ul {
	float: left;
	width: 750px;
	padding-left: 5px;
}
#fixFooter li {
	float: left;
	margin-right: 5px;
}
#fixFooter p {
	float: right;
	width: 155px;
	padding-right: 5px;
}
#fixFooter.funcFix .fixArea {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}
#fixFooter .fixTabBtn {
	cursor: pointer;
}
#fixFooter .fnFixTab {
	display: none;
}
/* タイプ2
------------------------------------------------------------------------------- */
#fixFooter.op_type02 .baseIn {
	position: relative;
	z-index: 100;
}
#fixFooter.op_type02 .fixArea {
	background: #000;
}
#fixFooter.op_type02 ul {
	padding-left: 0;
}
#fixFooter.op_type02 li {
	line-height: 1;
	margin-right: 30px;
	padding-top: 8px;
	font-size: 12px;
}
#fixFooter.op_type02 .pageTop {
	position: relative;
	width: 138px;
	margin-top: -5px;
	padding-right: 0;
	z-index: 110;
}

/* 回り込み解除
------------------------------------------------------------------------------- */
#fixFooter div:after,
#fixFooter ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #fixFooter div,
*:first-child+html #fixFooter ul { zoom: 1; } /* ie7 */
* html #fixFooter div,
* html #fixFooter ul { zoom: 1; } /* ie6 */


/* ==

　11. リッチフッター

=============================================================================== */
#subFooter .baseIn {
	padding-top: 5px;
	border-top: 1px solid #8a8a8a;
}
#subFooter .subCol {
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px solid #8a8a8a;
}
#subFooter p {
	float: left;
	width: 200px;
	font-size: 117%;
	font-weight: bold;
}
#subFooter .subCol div {
	float: right;
	width: 740px;
}
* html #subFooter .subCol div {
	overflow: hidden;
} /* ie6 */
#subFooter .subCol li {
	float: left;
	margin: 0 17px 2px 0;
	font-size: 100%;
	white-space: nowrap;
}
#subFooter .subCol .devTblSmp { font-size: 0; }
#subFooter .subCol .navWrap {
	float: none;
	width: 740px;
	margin: 0;
	padding-bottom: 11px;
	vertical-align: top;
}
#subFooter .subCol .opSeparateTop {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #8a8a8a;
	clear: both;
}
#subFooter .subCol .opSeparate {
	margin-bottom: 6px;
	padding-bottom: 3px;
	border-bottom: 1px solid #8a8a8a;
}
#subFooter .subCol .navWrap span {
	display: block;
	float: left;
	width: 122px;
	padding: 1px 1px 1px 6px;
	color: #fff;
	background-color: #5a5a5a;
}
#subFooter .subCol .opWrapL span {
	width: 212px;
}
#subFooter .subCol .navWrap ul {
	float: right;
	width: 600px;
	padding: 1px 0;
}
#subFooter .subCol .opWrapL ul {
	width: 510px;
}
#subFooter .subCol .external {
	margin: 0;
	padding: 0 12px 0 0;
	background: url(/common/images/rn02/ico_blank01.gif) right center no-repeat;
}
#subFooter p span,
#subFooter a {
	color: #fff;
	text-decoration: none;
}
#subFooter a:hover { text-decoration: underline; }
#subFooter .subSection,
#subFooter .subSectionR {
	margin-bottom: 20px;
}
#subFooter .subFTxtS {
	display: inline;
	color: #fff;
	font-size: 84%;
}
/* タイプ2
------------------------------------------------------------------------------- */
#subFooter.op_type02 .baseIn {
	padding: 0;
	border: none;
}
/* subSecHead
------------------------------------------------------------------------------- */
#subFooter .subSectionR .subSecHead {
	padding: 13px 10px 13px 36px;
	background: #5a5a5a url(/common/images/rn02/ico_acc03.gif) 10px 13px no-repeat;
	cursor: pointer;
}
#subFooter .subSectionR .navActive {
	background-position: 10px -71px;
}
#subFooter .subSecHead .subSecTit {
	float: left;
	width: auto;
	line-height: 1.1;
	margin-right: 35px;
	color: #fff;
}
#subFooter .subSecHead .subSecTxt {
	float: none;
	width: auto;
	line-height: 1.2;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	overflow: hidden;
}
#subFooter .subSecHead a {
	text-decoration: none;
	outline: none;
}

/* subSecBody
------------------------------------------------------------------------------- */
#subFooter .subSecBody {
	padding: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#subFooter .subSectionR .navHide {
	display: none;
}
#subFooter .subSectionR .navOpen {
	display: block;
}
#subFooter .subSecBody .navBlock {
	background: url(/common/images/rn02/subfooter_bg04.gif) left top repeat-y;
}
#subFooter .subSecBody .navParentsBlock {
	position: relative;
	background: url(/common/images/rn02/subfooter_bg03.gif) left top repeat-y;
}
#subFooter .subSecBody .cateName {
	float: left;
	width: 200px;
	border-top: 1px solid #666;
	color: #fff;
}
#subFooter .subSecBody .cateName p {
	width: auto;
	min-height: 27px;
	padding: 13px 10px 0 50px;
	background-position: 10px 7px;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
}
#subFooter .subSecBody .navParentsBlock .cateName p {
	padding-left: 16px;
}
#subFooter .subSecBody .cateName .icBuilding { background-image: url(/common/images/rn02/subfooter_ico01.png); }
#subFooter .subSecBody .cateName .icShohin { background-image: url(/common/images/rn02/subfooter_ico02.png); }
#subFooter .subSecBody .cateName .icVisit { background-image: url(/common/images/rn02/subfooter_ico03.png); }
#subFooter .subSecBody .cateName .icLifestyle { background-image: url(/common/images/rn02/subfooter_ico04.png); }
#subFooter .subSecBody .cateName .icTechnology { background-image: url(/common/images/rn02/subfooter_ico05.png); }
#subFooter .subSecBody .cateName .icBackground { background-image: url(/common/images/rn02/subfooter_ico06.png); }
#subFooter .subSecBody .cateName .icInfo { background-image: url(/common/images/rn02/subfooter_ico07.png); }
#subFooter .subSecBody .cateName .icBunjo { background-image: url(/common/images/rn02/subfooter_ico08.png); }
#subFooter .subSecBody .cateName .icAbout { background-image: url(/common/images/rn02/subfooter_ico09.png); }
#subFooter .subSecBody .linkArea {
	float: right;
	width: 749px;
	padding: 16px 0 0;
	border-top: 1px solid #c4c4c4;	
}
#subFooter .subSecBody .navParentsBlock .linkArea {
	background-color: #dfdfdf;
}
#subFooter .subSecBody .linkArea .linkCol2 {
	margin: 0 0 4px;
	padding: 4px 4px 0;
	border-top: 1px solid #c4c4c4;
	background: url(/common/images/rn02/subfooter_bg05.gif) 4px top no-repeat;
}
#subFooter .subSecBody .linkArea ul {
	width: 715px;
	padding: 0 15px 4px;
	white-space: nowrap;
}
#subFooter .subSecBody .linkArea .linkCol2 ul {
	float: right;
	width: 610px;
	padding: 12px 0 0;	
}
#subFooter .subSecBody .linkArea li {
	float: left;
	line-height: 1.1;
	margin: 0;
	padding: 0 25px 10px 19px;
	background: url(/common/images/rn02/ico_arw17.png) 5px 0.3em no-repeat;
	font-size: 117%;
}
#subFooter .subSecBody .linkArea .external {
	padding-left: 19px;
	background: url(/common/images/rn02/ico_arw03.gif) left 0.2em no-repeat;
}
#subFooter .subSecBody .linkArea p {
	float: left;
	width: 102px;
	padding: 8px 9px;
	background-color: #e1e1e1;
	color: #555;
	font-size: 12px;
	font-weight: bold;
}
#subFooter .subSecBody .linkArea .areaCatch {
	float: none;
	width: auto;
	margin: -16px 0 15px;
	padding: 8px 15px;
	background-color: #e1e1e1;
	color: #333;
	font-size: 117%;
	font-weight: normal;
}
#subFooter .subSecBody .linkArea .mtNone {
	margin-top: 0;
}
#subFooter .subSecBody .linkArea p span {
	color: #555;
}
#subFooter .subSecBody .linkArea .linkCol2 .fnWrapper {
	float: right;
	width: 610px;
}
#subFooter .subSecBody .linkArea .linkCol2 .fnWrapper div {
	margin-bottom: 5px;
	background: url(/common/images/rn02/subfooter_bg05.gif) left top no-repeat;
}
#subFooter .subSecBody .linkArea .linkCol2 .fnWrapper .fnLast {
	margin-bottom: 0;
}
#subFooter .subSecBody .linkArea .linkCol2 .fnWrapper ul {
	width: 475px;
	padding: 9px 0 0;
}
#subFooter .subSecBody .linkArea li a {
	color: #000;
	text-decoration: none;
}
#subFooter .subSecBody .linkArea li a:hover {
	text-decoration: underline;
}
* html #subFooter .subSecBody .linkArea li a {
	zoom: 1;
} /* ie6 */

/* 回り込み解除
------------------------------------------------------------------------------- */
#subFooter div:after,
#subFooter ul:after,
#subFooter li:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #subFooter div,
*:first-child+html #subFooter ul,
*:first-child+html #subFooter li { zoom: 1; } /* ie7 */
* html #subFooter div,
* html #subFooter ul,
* html #subFooter li { zoom: 1; } /* ie6 */
/* グループ動線
------------------------------------------------------------------------------- */
#subFooter .subGroup {
	letter-spacing: -0.5em;
}
#subFooter .subGroup_name {
	display: inline-block;
	color: #fff;
	letter-spacing: normal;
	vertical-align: top;
}
#subFooter .subGroup_mark {
	display: inline-block;
	color: #fff;
	letter-spacing: normal;
	vertical-align: top;
}
#subFooter .subGroup_body {
	display: inline-block;
	vertical-align: top;
}
#subFooter .subGroup_body li {
	display: inline-block;
	float: none;
	margin: 0 3px;
	letter-spacing: normal;
	vertical-align: top;
}
*:first-child+html #subFooter .subGroup_name,
*:first-child+html #subFooter .subGroup_mark,
*:first-child+html #subFooter .subGroup_body,
*:first-child+html #subFooter .subGroup_body li {
	display: inline;
	zoom: 1;
} /* ie7 */
* html #subFooter .subGroup_name,
* html #subFooter .subGroup_mark,
* html #subFooter .subGroup_body,
* html #subFooter .subGroup_body li {
	display: inline;
	zoom: 1;
} /* ie6 */
#subFooter .subGroup ul:after,
#subFooter .subGroup li:after { display: none; }
/* ==

　12. グローバルフッター

=============================================================================== */
#footer .baseWrap { border-bottom: 3px solid #fa0046; }
#footer .baseIn ul {
	line-height: 1.2;
	padding: 0 0 8px;
	overflow: hidden;
}
#footer #siteNav {
	margin-bottom: 10px;
	padding: 5px 0 0;
}
#footer li {
	float: left;
	margin: 0 13px 0 -7px;
	padding-left: 6px;
	border-left: 1px solid #4d4d4f;
	color: #4d4d4f;
	font-size: 12px;
}
#footer #siteNav li { font-size: 11px; }
#footer #copyright {
	display: block;
	line-height: 1.1;
	padding-bottom: 15px;
	font-size: 11px;
	text-align: right;
	color: #4d4d4f;
}
#footer a {
	color: #4d4d4f;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }

/* 回り込み解除
------------------------------------------------------------------------------- */
#footer ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #footer ul { zoom: 1; } /* ie7 */
* html #footer ul { zoom: 1; } /* ie6 */


/* ==

　13. 見出し

=============================================================================== */
h1,
.heading1 {
	line-height: 1.5;
	margin: 0 0 20px;
	padding: 0 0 7px;
	border-bottom: 1px solid #999;
	background: none;
	color: #333;
	font-size: 184%;
	font-weight: bold;
}
h2,
.heading2 {
	line-height: 1.6;
	margin: 0 0 15px;
	padding: 6px 10px 4px;
	border-bottom: none;
	background-color: #e5e5e5;
	color: #333;
	font-size: 134%;
	font-weight: bold;
}
h3,
.heading3 {
	line-height: 1.6;
	margin: 0 0 10px;
	padding: 0 0 1px;
	border-bottom: 1px solid #ccc;
	background: none;
	color: #666;
	font-size: 134%;
	font-weight: bold;
}
#main .imgTit,
#main .imgTxt {
	line-height: 1;
	font-size: 12px;
}
#main .imgTitBN,
#main .imgTxtBN {
	padding: 0;
	line-height: 1;
	font-size: 12px;
	border: none;
	background: none;
}
#main .headingWrap {
	margin-bottom: 15px;
	position: relative;
}
#main .headingWrap h2,
#main .headingWrap .heading2 { margin-bottom: 0; }
#main .headingWrap p {
	position: absolute;
	top: 50%;
	right: 10px;
	line-height: 1.5;
	margin-top: -10px;
	font-size: 14px;
}


/* ==

　14. 表示切替

=============================================================================== */
.devPc { display: block; }
.devPcTbl { display: block; }
.devTbl { display: none; }
.devTblSmp { display: none; }
.devSmp { display: none; }
img.devPc,
img.devPcTbl { display: inline; }
img.devTbl,
img.devTblSmp,
img.devSmp { display: none; }


/* ==

　15. 機能

=============================================================================== */
#main .fnReplace { display: block; width: 100%; }
#main .fnInlineB { display: inline-block; vertical-align: top; }

*:first-child+html #main .fnInlineB {
  display: inline;
  zoom: 1;
} /* ie7 */
* html #main .fnInlineB {
  display: inline;
  zoom: 1;
} /* ie6 */


/* ==

　16. ソーシャル

=============================================================================== */
#socialArea li {
  line-height: 1;
  float: left;
  margin-right: 11px;
  vertical-align: top;
}
#socialArea .facebookL {
  margin-right: 1px;
}


/* ==

　99. 印刷

=============================================================================== */
.printClear {
	display: none;
}
@media print {
	#header {
		min-width: 0;
	}
	#subHeader {
		min-width: 0;
	}
	#fluidVisualS,
	#fluidVisual,
	#fluidVisualL {
		min-width: 0;
	}
	#fixFooter {
		min-width: 0;
	}
	#subFooter {
		min-width: 0;
	}
	#footer {
		min-width: 0;
	}
	#subHeader,
	#fixFooter{
		display: none;
	}
	.printClear {
		display: block;
		clear: both;
	}
	#header #siteId {
		zoom: 1;
	}
  * html body{ zoom:68%; } /* ie6 */
}