@charset "UTF-8";

html {

	background:#fff;
	background-image: url("img2/108.gif"); 
	color:#000;
}

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

a {
color: #00f;
-webkit-tap-highlight-color: #F00;
text-decoration: none;

}


p{ margin:10px;
	font-size: 12px; 
}

p.size20{
	line-height:150%;
 	margin:14px 16px 10px 18px;
 	}

p.gyokan{
	line-height:1.0em;
 	margin:0px 0px 0px 10px;
	font-size: 13px; 
}
.gyokan{
	line-height:1.0em;
 	margin:0px 0px 0px 10px;
	font-size: 13px; 
}

b.col{
	 color:#006;
 	font-size: 13px; 
 }
 
b.col2{ color:#00f;}

b.col3{
	 color:#fff;
 	font-size: 13px; 
 }

div.block{
text-align:center;
 float:left;
 width:13%;
 margin:0 10px;

 }
 
img{margin:0; vertical-align:top;}
#imgsp{width:100%;}
#imgsp2{width:100%;}
#imgsp3{width:659px;}
#imgsp4{width:446px;}

 
 
/* ヘッダー */

div.topimg{margin:10px 0 0 0}
div.td2{ word-break: break-all; margin:0 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: 13px; 
	color:#ffffff;
}
div#hed2{
	display: block;

	width: 100%;
	text-align: left;
	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: 14px; 
	color:#ffffff;
}



/* ----------------------------------------------------------------
	TITLE
----------------------------------------------------------------- */
div#tit{
	display: block;
	width: 100%;
	text-align:center;
	/*
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #eeeeee));	
	background-image: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
	 	background-color: #eee;
	 */
 	margin: 14px 0px;}
	padding: 0em 0px ;
 	font-size: 20px; 
 	font-weight: bold;
	color:#ffffff;
}


div#tit100{
	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: 20px; 
 	font-weight: bold;
	color:#ffffff;
}

.img0{

	text-align: center;
	margin: 0px;
	padding: 0.2em 0px;
	border-right: solid 2px #757575;
	border-bottom:solid 1px #c5c5c5;
 	font-size: 18px; 
	
	}
	
