@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. パッシブコントロール
　03. アクティブコントロール
　04. スマートマネジメント
　05. 事業継続計画（BCP）
  

******************************************************************************* */
body,
.container{
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
#r3Header, .r3Footer, .container .section{
	min-width:1200px;
}
.container .section{
	min-width:0;
	width:730px;
	margin:0 auto 50px;
}
/* ==

　00. file import

=============================================================================== */
@import url("../../css/style.css");

div#hdNav li.line2 a{ padding:8px 0; }
div#hdNav li.line2 a:hover, div#hdNav li.line2 a:active{ background:url(../../images/rn01/nav_bg_over02.png) left 8px repeat-x; }
div#hdNav li.btn_inq{
	padding-left:15px;
	background:none;
}
div#hdNav li.btn_inq a{ padding:6px 0; opacity: 1.0; }
div#hdNav li.btn_inq a:hover{
	opacity: 0.7;
}


/* ==

　01. 基本

=============================================================================== */
#header,
.container {
    min-width: 1200px;
    width: auto;
}
#header #headerBtn {
    top: 54px;
}
.section .main{ margin:0 auto; font-size:115%; line-height:1.5; float:none; }
.main div:after{ content:''; display:block; clear:both; }

.section .main h1{ margin-bottom:20px; }
.section .main .cnts h4{ margin-bottom:5px; padding-bottom:0; border-bottom:none; font-size:100%; line-height:1.3; }

.main .cnts, .main .cnts div{ position:relative; }

.main .cnts .column2{ width:750px; margin:0 0 0 -20px; clear:both; }
.main .cnts .column2 div{ width:355px; margin:0 0 20px 20px; display:inline; float:left; clear:none; }
.main .cnts .column2 div div{ width:auto; margin:0; display:block; float:none; clear:both; }

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

/* リード文
------------------------------------------------------------------------------- */
.main div.lead{ width:730px; margin:0 0 20px; clear:both; }
.main div.lead .txt{ width:320px; float:left; }
.main div.lead p.img{ width:390px; float:right; }



/* アンカーリンクボタン
------------------------------------------------------------------------------- */
div.anchor{ width:730px; margin:0 0 20px; clear:both; }
div.anchor ul{ width:740px; margin:0 0 0 -10px; clear:both; }

