@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: 13px; 
 }

a {
text-decoration: none;
-webkit-tap-highlight-color: #Faa;
}
p{ margin:14px;}

img{margin: 0px; vertical-align:top;text-align: center;}
#imgsp{width:100%;height:auto}

p.size20{
	line-height:1.3em;
 	margin:10px 20px 10px 20px;}
 
p.gyokan{
	line-height:150%;
 
	font-size: 14px; 
}

b.col{
	 color:#006;
 	font-size: 16px; 
 }
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:16px 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, #444466));	
	background-image: -moz-linear-gradient(top, #085184 0%, #444466 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, #085284),color-stop(1, #444466));	
	background-image: -moz-linear-gradient(top, #085184 0%, #444466 100%);
	background-color: #085184;
	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, #444466));	
	background-image: -moz-linear-gradient(top, #085184 0%, #444466 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 0px;
	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=#ffccccdd,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 #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(#bcd), to(#cdf)); /* Chrome,Safari */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffbbccdd,EndColorStr=#ffccddff); /* IE */
		background: -moz-linear-gradient(top, #bcd, #cdf); /* Firefox */
			background: -o-linear-gradient(top, #bcd, #cdf);   /* Opera */
			background: linear-gradient(top, #bcd, #cdf);      /* CSS3 */
		}
.css3btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 4px 20px;
	background: -moz-linear-gradient(
		top,
		#46b8db 0%,
		#001d8f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#46b8db),
		to(#001d8f));
	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);
}
@media only screen and (min-width:480px){
#imgsp{width:600px;height:248px}
#imgsp2{width:100%;}
#imgsp3{width:100%;}
#imgsp4{width:100%;}
}
@media only screen and (min-width:769px){
#imgsp{width:600px;height:248px}
#imgsp2{width:637px;}
#imgsp3{width:659px;}
#imgsp4{width:446px;}
}