@charset "utf-8";

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

　目次

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

　01. タグ固有
　02. 大枠
　03. 固定ヘッダー
　04. トピックスパス
　05. サイドナビ
　06. リッチフッター
　07. コンテンツ下部要素
　08. モジュール
　99. ズームアクション
　99. ソーシャル
　99. 印刷

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

　01. タグ固有

=============================================================================== */
section {
	margin: 0 0 50px;
}
section section {
	margin: 0 0 30px;
}
section p,
section ul,
section ol {
	margin: 0 0 25px;
	font-size: 134%;
}
em {
	font-weight: bold;
	font-style: normal;
}
/* ==

　02. 大枠

=============================================================================== */
#container {
	position: relative;
	min-width: 750px;
	padding: 0 0 0 200px;
	border-top: 5px solid #dddedc;
}
*:first-child+html #container {
	zoom: 1;
} /* ie7 */
* html #container {
	zoom: 1;
} /* ie6 */
#main {
	width: auto;
	margin: 0;
}
#outer {
	width: auto;
	min-width: 950px;
}
#outer .firstChild { margin-top: 0; }
#outer .lastChild { margin-bottom: 0; }
#container #outer {
	min-width: 750px;
	height: 100%;
}
.contents {
	width: 980px;
	margin: 0 auto;
}
.contents-fix {
	width: 950px;
}
.contents-fluid {
	width: auto;
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
}
@media screen and (max-width:1205px) {
	.contents {
		width: 730px;
		padding: 0 10px 0;
	}
	.contents-fix {
		width: 950px;
		padding: 30px 0 0;
	}
	.contents-fluid {
		width: auto;
		padding-right: 0;
		padding-left: 0;
		padding-top: 0;
	}
}
#fixFooter ul {
	display: none;
}
/* ==

　03. 固定ヘッダー

=============================================================================== */
#subHeader {
	position: relative;
	height: 50px;
	background-color: #02b3ee;
}
#subHeader .subHeader_tit {
	position: relative;
	float: none;
	line-height: 1;
	padding: 12px 0 0;
	text-align: center;
	font-size: 10px;
}
#subHeader .subHeader_tit img {
	vertical-align: middle;
}
#subHeader .subHeader_list {
	position: absolute;
	top: 0;
	right: 0;
}
#subHeader .subHeader_list li {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	border-left:1px solid #FFF;
}
#subHeader .subHeader_mail,
#subHeader .subHeader_contact {
	width: 91px;	
}
#subHeader .subHeader_biz {
	width: 118px;
}
#subHeader .subHeader_search {
	display: none !important;
}
#subHeader .subHeader_list a {
	display: block;
	height: 39px;
	padding: 11px 10px 0 10px;
	background: url(/tochikatsu/souken/images/rn02/ico_arw08.png) 92% center no-repeat;
}#subHeader .subHeader_list a:hover {
	background: url(/tochikatsu/souken/images/rn02/ico_arw08.png) 92% center no-repeat;
}
#subHeader .subHeader_mail a {
	background-color: #c53a6e;
}
.d_hover #subHeader .subHeader_mail a:hover {
	background-color: #d75a89;
}
#subHeader .subHeader_contact a {
	background-color: #b10000;
}
.d_hover #subHeader .subHeader_contact a:hover {
	background-color: #b92424;
}
#subHeader .subHeader_biz a {
	background-color: #233357;
}
.d_hover #subHeader .subHeader_biz a:hover {
	background-color: #3b4c71;
}
#subHeader .subHeader_form {
	position: absolute;
	top: 10px;
	left: 10px;
}
#subHeader .subHeader_input {
	display: block;
	height: 22px;
	padding: 4px 40px 4px 15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #063a4f;	
}
#subHeader .subHeader_text {
	width: 120px;
	height: 22px;
	line-height: 22px;
	padding: 0;
	border: none;
	background-color: #063a4f;	
	color: #fff;
	font-size: 16px;
	-webkit-appearance: none;
}
#subHeader .subHeader_submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 30px;
	-webkit-appearance: none;
}
#subHeader .subHeader_list:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #subHeader .subHeader_list { zoom: 1; } /* ie7 */
#fixHeader {
	display: none;
	position: fixed;
	top: -55px;
	left: 0;
	width: 100%;
	min-width: 950px;
	height: 50px;
	background-color: #02b3ee;
	z-index: 1100;
}
#fixHeader img {
	vertical-align: middle;
}
#fixHeader ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #fixHeader ul { zoom: 1; } /* ie7 */
* html #fixHeader ul { zoom: 1; } /* ie6 */
.fixHeader_title {
	position: relative;
	float: none;
	line-height: 1;
	padding: 12px 0 0;
	font-size: 10px;
	text-align: center;
}
.fixHeader_title img {
	vertical-align: middle;
}
.fixHeader_list {
	position: absolute;
	top: 0;
	right: 0;
}
.fixHeader_list li {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	border-left:1px solid #FFF;
}
.fixHeader_mail,
.fixHeader_contact {
	width: 91px;
}
.fixHeader_biz {
	width: 118px;
}
.fixHeader_list a {
	display: block;
	height: 39px;
	padding: 11px 10px 0 10px;
	background: url(/tochikatsu/souken/images/rn02/ico_arw08.png) 92% center no-repeat;
}
.fixHeader_mail a {
	background-color: #c53a6e;
}
.d_hover .fixHeader_mail a:hover {
	background-color: #d75a89;
}
.fixHeader_contact a {
	background-color: #b10000;
}
.d_hover .fixHeader_contact a:hover {
	background-color: #b92424;
}
.fixHeader_biz a {
	background-color: #233357;
}
.d_hover .fixHeader_biz a:hover {
	background-color: #3b4c71;
}
.fixHeader_category {
	display: none !important;
}
.fixHeader_form {
	position: absolute;
	top: 10px;
	left: 10px;
}
.fixHeader_input {
	display: block;
	height: 22px;
	padding: 4px 40px 4px 15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #063a4f;	
}
.fixHeader_text {
	width: 120px;
	height: 22px;
	line-height: 22px;
	padding: 0;
	border: none;
	background-color: #063a4f;	
	color: #fff;
	font-size: 16px;
	-webkit-appearance: none;
}
.fixHeader_submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 30px;
}
/* ==

　04. トピックスパス

=============================================================================== */
#topicPath {
	width: auto;
	padding: 0 10px;
	color: #666;
}
#topicPath ul {
	padding-top: 6px;
	padding-bottom: 6px;
}
#topicPath li {
	color: #666;
}
#topicPath li a {
	color: #666;
	text-decoration: none;
}
.d_hover #topicPath li a:hover {
	text-decoration: underline;
}
@media screen and (max-width:1205px) {
	#topicPath {
		min-width: 720px;
	}
}
/* ==

　05. サイドナビ

=============================================================================== */
#side {
	position: absolute;
	top: 0;
	left: 0;
	width: 195px;
	height: 100%;
	border-right: 5px solid #dddedc;
	background-color: #fff;
	z-index: 3;
}
#side.side-fixed {
	position: fixed;
	z-index: 1000;
}
* html #side.side-fixed {
	position: absolute;
	z-index: 3;
}
#side.side-layerDown {
	position: absolute;
	z-index: 3;
}
.side_in {
	padding: 0 0 40px;
}
#side.side-fixed .side_in {
	padding-top: 50px;
}
#side.side-layerDown .side_in {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 195px;
}
* html #side.side-layerDown .side_in {
	position: static;
	width: auto;
} /* ie6 */
/* ナビゲーション
------------------------------------------------------------------------------- */
.side_nav {
	margin: -1px 0 0;
	line-height: 1.4;
	font-size: 14px;
}
.side_navItem {
	border-top: 1px dotted #dddedc;
}
.side_navItem:first-child {
	border-top: none;
}
.side_navItem a {
	display: block;
	padding: 6px 19px 4px 6px;
	color: #666;
	background: url(/tochikatsu/souken/images/rn02/ico_arw06.png) 95% center no-repeat;
	text-decoration: none;
}
.d_hover .side_navItem a:hover {
	text-decoration: underline;
}
.side_navItem-mail,
.side_navItem-contact,
.side_navItem-biz {
	line-height: 1;
	border-top: 1px solid #fff;
	font-size: 10px;
}
.side_navItem-mail a,
.side_navItem-contact a,
.side_navItem-biz a {
	padding-top: 13px;
	padding-bottom: 13px;
	background-image: url(/tochikatsu/souken/images/rn02/ico_arw08.png);
}
.side_navItem-mail a {
	background-color: #c53a6e;
}
.side_navItem-mail a:hover {
	background-color: #d75a89;
}
.side_navItem-contact a {
	background-color: #b10000;
}
.side_navItem-contact a:hover {
	background-color: #b92424;
}
.side_navItem-biz a {
	background-color: #233357;
}
.side_navItem-biz a:hover {
	background-color: #3b4c71;
}
.side_navItem-mail img,
.side_navItem-contact img,
.side_navItem-biz img {
	vertical-align: middle;
}
* html .side_navItem a { zoom: 1; } /* ie6 */
.side_navItem-current {
	background-color: #fedcd1;
	color: #333;
}
.side_social {
	padding: 10px 0 0;
	text-align: center;
	letter-spacing: -1em;
}
.side_socialItem {
	display: inline-block;
	margin: 0 3px;
	background-color: #fff;
	vertical-align: top;
	letter-spacing: normal;
}
*:first-child+html .side_socialItem { display: inline; zoom: 1; } /* ie7 */
* html .side_socialItem { display: inline; zoom: 1; } /* ie6 */
/* ==

　06. リッチフッター

=============================================================================== */
#subFooter .baseIn-bdn {
	padding-top: 0;
	border-top: none;
}
#subFooter .subCol-bdn {
	padding-bottom: 0;
	border-bottom: none;
}
/* ==

　07. コンテンツ下部要素

=============================================================================== */
/* コンバージョン
------------------------------------------------------------------------------- */
.cvArea {
	position: relative;
	min-width: 950px;
	border-top: 5px solid #dddedc;
	background-color: #828282;
    z-index: 1000;
}
.cvArea_in {
	position: relative;
	width: 530px;
	margin: 0 auto;
	padding: 50px 0 40px;
	color: #fff;
}
.cvArea_in a {
	color: #fff;
}
.cvArea_in:after {
	display: block;
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	width: 74px;
	height: 32px;
	margin: 0 0 0 -37px;
	background: url(../images/rn02/souken_bg01.png) left top no-repeat;
}
.cvArea_head {
	line-height: 1;
	padding: 40px 0 29px;
	background-color: #fff;
	font-size: 10px;
	text-align: center;
}
.cvArea_head img {
	vertical-align: middle;
}
.cvArea_bnr {
	display: block;
	margin: 0 0 10px;
}
.cvArea_link {
	margin: 5px 0 0;
	padding: 0 0 0 20px;
	background: url(../images/rn02/ico_arw07.png) left 0.5em no-repeat;
}
.cvArea_link a {
	text-decoration: none;
}
.cvArea_link a:hover {
	text-decoration: underline;
}
/* 関連情報
------------------------------------------------------------------------------- */
.relatedArea {
	width: 950px;
	margin: 20px auto 40px;
	overflow: hidden;
}
.relatedArea_bnr {
	margin: 0 -25px 0 0;
}
.relatedArea_bnr li {
	float: left;
	width: 300px;
	margin: 0 25px 0 0;
}
.relatedArea_bnr:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .relatedArea_bnr { zoom: 1; } /* ie7 */
/* ==

　08. モジュール

=============================================================================== */
/* 画像可変
------------------------------------------------------------------------------- */
.liquidRange img {
	max-width: 100%;
	width: auto\9;
	height: auto;
}
*:first-child+html .liquidRange img { /* IE7 */
	-ms-interpolation-mode: bicubic;
}
/* ==

　99. ズームアクション

=============================================================================== */
.d_hover .fnZoom img { -ms-filter: "alpha(opacity=100)"; }
.d_hover .fnZoom:hover img {
  opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
.csstransitions .fnZoom,
.csstransitions .fnZoom_wrap {
	display: block;
	position: relative;
	overflow: hidden;
}
.csstransitions .fnZoom img {
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.csstransitions .fnZoom:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.csstransitions .fnZoom:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

/* ==

　98. 機能

=============================================================================== */
#outer .fnInlineB { display: inline-block; vertical-align: top; }
*:first-child+html #outer .fnInlineB {
	display: inline;
	zoom: 1;
} /* ie7 */
* html #outer .fnInlineB {
	display: inline;
	zoom: 1;
} /* ie6 */
/* ==

　99. ソーシャル

=============================================================================== */
#socialArea {
	margin-top: 40px;
	margin-bottom: 20px;
}
/* ==

　99. 印刷

=============================================================================== */
@media print {
	#fixHeader {
		display: none !important;
	}
	#side {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
	}
	.contents {
		width: 730px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.contents-fix {
		width: 950px;
	}
	#subHeader,
	#fixFooter{
		display: none;
	}
	.printClear {
		display: block;
		clear: both;
	}
	#header #siteId {
		zoom: 1;
	}
	* html body{ zoom:68%; } /* ie6 */
}