@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ
　02. ヘッダー
　03. フッター
　04. 
　05. 


【新ヘッダー 2014/09】
　01. タグ固有のスタイル指定
　02. 大枠レイアウト
　03. グローバルヘッダー
　88. 差異調整
　99. 印刷


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


/* ==

　00. file import

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

/* ==

　01. 共通パーツ

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



/* ==

　02. ヘッダー

=============================================================================== */
/* 新ヘッダー
------------------------------------------------------------------------------- */
/* #hdArea *{ margin:0; padding:0; font-size:12px; line-height:1.0; } */


#hdArea{
	width:100%;
	padding:10px 0 0;
	border-top:3px solid #fa0046;
	font-size:12px;
	line-height:1.0;
	zoom:1;
	clear:both;
}
#hdArea.common{ border-bottom:1px solid #d0d0da; }
#hdArea #hdInner {
	width:950px;
	min-height:1%;
	margin:0 auto;
	clear:both;
}
#hdArea div, #hdArea ul{ zoom:1; }
#hdArea:after, #hdArea div:after, #hdArea ul:after{ content:''; display:block; clear:both; }

#hdInner a:link, #hdInner a:visited{ color:#666; text-decoration:none; }
#hdInner a:hover, #hdInner a:active{ color:#666; text-decoration:underline; }

#hdInner p.logo{ width:80px; float:left; }
#hdInner p.logo img{ margin-bottom:7px; }

#hdInner .floatR{ width:845px; float:right; }


/* .upper
------------------------------------------------------------------------------- */
#hdArea #hdInner .floatR .upper{ width:845px; margin-top:3px; position:relative; }
#hdArea #hdInner .floatR .upper p{ padding-top:10px; float:left; }

#hdArea #hdInner .floatR .upper p.txt_group{ padding-top:0; position:absolute; top:0; right:0; float:none; }
#hdArea #hdInner .floatR .upper p.txt_group a{ zoom:1; }
#hdArea #hdInner .floatR .upper p.txt_group a:link, #hdArea #hdInner .floatR .upper p.txt_group a:visited{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#hdArea #hdInner .floatR .upper p.txt_group a:hover, #hdArea #hdInner .floatR .upper p.txt_group a:active{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


/* リンク（お問い合わせ等） */
#hdArea #hdInner .floatR .upper ul{ padding:22px 0 10px; float:right; }
#hdArea #hdInner .floatR .upper li{
	margin:9px 13px 0 0;
	font-size:10px;
	line-height:1.2;
	white-space:nowrap;
	float:left;
}
#hdArea #hdInner .floatR .upper li a{ padding-left:6px; background:url(/common/images/renew2009/arrow_02.gif) left 3px no-repeat; }
#hdArea #hdInner .floatR .upper li a.blank{ padding-left:18px; background:url(/common/images/renew2009/arrow_blank.gif) left top no-repeat; }


/* フォントサイズ変更 */
#hdArea #hdInner .floatR .upper li.btn{ margin:0; text-indent:-9999px; }
#hdArea #hdInner .floatR .upper li.btn a{
	padding-left:0;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	position:absolute;
}
#hdArea #hdInner .floatR .upper li.btn a:link, #hdInner .floatR .upper li.btn a:visited{ background-position:left top; }
#hdArea #hdInner .floatR .upper li.btn a:hover, #hdInner .floatR .upper li.btn a:active{ background-position:left bottom; }

#hdArea #hdInner .floatR .upper li#fontSizeChg{
	width:102px;
	margin:0 0 0 10px;
}
#hdArea #hdInner .floatR .upper li#fontSizeChg a{
	width:102px;
	height:20px;
	bottom:7px;
	right:0;
}
#hdArea #hdInner .floatR .upper li#fontSizeChg a#fontsizeS{ background-image:url(/common/images/renew2009/btn_fontsizeS.gif); }
#hdArea #hdInner .floatR .upper li#fontSizeChg a#fontsizeL{ background-image:url(/common/images/renew2009/btn_fontsizeL.gif); }



