@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px; /* 13px; */
	-webkit-text-size-adjust: none;
	line-height: 1.8;
	color: #555;
	background-color: #fff;
	}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section,
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after,
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section,
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear{
	float: none;
	clear: both;
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
}
/* !header
---------------------------------------------------------- */
		
	div#header{
		width: 960px;
		margin: 15px auto 0 auto;
	}
		div#header #headlogoArea01{
			width: 990px;
			background: #fff;
			padding: 0 15px;
		}
			div#header #headlogoArea01 ul{
				width: 120px;
				float: right;
				overflow: hidden;
				height: 25px;
			}
				div#header #headlogoArea01 li.left{
					float: left;
					width: 80px;
					margin-right: 15px;
					padding-top: 9px;
				}
				div#header #headlogoArea01 li.right{
					float: right;
				}
		div#header #menuArea01{
			width: 990px;
			overflow: hidden;
			background: #fff;
			padding: 5px 15px 0 15px;
			height: 60px;
		}
			div#header #menuArea01 h1.logoArea01{
				wisth: 285px;
				float: left;
				padding-left: 5px;
			}
			div#header #menuArea01 ul.menu01{
				width: 607px;
				float: right;
			}
				div#header #menuArea01 ul.menu01 li{
					float: left;
					margin-right: 40px;
					padding-top: 18px;
				}
				div#header #menuArea01 ul.menu01 li.last{
					margin-right: 0;
				}
				div#header #menuArea01 ul.menu01 li a{
					outline: none;
				}
				div#header #menuArea01 ul.menu01 li a:hover{
					
				}
				div#header #menuArea01 ul.menu01 li a:hover img{
					height: auto;
					filter: alpha(opacity=60);        /* ie lt 8 */
    				-ms-filter: "alpha(opacity=60)";  /* ie 8 */
    				-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    				-khtml-opacity: 0.6;              /* Safari 1.x */
    				opacity:0.6;
				}
