@charset "utf-8";

/* ************************************** */
/* *********** スタイル初期化 *********** */

html,body{

	margin:0px;
	padding:0px;
}

body{
	background-image:url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:13px;
	color:#000000;
	line-height:1.3em;
	}
body.en{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
}

body,h1,h2,h3,h4,h5,h6,th,td,p,div{
}


h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

/*見出し1はヘッダのみに使用。text-indentで枠外に飛ばしている*/
h1{
	border-style:none;
	padding:0;
	margin:0;
	color: #ffffff;
	position:absolute;
	top:34px;
	left:300px;
	background-repeat:no-repeat;
	text-indent:-9000px;
	height:28px;
}

h2,h3,h4,h5,h6{
color:#000000;
}

h2{
	font-size:120%;
	line-height:1.1em;
	margin:2em 0 0 0;
	padding:0;
	color:#a0a0a0;
}


h3{
	font-size:100%;
	line-height:1.25em;
	padding:0;
	margin:1.5em 0 0.4em 0;
}
h3 span{
font-size:225%;}

h2.first,
h3.first{
	margin-top:0em;
}

h3.noMark{
	color:#333;
	padding-left:12px;
	background-image:none;
}
h3.noBorder{
	border-style:none;
}

h2.noStyle,
h3.noStyle,
h4.noStyle{
	background-image:none;
	border-style:none;
}

h4{
	margin:18px 0 3px 0;
	padding:0;
}

p{
	margin:0px;
	padding:0px;
	margin-bottom:0.75em;
}

ul,ol{
	margin:0 0 0.75em 24px;
	padding:0;
}
li{
	margin:0 0 3px 0;
	line-height:1.25em;
	padding:0;
}
ol.num2{/* 数字が2桁になる場合に… */
	margin-left:32px;
}
ul.numKakko{/* 1)のような番号付きリスト  */
	list-style:none;
	margin-left:10px;
}
ul.numKakko li{
	text-indent:-1.2em;
	margin-left:1.2em;
}


a {
	color:#0000FF;
	text-decoration:none;
}

a:hover{
	color:#ff0000;
	text-decoration:underline;
}

img{
	border-style:none;
}

/* ************************************** */
/* ********* 共通ID スタイル定義 ******** */
/* ************************************** */

/* ========== 大枠 ========== */
#flame{
	position:relative;
	z-index:0;
	width:1000px;
	margin:0px auto;
	min-height:100%;
/*	background-color:#00CCFF;
	background-color:#fff;
	background-image: url(../images/bg_shade.gif);
	background-repeat:repeat-y;
	background-position: center;*/
}

* html #flame{/* for IE6 */
	height:100%;
}

#container{
	position:relative;
	z-index:1;
	width:860px;
	height:535px;
	margin:55px 0 0 40px;
	padding: 0;
	background-repeat: no-repeat;
}

/* Mac IE 5のみのスタイル定義(裏技) \*//*/
div#flame{
	height:auto;
}
#container{
	height:535px;
  overflow:visible;
}
/* Mac IE 5のみのスタイル定義 ここまで  */



/* ========== ヘッダ ========== */
div#header{
	width:860px;
	height:80px;
	margin:0 auto;
	position:absolute;
	z-index:3;
	left: 0px;
	top: -55px;
}


div#header p#logo{
	position:absolute;
	/*background-color:#0033FF;*/
	left: 660px;
	top: 16px;
	width:232px;
	height:88px;
	margin:0;
	pading:0;
	background-color:transparent;
	background-image:url(../images/sign_s.png);
	background-repeat:no-repeat;
	text-indent:-9000px;
	z-index:1;
}

div#header p#logo a{
display:block;
	width:232px;
	height:78px;
/*\*/
overflow: hidden;/*左に果てしなく伸びる枠線抑制*/
/**/
}

