@charset "utf-8";

body {
	background-color: #CDCAB9;
	margin: 0px;
	padding: 0px;
	color: #404040;
	font-size:14px;
	line-height: 2;
	position: relative;
}

body * {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}

body#jp {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Helvetica, Arial, Geneva, Verdana, sans-serif;
}

body#en {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* タグ
---------------------------------------------*/
a {
	text-decoration: none;
}

a:link, a:active {
	color: #FFF;
}

a:visited {
	color: #6D4875;
}

a:hover{
	color: #54A8D9;
}

img {
	border: none;
}

strong, b, h1, h2, h3 {
	font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Helvetica, Arial, Geneva, Verdana, sans-serif;
}

h1, h2, h3, strong {
	color: #000;
}

h1 {
	margin-bottom: 42px;
}

p {
	margin-bottom: 2em;
}

ul {
	list-style-type: none;
}

em {
	font-style: italic;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
}

/* module
---------------------------------------------*/

.novisible {
	display: none;
}

.eng {
	font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
/* menu
---------------------------------------------*/
.menu li{
	line-height: 1.5;
	height:24px;
	overflow: hidden;
	vertical-align: bottom;
}

.menu li a, .menu li span.stay {
	display: block;
	/*
	width: 100%;
*/	height: 0 !important;
	height: 24px;
	padding-top: 24px;
	background-image: url(../img/jp/menu.png);
}

#menuContena h3 {
	margin-top: 9px;
	margin-bottom: 12px;
}

	/*  submenu
	---------------------------------------------*/
	.menu .submenu{
		margin-left: 10px;
		display: block;
		margin-bottom: 1px;
	}
	.menu #aboutSub a, .menu #aboutSub span.stay {
		background-image: url(../img/jp/aboutSubMenu.png);
	}
	
	.menu li.open{
		height:auto;
	}
	
	.menu li.open div{
		height: 20px;
		overflow: hidden;
	}

	/*  背景画像の位置
	---------------------------------------------*/
	/* 通常 */
	.menu #home a    { background-position:  1px 0px; width:43px;}
	.menu #about a   { background-position:  -52px 0px; width:37px;}
	.menu #news a    { background-position:  -99px 0px; width:33px;}
	.menu #message a { background-position:  -142px 0px; width:53px;}
	.menu #contact a { background-position:  -204px 0px; width:69px;}
	.menu #keyword a { background-position:  -283px 0px; width:53px;}
	.menu #aomori a  { background-position:  -346px 0px; width:116px;}
	.menu #kyoto a   { background-position:  -471px 0px; width:95px;}
	.menu #geidai a  { background-position:  -1111px 0px; width:169px;}
	.menu #spiral a  { background-position:  -573px 0px; width:90px;}
	.menu #yotuya a  { background-position:  -670px 0px; width:131px;}
	.menu #waseda a  { background-position:  -808px 0px; width:124px;}
	.menu #ycam a    { background-position:  -939px 0px; width:119px;}
	.menu #ohter a   { background-position:  -1064px 0px; width:42px;}
	
	.menu #ddjc a    { background-position:  -0px 0px; width:37px;}
	.menu #paxton a  { background-position:  -45px 0px; width:108px;}
	.menu #nelson a  { background-position:  -162px 0px; width:73px;}
	.menu #mfts a    { background-position:  -242px 0px; width:124px;}
	
	.menu #aomori a:visited  { background-position:  -346px -90px;}
	.menu #kyoto a:visited   { background-position:  -471px -90px;}
	.menu #geidai a:visited  { background-position:  -1111px -90px;}
	.menu #spiral a:visited  { background-position:  -573px -90px;}
	.menu #yotuya a:visited  { background-position:  -670px -90px;}
	.menu #waseda a:visited  { background-position:  -808px -90px;}
	.menu #ycam a:visited    { background-position:  -939px -90px;}
	.menu #ohter a:visited   { background-position:  -1064px -90px;}

	/* マウスオーバー*/
	.menu #home a:hover    { background-position:  0 -30px;}
	.menu #about a:hover   { background-position:  -52px -30px;}
	.menu #news a:hover    { background-position:  -99px -30px;}
	.menu #message a:hover { background-position:  -142px -30px;}
	.menu #contact a:hover { background-position:  -204px -30px;}
	.menu #keyword a:hover { background-position:  -283px -30px;}
	.menu #aomori a:hover  { background-position:  -346px -30px;}
	.menu #kyoto a:hover   { background-position:  -471px -30px;}
	.menu #geidai a:hover  { background-position:  -1111px -30px;}
	.menu #spiral a:hover  { background-position:  -573px -30px;}
	.menu #yotuya a:hover  { background-position:  -670px -30px;}
	.menu #waseda a:hover  { background-position:  -808px -30px;}
	.menu #ycam a:hover    { background-position:  -939px -30px;}
	.menu #ohter a:hover   { background-position:  -1064px -30px;}

	.menu #ddjc a:hover    { background-position:  -0px -30px;}
	.menu #paxton a:hover  { background-position:  -45px -30px;}
	.menu #nelson a:hover  { background-position:  -162px -30px;}
	.menu #mfts a:hover    { background-position:  -242px -30px;}

	/* リンクなし */
	.menu #home .stay    { background-position:  0 -60px; width:43px;}
	.menu #about .stay   { background-position:  -52px -60px; width:37px;}
	.menu #news .stay    { background-position:  -99px -60px; width:33px;}
	.menu #message .stay { background-position:  -142px -60px; width:53px;}
	.menu #contact .stay { background-position:  -204px -60px; width:69px;}
	.menu #keyword .stay { background-position:  -283px -60px; width:53px;}
	
	.menu #ddjc .stay    { background-position:  -0px -60px; width:37px;}
	.menu #paxton .stay  { background-position:  -45px -60px; width:108px;}
	.menu #nelson .stay  { background-position:  -162px -60px; width:73px;}
	.menu #mfts .stay    { background-position:  -242px -60px; width:124px;}

	/* メニューアンダーライン
	---------------------------------------------*/
	.menu #home, .menu #keyword, .menu #ycam {
		background-image: url(../img/menuLine.png);
		background-repeat: no-repeat;
		background-position: 0px 20px;
	}
	.menu #keyword, .menu #ycam {
		background-position: 0px 22px;
	}

	.menu li#home {
		padding-bottom: 2px;
	}
	
	.menu li#about {
		padding-top: 5px;
	}
	
