@charset "shift_jis";
/* CSS Document
??????A????????index??? */

/* CSS???Z?b?g */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}


/* page of index is excluded */
html, body { height:100%; }
body {
	background-image:url(images/bg.png);
	margin:0 auto 0 auto;
	font-family:"???C???I", "Meiryo", "?l?r ?S?V?b?N", "MS Gothic", "Osaka?|????", Osaka-mono, monospace;
	font-size:small;
	color:#CCC;
	width:100%;
}
img { border-style:none; }
#img_cent { text-align:center; }
.ft_big { font-size:medium; }
.ft_sml { font-size:smaller; }
.ft_kes { text-decoration:line-through; }
.ft_bld { font-weight:bold; }
.back { text-align:right; }
.flle { float:left; }
.flri { float:right; }
.flcl { clear:both; }
p { line-height:1.5em; }
a:link { color:#b7ff00; }
a:visited { color:#3C7400; }
a:hover { color:#C60; }



/* Main area */
#container { margin:0 auto; min-height:100%; position:relative; }



/* Header image */
#header {
	width:100%;
	height:300px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#fff;
}
#header_mini {
	width:100%;
	height:100px;
	background-image:url(images/header_mini.png);
	background-repeat:no-repeat;
	background-position:center top;
}



/* Main navigation menu */
#nav {
	background-image:url(images/nav_bg.png);
	background-repeat:repeat-x;
	position:relative;
	overflow:hidden;
	margin-top:0;
}
#nav ul {
	position:relative;
	left:50%;
	float:left;
	margin:0;
	padding:0;
}
#nav li {
	position:relative;
	left:-50%;
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
#nav a {
	display:block;
	height:60px;
	width:120px;
	text-indent:-9999px;
	text-decoration:none;
}
#nav0, #nav1, #nav2, #nav3, #nav4, #nav5 { background-position:bottom; }
#nav0 { background-image:url(images/nav_btn00.png); }
#nav0 a:hover { background-image:inherit; background-position:top; }
#nav1 { background-image:url(images/nav_btn01.png); }
#nav1 a:hover { background-image:inherit; background-position:top; }
#nav2 { background-image:url(images/nav_btn02.png); }
#nav2 a:hover { background-image:inherit; background-position:top; }
#nav3 { background-image:url(images/nav_btn03.png); }
#nav3 a:hover { background-image:inherit; background-position:top; }
#nav4 { background-image:url(images/nav_btn04.png); }
#nav4 a:hover { background-image:inherit; background-position:top; }
#nav5 { background-image:url(images/nav_btn05.png); }
#nav5 a:hover { background-image:inherit; background-position:top; }



/* width to main page */
#contents {
	width:930px;
	margin:0 auto;
	padding-bottom:250px;
}



/* use to min-page only */
#contents_cent {
	width:100%;
	margin:50px auto 0 auto;
	padding-bottom:250px;
	text-align:center;
}
#contents_cent p {
	padding:10px 0;
}


/* use to index page only(for news-area) */

.box-layout{display:box;display:-webkit-box;display:-moz-box;display:-o-box;}
.flex-1{-moz-box-flex:1.0;-webkit-box-flex:1.0;-o-box-flex:1.0;-ms-box-flex:1.0;}