div#header p#name{
	position:absolute;
	/*background-color:#0033FF;*/
	left: 0px;
	top: 34px;
	width:286px;
	height:28px;
	background-image:url(../images/name.png);
	background-repeat:no-repeat;
	text-indent:-9000px;
}

div#language{
width:19px;
height:28px;
padding: 0 0 0 0;
margin:42px 0 0 821px;
}

div#language p{
	position:absolute;
	z-index:10;
	display:block;
	height:13px;
	width:19px;
	background-color:#00FF00;
	top: 96px;
}

div#language p a{
display:block;
height:13px;
width:19px;
text-indent:-9000px;
background-image:url(../images/icon_english.gif);
line-height:1em;
}

/*div#language img{
height:13px;
width:19px;

}*/


.en div#language{
height:13px;
}

.en div#language p a{
	background-image:url(../en/images/icon_japanese.gif);
}

.en div#language img{
}

/* ========== メニュー（中ページのみ） ========== */

/*メニュー*/
#Menu{
	/*	position:relative;
	z-index:5;*/
	width:161px;
	height:413px;
	margin:0 19px 0 0;
	padding:0;
}

#Menu ul{
	line-height:1em;
	margin:0;
	padding:0;
/*	background-color:pink;*/
	list-style-type:none;
}

#Menu li{
	display:block;
	width:161px;
	height:35px;
	margin:0;
	padding:0;
}

#Menu li a{
	display:block;
	text-indent:-9000px;
	width:161px;
	height:35px;
	margin:0;
	padding:0;
/*\*/
overflow: hidden;/*左に果てしなく伸びる枠線抑制*/
/**/
}



/* ========== フッタ ========== */
div#footer{
	position:absolute;
	z-index:4;
	bottom:-1px;
	margin:0;
	padding:0;
	width:860px;
	height:25px;
	left: 0px;
	vertical-align:middle;

}
div#footer div#footer-bg{/*iepingfixではposition:absoluteのdivの背景画像を透過させるとその中のaタグが効かなくなってしまうため、背景画像用divを用意する*/
	margin:0;
	padding:0;
	width:860px;
	height:25px;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: center;
}

div#footer ul{
float:left;
list-style-type:none;
margin:0;
padding:0;
width:560px;
}

div#footer li{
height:25px;
display:block;
margin:0;
padding:0;
float:left;
	/*\*/
overflow: hidden;/*Firefoxでフォーカスが左に伸びるのを抑制する。上下のコメントアウトはMacIE対策*/
/**/}

div#footer li a{
display:block;
height:25px;
_height:50px; /* IE6ではa要素の高さを50px（画像サイズ）にする */
 text-indent:-9000px;
 cursor: pointer; /* PNG画像を貼り付けた上ではカーソルの形が変わらないため */
	}


/*通常時*/
div#footer li#menu01 a{background-image:url(../images/menu01.png); width:69px;}/*concept*/
div#footer li#menu02 a{background-image:url(../images/menu02.png); width:64px;}/*profile*/
div#footer li#menu03 a{background-image:url(../images/menu03.png); width:54px;}/*news*/
div#footer li#menu04 a{background-image:url(../images/menu04.png); width:99px;}/*discography*/
div#footer li#menu05 a{background-image:url(../images/menu05.png); width:68px;}/*contact*/
div#footer li#menu06 a{background-image:url(../images/menu06.png); width:65px;}/*gallery*/
div#footer li#menu07 a{background-image:url(../images/menu07.png); width:44px;}/*link*/
div#footer li#menu00 a{background-image:url(../images/menu00.png); width:44px;}/*Top*/

div#footer li#menu01 a:hover,
div#footer li#menu02 a:hover,
div#footer li#menu03 a:hover,
div#footer li#menu04 a:hover,
div#footer li#menu05 a:hover,
div#footer li#menu06 a:hover,
div#footer li#menu07 a:hover,
div#footer li#menu00 a:hover{
	background-position:0 -25px;
	_margin-top: -25px; /* a要素を上に25px動かす */ 
	_padding-top: 25px; /* a要素が動いた分テキストの表示位置を下げる */ 
	_height: 25px; /* paddingの分a要素の高さを調節（標準モード） */ 
}

