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

@import url("reset.css");
@import url("fonts.css");

body {
	text-align:center;
	background:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:190%;
	color:#333;
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.clear {
	clear:both;
}


div#header {
	width:100%;
	height:30px;
	margin:0px auto 0px auto;
	padding:0px;
	background:#eff3f8;
}

div#wrapper {
	width:850px;
	margin:0px auto 0px auto;
	padding:50px 0px 0px 0px;
}

div#wrapper h1 {
	width:850px;
	margin:0px auto 50px auto;
	padding:0px;
	text-align:center;
}

div#wrapper h2 {
	width:100%;
	margin:0px auto 30px auto;
	padding:20px 0px 3px 0px;
	text-align:center;
	font-size:26px;
	line-height:150%;
	font-weight:bold;
	border-bottom:1px dashed #CCC;
	color:#C00;
}

div#wrapper h3 {
	width:100%;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-size:22px;
	line-height:150%;
	font-weight:bold;
	border-bottom:1px dashed #CCC;
}

div#wrapper h4 {
	width:812px;
	margin:0px auto;
	padding:20px 0px 0px 0px;
	text-align:center;

}


div#wrapper .box01 {
	width:100%;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:left;

}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box01 ul {
	width:100%;
	margin:20px auto 20px auto;
	padding:0px;
}

div#wrapper .box01 li {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 45px;
	list-style:none;
	font-size:18px;
	background:url(../image/icon01.png) no-repeat 1px 3px;
}

div#wrapper .li01 ul {
	width:100%;
	margin:20px auto 20px auto;
	padding:0px;
}

div#wrapper .li01 li {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 45px;
	list-style:none;
	list-style-position: inside;
	font-size:20px;
	background:url(../image/icon01.png) no-repeat 5px 0px;
}

div#wrapper .box02 {
	width:740px;
	margin:0px auto 30px auto;
	padding:40px 50px 30px 50px;
	text-align:left;
	background:#f4f6f9;
	border:5px solid #039db3;

}

div#wrapper .box02 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box02 ul {
	width:100%;
	margin:20px auto;
	padding:0px;
}

div#wrapper .box02 li {
	margin:0px 0px 24px 0px;
	padding:0px 0px 0px 45px;
	list-style:none;
	list-style-position: inside;
	font-size:20px;
	background:url(../image/icon01.png) no-repeat 5px 0px;
}

div#wrapper .box03 {
	width:790px;
	margin:0px auto 30px auto;
	padding:15px 30px 10px 30px;
	text-align:left;
	background:#f4f6f9;
}

div#wrapper .box03 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box03 ul {
	width:100%;
	margin:20px auto;
	padding:0px;
}

div#wrapper .box03 li {
	margin:0px 0px 18px 0px;
	padding:2px 0px 0px 40px;
	list-style:none;
	list-style-position: inside;
	font-size:20px;
	background:url(../image/icon01.png) no-repeat 0px 0px;
}

div#wrapper .box04 {
	width:740px;
	margin:0px auto 30px auto;
	padding:40px 50px 30px 50px;
	text-align:left;
	background:#f4f6f9 url(../image/box04_bg01.png) no-repeat right bottom;
	border:5px solid #1e66a0;
}

div#wrapper .box04 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box05 {
	width:740px;
	margin:0px auto 30px auto;
	padding:40px 50px 30px 50px;
	text-align:left;
	background:#f4f6f9 url(../image/box04_bg02.png) no-repeat right bottom;
	border:5px solid #1e66a0;
}

div#wrapper .box05 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box06 {
	width:740px;
	margin:0px auto 30px auto;
	padding:40px 50px 30px 50px;
	text-align:left;
	background:#f4f6f9;
	border:5px solid #1e66a0;
}

div#wrapper .box06 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}



div#wrapper .box07 {
	width:740px;
	margin:0px auto 30px auto;
	padding:20px 50px 30px 50px;
	text-align:left;
	background:#f4f6f9;
	border:5px solid #1e66a0;
}

div#wrapper .box07 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}


hr{
    width:100%;
    border-top:1px dashed #CCC;
	margin:0px auto 20px auto;
}


div#wrapper .frame01 {
	width:90%;
	margin:0px auto 30px auto;
	padding:30px 20px 0px 20px;
	border: 5px #3d3d3d solid;
   text-align:center;
}
div#wrapper .frame01 h2 {
	width:90%;
	margin:0px auto 30px auto;
	padding:20px 0px 0px 0px;
	text-align:center;
}



div#wrapper .frame02 {
	width:736px;
	margin:0px auto 30px auto;
	padding:30px 0px 20px 0px;
	border: 5px #cccccc solid;
   text-align:center;
}
div#wrapper .frame02 h2 {
	width:630px;
	margin:0px auto 20px auto;
	padding:0px 0px 10px 0px;
	text-align:center;
	border-bottom:2px solid #CCC;
}

div#wrapper .frame02 .box01 {
	width:630px;
	margin:0px auto 30px auto;
	padding:0px;
	color:#333;
	text-align:left;

}

div#wrapper .image_left {
	float:left;
	margin:0px 30px 0px 0px;
	padding:0px;
}

div#wrapper .image_right {
	float:right;
	margin:0px 0px 0px 15px;
	padding:0px;
}


div#footer{
	padding:20px 0px 15px 0px; 
	text-align:center; 
	margin:-30px auto 0px auto; 
	background:#000;
	}
	
div#footer p {
	font-size:12px;
	line-height:150%;
	text-align:center; 
	color:#FFF; 
	margin:0px 0px 18px 0px; 
	padding:0px;
	}
div#footer a{
	color:#FFF;
	}


table{
	width:624px;
	margin:0px auto 30px auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

th{
	padding:10px 10px;
	font-weight:bold;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FCFCFC;
	text-align:center;
}


td{
	padding:10px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

div#wrapper input.f150 {
	width:150px;
	margin:0px auto;
	padding:5px 10px;
	font-size:16px;
	color:#000;
	text-align:left;
	background:#fefce5;
	border:2px #999 solid;
}

div#wrapper input.f200 {
	width:350px;
	margin:0px auto;
	padding:5px 10px;
	font-size:16px;
	color:#000;
	text-align:left;
	background:#fefce5;
	border:2px #999 solid;
}

/* 

@media screen and (min-width: 800px) {
   img.miniimg { display: none; }
   img.bigimg  { display: block; }
}

@media screen and (max-width: 799px) {
   img.miniimg { display: block; }  
   img.bigimg  { display: none }
}

@media screen and (max-width: 960px) {
div.text800_r{
	width:100%;
}

*/