#pickUpMV{
margin-bottom:15px;
background: rgb(68,68,68);
background: -moz-radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 0%, rgba(40,40,40,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 0%,rgba(40,40,40,1) 100%);
background: radial-gradient(ellipse at center,  rgba(68,68,68,1) 0%,rgba(40,40,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#282828',GradientType=1 );
}
#pickUpMV .box{display:none;}


#musicVideo{
	width:600px;
	margin:0 auto 15px auto;
	display:box;display:-webkit-box;display:-moz-box;display:-o-box;
background: rgb(68,68,68);
background: -moz-radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 0%, rgba(40,40,40,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 0%,rgba(40,40,40,1) 100%);
background: radial-gradient(ellipse at center,  rgba(68,68,68,1) 0%,rgba(40,40,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#282828',GradientType=1 );
}
.ind_tit00{
	margin:10px auto 0 auto;
	padding:6px 8px;
	font-size:18px;
	font-weight:bold;
	line-height:1em;
	color:white;
	box-sizing:border-box;
	text-shadow:1px 1px 1px black;
background: rgb(198,255,68);
background: -moz-linear-gradient(top,  rgba(198,255,68,1) 0%, rgba(69,125,3,1) 100%);
background: -webkit-linear-gradient(top,  rgba(198,255,68,1) 0%,rgba(69,125,3,1) 100%);
background: linear-gradient(to bottom,  rgba(198,255,68,1) 0%,rgba(69,125,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6ff44', endColorstr='#457d03',GradientType=0 );
}
.mvBox{}
	.mvBox .youtube{
		width:180px;
		height:102px;
		margin:0 auto;
		position:relative;
		display:block;
		outline:0;
	}
		.mvBox .youtube img{
			width:180px;
			height:102px;
			position:absolute;
			top:0;left:0;
		}
	.mvBox .box{
		padding:10px;
		font-size:80%;
		text-align:center;
		-moz-box-flex:1;-webkit-box-flex:1;
		border-right:dotted 1px black;
		box-sizing:border-box;
	}
		.mvBox .box:last-child{border:none;}
		.mvBox .box .box-layout{
			width:180x;
			margin:10px auto 0 auto;
			text-align:right;
		}
			.mvBox .box .box-layout .flex-1 img{position:relative;top:3px;}
		.mvBox .box p{
			width:180x;
			margin:0 auto 10px auto;
			text-align:left;
		}
			.mvBox .box p.date{
				color:cream;
				text-align: left;
			}
			.mvBox .box p.date span{
				padding:5px 8px;
				font-size: 10px;
				line-height: 1em;
				font-weight:bold;
				text-align: center;
				background:black;
				border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
				display: block;
			}

.news {
	margin:10px;
	padding-top:30px;
	width:600px;
	background-image:url(images/newshdr.jpg);
	background-repeat:no-repeat;
}
.news_main {
	height:370px;
	background-image:url(images/newsbg.png);
	background-repeat:no-repeat;
}
#topix_box {
	overflow:auto;
	height:370px;
	padding-right:10px;
}
dl#hdr_nw {
	margin:0 10px 10px 10px;
}
dl#hdr_nw dt {
	padding-top:10px;
	font-weight:bold;
}
dl#hdr_nw dd {
	padding:10px 0 10px 30px;
	border-bottom:#b7ff00 dashed 1px;
}
.twi {
	float:right;
	margin:10px 10px 10px 0;
	width:300px;
	height:470px;
}



/* use to index page only(for link-area) */
#link {
	display:table;
	margin-left:10px;
}
#link ul {
	display:table-row;
}
#link ul li {
	display:table-cell;
	padding:0 5px 5px 0;
	text-align:center;
}
#link img {
	vertical-align:middle;
}


/* use to content page only(in topix) */
.main {
	margin:10px;
	width:650px;
}



/* use to content page only(for side menu) */
.sidemenu {
	float:left;
	margin:10px 0 10px 10px;
	width:250px;
}
.sidemenu li {
	display:inline;
}
.sidemenu li a {
	padding:15px 10px 14px;
	width:220px;
	display:block;
	text-decoration:none;
	border-bottom:1px solid #505050;
}
.sidemenu li a:hover {
	background-image:url(images/otherbg.png);
}
#sidemenu_link li, #sidemenu_link a, #sidemenu_link a:hover {
	margin:0;
	padding:5px 0;
	border:0;
	background:none;
}
#sidemenu_link {
	padding:10px 0;
}



/* footer */
#footer {
	position:absolute;
	width:100%;
	height:150px;
	bottom:0;
	background-image:url(images/otherbg.png);
	text-align:right;
	margin:100px auto 0 auto;
	padding:20px 0;
}
#footer ul li {
	display:inline;
}
#footer p, ul {
	padding-right:15px;

}