@charset "utf-8";

/* body
----------------------------------------------------------------------*/

body{
	color:#000;
	background:url(../img/common/bg.jpg) repeat;
}

#container{
	width:100%;
	max-width:1290px;
	min-width:980px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#mainarea{
	width:100%;
	max-width:1290px;
	height:auto;
	float:right;
	padding-bottom:32767px;
    margin-bottom:-32767px;
	margin-left:-250px;
}

#leftarea{
	max-width:1040px;
	margin-left:250px;
}

#contarea{
	width:100%;
	min-width:800px;
	background:url(../img/common/bg.jpg) repeat;
	z-index:9998;
}

.ttl {
	display:block;
	margin:0 auto;
}

@media only screen and (max-width:800px) {

body{
	color:#000;
	background:#463734;
	width:100%;
	max-width:800px;
	min-width:320px;
}

#container{
	width:100%;
	max-width:800px;
	min-width:320px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
}

#mainarea{
	width:100%;
	max-width:800px;
	float:none;
	margin:0;
	padding:0;
}

#leftarea{
	width:100%;
	max-width:800px;
	margin:0;
	padding:0;
}

#contarea{
	width:100%;
	max-width:800px;
	min-width:320px;
	background:url(../img/common/bg.jpg) repeat;
	z-index:9998;
	margin:90% 0 0 0;
	padding:0;
}

.ttl {
	display:block;
	width:100%;
	max-width:460px;
	margin:0 auto;
}

}


/* nav
----------------------------------------------------------------------*/

#nav{
	width:250px;
	height:auto;
	min-height:100%;
	background:url(../img/top/navbg_index.jpg) repeat-y;
	float:left;
	padding-bottom:32767px;
    margin-bottom:-32767px;
}

#nav li{
	width:80%;
	margin:0 auto;
}

.border{
	border-bottom:solid 1px #000;
	padding:23px 0 20px 0;
}

.sp_nav{
	margin-top:10px;
}

.gotop{
	margin:0 auto;
	position:fixed;
	bottom:40px;
}

#pico{
	width:100%;
	max-width:1290px;
	height:30px;
	margin:0 auto;
	padding-top:650px;
}

@media only screen and (max-width:1290px) {

#pico{
	width:100%;
	max-width:1290px;
	height:30px;
	margin:0 auto;
	padding-top:50%;
}

}

@media only screen and (max-width:1000px) {

#pico{
	width:100%;
	max-width:1290px;
	height:30px;
	margin:0 auto;
	padding-top:490px;
}

}

@media only screen and (max-width:800px) {

#nav{
	margin:0;
	padding:0;
	display:none;
}

#pico{
	margin:0;
	padding:0;
	display:none;
}

}


/* index
----------------------------------------------------------------------*/

#maingra{
	width:100%;
	background:url(../img/top/maingra.jpg) no-repeat top center #463734;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}

.mainlogo{
	padding:50px 0;
}

@media only screen and (max-width:1290px) {

#maingra{
	width:100%;
	background:url(../img/top/maingra_1290.jpg) no-repeat top center #463734;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

}

@media only screen and (max-width:1000px) {

#maingra{
	width:100%;
	min-width:800px;
	background:url(../img/top/maingra_980.jpg) no-repeat #463734;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}

}

#index_main{
	width:81%;
	margin:0 auto;
	text-align:center;
}

#maeuri{
	width:38%;
	height:auto;
	float:left;
}

#newest{
	width:90%;
	height:360px;
	margin:0 auto;
	float:none;
	background:url(../img/top/news_bg.png) repeat;
	overflow:auto;
	overflow-x:hidden;
	text-align:left;
}

#new_main{
	width:100%;
	max-width:90%;
	margin:0 auto;
	padding-top:3%;
	font-size:15px;
	line-height:1.5em;
}

#new_main p{
	padding-top:1%;
	font-size:11px;
	font-weight:normal !important;
	line-height:15px;
	color:#643A8C;
}

#new_main img{
	margin-bottom:5%;
}

.magazin{
	padding-left:105px;
	background:url(../img/top/label_zasshi.jpg) no-repeat top left;
	margin-bottom:4%;
}

.tv{
	padding-left:105px;
	background:url(../img/top/label_tv.jpg) no-repeat top left;
	margin-bottom:4%;
}

.event{
	padding-left:105px;
	background:url(../img/top/label_event.jpg) no-repeat top left;
	margin-bottom:4%;
}

.oshirase{
	padding-left:105px;
	background:url(../img/top/label_news.jpg) no-repeat top left;
	margin-bottom:4%;
}


@media only screen and (max-width:800px) {

#maingra{
	width:100%;
	max-width:800px;
	min-width:320px;
	background:url(../img/top/maingra_sp.jpg) no-repeat #463734;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	padding:0;
	margin:15px 0 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.mainlogo{
	padding:30px 0;
}

#index_main{
	width:95%;
	margin:0 auto;
}

#newest{
	width:100%;
	height:auto;
	background:url(../img/top/news_bg.png) repeat;
	overflow:auto;
	position:relative;
}

#new_main{
	width:100%;
	max-width:90%;
	margin:0 auto;
	padding-top:3%;
}

#new_main p{
	font-weight:bolder;
	line-height:10px;
}

#new_main img{
	margin-bottom:5%;
}

.magazin{
	padding-left:105px;
	background:url(../img/top/label_zasshi.jpg) no-repeat top left;
	margin-bottom:4%;
}

.tv{
	padding-left:105px;
	background:url(../img/top/label_tv.jpg) no-repeat top left;
	margin-bottom:4%;
}

.event{
	padding-left:105px;
	background:url(../img/top/label_event.jpg) no-repeat top left;
	margin-bottom:4%;
}

.oshirase{
	padding-left:105px;
	background:url(../img/top/label_news.jpg) no-repeat top left;
	margin-bottom:4%;
}


}


/* footer
----------------------------------------------------------------------*/

#footer {
	clear:both;
	width:100%;
	min-width:800px;
	height:25px;
	margin:0 auto;
	padding:15px 0 0 0;
	background:#463734;
	z-index:9999 !important;
}

@media only screen and (max-width:800px) {

#footer {
	clear:both;
	width:100%;
	max-width:800px;
	min-width:320px;
	height:25px;
	margin:0 auto;
	padding:15px 0 0;
	background:#463734;
	z-index:9999;
}

}