@charset "utf-8";

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

　目次

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

　01. 大枠レイアウト
　02. グローバルヘッダー
　03. 固定ヘッダー
　04. 固定フッター
　05. リッチフッター
　06. グローバルフッター
　99. 印刷

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


.baseIn {
	width: 950px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}



/* ==

　01. 大枠レイアウト

=============================================================================== */
#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",  Sans-Serif;
}
#subHeader {
	width: 100%;
	min-width: 950px;
	height: 49px;
	border-bottom: 1px solid #d7d7d7;
}
#subHeader.op_type02 {
	height: 51px;
	border-bottom: none;
}

#fixFooter {
	width: 100%;
	min-width: 950px;
	height: 40px;
}
#subFooter {
	width: 100%;
	min-width: 950px;
	padding: 30px 0 25px;
	background-color: #6e6e6e;
}
#footer {
	width: 100%;
	min-width: 950px;
	margin-top: 24px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Sans-Serif;
}



/* ==

　02. グローバルヘッダー

=============================================================================== */
#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/rn/ico_arw02.gif) left 0.55em no-repeat;
}
#header #headerUtilityNav .external {
	padding-left: 18px;
	background: url(/common/images/rn/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;
	/overflow: hidden;
	line-height:1.0;
}
.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 */



/* ==

　03. 固定ヘッダー

=============================================================================== */
#subHeader .baseIn {
	position: static;
}
#subHeader .fixArea {
	position: relative;
	z-index: 1000;
	width: 100%;
	background: url(/common/images/rn/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 {
	display: block;
	cursor: pointer;
}
#subHeader.funcFix .fixArea {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	border-top: 3px solid #fa0046;
	border-bottom: 1px solid #dfdfdf;
}


/* タイプ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/rn/nav_vline.gif) left 16px no-repeat;
}
#subHeader.op_type02 li a {
	padding: 16px 0;
}
#subHeader.op_type02 li a:hover { background:url(/common/images/rn/nav_bg_over.png) left 16px repeat-x; }
#subHeader.op_type02 li.dropNav a:hover{ background:none; }
#subHeader.op_type02 li.dropNav li{ background:none; }


/* dropDown 
------------------------------------------------------------------------------- */
#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/rn/subheader_bg02.jpg) left bottom repeat-x;
}
* html #subHeader .dropDown {
	top: 49px;
} /* ie6 */

#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/rn/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/rn/ico_blank03.gif) left 0.2em no-repeat;
}
#subHeader .dropDown .dropLinkImg {
	padding: 30px 0 0;
	float:none;
}
#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 */


/* 法人のお客さま */
#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 .dropNav.typeTxt  span { padding:16px 0; }
#subHeader .navActive.typeTxt span { background: #6e6e6e; }
#subHeader .navActive.typeTxt a { background-color: #6e6e6e; }
#subHeader .navActive.typeTxt a:hover { background: #6e6e6e; }
#subHeader .typeTxt .dropDown {
	padding: 17px 0 12px;
	background: #6e6e6e;
}


/* 回り込み解除
------------------------------------------------------------------------------- */
#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 */




/* ==

　04. 固定フッター

=============================================================================== */
#fixFooter .fixArea {
	position: relative;
	width: 100%;
	background: url(/common/images/rn/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;
}

/* 回り込み解除
------------------------------------------------------------------------------- */
#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 */



/* ==

　05. リッチフッター

=============================================================================== */
#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/rn/ico_blank01.gif) right center no-repeat;
}
#subFooter p span,
#subFooter a {
	color: #fff;
	text-decoration: none;
}
#subFooter a:hover { text-decoration: underline; }

#subFooter .subFTxtS {
	display: inline;
	color: #fff;
	font-size: 84%;
}



/* 回り込み解除
------------------------------------------------------------------------------- */
#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 */




/* ==

　06. グローバルフッター

=============================================================================== */
#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 */




/* ==

　99. 印刷

=============================================================================== */
.printClear {
	display: none;
}
@media print {
	#header {
		min-width: 0;
	}
	#subHeader {
		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 */
}