@charset "utf-8";

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

　目次

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

　01. 基本


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


/* ==

　01. 基本

=============================================================================== */
.mainCnts div:after{ content:''; display:block; clear:both; }

.container div.title2 p.hd{
	width:880px;
	padding:7px 47px 7px 7px;
	/*
	background-color:#d96d00;
	*/
	font-size:14px;
	color:#fff;
	font-weight:bold;
	position:relative;
}

div.title2 p.hd span{
	width:20px;
	margin:0;
	padding:7px;
	background-color:#939598;
	color:#fff;
	text-align:center;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
div.title2 h1{
	height:100px;
	padding-top:45px;
	background:#f4f4f4 url(../../images/rn01/bg_title.jpg) right bottom no-repeat;
	line-height:1.4;
}
div.title2 h1 small{ font-size:50%; color:#333; }

.container .mainCnts h2{
	height:auto;
	margin-bottom:10px;
	padding-left:0;
	padding-bottom:10px;
	background:none;
	border-left:none;
	border-bottom:1px dotted #ccc;
	font-size:24px;
	line-height:1.2;
	color:#008cbb;
}
.container .mainCnts h3{
	height:auto;
	margin-bottom:10px;
	padding:7px 7px 7px 10px;
	background:none;
	background-color:#f4f4f4;
	border-left:5px solid #008cbb;
	font-size:110%;
	line-height:1.3;
	color:#333;
}
/*
.container .mainCnts h4{ color:#008cbb; }
*/
.container .mainCnts h2 small{ font-size:65%; color:#008cbb; }
.container .mainCnts h3 small{ color:#333; }

.container .mainCnts #sec01,
.container .mainCnts #sec02,
.container .mainCnts #sec03,
.container .mainCnts #sec04{
	margin-top: -68px;
	padding-top: 68px;
	display:block;
	position:static;
	clear:none;
}


.container .mainCnts #sec01 h2{ color:#4578b7; }
.container .mainCnts #sec01 h3{ border-left:5px solid #4578b7; }
.container .mainCnts #sec01 h2 small, .container .mainCnts #sec01 p em{ color:#4578b7; }

.container .mainCnts #sec02 h2{ color:#f28659; }
.container .mainCnts #sec02 h3{ border-left:5px solid #f28659; }
.container .mainCnts #sec02 h2 small, .container .mainCnts #sec02 p em{ color:#f28659; }

.container .mainCnts #sec03 h2{ color:#9fbe46; }
.container .mainCnts #sec03 h2 span{ color:#349386; }
.container .mainCnts #sec03 h3{ border-left:5px solid #9fbe46; }
.container .mainCnts #sec03 h2 small, .container .mainCnts #sec03 p em{ color:#9fbe46; }

.container .mainCnts #sec04 h2{ color:#795f9f; }
.container .mainCnts #sec04 h3{ border-left:5px solid #795f9f; }
.container .mainCnts #sec04 h2 small, .container .mainCnts #sec04 p em{ color:#795f9f; }


.mainCnts p.notes{ font-size:85%; }



.mainCnts .anchorBlock{
	margin:40px 0;
	zoom:1;
	display:block;
	clear:both;
}
.mainCnts .anchorBlock ul{ margin-left:-6px; /margin-left:-4px; clear:both; }
.mainCnts .anchorBlock li{
	margin-left:6px;
	/margin-left:4px;
	display:inline;
	float:left;
}
.mainCnts .anchorBlock li a{ z-index:100; display:block; }
.mainCnts .anchorBlock li a:link, .mainCnts .anchorBlock li a:visited{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.mainCnts .anchorBlock li a:hover, .mainCnts .anchorBlock li a:active{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



.mainCnts div .colBlock01{ zoom:1; clear:both; }
.mainCnts div .colBlock01 .col1{ width:49%; padding-bottom:20px; float:left; }
.mainCnts div .colBlock01 .col2{ width:49%; padding-bottom:20px; float:right; }

.mainCnts #sec02 .colBlock02 .col1{ width:40%; float:left; }
.mainCnts #sec02 .colBlock02 .col2{ width:56%; float:right; }

.mainCnts #sec04 .colBlock01 .col1{ width:55%; }
.mainCnts #sec04 .colBlock01 .col2{ width:43%; }


.mainCnts #sec02 .col2 dl{ padding:20px; background-color:#f4f4f4; }
.mainCnts #sec02 .col2 dt{ margin-bottom:5px; color:#333; font-weight:bold; }


.mainCnts #sec04 p.notes{ margin-left:0; padding:20px 0 0 1em; border-top:1px dotted #ccc; }