@charset "utf-8";
/*
Theme Name: YJK
Theme URI:  http://gemmy-inc.jp/
Description: YJKカンパニーのオリジナルテーマです
Version: 1.1
Author: ジェミー株式会社
Author URI: http://gemmy-inc.jp/
*/

/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 84%    11px = 92%    12px = 100%   13px = 109%
 14px = 117%    15px = 125%    16px = 133.3%    17px = 141.7%
 18px = 150%    19px = 158.3%    20px = 166.7%    21px = 175%
 22px = 183.3%    23px = 191.7%    24px = 200%    25px = 208.3%
 26px = 216.7%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 180%;
	color: #000;
}

input, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* リンク
----------------------------------------------------*/
a {
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors_example {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
#content:after,
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clearfix {
	zoom: 1; /* for IE5.5 - IE7 */
}

/* 画像の透過 */
.transparent img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*----------------------------------------------------
	header
----------------------------------------------------*/

header {
	background-color:#000;
	padding-top:20px;
	padding-bottom:20px;
	min-width: 1024px;
}

header #headerInner {
	width:1024px;
	margin:0 auto;
}

#headerInner .siteID {
	width:19.53125%; /* 200px */
	float:left;
}

#headerInner .gNav {
	margin-left:15px;
	float:right;
}

#headerInner .gNav li {
	width:158px;
	text-align:center;
	float:left;
}

#headerInner .gNav li a{
	display:block;
	overflow:hidden;
	height:0px;
	padding-top:60px;
	background-image:url("images/navi.png");
}

#gNav1 a{background-position:-18px 0px;}
#gNav2 a{background-position:-176px 0px;}
#gNav3 a{background-position:-334px 0px;}
#gNav4 a{background-position:-492px 0px;}
#gNav5 a{background-position:-650px 0px;}

#gNav1 a:hover{background-position:-18px -60px;}
#gNav2 a:hover{background-position:-176px -60px;}
#gNav3 a:hover{background-position:-334px -60px;}
#gNav4 a:hover{background-position:-492px -60px;}
#gNav5 a:hover{background-position:-650px -60px;}




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

footer {
	background-color:#000;
	min-width: 1024px;
}

footer #footerInner {
	width:1024px;
	margin:0 auto;
}

#footerInner .footerNav {
	padding: 15px 0;
}

#footerInner .footerNav li {
	width:19.88372%; /* 198px */
	text-align:center;
	border-right: 1px solid #eee;
	float:left;
}

#footerInner .footerNav li:first-child {border-left: 1px solid #eee;}

#footerInner .footerNav li a {text-decoration:none;color:#eee;}
#footerInner .footerNav li a:hover {text-decoration:underline;}

#footerInner .copyright {
	font-size:84%;
	text-align:center;
	color:#eee;
	padding: 15px 0;
}

/*----------------------------------------------------
	container
----------------------------------------------------*/

#container .mainVisualArea {
	background-color:#fef2fc;
}

#container .mainVisualArea .mainVisual {
	width:1024px;
	margin:0 auto;
}

#container .contentArea {
	background-color:#fff;
	padding-top:40px;
}

#container .contentArea #content {
	width:1024px;
	margin:0 auto;
}

#b_label{
	height:40px;
	width:100%;
	background-color:#000000;
	min-width: 1024px;
}

/* 最新情報 */

#content .information {
	width:47.460937%; /* 486px */
	margin-right:1.464843%; /* 15px */
	height:258px;
	overflow-y:scroll;
	border:2px solid #e60012;
	float:left;
}

#content .information .headingArea {
	border-bottom:1px dotted #e60012;
	padding: 10px 10px 5px;
}

#content .information .headingArea .heading {
	font-size:133.3%;
	color:#e60012;
	width:75%;
	float:left;
}

#content .information .headingArea .showList {
	width:25%;
	text-align:right;
	float:right;
}

#content .information .headingArea .showList a {
	font-size:84%;
	color:#e60012;
}

#content .information > ul li {
	border-bottom:1px dotted #e60012;
	padding: 3px 0 3px 10px;
}

#content .information > ul li .date {
	font-size:84%;
}

#content .information > ul li .text {
	margin-top:3px;
}

/* プライマリーナビ */

#content .primaryNav {
	width:50%; /* 512px */
	float:left;
}

#content .primaryNav li {
	width:46.875%; /* 240px */
	margin-left:3.125%; /* 16px */
	overflow:none;
	text-align:center;
	z-index:3;
	float:left;
}

#content .primaryNav li span {
	position: relative;
	z-index:-1;
}

#content .primaryNav li a {
	height: 121px;
	display:block;
	border:1px solid #e60012;
}