div#footer p#copyrights{
	float:right;
	line-height:1em;
	margin:0;
	padding:0;
	background-image:url(../images/copylight.png);
	background-repeat: no-repeat;
	text-indent:-9000px;
	height:25px;
	width:200px;
}

/* ========== コンテンツ収納部 ========== */

div.contents{
	position:relative;
	z-index:2;
	width:498px;
	height:535px;
	padding:0;
	margin:0 0 0 362px;
	overflow:hidden;
}

div.contents .scroll{
	overflow:auto;
	height:468px;
	width:478px;
	padding:0 10px 24px 0;
	position:absolute;
	left: 2px;
}

/* ************************************** */
/* *********** その他いろいろ *********** */

.Left{text-align:left;}
.Center{text-align:center;}
.Right{text-align:right;}


.imgR{float:right;margin:0 0 10px 10px;}
.imgC{margin:12px auto;text-align:center;}
.imgL{float:left;margin:0 10px 10px 0;}

/* リスト風表示につかうもの */
p.list,
div.list p{
	text-indent:-0.75em;
	padding-left:0.75em;
}

p.list1em,
div.list1em p{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0.5em;
}

p.indent1em,
div.indent1em p{
	text-indent:-1em;
	padding-left:1em;
}


/* 記事ひとくくり用 */
.unit{
	margin-left:12px;
}

/*.Unitより下の階層で使う字下げ*/
.padding{
	margin-left:12px;
}

/* 点線 */
div.line{
	border-style:dotted;
	border-width:0px 0px 2px 0px;
	border-color:#666;
/*	width:80%;
	margin-top:0px;
	margin-bottom:12px; */
}

/* 巻き戻しリンク */
div.rollUp{
	margin:0;
	padding:0;
	width:100%;
	height:14px;
/*	text-align:right;*/
}

div.rollUp a{
	display:block;
/*	text-indent:-10000em;*/
	text-decoration:none;
	width:48px;
	height:14px;
	margin:0 0 0 auto;
	background-image:url(../images/btn_rollup.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
}
div.rollUp a span{
	visibility:hidden;
}


/* 隠したいもの */
span.hidden,
p.hidden{
 visibility:hidden;
}

.ps{
	font-size:90%;
	line-height:1.3em;
}

/* 改ページ(IE only) */
div.print{
	page-break-before:always;
}

.blockRight{
	float:right;
	margin:0 0 6px 10px;
}

p.underConst{
	margin-top:50px;
	font-weight:bold;
}

.attention{
	color:red;
}


.clearfix:after {/* 段組float解除用スタイル */
	/*  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;*/
		
/*↓適用したブロック要素の下に不要なマージンができるのを抑止したclearfixに差し替え(08/07/24)*/
content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

span.clear,
div.clear{
	display:block;
	clear:both;
	width:auto;
	height:1px;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden;
}

/* テーブルスタイル */

table.normal{
	margin-bottom:12px;
}

table.normal th,
table.normal td{
	text-align:left;
	line-height:1.3em;
	padding:4px 10px;
	
	border:1px solid #ccc;
	border-width:0 0 1px 0;
}

/* ************************************** */
/* *************透過PNG指定************** */
/* ************************************** */

/*img→imgタグにPING24セレクタをクラス指定する*/
/*背景→ここにセレクタを追加する*/
* html div#header p#logo,
* html div#topnews #wrap,
* html div#header p#name,
*html h1,/*ページタイトル*/
* html #footer div,/*フッタ背景*/
* html div#footer p#copyrights,/*フッタコピーライト表記*/
* html div#footer li a,/*メニュー*/
* html img.PNG24/*インライン画像*/
{
 behavior: expression(IEPNGFIX.fix(this));
}

/* ************************************** */
/* *********** 印刷用スタイル *********** */

@media print{

}