@charset "Shift_JIS";

html {
background:#eee;
color:#000;
}

body { 
	-webkit-text-size-adjust: none;
	margin:0;
 	font-size: 20px; 
 }
a {
text-decoration: none;
-webkit-tap-highlight-color: #F00;
}
p{ margin:10px;}
p.size20{ 
line-height:1.2em;
 margin:14px 16px 20px 18px;
}
b.col{ color:#006;}
b.col2{ color:#00f;}
p.gyokan{
	line-height:1.0em;
 	margin:0px 0px 0px 10px;
	font-size: 20px; 
}

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

/*img{box-shadow: 4px 4px 16px 0px black;}

/* ヘッダー */

div#hed{
	display: block;
	border-top: 6px solid #444499;
	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: 1.0em 0px;
 	font-size: 18px; 
	color:#ffffff;
}
div#hed2{
	display: block;
	border-top: 6px solid #444499;
	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;
}

/* ----------------------------------------------------------------
	TITLE
----------------------------------------------------------------- */

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


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

.img1{
	display: block;
	background-image: url("img/202.gif");
	text-align: left;
	margin: 0px;
	padding: 0.4em 10px;
	border-right: solid 2px #757575;
	border-bottom:solid 1px #c5c5c5;
 	font-size: 18px; 
	
	}
	
.img2{
   	margin:0px;
 	padding: 0px 4px;
	text-align: left;
	background-color: #68b;
	vertical-align:middle;
}
.img3{
	text-align: center;
	vertical-align: middle;
}
.img4{
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
.img44{
	text-align: center;
	vertical-align: middle;
	margin:0px;
	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, #6688bb 0%, #5577aa 100%);
	width: 100%;
	text-align: center;
	background-color: #68b;
	padding: 0.8em 0px;
 	font-size: 14px; 
	color:#ffffff;
}

div#fut800{
	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, #6688bb 0%, #5577aa 100%);
	width: 100%;
	text-align: left;
	background-color: #68b;
	padding: 0.8em 0px;
 	font-size: 14px; 
	color:#ffffff;
}

/* ----------------------------------------------------------------
	Button
----------------------------------------------------------------- */
.btn6{
	background : transparent url("img/next2.png") no-repeat scroll 98% 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: 20px;
	color: #000000;
 }
	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(#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 */
		}
@media only screen and (min-width:480px){
#imgsp{width:100%;height:auto}
#imgsp2{width:100%;}
#imgsp3{width:100%;}
#imgsp4{width:100%;}
}
@media only screen and (min-width:769px){
#imgsp{width:800px;height:230px}
#imgsp2{width:637px;}
#imgsp3{width:659px;}
#imgsp4{width:446px;}
}