/* .gnav
------------------------------------------------------------------------------- */
#hdArea #hdInner .floatR .gnav{
	width:685px;
	margin:3px 0 0;
	font-size:12px;
	position:relative;
	float:left;
	zoom:1;
	clear:none;
}

#hdArea #hdInner .floatR .gnav li{ margin-right:8px; padding-bottom:7px; font-size:12px; line-height:1.0; float:left; }
#hdArea #hdInner .floatR .gnav li a{ zoom:1; }
#hdArea #hdInner .floatR .gnav li a:link, #hdArea #hdInner .floatR .gnav li a:visited{
	-moz-opacity:1.0;
	opacity:1.0;
	filter:alpha(opacity=100);
}
#hdArea #hdInner .floatR .gnav li a:hover, #hdArea #hdInner .floatR .gnav li a:active{
	-moz-opacity:0.6;
	opacity:0.6;
	filter:alpha(opacity=60);
}

#hdArea #hdInner .floatR div fieldset{
	margin-top:2px;
	font-size:12px;
	float:right;
}
#hdArea #hdInner .floatR div fieldset input#searchBox{
	width:100px;
	background-color:#f7f7f7;
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
	border-left:1px solid #999;
	border-right:1px solid #fff;
}
#hdArea #hdInner .floatR div fieldset .btn{
	height:18px;
	vertical-align:bottom !important;;
}



/* 新ナビゲーション
------------------------------------------------------------------------------- */
div#hdNav{
	width:100%;
	background-color:#edeef0;
	position:relative;
	z-index:100;
	clear:both;
}
div#hdNav div{
	width:950px;
	min-height:1%;
	margin:0 auto;
	position:relative;
	clear:both;
}
div#hdNav div:after{ content:''; display:block; clear:both; }

div#hdNav div p{ padding:16px 5px 16px 0; float:left; }

div#hdNav ul{ float:left; }
div#hdNav li{
	margin-left:5px;
	padding-left:5px;
	background:url(/common/images/rn01/nav_vline.gif) left center no-repeat;
	display:inline;
	float:left;
}
div#hdNav li a{ padding:16px 0; display:block; }
div#hdNav li a:link, div#hdNav li a:visited{ background:none; }
div#hdNav li a:hover, div#hdNav li a:active{ background:url(/common/images/rn01/nav_bg_over.png) left 16px repeat-x; }
div#hdNav.funcFix .fixArea {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	border-top: 3px solid #fa0046;
	border-bottom: 1px solid #dfdfdf;
	background: #fff;
}

/* プルダウン　別タイプ
------------------------------------------------------------------------------- */
div#hdNav.op_type02 {
	height: 51px;
}
div#hdNav.op_type02 div {
	position: static;
}
div#hdNav.op_type02 .dropDown {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 1000;
	width: 100%;
	padding: 17px 0 12px;
	background: #6e6e6e;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
div#hdNav.op_type02 .dropNav span {
	display: block;
	padding: 16px 0;
	cursor: pointer;
}
div#hdNav.op_type02 .navActive span { background: #6e6e6e; }
div#hdNav.op_type02 .navActive a { background-color: #6e6e6e; }
div#hdNav.op_type02 .navActive a:hover { background: #6e6e6e; }
div#hdNav.op_type02 .dropDown ul {
	display: block;
}
div#hdNav.op_type02 .dropDown .dropLinkList {
	padding-top: 5px;
}
div#hdNav.op_type02 .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: 14px;
	white-space: nowrap;
}
div#hdNav.op_type02 .dropDown .dropLinkList a {
	display: inline;
	padding: 0;
	background: none;
	color: #fff;
	text-decoration: none;
}
div#hdNav.op_type02 .dropDown .dropLinkList a:hover {
	text-decoration: underline;
}
div#hdNav.op_type02 .dropDown .dropLinkList .external {
	padding: 0 0 7px 19px;
	background: url(/common/images/rn02/ico_blank03.gif) left 0.2em no-repeat;
}
* html div#hdNav.op_type02 div {
	position: relative;
} /* ie6 */
* html div#hdNav.op_type02 .dropDown {
	width: 950px;
} /* ie6 */
* html div#hdNav.op_type02 .baseIn {
	width: 950px;
	position: relative;
	margin: 0 auto;
	text-align: left;
} /* ie6 */



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