nav{				
			z-index: 100 !important;
}
nav.fixed {
    position: fixed;
    top: 0;
}
		div#header div#showcaseArea01{
			width: 100%;
			height: 550px;
			margin-top: 18px;
		}
			div#header div#showcaseArea01 div.showcase01{
				text-align: center;
			overflow: hidden;
			}
			div#header div#showcaseArea01 div.showcase01 img{
		}
		h1{
		}
	div#contents{
		width: 990px;
	}
			div#contents h3{
				margin-bottom: 50px;
				text-align: center;
			}/*
			div#contents h3.c{
				background: url(../../img/section_c/titleThumb_service.png) no-repeat center bottom;
			}
			div#contents h3.d{
				background: url(../../img/section_d/titleThumb_plan.png) no-repeat center bottom;
			}
			div#contents h3.e{
				background: url(../../img/section_e/titleThumb_access.png) no-repeat center bottom;
			}*/
		div#contents div#section_a{
			width: 960px;
			padding-top: 188px;
			margin: -50px auto 0 auto;
			padding-bottom: 100px;
			background: url(../../img/common/dotted.gif) repeat-x left bottom;
			text-align: left;
		}
		div#contents div#section_a h2{
			text-align: center;
			margin-bottom: 50px;
		}
			div#contents div#section_a div.blockArea01{
				overflow: hidden;
			}
					div#contents div#section_a div.blockArea01 p.mainImg01{
						width: 520px;
						float: left;
					}
					div#contents div#section_a div.blockArea01 p.mainText01{
						width: 420px;
						float: right;
						padding-top: 20px;
					}
					div#contents div#section_a div.blockArea01 p.mainText01 span{
						display: block;
						margin-top: 15px;
					}
					
		div#contents div#section_b{
			width: 990px;
			padding-top: 188px;
			margin: -90px auto 0 auto;
			padding-bottom: 100px;
			background: url(../../img/common/dotted.gif) repeat-x left bottom;
			text-align: left;
		}
		div#contents div#section_b h2{
			text-align: center;
			margin-bottom: 80px;
		}
			div#contents div#section_b div.blockArea01{
				overflow: hidden;
				margin-top: 50px;
			}
			div#contents div#section_b div.blockArea02{/*
				background: url(../../img/img02.jpg) no-repeat 720px 190px,
							url(../../img/img01.jpg) no-repeat 800px 60px,
							url(../../img/img03.jpg) no-repeat 780px 330px;*/
							overflow: hidden;
			}
			div#contents div#section_b div.blockArea02 .left{
				float: left;
			}
			div#contents div#section_b .title{
				margin: 0 auto 15px 0;
			}
			div#contents div#section_b div.blockArea02 .right{
				width: 280px;
				float: right;
				margin-top: 28px;
			}
		div#contents div#section_c{
			width: 990px;
			margin: -80px auto 80px auto;
			padding-top: 188px;
			padding-bottom: 100px;
			background: url(../../img/common/dotted.gif) repeat-x left bottom;
			text-align: center;
		}
			div#contents div#section_c .mainImg01{
				margin-bottom: 70px;
			text-align: center;
			}
		
			div#contents div#section_c ul.stepList01{
				margin: 0 auto;
				overflow: hidden;
			}
				div#contents div#section_c ul.stepList01 li{
					width: 232px;
					float: left;
					margin-right: 20px;
				}
				div#contents div#section_c ul.stepList01 li.last{
					margin-right: 0;
				}
					div#contents div#section_c ul.stepList01 li span{
						display: block;
					}
						div#contents div#section_c ul.stepList01 li span.img01{
							margin-bottom: 20px;
						}
						div#contents div#section_c ul.stepList01 li span.title01{
							margin-bottom: 12px;
			text-align: center;
						}
						div#contents div#section_c ul.stepList01 li span.text01{
							text-align: left;
							text-align: justify;
							text-justify: inter-ideograph;
							-ms-text-justify: inter-ideograph;
						}
		div#contents div#section_d{
			margin: -160px auto 100px auto;
			padding-top: 188px;
			width: 990px;
			padding-bottom: 80px;
			background: url(../../img/common/dotted.gif) repeat-x left bottom;
		}
		
			div#contents div#section_d .blockArea01{
				overflow: hidden;
				height: 550px;
			}
			div#contents div#section_d .blockArea02,
			div#contents div#section_d .blockArea03,
			div#contents div#section_d .blockArea04{
				overflow: hidden;
				margin-bottom: 40px;
			}
				div#contents div#section_d .blockArea01 .leftBlock{
					overflow: hiddex;
				}
				.mod_thumlist_photo_entry{
					position:absolute;
					width: 650px;						
				}
				div#contents div#section_d p.cap{
				}
				div#contents div#section_d .blockArea01{
					overflow: hidden;
				}
				div#contents div#section_d .blockArea01 .rightBlock{
					width: 310px;
					float: right;
				}	
					div#contents div#section_d .blockArea01 .rightBlock ul{
						overflow: hidden;
					}
					div#contents div#section_d .blockArea01 .rightBlock ul li{
						float: left;
						margin-right: 10px;
						margin-bottom: 10px;
					}
					div#contents div#section_d .blockArea01 .rightBlock ul li.right{
						margin-right: 0;
					}
			div#contents div#section_d .blockArea02 .zumen{
				overflow: hidden;
			}
				div#contents div#section_d .blockArea02 .zumen li{
					float: left;
					margin-right: 30px;
					text-align: center;
				}
				div#contents div#section_d .blockArea02 .zumen li.last{
					margin-right: 0;
				}
				div#contents div#section_d .blockArea02 .zumen li img{
					border: 1px solid #ccc;
				}
				div#contents div#section_d .blockArea02 .zumen li span{
					display: block;
					margin-top: 5px;
				}
			div#contents div#section_d .blockArea03{
				margin: 70px auto;
				width: 660px;
				text-align: center;
			}
			div#contents div#section_d .blockArea03 .title,
			div#contents div#section_d .blockArea04 .title{
				margin-bottom: 30px;
				text-align: center;
			}
			div#contents div#section_d .blockArea03 table{
				border-top: 1px solid #ccc;
			}
			div#contents div#section_d .blockArea03 td{
				padding: 10px 0;
				border-bottom: 1px solid #ccc;
				text-align: left;
			}
			div#contents div#section_d .blockArea03 td.tdTitle{
				width: 150px;
				padding-left: 20px;
			}
			div#contents div#section_d .blockArea03 td.tdText{
				width: 470px;
				padding-left: 20px;
			}
			div#contents div#section_d .blockArea03 td span{
				font-size: 90%;
			}
		div#contents div#section_e{
			width: 990px;
			margin: -80px auto 100px auto;
			padding-top: 80px;
			text-align: left;
		}
			div#contents div#section_e .blockArea01{
				overflow: hidden;
					width: 960px;
					margin: 0 auto;
			}
				div#contents div#section_e .blockArea01 .mapArea01{
				}
				div#contents div#section_e .blockArea01 .mapArea01 #map{
					width: 960px;
					height: 300px;
				}
				div#contents div#section_e .blockArea01 .mapArea01 p{
					text-align: center !important;
				}
			div#contents div#section_e .blockArea02{
				overflow: hidden;
				width: 600px;
				margin: 0 auto;
			}
				div#contents div#section_e .blockArea02 .left{
					width: 300px;
					float: left;
				}
				div#contents div#section_e .blockArea02 .right{
					width: 300px;
					float: right;
				}
			div#contents div#section_e .blockArea03{
				overflow: hidden;
				width: 900px;
				text-align: center;
				margin: 0 auto;
			}
			div#contents div#section_e .blockArea03 ul.accessText01{
				overflow: hidden;
				width: 900px;
				margin: 0 auto;
			}
			div#contents div#section_e .blockArea03 ul.accessText01 li{
				width: 280px;
				margin-right: 15px;
				float: left;
				border-top: 1px solid #999;
				padding: 15px 0;
			}
			div#contents div#section_e .blockArea03 ul.accessText01 li.last{
				margin-right: 0;
			}
			div#contents div#section_e .blockArea03 ul.accessText01 li span{
				display: block;
				margin-top: 10px;
				font-size: 80%;
			}
				
				
		div#contents div#section_f{
			margin: 100px auto;
			width: 990px;
		}
			div#contents div#section_f .blockArea01{
				overflow: hidden;
				margin-bottom: 40px;
			}
			div#contents div#section_f .blockArea01{
				margin: 70px auto;
				width: 660px;
				text-align: center;
			}
			div#contents div#section_f .blockArea01 .title{
				margin-bottom: 30px;
				text-align: center;
			}
			div#contents div#section_f .blockArea01 table{
				border-top: 1px solid #ccc;
			}
			div#contents div#section_f .blockArea01 td{
				padding: 10px 0;
				border-bottom: 1px solid #ccc;
				text-align: left;
			}
			div#contents div#section_f .blockArea01 td.tdTitle{
				width: 150px;
				padding-left: 20px;
			}
			div#contents div#section_f .blockArea01 td.tdText{
				width: 470px;
				padding-left: 20px;
			}
			div#contents div#section_f .blockArea01 td span{
				font-size: 90%;
			}
				
				
					
