@charset "utf-8";
/*--------------------------------------------------------------------

Owner's Navigator : Base CSS (create:2011/10/18)

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

 00.Common CSS
 01.floating box-model hack CSS (clear fix)
 02.Layout Setting CSS
 03.Link button CSS
 04.Header and Footer CSS
 05.Contents basic CSS
 06.custome CSS
--------------------------------------------------------------------*/


/* 00.Common CSS
--------------------------------------------------------------------*/
/* HTML Tag */
body {
	color:#505050;
	-webkit-text-size-adjust: auto;
}
ul, li, ol {
	list-style-type:none;
}
a {
	color:#27499D;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-size:1em;
}

em { font-style:normal;}
.emB { font-weight:bold;}


/* 01.floating box-model hack CSS (clear fix)
--------------------------------------------------------------------*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
 
/* 02.Layout Setting CSS
--------------------------------------------------------------------*/
body {
	text-align:center;
}

#contentsWrapper {
	width:730px;
	text-align:left;
	margin:0px auto;
}
.documentBlock {
	padding-bottom: 14px;
}
.mainArea {
	padding: 0 9px;
}
.title {
	display:block;
	padding:10px 0 0 0;
	margin-bottom:26px;
}

#contentsWrapper2 {
	width:724px;
	text-align:left;
	margin:0px auto;
}
.documentBlock2 {
	padding-bottom: 14px;
}
.mainArea2 {
	padding: 0 30px;
}
.title2 {
	padding:0;
	display:block;
	margin-bottom:10px;
	
}

/* 03.Link button CSS
--------------------------------------------------------------------*/


/* 04.Header and Footer CSS
--------------------------------------------------------------------*/


/* 05.Contents basic CSS
--------------------------------------------------------------------*/
.floatL { float:left;}
.floatR { float:right;}

.tar { text-align:right;}
.tac { text-align:center;}

