@charset "utf-8";

/* base
================================= */
html,body { height:100%; }
body{
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:13px;
	color:#151515;
	line-height:1.5;
}
a img {
	-webkit-transition: 0.2s ease-in-out;  
	-moz-transition: 0.2s ease-in-out;  
	-o-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;  
}
a img:hover {  
	opacity: 0.7;  
	filter: alpha(opacity=70);
}
.btn a,
.btn input{
	display: block;
	width: 200px;
	font-size: 16px;
	text-align: center;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	padding: 10px 0;
	margin: 0 auto;
}


/* color
================================= */

/* body */
html {
	background: #f5f5f5;
}

/* container */
#header h1,#globalNav,#keyVisual,#sideArea,#footer,.section,.pageTit,.pageLink {
	color: #111;
	background: #fff;
}
/* anchor */
a {
	color: #009acb;
	text-decoration: none;
}
a:hover {
	color: #00c2ff;
	text-decoration: none;
}
#globalNav a {
	background: #fff;
	color: #111;
}
#globalNav a:hover,
#globalNav .current a {
	color: #fff;
	background: #00c2ff;
}
.subNav a:hover {
	color: #fff;
	background:#00c2ff
}
.subNav .cur {
	color: #fff;
	background: #00ABE1;
}
.date { color: #888; }
.new { color: #f00; }
.note { color: #f00; }
.rule { color: #2a91b1; }

/* arrow
----------------------------- */
/* arrow1:right */
.newsList li:after {
	font-family:'WebHostingHub-Glyphs';
	content:'\f488';
	color: #ccc;
	font-size: 0.8em;
	position: absolute;
	right: 0px;
	top: 50%;
	margin: -1em 0 0;
}
.more a:after {
	font-family:'WebHostingHub-Glyphs';
	content:'\f488';
	font-size: 0.8em;
	margin: 0 0 0 3px;
}

/* arrow2:left */
.pageLink .back:before {
	font-family:'WebHostingHub-Glyphs';
	content: '\f489';
	font-size: 0.8em;
}

/* arrow3:circle */
.supportList a:before,
.childList a:before {
	font-family:'WebHostingHub-Glyphs';
	content:'\f3c9';
	font-size: 0.8em;
	margin: 0 3px 0 0;
}

/* btn
----------------------------- */
.btnMain {
	color: #fff;
	background: #00ABE1;
}
.btnMain:hover {
	color: #fff;
	background: #00c2ff;
}
.btnSub {
	color: #333;
	background: #eee;
}
.btnSub:hover {
	color: #333;
	background: #ddd;
}

/* slider
----------------------------- */
.flex-control-paging { font-family:'WebHostingHub-Glyphs'; }
.flex-control-paging li a { background: #aaa; background: rgba(255,255,255,0.5); }
.flex-control-paging li a:hover { background: #ddd; background: rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,0.9); }
.flex-direction-nav a {
	text-indent: -9999px;
	text-align: left;
}
.flex-direction-nav a:before {
	display: block;
	width: 20px;
	height: 50px;
	content: '\f489';
	color: #fff;
	font-family:'WebHostingHub-Glyphs';
	font-size: 24px;
	line-height: 40px;
	text-align: right;
}
.flex-direction-nav a.flex-next:before  { content: '\f488'; }



/* layout
================================= */
#wrapper {
	width: 980px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
#container {
	padding: 140px 0 65px;
}
#mainArea {
	width: 630px;
	float: left;
}
#mainArea.single {
	width: auto;
	float: none;
}
#sideArea {
	width: 300px;
	float: right;
	padding: 15px 15px 0;
	margin: 0 0 15px;
}


/* header
----------------------------- */
#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}
#header h1 {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#header h1 a {
	display: block;
	padding: 15px;
}
#header #globalNav {
	width: 980px;
	margin: 0 auto;
}
#header #globalNav li {
	display: inline-block;
	float: left;
}
#header #globalNav a {
	display: block;
	height: 40px;
	letter-spacing: 0.02em;
	line-height: 40px;
	padding: 0 10px;
}
#header #globalNav .icon a {
	font-family:'WebHostingHub-Glyphs';
	font-size: 18px;
	padding: 0 10px;
}
#header .loginNav {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#header .loginNav ul {
	width: 230px;
	position: absolute;
	bottom: 0;
	right: 0;
}
#header .loginNav ul li {
	width: 110px;
	padding: 0px 5px 5px 0;
	float: left;
}
#header .loginNav ul li a {
	display: block;
	background: #eee;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 0 8px;
}
#header .loginNav ul li a:hover {
	background: #00C2FF;
	color: #fff;
}
#header .loginNav ul li a:before {
	font-size: 0.8em;
	margin: 0 3px 0 0;
}
/* keyVisual
----------------------------- */

#keyVisual {
	height: 450px;
	line-height: 0em;
	padding: 15px;
	margin: 0 0 15px;
	position: relative;
	overflow: hidden;
}
#keyVisual li a {
	display: block;
}
#keyVisual li .dummy {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
/*
#keyVisual ul {
	width: 950px;
	height: 450px;
	position: relative;
	z-index1;
	zoom: 1;
}
#keyVisual li {
	width: 950px;
	height: 450px;
	position: absolute;
	left: 0;
	top:0;
	-webkit-backface-visibility: hidden;
}
*/

