@charset "UTF-8";

html {
     margin:0%;
    padding:0%;
    height:100%;
	background:#fff;
	background-image: url("img/bak10.gif");
	color:#000;
}

body { 
	-webkit-text-size-adjust: none;
	margin:0px;
		line-height: 150%;
 	font-size: 14px; 
 }

a {
text-decoration: none;
-webkit-tap-highlight-color: #faa;
}

a:link{color:#0000cc;text-decoration:none;}
a:visited{color:#ff0000;text-decoration:none;}
a:active{color:#55bbaa;text-decoration:none;}
a:hover{color:#bb2222;text-decoration:none;}
a:focus{outline:none;}


p{ margin:14px;}


p.size20{
	line-height:1.0em;
	font-size: 14px; 
 	margin:10px 20px 10px 20px;}
 
p.gyokan{
	line-height:1.0em;
 	margin:0px 0px 0px 10px;
	font-size: 16px; 
}

b.col{
	 color:#006;
 	font-size: 17px; 
 	text-align:center;
}
b.col1{
	 color:#006;
 	font-size: 16px; 
 	text-align:right;
 }
 
b.col2{ color:#00f;}

b.col3{
	 color:#fff;
 	font-size: 16px; 
 }
b.col4{
	 color:#fff;
 	font-size: 12px; 
 }
div.block{
display: block;
text-align:center;
 float:left;
 width:25%;
 margin:10px 0px 10px 20px;
 }
 
/* ヘッダー */

div#hed{
	display: block;
	width: 100%;
	text-align: center;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7799cc),color-stop(1, #5577aa));	
	background-image: -moz-linear-gradient(top, #6688bb 0%, #5393c5 100%);
	background-color: #68b;
	padding: 0.6em 0px;
 	font-size: 18px; 
	color:#ffffff;
}
div#hed2{
	display: block;
	width: 600px;
	text-align: center;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #085284),color-stop(1, #13803c));	
	background-image: -moz-linear-gradient(top, #085184 0%, #13803c 100%);
	background-color: #085184;
	padding: 0.6em 0px;
 	font-size: 17px; 
	color:#ffffff;
}

.img1{
	display: block;
	width:100%;
	height:30px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #995C46),color-stop(1, #8d3105));	
	background-image: -moz-linear-gradient(top, #995C46 0%, #8d3105 100%);
	background-color: #8d3105;
	padding: 10px 0px 0px 0px;
 	font-size: 16px; 
	text-align:center;
		color:#ffffff;
	}
	
.img2{
	display: block;
	width:100%;
	height:30px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #085284),color-stop(1, #13803c));	
	background-image: -moz-linear-gradient(top, #085184 0%, #13803c 100%);
	background-color: #085184;
	padding: 10px 0px 0px 60px;
 	font-size: 16px; 
	text-align:left;
		color:#ffffff;
}
.img25{
width:95%;
	border-color: #ccc #666 #666 #ccc;
 	padding: 0px 0px 0px 10px;
	text-align:center;

	vertical-align:middle;
	 font-size:18px;
 	color:#000000;
}
.img3{
   	margin:0px;
	padding: 0px 4px;
	text-align:center;
	vertical-align: middle;
}
.img4{
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.btn5{
  background-color:#ecaaaa;
  -moz-box-shadow: 5px 5px 5px #444;    /* firefox　*/
-webkit-box-shadow: 5px 5px 5px #444;  /* safari、chorme */
    	width:80px;
    	height:60px;
	padding: 20px 0px 0px 0px;
  	margin:0px;
	font-size: 24px;
	color: #ffffff;
   }
.btn6{
	background : transparent url("img/next2.png") no-repeat scroll 99% 50%;
	background-size: 10px 16px;
 -moz-box-shadow: 1px 1px 1px #444;    /* firefox　*/
-webkit-box-shadow: 1px 1px 1px #444;  /* safari、chorme */
    	width:96%;
    	height:34px;
	padding: 14px 0px 0px 10px;
  	margin:1px;
	font-size: 16px;
	color: #222222;
 }
.btn8{
  background-color:#44aa44;
  -moz-box-shadow: 5px 5px 5px #444;    /* firefox　*/
-webkit-box-shadow: 5px 5px 5px #444;  /* safari、chorme */
    	width:80px;
    	height:60px;
	padding: 20px 0px 0px 0px;
  	margin:0px;
	font-size: 24px;
	color: #ffffff;
}
.btn9{
  background-color:#aaaa66;
-moz-box-shadow: 5px 5px 5px #444;    /* firefox　*/
-webkit-box-shadow: 5px 5px 5px #444;  /* safari、chorme */
    	width:80px;
    	height:60px;
	padding: 20px 0px 0px 0px;
  	margin:0px;
	font-size: 24px;
	color: #ffffff;
  
}
/* ----------------------------------------------------------------
	Button
----------------------------------------------------------------- */
	p.btn a {
			display: block;
			width: 98%;
			padding: 0.6em 0px;
			margin: 0.5em auto;
			border-style: solid;
			border-width: 2px;
			border-color: #ccc #666 #666 #ccc;
			-webkit-border-radius: 7px; /* Chrome,Safari */
			-moz-border-radius: 7px;    /* Firefox */
			border-radius: 7px;         /* CSS3 */
			text-decoration: none;
			text-align: left;
			background: -webkit-gradient(linear, left top, left bottom, from(#ccd), to(#fff)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccffcccc,EndColorStr=#ffffffff); /* IE */
			background: -moz-linear-gradient(top, #68b, #abd); /* Firefox */
			background: -o-linear-gradient(top, #88c, #116);   /* Opera */
			background: linear-gradient(top, #88c, #116);      /* CSS3 */
		}
		p.btn a.max {
			width: 98%;
		}
		p.btn a.mid {
			width: 50%;
			}

			
	p.btn2 a {
			display: block;
			width: 98%;
			padding: 0.6em 0px;
			margin: 0.5em auto;
			border-style: solid;
			border-width: 2px;
			border-color: #ccc #666 #666 #222;
			-webkit-border-radius: 7px; /* Chrome,Safari */
			-moz-border-radius: 7px;    /* Firefox */
			border-radius: 7px;         /* CSS3 */
			text-decoration: none;
			text-align: left;
			background-color: #444;
			background: -webkit-gradient(linear, left top, left bottom, from(#995C46), to(#8d3105)); /* Chrome,Safari */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00995C46,EndColorStr=#008d3105); /* IE */
		background: -moz-linear-gradient(top, #dbc, #fcd); /* Firefox */
			background: -o-linear-gradient(top, #dbc, #fcd);   /* Opera */
			background: linear-gradient(top, #dbc, #fcd);      /* CSS3 */
		}
.css3btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 4px 20px;
	background: -moz-linear-gradient(
		top,
		#00B176 0%,
		#006049);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#00B176),
		to(#006049));
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 1px solid #434343;
	-moz-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(094,094,094,1);
	-webkit-box-shadow:
		0px 3px 11px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(094,094,094,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}