@charset "utf-8";

/* CSS Document */

html {

	overflow-x:hidden;
	
}
html,
body {
	font-family: "メイリオ", Meiryo, sans-serif;
	font-size: 9.6pt;
	line-height: 1.4em;
/*	color: #282828; */
	color:#525252;
}
a {
	color: #2f3279;
	text-decoration: none;
}
a:hover {
	color: #489FF0;
	/*	color: #0C8BDC;*/
	text-decoration:underline;
}


/* Layout */
div#wrapper {
	position:relative;
	width:100%;
	z-index:1;
}
div#contents {
	width: 960px;
	height:100%;
	margin: 0 auto;
	padding-bottom:8em;
	
	background-color:#FFF;
	position:relative;
	
	overflow:hidden;

}
/* Pマーク ------------------------ */
.PmarkBox {
	float: left;
	width: 308px;
	height:100px;
	background:url(../img/12390119_100_JP.gif) center center no-repeat;
	display: block;
	margin:3.6em 0 0;
}
.PmarkBoxL {
	position:absolute;
	width:74px;
	height:75px;
	background:url(../img/pmark_12390119.png) center center no-repeat;
	display:block;
	
	bottom:12em;
	left:8em;
}

header {
	margin:0;
	padding:0.8em 0;
	position:relative;
}
footer {
}
.footer {
/*
	opacity: 0.9;
	background-color: #2F3279;
*/	
}
.footer .content{
	position: fixed;
	bottom: 0;
	z-index: 999;
	width: 100%;
	height: 76px;

	opacity: 0.9;
	background-color: #2F3279;
	height: 76px;
}

div#topLeftArea {
	float: left;
	width: 640px;
	
	background-color:#fff;
}
div#topRightArea {
	float: right;
	width: 310px;
	background-color: #FFF;
}
div#topRight {
	width: 310px;
	margin:0 0 80px;
}
.fixed {
	position: fixed;
	top: 20px;
}

/* sample page 02 --------------------- */

div#pageLeftArea {
	float: left;
	width: 700px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
div#pageRightArea {
	float: right;
	width: 240px; /* 300px; */
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
div#pageRight {
	width:240px;
	margin:0 0 60px;
}

/* sample page 03 --------------------- */

div#pageLeftAreaB {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
div#pageRightAreaB {
	float: right;
	width:640px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

/* ------------------------------------ */


/*
div#pageLeftArea div {
	margin:0.8em auto;
	width:96%;
}
div#pageLeftArea div p {
	line-height:1.4em;
	margin:0;
	padding:0;
}
div#pageLeftArea div ul {
	margin:0.4em 0;
}
div#pageLeftArea div ul li {
	margin:0 0 0 1.6em;
}

div#pageLeftArea div ol {
	margin:0.4em 0;
	padding:0 0;
}
div#pageLeftArea div ol li {
	margin:0.4em 0 0.8em 1.6em;
	padding:0;
}
*/





.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;

	margin-bottom:0em;

}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Text -------------------- */
	.f08pt { font-size:8pt; }
	.f09pt { font-size:9pt; }
	.f10pt { font-size:10pt; }
	.f11pt { font-size:11pt; }
	.f12pt { font-size:12pt; }
	.f14pt { font-size:14pt; }
	.f16pt { font-size:16pt; }
	.f18pt { font-size:18pt; }
	.f20pt { font-size:20pt; }
	.f24pt { font-size:24pt; }

	.txtC { text-align:center; }
	.txtL { text-align:left; }
	.txtR { text-align:right; }
	
/* width ------------------- */
	.w10p { width:10%; }
	.w15p { width:15%; }
	.w20p { width:20%; }
	.w30p { width:30%; }
	.w40p { width:40%; }
	.w50p { width:50%; }
	.w60p { width:60%; }
	.w70p { width:70%; }
	.w80p { width:80%; }
	.w90p { width:90%; }
	.w100p { width:100%; }
	

.selwrap {
	width:100%;
	margin:0;
	padding:0;
}
.selBox {
	margin:0.8em auto;
	padding:0.4em 0;
}
.selBoxL {
	float:left;
	width:48.0%;
/*
	height:auto;
*/
	min-height:165px;
	
	border:solid 1px #ccc;
	border-radius:5px;
	margin:0 0 0.4em 0.4em;
	background-color:#fff;
	
	position:relative;
}
.selBoxL .inner {
	padding:0.4em 0.4em 1.2em;
}
.selBoxL .inner .subBox {
	float:left;
	width:100%;
	display:block;
	
	margin:0;
	padding:0 0 0.8em;
}




/*===========================================
	■YDBフッター　リンク
===========================================*/

#ydbfooter {
	margin-top:50px;
	padding-bottom:30px;
	background:#cee3f3;
	font-size:8pt;
	line-height:1.8;
}

#ydbfooter_link {
	padding:40px 0px 0px 20px;
	color:#7facda;
}
/*  --- clearfix --- */
#ydbfooter:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
#ydbfooter {
	display:inline-block;
}
#ydbfooter {
	display:block;
	}
/* Mac IE \*//*/
#ydbfooter {
	overflow:hidden;
}
/* */

	#ydbfooter_link div {
		width:22%;
		float:left;
		padding:0 0 0 3%;
	}
		#ydbfooter_link div p {
			margin:0px 10px 0px 0px;
			color:#347db2;
			font-weight:bold;
		}
		#ydbfooter_link div ul {
			margin:10px 10px 0px 0px;
			list-style:none;
		}
		#ydbfooter_link div a {
			color:#306992;
			text-decoration:none;
		}
		#ydbfooter_link div a:hover {
			text-decoration:underline;
		}

#ydbfooter address {
	padding:10px;
	color:#daeaf2;
	font-style:normal;
	text-align:center;
	background:#0270c5;
}