@charset "utf-8";
html {
	overflow:auto;
	overflow-y:scroll;	/* IE用 / IE9 beta でスクロールバーが出たり出なかったりするので、その対策に */
	height:100%;
	/* EI のみ */
	scrollbar-face-color		: #ffffff;
	scrollbar-track-color		: #ffffff;
	scrollbar-arrow-color		: #a78743;
	scrollbar-highlight-color	: #E1D2B3;
	scrollbar-shadow-color		: #E1D2B3;
	scrollbar-3dlight-color		: #a78743;
	scrollbar-darkshadow-color	: #a78743;
}
body,td,th {
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size: 12px;
	color: #572a00;
}
a:link {
	color: #572a00;
	border-style:none;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	border-style:none;
	color: #572a00;
}
a:hover {
	text-decoration: underline;
	border-style:none;
	color: #C60;
}
a:active {
	text-decoration: none;
	border-style:none;
	color: #900;
}
a img {
	text-decoration: none;
	border-style:none;
}
body {
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center;
	/*align: center;*/	/* IE用 */
	color: #000000;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	/*overflow: hidden;*/	/* 不要 */
	line-height: 150%;
}

img {
	border:0;
}

/* ページ全体の枠 中央揃え用 */
.CommonStyle #container {
	width: 1026px;
	margin: 0 auto;
	background-image: url(bg2.gif);
	background-repeat: repeat-y;
	/*overflow: visible;*/	/* 不要 */
}


/* ======================================================================== */
/* ページ上部のメニュー用
/* ======================================================================== */

/*  */
.CommonStyle #TopMenu {
	position:relative;
	height: 110px;
	left: 1px;
	top: 0px;
	z-index: 10;
	overflow: visible;
}

/*  */
.CommonStyle #TopMenuImage {
	position:absolute;
	left: 0;
	top: 0;
}

/* 入力エリア用 */
.CommonStyle #TopMenuUILayer {
	position:absolute;
	left: 0;
	top: 0;
}

/* ボタン表示用 */
.CommonStyle #TopMenuUIButton_Top {
	position:absolute;
	left: 1px;
	top: 71px;
}
.CommonStyle #TopMenuUIButton_Story {
	position:absolute;
	left: 130px;
	top: 71px;
}
.CommonStyle #TopMenuUIButton_Character {
	position:absolute;
	left: 258px;
	top: 71px;
}
.CommonStyle #TopMenuUIButton_World {
	position:absolute;
	left: 386px;
	top: 71px;
}
.CommonStyle #TopMenuUIButton_Gallery {
	position:absolute;
	left: 514px;
	top: 71px;
}
.CommonStyle #TopMenuUIButton_Download {
	position:absolute;
	left: 642px;
	top: 71px;
}
.CommonStyle #TopMenuUIButton_Special {
	position:absolute;
	left: 770px;
	top: 71px;
}
.CommonStyle #TopMenuUIButton_Spec {
	position:absolute;
	left: 898px;
	top: 71px;
}

/* New表示用 */
.CommonStyle #TopMenuUINew_Top {
	position:absolute;
	left: 48px;
	top: 65px;
	width: 32px;
	height: 12px;
	/*background-image:url(new.png);		/* New を表示しない時は、ここをコメントアウトしてください */
}
.CommonStyle #TopMenuUINew_Story {
	position:absolute;
	left: 176px;
	top: 65px;
	width: 32px;
	height: 12px;
	/*background-image:url(new.png);		/* New を表示しない時は、ここをコメントアウトしてください */
}
.CommonStyle #TopMenuUINew_Character {
	position:absolute;
	left: 304px;
	top: 65px;
	width: 32px;
	height: 12px;
	/*background-image:url(new.png);		/* New を表示しない時は、ここをコメントアウトしてください */
}
.CommonStyle #TopMenuUINew_World {
	position:absolute;
	left: 432px;
	top: 65px;
	width: 32px;
	height: 12px;
	/*background-image:url(new.png);		/* New を表示しない時は、ここをコメントアウトしてください */
}
.CommonStyle #TopMenuUINew_Gallery {
	position:absolute;
	left: 561px;
	top: 65px;
	width: 32px;
	height: 12px;
	/*background-image:url(new.png);		/* New を表示しない時は、ここをコメントアウトしてください */
}
.CommonStyle #TopMenuUINew_Download {
	position:absolute;
	left: 689px;
	top: 65px;
	width: 32px;
	height: 12px;
background-image:url(new.png);		/* New を表示しない時は、ここをコメントアウトしてください */
}
.CommonStyle #TopMenuUINew_Special {
	position:absolute;
	left: 817px;
	top: 65px;
	width: 32px;
	height: 12px;
