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


/**** フォントサイズ　*************

基本を12pxに、サイズは％指定。

====偶数====　　　====奇数====
■10px = 84%      ■11px = 92%
■12px = 100%     ■13px = 109%
■14px = 117%     ■15px = 125%
■16px = 134%     ■17px = 142%
■18px = 150%     ■19px = 159%
■20px = 167%     ■21px = 175%
■22px = 184%     ■23px = 192%
■24px = 200%     ■25px = 209%
■26px = 217%     ■27px = 226%

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

body{
/*背景が切れるのを防ぐ*/
	min-width:1024px;
	line-height:1.5;
	color:#444;
	font-size:76%;
	font-family:'メイリオ','ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', Osaka-mono, monospace;
}

html{ font-size:109%; height:100%;}
html,body{ margin:0; padding:0; height:100%;}
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,tr,form,input{ /* 初期化 */
	margin:0;
	padding:0;
}
#container{ height:100%; }

ul{list-style:none;}
.clear{clear:both;}
a img{border:0;}
a:link,a:visited,a:active{color:#444; text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}

.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }

/*-------------------------*/
/*main_contents
/*-------------------------*/
.main{/* 青い部分 */
	width:100%;
	background:url(../images/main_bg.png) repeat-x #0099FF;
	padding-bottom:90px;
/*	height:900px; /* 全体のheight - フッターのheight */
	
}

.main2{/* 中心の青い光 */
	width:1021px;
	background:url(../images/contents_bg2.png) no-repeat 50% 50%;
	margin:0px auto 0;
/*	height:900px;/* 可変 (500以下はくずれる) */
}

.contents{/* 中心のコンテンツ部分 */
	/*padding-top:255px;/* コンテンツを背景に合わせる為 */
}


.contents p{ float:left; margin:0px 0 0 250px;}/* 取替え可能img */

.contents table{float:right; margin:81px 260px 0 0; border-collapse: separate; border-spacing:1px;}
.contents table tr td{ width:32px; height:32px; text-align:center; line-height:32px; background:#99CCFF;}
.contents table tr td.blue{ background:#0079DF; color:#fff;}

.form_inner{ width:462px; margin:40px 0 0 279px; *margin-top:60px;}
.form_inner div{ width:462px; overflow:hidden;	}
.form_inner div span{ float:left; text-align:left; margin-bottom:14px;}

span.date{
	width:204px;
	background:url(../images/date_bg.png) no-repeat;
	height:37px; 
	line-height:37px;
	color:#fff;
	text-indent:1em;
	font-size:109%; 
	padding:0 10px;
	float:left;
}

span.input input{
	background:url(../images/input_bg.png) no-repeat;
	width:204px; 
	height:37px; 
	line-height:37px;
	font-size:142%; 
	border:0;
	padding:0 10px;
}

span.check{ width:14px; height:14px; padding:0; margin-top:23px;} 
span.text{  text-align:leftt; margin:20px 0 0 5px; color:#fff; font-size:84%; padding:3px 0;}
span.send{ float:right; margin-top:10px;}

span.right{ /*margin-left:14px;*/ float:right!important;}

.bg_shadow{
	width:1061px;
	height:53px;
	margin:0 auto;
}

/*-------------------------*/
/*footer
/*-------------------------*/

#footer{ 

}
#footer p{ width:859px; margin:-58px auto 0;}
.ft_inner{ background:#fff;}
.ft_inner div{ margin-left:20px; width:563px;}
.ft_inner div span{ float:left;}
span.ft_logo{  padding:10px 0 10px 0; width:253px;}
span.copyright{ margin-left:10px; font-size:76%; padding-top:25px; width:300px;}