@charset "UTF-8";
html,
body {
	
}
body {
	margin:0;
	padding:0;
	background-color: #000;
	height:100%;
}
#flashContent {
	width:100%;
	height:100%;
}
h1#toph1 {
	position: absolute;
	width:100%;
	z-index:10;
	font-size:12px;
	color:#FFF;
	background:#000;
	top:0;
	padding:5px 0;
	text-indent:5px;
	margin-top:0;
	line-height:1;
}

#footer{
	margin-top:-10px;
	
}
#alttext{
	max-width: 980px;
	margin:0 auto 10px auto;
}
#topmenu{
	text-align: right;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#3E3A39), to(#383433));
	background-image: -webkit-linear-gradient(top, #3E3A39, #383433);
	background-image: -moz-linear-gradient(top, #3E3A39, #383433);
	background-image: -o-linear-gradient(top, #3E3A39, #383433);
	background-image: -ms-linear-gradient(top, #3E3A39, #383433);
	background-image: linear-gradient(to bottom, #3E3A39, #383433);
	margin-bottom:1px;
}
#topmenu li{
	display: inline-block;
	margin-right:10px;
}
#topmenu li a{
	color: #fff;
}
#topmenu li a:before{
	content: '>';
}

hr {
	border-top: 1px solid #CCC;
	margin-bottom:10px;
}
.sp_menu{
	display:none;
}
body.nf{
	background:#FFF;
}
.nf #wrapper{
	width:auto;
}
.nf #header {
    height: 412px;
    margin-bottom: 1px;
    overflow: hidden;
}
.nf #header_img{
	height: 412px;
	background-image:url(../swf/l_1.jpg);
	background-size:cover;
}
.nf #header h1 {
    background: none;
    top: 150px;
	left:50px;
	text-align:left;
    width: 210px;
}
.nf #flashContent {
	position:relative;
	width:100% !important;
	height:auto !important;

}
.nf #nav {
	width:auto;
	float:none;
	margin-bottom:0px;
}

.nf #sidemenu{
	display:none;
}
.nf #nav .nav_m_a{
	display:block;
}
.nf #footer{
	padding-top:30px;
}




.nf #footer{
	margin-left:auto;
	margin-right:auto;
}

/* responsive
-------------------------------------------------------------------------------------------------------- */
@media (max-width: 980px) {
	#alttext{
		padding:0 20px;
	}

	
}
@media (max-width: 710px) {
	.nf #header {
		height: 150px;
	}
	.nf #header_img{
		height: 150px;
	}
	.nf #header h1 {
		top: 50px;
		left:15px;
		text-align:center;
	}
	h1#toph1 {
		display:none;
	}
	.nf #nav .nav_m_a{
		display:none;
	}
	#footer {
		background: none repeat scroll 0 0 #EFEFEF;
		clear: both;
		color: #727171;
		padding: 15px 0 0;
	}
	
}
@media (max-width: 480px) {
	.sp_menu{
		display:block;
		border-bottom:1px solid #B3B3B3;
		clear:both;
		width:100%;
	}
	.sp_menu li{
		width:33.3333%;
		display:block;
		float:left;
		overflow:hidden;
		background-image: -webkit-gradient(linear, center top, center bottom, from(#fce6e2), to(#e2d7cd));
		background-image: -webkit-linear-gradient(top, #fce6e2, #e2d7cd);
		background-image: -moz-linear-gradient(top, #fce6e2, #e2d7cd);
		background-image: -o-linear-gradient(top, #fce6e2, #e2d7cd);
		background-image: -ms-linear-gradient(top, #fce6e2, #e2d7cd);
		background-image: linear-gradient(to bottom, #fce6e2, #e2d7cd);
	}
	.sp_menu li.ttl1,
	.sp_menu li.ttl2{
		width:100%;
		float:none;
	}
	.sp_menu li.ttl2{
		border-top:1px solid #B3B3B3;
	}
	.sp_menu li a{
		display:block;
		font-size:14px;
		padding:0.25em 0;
		overflow:hidden;
		text-align:center;
		text-shadow:0px 1px #FFF;
	}
	.sp_menu li a img{
		vertical-align:-25%;
		margin-right:5px;
	}
	.sp_menu li span{
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f1ed), to(#e7e5e3));
		background-image: -webkit-linear-gradient(top, #f4f1ed, #e7e5e3);
		background-image: -moz-linear-gradient(top, #f4f1ed, #e7e5e3);
		background-image: -o-linear-gradient(top, #f4f1ed, #e7e5e3);
		background-image: -ms-linear-gradient(top, #f4f1ed, #e7e5e3);
		background-image: linear-gradient(to bottom, #f4f1ed, #e7e5e3);
		border-bottom:1px solid #B3B3B3;
		display:block;
		font-size:14px;
		padding:0.25em 0;
		text-align:center;
		text-shadow:0px 1px #FFF;
	}
	.sp_menu li:first-child a{
		
	}
	.sp_menu li a{
		border-left:1px solid #B3B3B3;
	}
	.sp_menu  li li:first-child a{
		border-left:none;
	}
	.sp_menu li.acc{
		background-image: -webkit-gradient(linear, center top, center bottom, from(#e8eded), to(#cde2e3));
		background-image: -webkit-linear-gradient(top, #e8eded, #cde2e3);
		background-image: -moz-linear-gradient(top, #e8eded, #cde2e3);
		background-image: -o-linear-gradient(top, #e8eded, #cde2e3);
		background-image: -ms-linear-gradient(top, #e8eded, #cde2e3);
		background-image: linear-gradient(to bottom, #e8eded, #cde2e3);
	}
	.sp_menu li.acc a{
		border-left:1px solid #B3B3B3;
	}
	.sp_menu li a:hover{
		text-decoration:none;
	}
}
@media (max-width: 320px) {

	.nf #header h1{
		text-align:left;
		top:40px;
		left:5px;
	}
	.nf #header h1 a:after{
		content:url("../common/img/logo2.png");
	}
	.nf #header_img{
		display:block;
	}
	
	
}