.btnLinkArea{
	text-align: center;
}
.btnLinkArea span{
	display: block;
}
.btnLinkArea .off{
	opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
}

.btnLinkArea02{
	text-align: center;
}
	.btnLinkArea02 span{
		display: block;
	}
		.btnLinkArea02 span.title{
			margin-bottom: 20px;
		}
		.btnLinkArea02 span.text{
			margin-bottom: 30px;
		}
		
		
		
		
	div#footer{
		overflow: hidden;
		background: #000;
		color: #fff;
	}
		div#footer .fotterinner{
			width: 990px;
			margin: 0 auto;
			padding: 20px 0 0 0;
		}
			div#footer .left{
				width: 475px;
				float: left;
			}
			div#footer .left ul{
			overflow: hidden;
				padding-top: 4px;
			}
			div#footer .left li{
				float: left;
				margin: 0;
				padding: 0;
			}
			div#footer .left li.footerText{
				padding-left: 15px;
				padding-top: 8px;
				font-size: 80%;
			}
			div#footer .left li.footerText a{
				color: #fff;
			}
			div#footer .left p.copyright{
				font-size: 80%;
				text-align: left;
				margin-top: 5px;
			}
			div#footer .right{
				width: 450px;
				margin-left: auto;
				margin-top: 20px;
			}
			div#footer .right p{
				text-align: right;
			}
			div#footer .right span{
				font-size: 75%;
				padding-right: 15px;
				padding-top: 5px;
				color: #fff;
				display: inline-block;
			}

