@charset "utf-8";

@import url(head.css);
@import url(menu.css);
@import url(foot.css);

a:link {
	color:#006666;
	text-decoration:none;
	}
	
a:link:hover{
	color:#006666;
	text-decoration:underline;
}
	
a:visited {
	color:#006666;
	}

img{
	border:0;
	width:100%;
	height:auto;
}
ul,li,ol,dl,dtdd{
	list-style-type:none;
	}
.clr{
	clear:both;
	margin:0;
	padding:0;
}

noscript img{
	width:100% !important;
	height:auto !important;
	}

@media screen and (min-width:240px) and ( max-width:480px) {
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	color: #333333;
	background-image:url(../images/back02.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:13px;
}
#swf{
	width:100%;
	height:auto;
	margin:0;
	padding: 0 0 15px 0;
	background: #eee;
	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);
-moz-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);
box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);

}
.flexslider{
	padding: 0;
	margin:0 auto 20px !important;
	width:100%;
	text-align:center;
	background: url(../images/bg-anime.jpg) repeat-x;
	background-position: bottom;
	}
#base{
	width:95%;
	margin:0 auto;
	padding:0;
}

#main_base{
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
}
#left{
	float:left;
	width:100% !important;
	padding:0;
	margin:0;
	text-align:left;
}

#contents{

	width:100%;
	padding:0;
	margin:10px 0 0 0;
	text-align:left;
}
}

@media screen and (min-width:481px) and ( max-width:800px) {
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	color: #333333;
	background-image:url(../images/back02.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:13px;
}
#swf{
	width:100%;
	height:auto;
	margin:0;
	padding: 0 0 15px 0;
	background: #eee;
	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);
-moz-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);
box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);

}
.flexslider{
	padding: 0;
	margin:0 auto 20px !important;
	width:100%;
	text-align:center;
	background: url(../images/bg-anime.jpg) repeat-x;
	background-position: bottom;
	}
#base{
	width:98%;
	margin:0 auto;
	padding:0;
}

#main_base{
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
}
#left{
	float:left;
	width:100% !important;
	padding:0;
	margin:0;
	text-align:left;
}

#contents{

	width:100%;
	padding:0;
	margin:10px 0 0 0;
	text-align:left;
}
}

@media screen and (min-width:801px) and ( max-width:1023px) {
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	color: #333333;
	background-image:url(../images/back02.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:13px;
}
	
#swf{
	width:100%;
	height:auto;
	margin:0;
	padding: 0 0 15px 0;
	background: #eee;
	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);
-moz-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);
box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);

}
.flexslider{
	padding: 0;
	margin:0 auto 20px !important;
	width:100%;
	text-align:center;
	background: url(../images/bg-anime.jpg) repeat-x;
	background-position: bottom;
	}

#base{
	width:98%;
	margin:0 auto;
	padding:0;
}

#main_base{
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
}
#left{
	float:left;
	width:73% !important;
	padding:0;
	margin:0;
	text-align:left;
}

#contents{

	width:100%;
	padding:0;
	margin:10px 0 0 0;
	text-align:left;
	line-height:0;
}
}

@media screen and (min-width:1024px) {

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#FFFFFF;
	margin:0 !important;
	padding:0 !important;
	color: #333333;
	background-image:url(../images/back02.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:13px;
}
	
#swf{
	width:100%;
	height:auto;
	margin:0;
	padding: 0 0 15px 0;
	background: #eee;
	-webkit-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);
-moz-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);
box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.23);

}
.flexslider{
	padding: 0;
	margin:0 auto 20px !important;
	width:920px;
	text-align:center;
	background: url(../images/bg-anime.jpg) repeat-x;
	background-position: bottom;
	}

#base{
	width:920px;
	margin:0 auto -5px !important;
	padding:0!important;
	background-image:url(../images/main_bk.png);
	background-repeat:repeat-y;
	display:inline-block;
	position:relative;
	
}

#main_base{

	float:left;
	width:720px;
	margin:0 !important;
	padding:0;
	background-image:url(../images/cts_bk.png);
	background-repeat:repeat-x;
	background-position:0 0;
	text-align:left;
}
#left{

	float:left;
	width:700px;
	padding:0;
	margin:0;
	text-align:left;
}

#contents{
	float:right;
	width:500px;
	padding:0;
	margin:21px 0 0;
	text-align:left;
}

}