/* ==

　03. フッター

=============================================================================== */
/* 新フッター
------------------------------------------------------------------------------- */
#ftArea{ min-height:95px; clear:both; }
#ftArea a {
	color: #4d4d4f;
	text-decoration: none;
}
#ftArea a:hover {	text-decoration: underline; }


#ftArea #ftInner .column1 {
	width:950px;
	margin:0 auto 8px;
	padding-top:24px;
	clear:both;
}
#ftArea #ftInner .column2 {
	width:100%;
	padding-top:5px;
	border-top:3px solid #fa0046;
	clear:both;
}
#ftArea #ftInner .column3 {
	width:950px;
	margin:0 auto;
	padding-bottom:15px;
	clear:both;
}


#ftArea #ftInner .column1 ul {
	line-height: 1.2;
	overflow: hidden;
}
#ftArea #ftInner .column1 li {
	display: inline;
	float: left;
	margin: 0 13px 0 -7px;
	padding-left: 6px;
	border-left: 1px solid #4d4d4f;
	font-size: 12px;
}

#ftArea #ftInner .column2 ul {
	width:950px;
	margin:0 auto;
	line-height: 1.2;
	margin-bottom: 12px;
	overflow: hidden;
}
#ftArea #ftInner .column2 li {
	display: inline;
	float: left;
	margin: 0 13px 0 -7px;
	padding-left: 6px;
	border-left: 1px solid #4d4d4f;
	font-size: 11px;
}

#ftArea #ftInner .column3 p {
	line-height: 1.1;
	color: #4d4d4f;
	font-size: 11px;
	text-align:right;
}







/* ==

　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%
 
 	※％指定がネストする場合の指定値は別途要計算
=============================================================================== */
#header {
	line-height: 1.7;
	 -webkit-text-size-adjust: 100%;
}
#header img { vertical-align: bottom; }


/* ==

　02. 大枠レイアウト

=============================================================================== */
#header {
	width: 100%;
	min-width: 950px;
	height: 91px;
	border-top: 3px solid #fa0046;
	border-bottom: 1px solid #d0d0da;
	background-color: #fff;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
}
#header .baseIn {
	width: 950px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}


/* ==

　03. グローバルヘッダー

=============================================================================== */
#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;
}
#header #headerGlobalNav a img,
#header #headerSocialNav a img,
#header #headerContactNav a img,
#header #headerSiteNav a img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
#header #headerGlobalNav a:hover img,
#header #headerSocialNav a:hover img,
#header #headerContactNav a:hover img,
#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 */


/* ==

　88. 差異調整

=============================================================================== */
#header #headerBtn #fontSizeChg {
	float: none;
	text-indent:-9999px;
}
#header #headerBtn #fontSizeChg a {
	display:block;
	width: 125px;
	height: 21px;
	background-position: left top;
	background-repeat: no-repeat;
}
#header #headerBtn #fontSizeChg #fontsizeS {
	background-image:url(/common/images/rn02/header_btn_fontd.gif);
}
#header #headerBtn #fontSizeChg #fontsizeL {
	background-image:url(/common/images/rn02/header_btn_fontl.gif);
}
#header #headerBtn #fontSizeChg a {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
#header #headerBtn #fontSizeChg a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#header form input#searchBox {
	color: #000;
}


/* ==

　99. 印刷

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

@media print {
	#header {
		min-width: 0;
	}
	#header #siteId {
		zoom: 1;
	}
}