#content .primaryNav li.nav1 a {background: url("./images/top/index_profile.png") left top no-repeat;}
#content .primaryNav li.nav2 a {background: url("./images/top/index_discography.png") left top no-repeat;}
#content .primaryNav li.nav3 a {background: url("./images/top/index_gallery.png") left top no-repeat;margin-top:16px;}
#content .primaryNav li.nav4 a {background: url("./images/top/index_contact.png") left top no-repeat;margin-top:16px;}

#content .primaryNav li a:hover {background-position:left bottom;}

/* バナーエリア */

#content .bannerArea {
	width: 1024px;
	margin:40px auto 0;
}

#content .bannerArea li {
	width: 18%; /* 184px */
	margin:0 1%;
	float:left;
}

/* ページトップへ */

.contentArea .toPageTopArea {
	width:1024px;
	margin:0 auto;
}

.contentArea .toPageTopArea .toPageTop {
	margin-top:40px;
	text-align:right;
}

.contentArea .toPageTopArea .toPageTop a {
	color:#e60012;
	font-size:84%;
	text-decoration:none;
}

.contentArea .toPageTopArea .toPageTop a:hover {text-decoration:underline;}

/* ページタイトル */

.page > #container .contentArea #content > h2.heading,
.page > #container .contentArea #content > .post > h2.heading,
.single-discography > #container .contentArea #content > h2.heading,
.error404 > #container .contentArea #content > h2.heading {
	font-size:133.3%;
	color:#cca300;
	font-weight:bold;
	margin-bottom:30px;
}

/*----------------------------------------------------
	最新情報一覧、最新情報詳細
----------------------------------------------------*/

.page-template-news-php #content > .heading,
.single-news #content > .heading {
	border-bottom:1px dotted #e60012;
	padding: 10px 10px 5px;
	font-size:133.3%;
	color:#e60012;
}

.page-template-news-php #content .post,
.single-news #content .post {
	border-bottom:1px dotted #e60012;
	padding: 3px 0 3px 10px;
}

.single-news #content .post > .heading {
	font-size:133.3%;
}

.page-template-news-php #content .post > .post-date {
	font-size:84%;
}

.single-news #content .post > .post-date {
	font-size:84%;
}

.page-template-news-php #content  .post > .text,
.single-news #content .post > .text {
	margin-top:3px;
}

/*----------------------------------------------------
	プロフィール
----------------------------------------------------*/

.page-template-page-bg-php > #container .contentArea {
	width:1200px;
	margin:0 auto;
	background: url("images/page_bg_02.jpg") no-repeat;
}

.page-template-page-bg-php > #container {
	background-color:#fef2fc;
}

.page-template-page-bg-php > #container .contentArea .post {
	width:520px;
	height: 900px;
	margin-left: 15px;
	text-align:left;
}

.page-template-page-bg-php > #container .contentArea .post .text {
	padding:15px;
	background-color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.page-template-page-bg-php > #container .contentArea #content p {
	font-size:117%;
	line-height:180%;
	color:#666;
}

/*----------------------------------------------------
	ディスコグラフィー一覧、ディスコグラフィー詳細
----------------------------------------------------*/

.page-template-discography-php > #container .contentArea,
.single-discography > #container .contentArea {
	width:1200px;
	margin:0 auto;
	background: url("images/page_bg_05.jpg") no-repeat;
}

.page-template-discography-php > #container,
.single-discography > #container {
	background-color:#fef2fc;
}

.page-template-discography-php > #container .contentArea #content,
.single-discography > #container .contentArea #content {
	background:  url(images/bg_transparent.png) 0 0 repeat;
	height: 880px;
	padding: 10px;
}

.page-template-discography-php > #container .contentArea #content > .nav,
.single-discography > #container .contentArea #content > .nav {
	width:380px;
	border-bottom:1px solid #333;
	padding-bottom:5px;
	margin-bottom:30px;
}

.page-template-discography-php > #container .contentArea #content > .nav li,
.single-discography > #container .contentArea #content > .nav li {
	width:120px;
	float:left;
}

.page-template-discography-php > #container .contentArea #content > .nav li a,
.single-discography > #container .contentArea #content > .nav li a {
	font-size:133.3%;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

.page-template-discography-php > #container .contentArea #content > .nav li a:hover,
.page-template-discography-php > #container .contentArea #content > .nav li a:active,
.single-discography > #container .contentArea #content > .nav li a:hover,
.single-discography > #container .contentArea #content > .nav li a:active {
	color:#e60012;
}

.page-template-discography-php > #container .contentArea #content > h3.heading,
.single-discography > #container .contentArea #content > h3.heading {
	font-size:150%;
	font-weight:bold;
	color:#999;
	margin-bottom:30px;
}