div.anchor.btn01on{ border-bottom:2px solid #008cb4; }
div.anchor.btn02on{ border-bottom:2px solid #f08437; }
div.anchor.btn03on{ border-bottom:2px solid #72af43; }
div.anchor.btn04on{ border-bottom:2px solid #754f89; }


div.anchor li{ width:175px; margin:0 0 0 10px; display:inline; float:left; }

div.anchor li a{
	width:175px;
	height:45px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
div.anchor li.current a{ height:47px; }
div.anchor li a span{ display:none; }

div.anchor li a:link, div.anchor li a:visited,
div.anchor li.current a:hover, div.anchor li.current a:active{ background-position:left top; }
div.anchor li a:hover, div.anchor li a:active{ background-position:left -45px; }

div.anchor li.up a:link, div.anchor li.up a:visited{ background-position:left -90px; }
div.anchor li.up a:hover, div.anchor li.up a:active{ background-position:left -135px; }

div.anchor li.btn01 a{ background-image:url(../images/btn01.gif); }
div.anchor li.btn02 a{ background-image:url(../images/btn02.gif); }
div.anchor li.btn03 a{ background-image:url(../images/btn03.gif); }
div.anchor li.btn04 a{ background-image:url(../images/btn04.gif); }

div.anchor li.btn01.current a{ background-image:url(../images/btn01_on.gif); }
div.anchor li.btn02.current a{ background-image:url(../images/btn02_on.gif); }
div.anchor li.btn03.current a{ background-image:url(../images/btn03_on.gif); }
div.anchor li.btn04.current a{ background-image:url(../images/btn04_on.gif); }






/* ==

　02. パッシブコントロール

=============================================================================== */
#passive h4{ color:#008cb2; }

#passive .column2 div.floatR.img{ float:right; }


.cnts .cnts_p01{ width:730px; padding:0 0 20px; clear:both; }
.cnts .cnts_p01 p.img{ width:355px; float:right; }
.cnts .cnts_p01 div.txt{ width:355px; float:left; }

.cnts .cnts_p02 p.img{ margin-right:10px; padding-bottom:15px; float:left; }






/* ==

　03. アクティブコントロール

=============================================================================== */
#active h4{ color:#f08437; }

.cnts .cnts_a01 div{ width:355px; margin-right:20px; float:left; }
.cnts .cnts_a01 div.note{
	width:331px;
	margin-right:0;
	padding:15px 12px 0;
	background-color:#fef2e7;
	clear:none;
	margin-left:0;
  text-indent:0;	
	
}
.cnts .cnts_a01 div.note dt{ margin-bottom:5px; }
.cnts .cnts_a01 div.note dd{ font-size:85%; }
.cnts .cnts_a01 div.note .notes{ padding-top:10px; }
.cnts .cnts_a01 div.note .notes li{ font-size:85%; line-height:1.4; }


.cnts .cnts_a02{ width:730px; padding:0 0 20px; clear:both; }
.cnts .cnts_a02 p.img{ width:200px; float:right; }
.cnts .cnts_a02 div.txt{ width:510px; float:left; }


#active .column2 div.img{ margin-bottom:0; padding-bottom:20px; }

.cnts .cnts_a03 div.floatL{ width:230px; }
.cnts .cnts_a03 div.floatR{ width:480px; }

.cnts .cnts_a03 div.floatL ul{
	margin-bottom:10px;
	padding:10px;
	border:2px solid #f9cca6;
}
.cnts .cnts_a03 div.floatL li{
	padding-left:10px;
	background:url(../images/li_disc.gif) left center no-repeat;
	font-weight:bold;
}
.cnts .cnts_a03 div.floatR p.img{ margin-right:10px; padding-bottom:15px; float:left; }




/* ==

　04. スマートマネジメント

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




/* ==

　05. 事業継続計画（BCP）

=============================================================================== */
#bcp h4{ color:#744e88; }


/* 免震構造
------------------------------------------------------------------------------- */
#bcp .cnts_b01 h4{ margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #ccc; color:#666; }
.cnts .cnts_b01 li{
	padding-left:12px;
	background:url(../images/li_disc04.gif) left 5px no-repeat;
}

.cnts .cnts_b01 .b01_table{ width:730px; margin:0 0 20px; clear:both; }
.cnts .cnts_b01 .b01_table p.txt_caption{ font-weight:bold; }
.cnts .cnts_b01 .b01_table p.txt_caption span{ color:#744e88; }

.cnts .cnts_b01 .b01_table table{
	width:494px;
	float:left;	
}
.cnts .cnts_b01 .b01_table p.img{ padding-top:2px; float:right; }

.cnts .cnts_b01 .b01_table th,
.cnts .cnts_b01 .b01_table td{ padding:5px 10px; font-size:85%; }

.cnts .cnts_b01 .b01_table th.g01{ background-color:#ddd; color:#333; }
.cnts .cnts_b01 .b01_table th.g02{ background-color:#efefef; color:#333; text-align:left; }
.cnts .cnts_b01 .b01_table th.taishin{ background-color:#d9c6e0; color:#754f89; }
.cnts .cnts_b01 .b01_table td.taishin{ background-color:#f0e9f4; color:#333; font-weight:bold; }
.cnts .cnts_b01 .b01_table th.menshin{ background-color:#fbb3c0; color:#f33f5f; }
.cnts .cnts_b01 .b01_table td.menshin{ background-color:#fee3e7; color:#f33f5f; font-weight:bold; }




/* 非常用電源確保
------------------------------------------------------------------------------- */
.cnts .cnts_b02 .b02_img{ width:730px; padding-bottom:20px; clear:both; }
.cnts .cnts_b02 .b02_img dl{ width:200px; float:left; }
.cnts .cnts_b02 .b02_img dt{ margin-bottom:5px; }
.cnts .cnts_b02 .b02_img p.img{ float:right; }

.cnts .cnts_b02 .b02_img.dotline{
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
}



/* 防災対策
------------------------------------------------------------------------------- */
#bcp .cnts_b03 h4{ padding-bottom:5px; border-bottom:1px solid #ccc; }

.cnts .cnts_b03{ width:730px; margin:0; padding:0 0 30px; clear:both; }
.cnts .cnts_b03 ul{ width:750px; margin:0 0 0 -20px; clear:both; }
.cnts .cnts_b03 li{
	width:218px;
	margin:0 0 0 20px;
	padding:0 0 5px 12px;
	background:url(../images/li_disc04.gif) left 5px no-repeat;
	font-weight:bold;
	display:inline;
	float:left;
	clear:none;
}

/*
.cnts .cnts_b03 p.img{ margin-left:10px; float:right; }

.cnts .cnts_b03 .bousai03{ min-height:105px; }
* html .cnts .cnts_b03 .bousai03{ height:105px; }
.cnts .cnts_b03 .bousai03 p{ padding-right:160px; }
.cnts .cnts_b03 .bousai03 p.img{
	margin-left:0;
	padding-right:0;
	position:absolute;
	top:7px;
	right:5px;
	float:none;
}

.cnts .cnts_b03 .bousai04{ min-height:135px; }
* html .cnts .cnts_b03 .bousai04{ height:135px; }
.cnts .cnts_b03 .bousai04 p{ padding-right:75px; }
.cnts .cnts_b03 .bousai04 p.img{
	margin-left:0;
	padding-right:0;
	position:absolute;
	top:-8px;
	right:5px;
	float:none;
}

.cnts .cnts_b03 .bousai05{ min-height:130px; }
* html .cnts .cnts_b03 .bousai05{ height:130px; }
.cnts .cnts_b03 .bousai05 p{ padding-right:110px; }
.cnts .cnts_b03 .bousai05 p.img{
	margin-left:0;
	padding-right:0;
	position:absolute;
	top:3px;
	right:5px;
	float:none;
}

*/