.img1{
	display: block;
	width:100%;
	height:40px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e1d996),color-stop(1, #f3f1da));	
	background-image: -moz-linear-gradient(top, #e1d996 0%, #f3f1da 100%);
	background-color: #eec;
	padding: 20px 0px 0px 0px;
 	font-size: 16px; 
	text-align:center;
	}
	
.img2{
width:80%;
	border-color: #ccc #666 #666 #ccc;
 	padding: 4px 0px;
	text-align: left;
	background-color: #fff;
	vertical-align:middle;
	 font-size:26px;
}
.img25{
width:100%;
/*	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%);
	border-color: #ccc #666 #666 #ccc;*/
 	padding: 10px 0px;
	text-align: left;
	background-color: #68b;
	vertical-align:middle;
	 font-weight:bold; 
	 font-size:18px;
 	color:#ffffff;
 			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;
 	background: -webkit-gradient(linear, left top, left bottom, from(#acf), to(#57a)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffaaccff,EndColorStr=#ff5577aa); /* IE */
			background: -moz-linear-gradient(top, #68b, #abd); /* Firefox */
			background: -o-linear-gradient(top, #88c, #116);   /* Opera */
			background: linear-gradient(top, #88c, #116);      /* CSS3 */

}

.img3{
   	margin:0px;
	padding: 0px 4px;
	text-align:center;
	vertical-align: middle;
}
.img4{
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
.img44{
	text-align: center;
	vertical-align: middle;
	padding: 0px;
}

/* ----------------------------------------------------------------
	futter
----------------------------------------------------------------- */

div#fut{
	display: block;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7799cc),color-stop(1, #5577aa));	
	background-image: -moz-linear-gradient(top, #7799cc 0%, #5577aa 100%);
	width: 100%;
	text-align: center;
	background-color: #68b;
	   	margin:0px;
	padding: 0.6em 0px;
 	font-size: 14px; 
	color:#ffffff;
}

div#fut100{
	display: block;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7799cc),color-stop(1, #5577aa));	
	background-image: -moz-linear-gradient(top, #7799cc 0%, #5577aa 100%);
	width: 800px;
	text-align: left;
	background-color: #68b;
	padding: 0.8em 0px;
 	font-size: 14px; 
	color:#ffffff;
}
.btn1{
  background-color:#ec4444;
  -moz-box-shadow: 5px 5px 5px #444;    /* firefox　*/
-webkit-box-shadow: 5px 5px 5px #444;  /* safari、chorme */
    	width:60px;
    	height:45px;
	padding: 20px 0px 0px 0px;
		text-align: center;
  	margin:0px;	
	font-size: 30px;
	color: #ffffff;
   }

.btn5{
  background-color:#ecaaaa;
  -moz-box-shadow: 5px 5px 5px #444;    /* firefox　*/
-webkit-box-shadow: 5px 5px 5px #444;  /* safari、chorme */
    	width:60px;
    	height:45px;
	padding: 20px 0px 0px 0px;
  	margin:0px;
	font-size: 24px;
	color: #ffffff;
   }
.btn6{
  background:#aaaaaa;
 -moz-box-shadow: 5px 5px 5px #444;    /* firefox　*/
-webkit-box-shadow: 5px 5px 5px #444;  /* safari、chorme */
    	width:60px;
    	height:45px;
	padding: 20px 0px 0px 0px;
  	margin:0px;
	font-size: 24px;
	color: #ffffff;
 }
.btn7{
  background-color:#9999ee;
  -moz-box-shadow: 5px 5px 5px #444;    /* firefox　*/
-webkit-box-shadow: 5px 5px 5px #444;  /* safari、chorme */
    	width:60px;
    	height:45px;
	padding: 20px 0px 0px 0px;
  	margin:0px;
	font-size: 24px;
	color: #ffffff;
  
}
.btn8{
  background-color:#44aa44;
  -moz-box-shadow: 5px 5px 5px #444;    /* firefox　*/
-webkit-box-shadow: 5px 5px 5px #444;  /* safari、chorme */
    	width:60px;
    	height:45px;
	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:60px;
    	height:45px;
	padding: 20px 0px 0px 0px;
  	margin:0px;
	font-size: 24px;
	color: #ffffff;
  
}
/* ----------------------------------------------------------------
	Button
----------------------------------------------------------------- */
	p.btn a {
			display: block;
			width: 100%;
			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(#acf), to(#57a)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffaaccff,EndColorStr=#ff5577aa); /* 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: 100%;
		}
		p.btn a.mid {
			width: 50%;
			}
			
	p.btn2 a {
			display: block;
			width: 100%;
			padding: 10px 0px;

			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(#7799cc), to(#5577aa)); /* Chrome,Safari */
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff7799cc,EndColorStr=#ff5577aa); /* 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);
}



.css3btn2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 4px 20px;
	background: -moz-linear-gradient(
		top,
		#555555 0%,
		#5e5e5e 25%,
		#3d3d3d);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#555555),
		color-stop(0.25, #5e5e5e),
		to(#3d3d3d));
	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);
}

.css3btn3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffffff;
	padding: 14px 14px;
	background: -moz-linear-gradient(
		top,
		#5aa134 0%,
		#4f9628);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#5aa134),
		to(#4f9628));
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #52992b;
	-moz-box-shadow:
		0px 2px 3px rgba(090,161,052,0.2),
		inset 0px 2px 0px rgba(149,200,067,0.3);
	-webkit-box-shadow:
		0px 2px 3px rgba(090,161,052,0.2),
		inset 0px 2px 0px rgba(149,200,067,0.3);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255);
		}
		
/*--Base-------------------------------------------------530-----------*/
@media only screen and (max-width:480px) {
	font-size: 50%;
#imgsp{width:100%;}
#imgsp2{width:100%;}
#imgsp3{width:100%;}
#imgsp4{width:100%;}


}