/* sideArea
----------------------------- */
#sideArea .movieList li,
#sideArea .bnrList li {
	line-height: 0em;
	margin: 0 0 15px;
}

/* footer
----------------------------- */
#footer {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px 0;
}
#footer .copyright {
	text-align: center;
	line-height: 20px;
}
#footer #pageTop {
	position: fixed;
	right: 0;
	bottom: -50px;
}
#footer .supportList {
	text-align: center;
}
#footer .supportList li {
	display: inline;
	line-height: 20px;
	padding: 0 10px;
}
#pageTop {
	width: 50px;
	height: 50px;
	position: fixed:
	right: 0;
/*	bottom: 0; */
	bottom: -50px;
	z-index: 98;
}
#pageTop a {
	display: block;
	height: 50px;
	text-indent: -9999px;
	position: relative;
}
#pageTop a:after {
	width: 50px;
	height: 50px;
	font-family:'WebHostingHub-Glyphs';
	content:'\f48a';
	font-size: 30px;
	text-indent: 0;
	line-height: 50px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}


/* 共通パーツ
================================= */

/* section
----------------------------- */
.section {
	padding: 15px;
	margin: 0  0 15px;
	position: relative;
}
.single .section {
	padding: 20px 130px 30px;
}
.section .sectionTit {
	font-size: 22px;
	border-bottom: 1px solid #ddd;
	padding: 0 0 10px;
	margin: 0 0 15px;
}
.section .more {
	position: absolute;
	top: 15px;
	right: 15px;
}
.section .more .btnSub {
	width: 100px;
	float: right;
	font-size: 12px;
	text-align: center;
	line-height: 12px;
	padding: 6px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* pageTit
----------------------------- */
#mainArea .pageTit {
	padding: 0 15px;
	margin: 0  0 15px;
}
#mainArea .pageTit .tit {
	width: 30%;
	float: left;
	font-size: 22px;
	line-height: 40px;
/*	padding: 0 0 0 15px; */
}

/* subNav
----------------------------- */
.subNav {
	width: 70%;
	float: right;
	text-align: right;
}
.subNav li {
	display: inline;
}
.subNav a {
/*	display: block;
	height: 40px; */
	font-size: 12px;
	line-height: 40px;
	padding: 0 10px;
}

/* newsList
----------------------------- */
.newsList li {
	border-bottom: 1px dotted #ddd;
	padding: 0 15px 0 0;
	margin: 0 0 15px;
	position: relative;
}
.newsList a {
	display: block;
	padding: 0 15px 15px 0;
}
.newsList a .date {
}
.newsList .tit {
	font-size: 14px;
}
.newsList .new {
	font-size: 11px;
}
.newsList .cat {
	font-size: 12px;
	line-height: 12px;
}

/* contentsList
----------------------------- */
.contentsList {
	margin: 0 -15px 0 0;
}
.contentsList li {
	width: 190px;
	float: left;
	margin: 0 15px 20px 0;
}
.contentsList li:last-child {
	margin: 0;
}
.contentsList li:nth-child(3n) {
	padding-right: 0;
	margin-right: 0;
} 
.contentsList a {
	display: block;
}
.contentsList a .date {
	margin: 0 0 3px;
}
.contentsList img {
	width: 100%;
}
.contentsList .tit {
}
.contentsList .new {
	font-size: 10px;
}
.contentsList .cat {
	font-size: 10px;
}
.contentsList .thumb {
	line-height: 0;
	margin: 0 0 5px;
	overflow: hidden;
}

/* titArea
----------------------------- */
.titArea {
	border-bottom: 1px solid #ddd;
	padding: 5px 0 15px;
	margin: 0 0 15px;
}
.titArea .date {
	margin: 0 0 5px;
}
.titArea .tit {
	font-size: 16px;
}
.titArea .new {
	font-size: 11px;
}
.titArea .cat {
	font-size: 12px;
}
.titArea .ph {
	margin: 0 0 1em;
}

/* txtArea
----------------------------- */
.txtArea {
	margin: 0 0 20px;
}
.txtArea .tit {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 5px;
}
.txtArea .ph {
	margin: 0 0 1em;
}
.txtArea .txt {
	margin: 0 0 15px;
}

/* childList
----------------------------- */
.childList {
	margin: 0 0 15px;
}
.childList dt {
	font-weight: bold;
}

/* social
----------------------------- */
.social {
	border-top: 1px solid #ddd;
	padding: 20px 0 0;
}
.social div {
	width: 120px;
	float: left;
}

/* pageLink
----------------------------- */
.pageLink {
	padding: 13px 15px;
	margin: 0 0 15px;
}
.pageLink a {
	display: block;
}

/* discography
----------------------------- */
.trackList {
	margin: 0 0 1em;
}

/* other
----------------------------- */
.subTxt {
	font-size: 0.85em;
}
.center {
	text-align: center;
}