.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt26 { margin-top: 26px;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb26 { margin-bottom: 26px;}
.mb85 { margin-bottom: 85px;}

.pdL8 { padding-left: 8px;}
.pdL12 { padding-left:12px;}
.pdL55 { padding-left:55px;}
.pdL230 { padding-left:230px;}
.pdL456 { padding-left:456px;}
.pdB3 { padding-bottom:3px;}

.pdR15 { padding-right: 15px;}

.fs60 { font-size: 60%;}
.fs75 { font-size: 75%;}
.fs84 { font-size: 84%;}
.fs90 { font-size: 90%;}
.fs100 { font-size: 100%;}
.fs120 { font-size: 120%;}
.fs130 { font-size: 130%;}

.w26 { width: 26%;}
.w32 { width: 32%;}
.w34 { width: 34%;}
.w38 { width: 38%;}
.w47 { width: 47%;}
.w49 { width: 49%;}
.w50 { width: 50%;}
.w64 { width: 64%;}
.w66 { width: 66%;}
.w71 { width: 71%;}
.w80 { width: 80%;}

.colB {	color:#3d83cb;}
.colG {	color:#505050;}
.colW {	color:#ffffff;}
.colGR { color:#009e96;}

.udrlGd { border-bottom:dashed 1px #bfbfbf;}
.udrlB { border-bottom:solid 1px #3d83cb;}
.udrlG { border-bottom:solid 1px #bfbfbf;}

.LH12 { line-height:1.2em;} 
.LH13 { line-height:1.3em;} 
.LH15 { line-height:1.5em;} 
.LH18 { line-height:1.8em;} 


.textIndnt {
	text-indent:-0.5em;
}

.textIndnt1 {
	text-indent:-1em;
	padding-left:1em;
}

/*　★★POPUP★★
----------------------------------------------------*/

.popupTit {
	color:#3d83cb;
	margin-top: 15px;
	margin-bottom: 26px;
	padding-bottom:3px;
	border-bottom:solid 1px #3d83cb;
	padding-left:8px;
}

dl.info_image {
	font-size: 90%;
	line-height:1.5em;
}

dl.info_image span.grn{
	color:#1fa459;
}
dl.info_image span.prp{
	color:#27258a;
}
dl.info_image span.red{
	color:#c5222a;
}
dl.info_image span.org{
	color:#d6b750;
}


.readText {
	font-size: 90%;
	line-height:1.5em;
}

p.caution {
	font-size: 76%;
	line-height:1.5em;
}

table.ptn01 td.btm {
	padding:0 0 15px 20px;
	vertical-align:bottom;
}


ul.caution li {
	display:block;
	padding-left:1.5em;
	text-indent:-1.5em;
	font-size: 76%;
	line-height:1.5em;
}
ul.caution li img {
	vertical-align: middle;
}
.caution span,
span.caution {
	color:#009e96;
}


/*　★★FORUM★★
----------------------------------------------------*/

.btn_ovL {
	background:url(../img/btn_ov_L_off.jpg) no-repeat center;
	width:100%;
	height:47px;
}
.btn_ovL:hover {
	background:url(../img/btn_ov_L_on.jpg) no-repeat center;
	width:100%;
	height:47px;
}

.btn_ovL span a {
	display:block;
	width:100%;
	height:47px;
	color:#4c4c4c;
	line-height:47px;
	padding:0 0 0 30px;
}
.btn_ovL span a:hover {
	display:block;
	width:100%;
	height:47px;
	color:#fff;
	line-height:47px;
	padding:0 0 0 30px;
}

.btn_ovS {
	background:url(../img/btn_ov_S_off.jpg) no-repeat center;
	width:202px;
	height:47px;
}
.btn_ovS:hover {
	background:url(../img/btn_ov_S_on.jpg) no-repeat center;
	width:202px;
	height:47px;
}

.btn_ovS span a {
	display:block;
	width:202px;
	height:47px;
	color:#4c4c4c;
	line-height:47px;
	padding:0 0 0 10px;
}
.btn_ovS span a:hover {
	display:block;
	width:202px;
	height:47px;
	color:#fff;
	line-height:47px;
	padding:0 0 0 10px;
}


.ovColumn {
	border:solid 1px #bfbfbf;
	padding:20px;
	background:#f5f5f5;
}

.bg_ov1 {
	background:url(../img/bg_ov1.gif) no-repeat left;
	height:25px;
	line-height:25px;
}

.fp_lead {
	width:724px;
}

.fp_lead_inner {
	padding:15px 30px;
	background:#f5f5f5;
}

/*　★★FAQ★★
----------------------------------------------------*/

.faq_subTit {
	background:url(../img/bg_ov1.gif) no-repeat left;
	height:25px;
	line-height:25px;
}

/*　★★PDS★★
----------------------------------------------------*/
.bg_GS {
	background:url(../img/pds_img5.jpg) no-repeat 570px 90px;
}


/* -- 2011/11/16 : add : for Text Title ---------- */

.popupTit .planeText ,
.popupTit .withImage ,
.popupTit .withCaution {
	min-height:58px;
}

.popupTit .pageTitle {
	font-size:1.2em;
	line-height:1.0em;
	vertical-align:bottom;
}

.popupTit .subTitle {
	display:block;
	font-size:0.6em;
	line-height:1.0em;
	vertical-align:bottom;
	padding-top:6px;
	padding-bottom:2px;
}

.popupTit .withImage p ,
.popupTit .withCaution p {
	display:inline-block;
	width : auto;
	min-width :1em;
	float:left;
}
.popupTit .withImage img {
	float:left;
}
.popupTit .withCaution img {
	float:right;
}

/* ---------- 2011/11/16 : add : for Text Title -- */


@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {				/* iPhone 4 向けCSS */

#contentsWrapper2 {
	width:100%;
	text-align:left;
	margin:0px auto;
	font-size:85%;
}

}