/* ブロック
---------------------------------------------*/
#wpaper {
	position: relative;
	width: 915px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 34px;
}

#menu {

}

#main {
	float: left;
	font-size: 93%;
}

#side {
	width: 203px;
	float: right;
	margin-top: 5px;
}

#contena {
	float: left;
	width: 672px;
	padding-bottom: 100px;
}

.dan3 #contena {
	width: 545px;
}

#menuContena {
	float: right;
	width: 203px;
}

.text {
	float: right;
}

.dan4 #main {
	width: 433px;
}

.dan4 .text {
	width: 313px;
}

.dan3 #main {
	width: 545px;
}

.dan3 .text {
	width: 426px;
}

/* head
---------------------------------------------*/

h2 {
	height: 94px;
	margin-left: 119px;
	margin-bottom: 63px;
}

h2 img {
	padding-top: 58px;
}

/* side
---------------------------------------------*/ 
#side .caption {
	margin-top: 6px;
	margin-bottom: 17px;
}

.caption {
	font-size: 71%;
	color: #8F8F8F;
	line-height: 1.3em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#side .cyu {
	font-size: 86%;
}
#side .cyu h3 {
	margin-bottom: 8px;
	margin-top: 7px;
}
.cyuhead {
	color: #000000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}

/* bottom
---------------------------------------------*/

#bottom {
	font-size: 86%;
	float: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #99978a;
	padding-top: 23px;
}

.dan4 #bottom {
	width: 553px;
}


#bottom h3 {
	margin-top: 3px;
	margin-bottom: 26px;
}

#bottom li.subArtist {
	margin-top: 2em;
}

/* text
---------------------------------------------*/
.text h3 {
	margin-bottom: 12px;
	margin-top: 7px;
}

.text2 {
	width: 545px;
	clear: both;
	font-size: 93%;
}

h3.overLine{
	padding-top: 24px;
	padding-bottom: 36px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #99978a;
	width: 426px;
	margin-left: 119px;
}

.text2 h4 {
	text-align: right;
	width: 99px;
	font-weight: normal;
	float: left;
	clear: both;
	font-size: 12px;
}

.text2 ul {
	clear: right;
}

.bar {
	color: #66655c;
}

/* img
---------------------------------------------*/

#main .imgBox img{
	float: right;
	margin-bottom: 2em;
}

#main .caption {
	float: left;
	width: 99px;
	text-align: right;
}
.dan3 #bottom {
	width: 426px;
	float: right;
}

#main .imgCaption {
	float: left;
	width: 99px;
	text-align: right;
	font-size: 71%;
	color: #8F8F8F;
	line-height: 1.4em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin-top: 6px;
	margin-left: -119px;
}


/* flv player
---------------------------------------------*/

.playflv {
	width: 56px;
	float: right;
	height: 24px;
	overflow: hidden;
	vertical-align: bottom;
}

.playflv a {
	display: block;
	/*
	width: 100%;
*/	height: 0 !important;
	height: 24px;
	padding-top: 24px;
	background-image: url(../img/playBtn.png);	
}

.playflv a:hover { background-position:  0 -30px;}

#flvplayer {
	z-index: 10;
	position: absolute;
	height: 1334px;
/*	height: 10px;
*/	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #000;
}