/*	background-image:url(new.png);		/* New を表示しない時は、ここをコメントアウトしてください */
}
.CommonStyle #TopMenuUINew_Spec {
	position:absolute;
	left: 944px;
	top: 65px;
	width: 32px;
	height: 12px;
	/*background-image:url(new.png);		/* New を表示しない時は、ここをコメントアウトしてください */
}



/* ======================================================================== */
/* ギャラリー用用
/* ======================================================================== */

/* New表示用 */
.CommonStyle #GalleryMenuUINew_01 {		/* 10/29 */
	position:absolute;
	left: 100px;
	top: 105px;
	width: 32px;
	height: 12px;
	/*background-image:url(new.png);		/* New を表示しない時は、ここをコメントアウトしてください */
}



/* ======================================================================== */
/* ページ下部のメニュー用
/* ======================================================================== */

/* フッターとコンテンツの隙間 */
.CommonStyle #footer-margin {
	clear:both;				/* float による回り込みを解除 */
	position:relative;
	height: 60px;
	left: auto;
	right: auto;
	width: 100px;
}

/*  */
.CommonStyle #footer {
	clear:both;				/* float による回り込みを解除 */
	position:relative;
	height: 20px;
	left: 0px;
	width: 100%;
}

/*  */
.CommonStyle #footer-menu {
	position:absolute;
	top:-45px;
	width: 1024px;
	height: auto;
	left: 0px;
}

/*  */
.CommonStyle #footer-img {
	position:absolute;
	top:-20px;
	width: 1024px;
	height: 20px;
	left: 0px;
}



/* ======================================================================== */
/* コンテンツページ共通
/* ======================================================================== */

/*  */
.CommonStyle #mainContent {
	padding: 0px 1px 0px 1px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	position: relative;
	overflow: hidden;
}

/*  */
.CommonStyle #header1 {
	position:relative;
	height: 60px;
	left: 0;
	top: 0;
	width: auto;
	z-index: 20;
	padding-top: 20px;
}

/*  */
.CommonStyle #header1-img {
	position:absolute;
	/*top:20;*/
	width: 1024px;
	left: 0;
	height: auto;
}

/*  */
.CommonStyle #header2 {
	position:relative;
	height: 90px;
	left: 0;
	z-index: 20;
	width: auto;
	top: 0;
}

/*  */
.CommonStyle #header2-img {
	position:absolute;
	top:-10px;
	width: 1024px;
	left: 0;
}

/* 準備中の表示 */
.CommonStyle #UnderConstruction {
	background-image: url(under_construction.jpg);
	width:791px;
	height:243px;
	margin: 100px auto 200px auto;
}





/* ======================================================================== */
/* 
/* ======================================================================== */


/* フレーム１（枠１） */
.Frame1 #FrameContaner {
/*	position:relative;*/
	width:100%;
/*	height:auto;*/
	background-image: url(frame1/frame1_bg.png);
	background-repeat: repeat-x;
	
	background-color:#06C;
}

.Frame1 #Icon {
	position:absolute;
	bottom:103px;
	right:3px;
	width:31px;
	height:29px;
	background-image: url(frame1/frame1_icon.png);
}

.Frame1 table {
	/*width:auto;*/
	text-align: left;

	background-image: url(frame1/frame1_bg.png);
	background-repeat: repeat-x;
}

.Frame1 td{
	line-height:0;
	/*font-size:0px; /* for IE's Bug? */
}

.Frame1 #TextArea {
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size: 12px;
	line-height: 150%;
}


/* ======================================================================== */
/* 
/* ======================================================================== */


/* ミラーサイト枠 */
.MirrorSite #FrameContaner {
/*	position:relative;*/
	width:100%;
/*	height:auto;*/
	background-image: none;
	background-color:transparent;
/*	background-repeat: repeat-x;
	
	background-color:#06C;*/
}

.MirrorSite table {
	/*width:auto;*/
	text-align: left;

	background-image: none;
	background-color:transparent;
/*	background-image: url(frame1/frame1_bg.png);
	background-repeat: repeat-x;*/
}

.MirrorSite td{
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size: 12px;
	line-height:100%;
	background-image: none;
	background-color:transparent;
	/*font-size:0px; /* for IE's Bug? */
}


.MirrorSite tr{
	line-height:100%;
	background-image: none;
	background-color:transparent;
	/*font-size:0px; /* for IE's Bug? */
}

.MirrorSite #TextArea {
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size: 12px;
	line-height: 150%;
	background-image: none;
	background-color:transparent;
}

















/* eof */