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

body{
	width:900px;
	font:14px/1 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	color:#666;
	margin:auto;
}

a:visited{
	color:#666;
}

a:link{
	color:#666;
}


a {
text-decoration: none;
}

/*マウス	オーバーでリンク半透明*/
a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
table.layout{
	margin:0 auto 15px;
	width:98%;	
}
.cclogo{
	width:100%;
	height:auto;
}
.txt{
	text-align:center;
	margin:10px auto;
}
/*デバイスサイズ  599px以下(SmartPhone)
=================================================*/
@media screen and (max-width : 599px){

body{
	width:100%;
}


#top{
	padding-top:10px;
	margin:auto;
	width:100%;
}
.main{
	width:100%;
}
h2.okasi{
	margin:8px;
	color:#C00;
	border-bottom:#C00 solid 1px;
}
}




/*デバイスサイズ  600以上　899px以下
=================================================*/
@media screen and (min-width : 600px)and (max-width : 899px){

body{
	width:100%;
}


#top{
	padding-top:10px;
	margin:auto;
	width:100%;
}

.main{
	width:100%;
}	
h2.okasi{
	margin:8px;
	color:#C00;
	border-bottom:#C00 solid 1px;
}

}


/*デバイスサイズ900px以上(Desktop)
=================================================*/
@media screen and (min-width:900px) {

#top{
	padding-top:10px;
	margin:auto;
	width:900px;
}
	
.gnav{
	clear:both;
}
.main{
	margin-top:15px;
	float:left;
	width:700px;
}
h2.okasi{
	font-size:18px;
	color:#C00;
	margin:10px;
	border-bottom:#C00 1px solid;
}
}