.page-template-discography-php > #container .contentArea #content .discography {
	width: 300px;
	margin-right:10px;
	margin-bottom:50px;
	float:left;
}

.page-template-discography-php > #container .contentArea #content .discography .image {
	width: 100px;
	height: 100px;
	float:left;
}

.page-template-discography-php > #container .contentArea #content .discography .entry-title {
	width: 190px;
	height: 50px;
	margin-left:10px;
	padding-bottom:10px;
	float:left;
}

.page-template-discography-php > #container .contentArea #content .discography .entry-title a {
	color:#333;
	font-size:150%;
	text-decoration:none;
}

.page-template-discography-php > #container .contentArea #content .discography .entry-title a:hover {color:#e60012;}

.page-template-discography-php > #container .contentArea #content .discography .release {
	color:#999;
	width: 190px;
	border-top:1px solid #333;
	margin-left:10px;
	padding-top:10px;
	float:left;
}

.page-template-discography-php > #container .contentArea #content .paging {
	clear: both;
	text-align:center;
}

.page-template-discography-php > #container .contentArea #content .paging .previous a,
.page-template-discography-php > #container .contentArea #content .paging .next a {
	margin-left:15px;
	text-decoration:none;
	padding:2px 5px;
	color:#e60012;
}

.page-template-discography-php > #container .contentArea #content .paging a:hover{text-decoration:underline;}

.single-discography > #container .contentArea #content .leftArea {
	width:100px;
	margin-right:30px;
	float:left;
}

.single-discography > #container .contentArea #content .leftArea .musicNumber {
	margin-top:5px;
	color:#999;
}

.single-discography > #container .contentArea #content .rightArea {
	width:850px;
	float:left;
}

.single-discography > #container .contentArea #content .rightArea .headingArea {
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #cca300;
}

.single-discography > #container .contentArea #content .rightArea .entry-title {
	font-size:133.3%;
	color:#cca300;
	font-weight:bold;
}

.single-discography > #container .contentArea #content .rightArea .release {
	font-size:84%;
	color:#999;
}

.single-discography > #container .contentArea #content .rightArea .mark {
	margin-bottom:15px;
}

.single-discography > #container .contentArea #content .rightArea .mark span {
	background-color:#cca300;
	color:#fff;
	padding:2px 5px 0;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea {
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion {
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom:1px solid #cca300;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion ol {
	list-style:decimal-leading-zero inside;
	width:48%;
	float:left;
	margin-right:2%;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion ol:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion ol li {
	border-bottom:1px dotted #cca300;
	padding: 5px 0;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion ol li:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion ol li dl {
	display:inline;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion ol li dl dt {
	display:inline;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion ol li dl dd {
	display:inline;
}

.single-discography > #container .contentArea #content .rightArea .inclusionArea .inclusion ol li dl dd p {
	float:right;
}

/*----------------------------------------------------
	ギャラリー
----------------------------------------------------*/

.page-template-page-gallery-php > #container .contentArea {
	background-color:#000;
}

.page-template-page-gallery-php > #container .contentArea #content {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

/*----------------------------------------------------
	お問い合わせ
----------------------------------------------------*/

.page-id-16 > #container .contentArea {
	background: url("images/page_bg_04.jpg") no-repeat;
}

.page-id-16 > #container .contentArea .post {
	height: auto;
}

/*----------------------------------------------------
	404
----------------------------------------------------*/

.error404 > #container .contentArea {
	width:1200px;
	margin:0 auto;
	background: url("images/page_bg_04.jpg") no-repeat;
}

.error404 > #container .contentArea #content {
	height: 900px;
}

.error404 > #container .contentArea #content h3.heading {
	color:#333;
	font-size:117%;
	margin-top:20px;
	margin-bottom:5px;
}

.error404 > #container .contentArea #content ul li {
	list-style-type:disc;
	list-style-position:inside;
	margin-top:5px;
}

/*----------------------------------------------------
	スクロールバー
----------------------------------------------------*/
/* ディスコグラフィー詳細用 */
#mcs_container{position:absolute; width:850px; height:auto; padding:0 10px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#mcs_container .customScrollBox{position:relative; height:50%; overflow:hidden;}
#mcs_container .customScrollBox .scrollContainer{position:relative; width:800px; top:0; float:left;}
#mcs_container .customScrollBox .scrollContent{clear:both;}
#mcs_container .dragger_container{position:relative; width:0px; height:75%; float:left; margin:35px 0 0 25px; border-left:1px solid #31231E; border-right:1px solid #8E7757; cursor:pointer}
#mcs_container .dragger{position:absolute; width:9px; height:0px; background:#bbbbbb; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#mcs_container .dragger_pressed{position:absolute; width:9px; height:0px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}