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

body{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

}

img{
	max-width:100%;
	width:auto;	
}

/* フロートを含める : h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#header,#contents,#footer{
	width:100%;	
	clear:both;
}

.container{
	max-width: 1050px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}

#header{
/* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.5, rgb(236,250,255)),color-stop(0.98, rgb(214,240,251)),color-stop(1, rgb(213,240,251)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%);
/* IE v10+ */
background-image:-ms-linear-gradient(rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%);
background-image:linear-gradient(rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%);

/* Firefox v3.5+ */
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.54);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.54);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:1px 1px 2px rgba(0,0,0,0.54);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd5f0fb,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#8a000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd5f0fb,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#8a000000,Positive=true);
	
}

#contents .container h2 a{
	/* Firefox v3.6+ */
	background-image: -moz-linear-gradient(50% 0% rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(0.5, rgb(236,250,255)),color-stop(0.98, rgb(214,240,251)),color-stop(1, rgb(213,240,251)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image: -webkit-linear-gradient(rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%);
	/* Opera v11.10+ */
	background-image: -o-linear-gradient(rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%);
	/* IE v10+ */
	background-image: -ms-linear-gradient(rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%);
	background-image: linear-gradient(rgb(255,255,255) 0%,rgb(236,250,255) 50%,rgb(214,240,251) 98%,rgb(213,240,251) 100%);
	/* Firefox v3.5+ */
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.54);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.54);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow: 1px 1px 2px rgba(0,0,0,0.54);



-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd5f0fb,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#8a000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd5f0fb,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#8a000000,Positive=true);	
	font-size: 18px;
	padding: 2%;
	text-align: center;
	display: block;
	clear: both;
	text-decoration: none;
	line-height: 24px;

}

#header .container h1{
	font-size:14px;
	padding:5px;
	text-align: center;
}

#contents .container .box{
	margin-top:1.5em;
	margin-bottom:1.5em;
}

#contents .container .box p{
	font-size:14px;
	padding:5px;
	text-align: center;

}


#contents .container #lightgallery a{
	font-size:90%;
	display: block;
	float: left;
	width:45%;
	padding:2.5%;
	text-align: center;
	color: #000;
	text-decoration: none;

}

#contents .container #lightgallery a:hover{
	opacity:0.5;
}



#footer{
	margin-top: 2%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}

#footer .container h2{
	text-align:center;
	font-size:100%;
	padding:1em;
}

/*横幅768px～1049pxのメディア*/
@media screen and (min-width:768px){

#header .container h1{
	font-size:18px;
	padding:7px;
}


#contents .container .box p{
	font-size:20px;
	padding:10px;

}

#contents .container #lightgallery a{
	width:30%;
	padding:1.6%;
}


}

/*横幅1050px以上のメディア*/
@media screen and (min-width:1050px){

#header .container h1{
	font-size:25px;
	padding:10px;
}

#contents .container .box p{
	font-size:25px;
	padding:10px;

}

#contents .container #lightgallery a{
	width:23%;
	padding:1%;

}


}
