@charset "utf-8";
/* @charset "shift_jis"; */
/* CSS Document */

/*/////////////////////////////////////// CONTENTS //////////////////////////////////////////////

1. zentai ni kakaru mono no shitei ex. *,body,link,a ,font ,dt,dd, ul,h1~h5,hr

2. box no shitei

/////////////////////////////////////// CONTENTS END //////////////////////////////////////////*/



/*/1. ZENTAI NO SHITEI ////////////////////////////////////////////////////////////////////////*/


*{	margin:0;	padding:0; }


body {
	color:#ccc;
	font: small/1.4em Verdana,sans-serif; /*サイズと行間 色 フォント*/
	background: black;
/*	text-align:center; 
	padding:auto;
*/
} 

 /* Links */
a:link{text-decoration: none ;	color: silver;}
a:visited{text-decoration: none ; color: silver;}
a:hover{text-decoration: underline; color: gray;}
a:active{text-decoration: underline; color: gray;}

 /*特別に一部変える場合はクラス指定をし、ここを復帰、変更 下でのclassは special
a.special:link{	text-decoration: none ;	color: Lightseagreen;}
a.special:visited{	text-decoration: none ;	color: Lightseagreen;}
a.special:hover{ text-decoration: underline; color: Green;}
a.special:active{ text-decoration: underline; color: Yellow;}
*/

hr {display: none ;}

h1,h2,h3{line-height: 1.3em;}
/*h1,h2,h3,hr {display: none ;} 見出し語と区切り線を隠す（空間ものこらない）*/

ul{	list-style-type: none; } /*リストのマークを消す*/

div#navi li{ display: inline;}

div#left ul{ margin:2px; padding:5px; background-color:Cornsilk;}

p{ color:#333;  background-color:#888;} /*Pの中の文字を333に他の要素に入れ子になってて大丈夫かチェック*/

div#footer p{ color:#FFF; margin:5px; padding:5px; background-color:#333;}

/*定義つきリストの書式設定 dtを太字にしてとddの要素が横並び//////////*/
dt{ 
font-weight: bold;
color: Darkcyan;
margin-top: 0.5em;
 }
dd{ 
margin-top: -1.5em;
margin-left: 11em;
 }

table{ margin:auto;}

img{border:0px;}


/* 文字装飾 /////////////////////////////////////////////////////////*/
.bold{ /* 標準サイズの太字 */
	font-weight: bold;
	line-height: 120%;
/*font-color: blue; 色指定するならここを復帰*/
}
.bold_l{/*一回り大きい太字 */
	font-weight: bold;
	font-size: medium;
/*font-color: blue; 色指定するならここを復帰*/
}
/*文字装飾c1 色だけかわる ノーマル、太字、ひとつ小さめ */
.c1{ color: Lightseagreen ;	}	
.c1b{ color: Lightseagreen ;	font-weight:bold;}
.c1m{ color: Lightseagreen ;	font-size:smaller;}

/*文字装飾c2 色だけかわる ノーマル、太字、ひとつ小さめ */
.c2{ color: #336699;}	
.c2b{ color: #336699 ;	font-weight:bold;}
.c2m{ color: #336699 ;	font-size:smaller;}

/*文字装飾c3 色だけかわる ノーマル、太字、ひとつ小さめ */
.c2{ color: red;	}	
.c2b{ color: red ;	font-weight:bold;}
.c2m{ color: red ;	font-size:smaller;}



/* 空間をあける ///////////////////////////////////////////////////////*/
.blank{ margin-top: 20px;} /* 上に20pxの空きを */

/* Main Flash Content */
div#haco_00{width: 790px; height:776px; background-color:black; position:relative; top:0px; margin: /*20px*/ auto; }


/*/2. BOX NO SHITEI //////!importantがついているのがモダンブラウザ用、ついてないのがIE用//////////////////*/
/* ヘッダもフッタもサイトのがある。フッタは使わなくてもいい。つかわないときはfootermineのdivを作ろう */


/*index Flash*/
div#haco_00 div#info{position:absolute; left:0px; top:25px; z-index:20; }
div#haco_00 div#info div#noFlash { width:790px; height:665px; ;background-image:url(../img/noflash.gif);  z-index:22; text-align:center;}
div#haco_00 div#info div#noFlash p { width:600px; position:absolute; top:480px; left:89px; background-color: red;  z-index:22; }

/*notice*/
div#haco_00 div#cont01 div#notice{ position: absolute; z-index:15; top: 110px; left:80px;}


/*回り込みの解除//////////*/
.clear{ clear:both;}


/*.alpha { 
filter: alpha(style=1, opacity=0, finishopacity=100, startx=0, starty=0, finishx=200, finishy=200); 
} */



/* ***********tsuika test************************************ */
.hidden{ display: none; }

/* ***********kokokara unique************************************ */
.center{ display: block; margin: auto; text-align:center; }