@charset "UTF-8";

/* ========= base.css ========= */
/* Reset CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* ----------------------------------
	body・基本
---------------------------------- */
html{
	height:			100%;
}
body {
	margin:			0 auto;
	padding:		0;
	color:			#333333;
	font-size:		18px;
	font-family: 		"メイリオ", "ＭＳ Ｐゴシック",MS UI Gothic, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height:		18px;
	letter-spacing:		1px;
	text-align:		center;
	height:			100%;
	}
p{
	margin:			0 0 30px 0;
	text-align:		left;
	}
h1{	margin:			0 0 10px 0;
	padding:		0;
	text-align:		left;
	font-weight:		bold;
	font-size:		21px;
	}
h2{
	text-align:		center;
	margin:			50px 0 30px 0;
	clear:			both;
	}
h3{
	text-align:		center;
	margin:			50px 0 30px 0;
	}
h4{
	text-align:		left;
	color:			#cc0000;
	font-weight:		bold;
	margin:			30px 0 20px 0;
	}
a,a:link,a:active,a:visited{
	color:			#00a0e9;
	outline:		none;
	}
a:hover{
	color:			#333333;
	text-decoration:	none;
	outline:		none;
	}
}
img{
	outline:		none;
	margin:			0;
	padding:		0;
	border:			0;
	border-style:		none;
	}
a img {
	border-style:		none;
	}
.clear{
	clear:			both;
	}
table{	
	margin:			10px 20px;
	border-collapse:	collapse;
	letter-spacing:		0;
	line-height:		20px;
	clear:			both;
	}
th,td{
	text-align:		left;
	vertical-align:		middle;
	word-break:		break-all;
	}
th{	
	font-weight:		bold;
	text-align:		center;
	}
/* -----rayout------ */
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
	}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
	}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
	}
#header{
	background-color:	#fff;
	margin:			0 auto;
	width:			100%;
	}
#headerArea{
	margin:			0 auto;
	width:			960px;
	height:			80px;
	}
#footer{
	clear:			both;
	margin:			0 auto;
	width:			100%;
	background:		url(../images/foot_bg.gif) left top repeat-x;
	}
#footArea{
	clear:			both;
	margin:			0 auto 0 auto;
	width:			960px;
	height:			80px;
	padding:		30px 0 10px 0;
	}

#container{
	clear:			both;
	background-color:	#fff;
	padding-bottom:		30px;
	margin:			25px auto 30px auto;
	background:		url(../images/bg.gif) left top repeat-x;
	}
#container #contents{
	clear:			both;
	width:			960px;
	margin:			0 auto;
	text-align:		center;
	}
#container_mailform{
	clear:			both;
	background-color:	#fff;
	padding-bottom:		30px;
	margin:			25px auto 30px auto;
	width:			900px;
	height:			auto !important; 
	}
#mainArea{
	padding-top:		43px;
	clear:			both;
	}

/* -----header------ */
#header div.headleft{
	float:			left;
	margin:			15px 0 0 0;
	}
#header div.headright{
	float:			right;
	margin:			15px 0 0 0;
	text-align:		right;
	}
#header p.address{
	margin:			0;
	padding:		0;
	text-align:		right;
	line-height:		30px;
	}
#header p.mirai{
	margin:			40px 0 0 0 ;
	text-align:		left;
	}
/* -----footer------ */
p.rosaitop{
	margin:			0;
	padding:		0;
	text-align:		center;
	}
#footer div.footleft{
	float:			left;
	margin:			30px 0 0 0;
	}
#footer div.footright{
	float:			right;
	margin:			30px 0 0 0;
	text-align:		right;
	}
#footer p.address{
	margin:			0;
	padding:		0;
	text-align:		right;
	line-height:		30px;
	}
#footer p.mirai{
	margin:			40px 0 0 0 ;
	text-align:		left;
	}

/* -----contents------ */
#contents p.midashi01{
	margin-top:		20px;
	}
#contents div.jikobox{
	width:			960px;
	height:			167px;
	background:		url(../images/jikobox.gif) ;
	}
#contents div.jikobox p{
	padding:		15px 25px 0 0 ;
	text-align:		right;
	line-height:		52px;
	}

#contents p.tsukinbn{
	margin-top:		 25px;
	}
#contents div.report{
	width:			960px;
	}
#contents div.report p.left{
	float:			left;
	}
#contents div.report p.right{
	float:			right;
	}
#contents p.point_title{
	padding-top:		50px;
	clear:			both;
	}
#contents .soudanbox{
	margin-top:		15px;
	width:			960px;
	height:			146px;
	background:		url(../images/sodanbox.png);
	}
#contents div.soudanbox p.left{
	padding:		45px 0 0 200px;
	float:			left;
	}
#contents div.soudanbox p.right{
	padding:		45px 50px 0 0;
	float:			right;
	}
#contents p.ben54Pic{
	margin:			50px 0 0 0 ;
	clear:			both;
	text-align:		center;
	}
#contents p.ben54Link{
	margin:			20px 0 0 0 ;
	clear:			both;
	text-align:		center;
	}
#contents p.textright{
	text-align:		right;
	}
#contents span.caution{
	color:			#ff0000;
	font-weight:		bold;
	}
#contents li{
	text-align:		left;
	margin-bottom:		10px;
	}
div#form table{
	width:			855px;
	margin:			0 auto 30px auto;
	}
div#form table th{
	color:			#0075d0;
	text-align:		left;
	padding:		10px 20px;
	border-bottom:		1px dotted #333333;
	vertical-align:		top;
	}
div#form table td{
	padding:		10px 20px;
	border-bottom:		1px dotted #333333;
	}
div#form table input,div#form table textarea{
	padding:		5px 10px;
	border:			#0075d0 1px solid;
	}
div#form table td.checkboxx input{
	border:			none;
	}
div#form table input.sendbtn{
	padding-top:		30px;
	text-align:		center;
	}
div#form .caution{
	font-size:		12px;
	font-weight:		bold;
	color:			#ff0000;
	}
p.caution02{
	margin-top:		40px;
	}
p.kjoho{
	font-size:		12px;
	}
/* -----footer------ */
#footer {
	margin:			30px 0 50px 0;
	text-align:		center;
	}
#footer p{
	margin:			0;
	padding:		0;
	text-align:		center;
	}
/* -----main------ */
#mainArea p{
	margin:			0;
	padding:		0;
	}
p.text{
	clear:			both;
	font-size:		14px;
	line-height:		25px;
	letter-spacing:		0;
	margin:			0 30px 25px 30px;
	padding:		0;
	}
#mainArea p.maintxt01{
	text-align:		center;
	margin:			0 auto;
	}
#mainArea div.maintxtbox{
	width:			1046px;
	text-align:		center;
	margin:			0 auto;
	}
#mainArea p.maintxt02{
	float:			left;
	margin:			-5px auto 0 auto;
	}
#mainArea p.maintxt03{
	float:			right;
	margin:			-5px auto 0 auto;
	}

div.ok p,div.err p{
	font-weight:		bold;
	width:			900px;
	margin:			20px auto 0 auto;
	text-align:		center;
}
div.err span{
	font-size:		16px;
	font-weight:		bold;
	color:			#ff0000;
	}
#form p.caution{
	text-align:		center;
}