/*★パソコン版*/
@charset "UTF-8";
/*字体種類.背景.周りの余白*/
body{
	font-family: "HGS有澤楷書体", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	background-image : url(img/back_w250a.gif);
	margin: 0 auto;
}
/*上部設定（背景.背景画像繰り返し.ヘッダーの幅.ヘッダーの高さ.内側の余白.周りの余白）*/
header{
	background-image : url(img/top-w900.gif);
	background-repeat: no-repeat;
	width: 900px;
	height:122px;
	padding:0;
	margin: 0 auto;
}
/*タイトル設定.（字体種類.字の大きさ.字の色.文字から上までの余白.文字の左余白.周囲の余白）*/
h1{
	font-family: "HGS有澤楷書体", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	font-size: 40px;
	color: #00ff00;
	padding-top:75px;
	padding-left:480px;
	margin: 0 auto;
}
/*文字.画像を入れるためのボックス*/
div{
	text-align:left;	
}
/*メニューの枠*/
#nav{
	width: 900px; 
	margin: 0 auto;
	padding:0;
	height:40px;
	background-color:black;
	clear: both;
}
/*メニュー枠の中の文字設定（文字の左寄せ.文字枠の幅.文字枠の高さ.文字枠の内側の隙間.文字枠の外側の隙間）*/
#nav p{
	float: left;
	width:150px;
	height:34px;
	padding:0;
	margin:0 auto;
}
/*メニュー下の枠設定（枠の幅.外枠の隙間.内枠の隙間.枠の高さ.メニュー下の背景色）*/
#wrap{
	width: 900px;
	margin:0 auto;
	padding:0;
	height:800px;
	background-color:black;
}
main{
	border-width: 7px;
	border-style: double;
	border-color: #707070;
	background: -moz-linear-gradient(#ffffff, #999900);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999900)); 
	border-radius: 10px;
}
#2col{
	width: 650px;
	float: right;	
	padding: 4px;
	margin: 0 auto;
	spacing: 0;
}
#1col{
	width: 90%;
	margin:0 auto;
}
.yurai{
	width: 670px;
	float: right;
	clear: both;
	background-color:greenyellow;
}
aside{
	width: 220px;
	float: left;
	background-color:yellow;
}
p{
	color:white;
	font-size: 120%;
	line-height: 15px;
}
.miyajimagazou{
	width: 900px;
	height:200px;
}
.w670{
	width: 670px;
	height:auto;
}
.tenpogazou{
	width: 900px;
	margin: 30px;
	padding: 0 ;
	margin: 0 auto;
	height:260px; 
}
.topoystertext{
	padding: 10px,10px,10px,430px;
}
.atama{
	width: 150px;
	font-size: 20px;
	padding-left:18px;
	background-image : url(img/m1.gif);
	background-repeat: no-repeat;
	float: right;
	clear: both;
}	
footer{
	font-size: 20px;
	text-align: center;
	background-color: #cccccc;
	clear: both;
}
footer.cr:before{
	content:"Copyright ";
}
footer.cr:after{
	content:" All Right Reserved.";
}
nav{
	font-size: 90%;
	color: #ffffff;
	width: auto;
	text-align: left;
	height: auto;
	padding: 4px 0 4px 6px;
	margin: 0 auto;
}
.sotowaku{
	border-width: 0px;
	padding: 0;
	width: 900px;
	background-color:#ffffff;
	text-align: center;
}
.copyright{
	text-align: center;
	background-color:#cccccc;
	width: 900px;
	margin: 0 auto;
}
.r{
	text-align: right;
	color: #666666;
}
/*★タブレット版900*/
@media ( max-width :900px ) {
body{
	background-color:black;
	margin: 0 auto;
}
header{
	background-image : url(img/top-sumaho.gif);
	background-repeat: no-repeat;
	width: 100%;
	height:auto;
	margin: 0 auto;
	clear: both;
}
h1{
	font-family: "HGS有澤楷書体", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	width: 100%;
	font-size: auto;
	color: #00ff00;
	text-align: center;
	margin: 0 auto;
	clear: both;
	padding:120px 0 0 0;
}
#wrap{
	width: auto;
	margin: 0 auto;
	padding: 0;
}
p{
	color:white;
	font-size: 100%;
}
.r{
	text-align: right;
	color: #666666;
}
#nav{
	font-size: auto;
	color: #ffffff;
	width: auto;
	height: auto;
	margin: 0 auto;
}
#nav p{
	float: left;
	width:150px;
	height:34px;
	padding:10px;
	margin:0 auto;
}
.miyajimagazou{
	width: 100%;
	height:auto;
}
.sotowaku{
	border-width: 0px;
	padding: 0px;
	width: 100%;
	background-color:#ffffff;
	text-align: center;
}
footer{
	font-size: 90%;
	text-align: center;
	background-color: #cccccc;
}
footer.cr::before{
	content:"Copyright ";
}
footer.cr::after{
	content:"";
}
}
/*★タブレット版800*/
@media ( max-width :800px ) {
.miyajimagazou{
	width: 100%;
	height:auto;
}
}
/*★タブレット版700*/
@media ( max-width :700px ) {
.miyajimagazou{
	width: 100%;
	height:auto;
}
}
/*★タブレット版600*/
@media ( max-width :600px ) {
.miyajimagazou{
	width: 100%;
	height:auto;
}
}
/*★タブレット版500*/
@media ( max-width :500px ) {
header{
	width: 100%;
	height:auto;
	margin: 0 auto;
	clear: both;
}
h1{
	font-size:35px;
	color: blue;
	padding-top:auto;
	margin: 0 auto;
}
#nav{
	font-size: auto;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#nav p{
	float:right;
	width:auto;
	height:auto;
	padding:10px;
}
.miyajimagazou{
	width: 100%;
	height:auto;
}
}
/*★タブレット版400*/
@media ( max-width :400px ) {
h1{
	font-size:30px;
	color: olivedrab;
	padding-top:auto;
	margin: 0 auto;
}
#nav{
	font-size: auto;
	color: #ffffff;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#nav p{
	width:auto;
	height:auto;
	padding:10px;
}
.miyajimagazou{
	width: 100%;
	height:auto;
}
/*★タブレット版300*/
@media ( max-width :350px ) {
h1{
	font-size:25px;
	color: fuchsia;
	text-align: center;
	margin: 0 auto;
	clear: both;
	padding:120px 0 0 0;
}
}