@charset "UTF-8";

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#header { width: 100%; }
	#contents { width: 100%; }
	#footer { width: 100%; }
	#banner { width: 100%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#header { width: 100%; }
	#contents { width: 100%; }
	#footer { width: 100%; }
	#banner { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#header { width: 100%; }
	#contents { width: 100%; }
	#footer { width: 100%; }
	#banner { width: 100%; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#header { width: 100%; }
	#contents { width: 100%; }
	#footer { width: 100%; }
	#banner { width: 100%; }
}

body {
	background-color:#000;
	background-image:url(../img/menubg.jpg);
	background-repeat:repeat;}

body,div,p,ul,li,dl,dt,dd,img,table,tr,th,td,dl,dt,dd,map,area,a,iframe,h1 {
	margin:0;
	padding:0;}
	
body,div,ul,li,dl,dt,dd,img,table,tr,th,td,dl,dt,dd,map,area,a,iframe,h1 {
	border:0;}
	
h1 {
	font-style:normal;
	display:inline;}

ul {
	list-style:none;}
	
#wrap {
	margin-right:auto;
	margin-left:auto;
	width:1000px;
	height:auto;}
	
#header {
	width:1000px;
	height:200px;
	background-color:#000;}

.head li {
       float:left;}

li {
	display:block;}
	
.left {
	width:200px;}
	
.left h1 {
	margin-left:30px;}
	
.right {
	width:800px;
	height:150px;}
	
.right p {
	text-align:right;
	padding:90px 20px 0 0;
	font-size:12pt;
	color:#fff;}
	
.tlc {
	height:50px;}
	
.tlc p {
	margin-left:10px;
	color:#fff;
	font-size:10px;
	text-align:center;}	
	
.navi {
	width:1000px;
	height:50px;
	color:#FFF;
	text-align:center;
	background-image:url(../img/menubg.jpg);
	background-color:#000;}
	
.navi p{
	padding-top:5px;
	font-size:16px;}
	
.navi a{
	color:#fff;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	
.navi span{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

.navi a:hover{
	color:#F00;}
	
#content {
	width:1000px;
	height:auto;
	background-color:#000;}


#footer {
	width:1000px;
	height:150px;
	color:#FFF;
	font-size:8pt;
	text-align:center;
	background-image:url(../img/menubg.jpg);
	background-repeat:repeat;}

#footer p {
	padding-top:70px;}
	
#footer p a{
	color:#f00;}

#footer ul li a{
	font-size:10pt;
	color:#fff;}

#footer ul li a:hover{
	color:#F00;}

#footer ul {
	padding-top:10px;
	margin-left:200px;}
	
#footer ul li {
	float:left;
	margin-right:100px;}
	
.clear {
	clear:both;}
	
	
/*見出し*/
h1 {
	color:#003300;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	margin-top:20px;
	margin-left:100px;}
	
h2 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#fff;
	text-shadow:20px 12px 2px #555;
	padding:20px 100px 10px 100px;}
	
/*リンク*/
a {
	color:#030;
	font-weight:bold;
	text-decoration:none;}
	
/*段落*/
.text {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#030;
	margin:10px auto 20px 100px;
	width:800px;}