/* !contents
---------------------------------------------------------- */
#eyecatch {
	width: 990px;
	height: 550px;
}
#eyecatch .item {
	height: 550px;
	background: #ccc;
	position: relative;
}
.item-caption {
	position: absolute;
	left:0;
	right: 0;
	bottom: 0;
	padding: 10px;
	color: #fff;
	background: url(../img/slideshow_caption_bg.png) ;
}


#fb_Wall{
	width: 650px;
	background: url(../../img/common/dotted.gif) repeat-x left top;
	padding-top: 30px;
}
#fb_Wall li{
	overflow: hidden;
	line-height: 1.3;
	padding-bottom: -40px;
	margin-bottom: 20px;
	background: url(../../img/common/dotted.gif) repeat-x left bottom; 
}
#fb_Wall li a{
	color: #555;
}
#fb_Wall li span.fb_PostDate{
	width: 120px;
	float: left;
	font-weight: bold;
}
#fb_Wall li p.fb_Sentence{
	width: 530px;
	float: right;
}
#fb_Wall li p.fb_Sentence img{
	position: relative;
}


/* 20150319 add */

	div#contents_entry{
		width: 820px;
		margin: 80px auto;
	}
		div#contents_entry p.title_entry{
			text-align: center;
		}		
		div#contents_entry .entryFormBlock01{
		}		
			div#contents_entry .entryFormBlock01{
			}
			div#contents_entry .entryFormBlock01 p.midashi{
				background: #f5f5f5;
				padding: 0 10px;
			}
				div#contents_entry .entryFormBlock01 p.midashi span.red{
					color: #f75454;
					padding-left: 8px;
					font-size: 85%;
				}
			div#contents_entry .entryFormBlock01 .formcell{
				overflow: hidden;
				border-bottom: 1px solid #ccc;
					padding: 12px 0;
			}
			div#contents_entry .entryFormBlock01 .formcell.bottom{
				border: none;
				margin-bottom: 40px;
			}
			div#contents_entry .entryFormBlock01 .formcell.noline{
				border: none;
				padding-bottom: 0;
			}
				div#contents_entry .entryFormBlock01 .formcell p{
					margin: 0;
				}
				div#contents_entry .entryFormBlock01 .formcell ul.inputSelect{
					overflow: hidden;
				}
					div#contents_entry .entryFormBlock01 .formcell ul.inputSelect li{
						margin: 0;
						padding-left: 5px;
						padding-right: 40px;
						float: left;
					}
					div#contents_entry .entryFormBlock01 .formcell ul.inputSelect li span.text{
						padding-left: 5px;
					}
					div#contents_entry .entryFormBlock01 .formcell ul.inputSelect label, input[type='radio'] {
						cursor: pointer;
					}
			div#contents_entry .entryFormBlock01 .formtitle{
				width: 120px;
				float: left;
			}		
				div#contents_entry .entryFormBlock01 .formtitle .entrytext01{
					background: url(../../img/common/yaji01.png) no-repeat right 50%;
				}
			div#contents_entry .entryFormBlock01 .formcontent{
				width: 655px;
				padding-left: 10px;
				float: right;
			}
				div#contents_entry .entryFormBlock01 .formcontent .entrytext02{
					font-size: 85%;
					margin-bottom: 5px;
				}
			div#contents_entry .entryFormBlock01 .formcontent textarea{
						padding: 6px;
						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						margin-bottom: 5px;
						width: 500px;
						height: 150px;
					}
					
			div#contents_entry .entryFormBlock01 .formcontent .inputSelect02{
					overflow: hidden;
				
			}
					div#contents_entry .entryFormBlock01 .formcell ul.inputSelect02 li{
						margin: 0;
						padding-left: 5px;
						padding-right: 5px;
						float: left;
					}
			div#contents_entry .entryFormBlock01 .formcontent .inputSelect02 input{
						padding: 6px;
						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						margin-left: 5px;
			}
					
			div#contents_entry .entryFormBlock01 .formcontent .inputSelect03{
				
			}
					div#contents_entry .entryFormBlock01 .formcell ul.inputSelect03 li{
						margin: 0;
						padding-left: 5px;
						padding-right: 5px;
					}
						div#contents_entry .entryFormBlock01 .formcell ul.inputSelect03 li span.red{
							color: #f75454 !important;
							padding-left: 8px !important;
							font-size: 85% !important;
						}
						div#contents_entry .entryFormBlock01 .formcell ul.inputSelect03 li.smallText01{
							font-size: 85% !important;
							padding-top: 3px !important;
						}
			div#contents_entry .entryFormBlock01 .formcontent .inputSelect03 input{
						padding: 6px;
						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						margin-left: 5px;
						width: 300px;
			}
					
			div#contents_entry .entryFormBlock01 .formcontent .inputSelect04{
				
			}
					div#contents_entry .entryFormBlock01 .formcell ul.inputSelect04 li{
						margin: 0;
						padding-left: 5px;
						padding-right: 5px;
						float: left;
					}
						div#contents_entry .entryFormBlock01 .formcell ul.inputSelect04 li span.red{
							color: #f75454 !important;
							padding-left: 8px !important;
							font-size: 85% !important;
						}
						div#contents_entry .entryFormBlock01 .formcell ul.inputSelect04 li.smallText01{
							font-size: 85% !important;
							padding-top: 3px !important;
						}
			div#contents_entry .entryFormBlock01 .formcontent .inputSelect04 input,
			div#contents_entry .entryFormBlock01 .formcontent .inputSelect04 select{
						padding: 6px;
						border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						margin-left: 5px;
						width: 80px;
			}

	div#contents_entry .textArea01{
		margin-top: 90px;
	}
	div#contents_entry .textArea01 p{
		text-align: center;
		margin-bottom: 20px;
	}
			
			
.boxAgreement01 {
}
.boxAgreement01 .agreementText{
	font-weight: bold;
	margin-bottom: 10px;
}
.boxAgreement01In {
	padding: 10px 25px 10px 10px;
	height: 180px;
	font-size: 90%;
	overflow-y: auto;
	*zoom: 1;
	border: 1px solid #ccc;
}
.boxAgreement01In h4{
	background-color: #f5f5f5;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: normal;
}
.boxAgreement01In p{
	margin: 10px 0;
}
.boxAgreement01In p.textRight01{
	margin-top: 30px;
	text-align: right;
}

.formBtnBlock02{
	text-align: center;
}
.formBtnBlock02 ul{
	overflow: hidden;
	width: 300px;
	margin: 50px auto;
}
.formBtnBlock02 ul li{
	float: left;
}
.formBtnBlock02 ul li.left{
	margin-right: 20px;
}

.boxAgreement01 .smallText01{
	font-size: 80%;
	margin-top: 10px;
}
.formBtnBlock02 input{
	float: left;
}