@charset "utf-8";

/*============================================
Setup General Stype
============================================*/
*{
	margin:0; padding:0; 	/* Reset any margins and paddings */
}
BODY{
	font-size : 13px;
	color : #000000;
	background-repeat: no-repeat;
	background-position: center bottom;
	scrollbar-face-color:#b1b4b1;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #b1b4b1;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #d4d4d4;
}
div#pagebody{
	width:1000px; margin:0 auto;	/* centering */
	background-color : #222222;	
	background-image : none;	/*コンテンツ全体の背景画像*/
}

/*============================================
Header
============================================*/
div#header{
	height:150px;	
}
div#header h1{
	padding:10px 0px 5px 20px;  /*見出しの位置調整 上右下左*/
	font-size:18px;		/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
div#header h1 a{
	text-decoration:none;
} 	/*リンクの下線を無くす*/
	img{
	border:0;
} 			/*画像のボーダーを0にする*/


/*============================================
Header Image
============================================*/
#img_index{
	width:960px; height:300px;	/*トップページのヘッダ画像の表示サイズを指定*/
	margin:5px 20px;	/*マージン*/
}


/*============================================
Sub Menu at LEFT columns
============================================*/
div#submenu {
	width:220px; height:1020px;		/*幅の指定*/
	margin:10px 0px 2px 10px;	/*位置調整*/
	padding:0px 0px 0px 0px;		/*パディング*/
	float:left;			/*カラムを左寄せにする*/
	background-color: #eeeeee;
}

div#submenu h2 a{
	/*list-style-type:none;		/*リストマーカー無しにする*/
	padding:20px 5px 10px 14px;	/*パディング 上右下左*/
	color:#ff8800;		/* orange color */
	font-size:14px;	
	text-decoration:none;
}
div#submenu h2 a:hover{
	text-decoration:underline;	/*リンクにマウスが乗ったら下線を表示*/
}
div#submenu ul h2{
	list-style-type:none;		/*リストマーカー無しにする*/
}
div#submenu ul h2 a{
	display:block;			/*リンク部分をブロック表示にする*/
	/*height:16px;			/*高さを45pxにする*/
	padding:3px 5px 10px 7px;	/*パディング*/
	text-decoration:none;		/*リンクの下線を無くす*/
	/* border-bottom:1px dotted gray; */	/*リンク領域の下部にボーダーを付ける*/
	background-image:url(img/bg_h2.png);	/*リンク領域に背景画像を付ける*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	color:#ffffff;		/*文字色*/
	font-size:12px;	
}

div#submenu ul h2:first-child a{
	border-top:1px dotted gray;		/*一番上のリンクに上線を表示*/
}


div#submenu ul li{
	list-style-type:none;		/*リストマーカー無しにする*/
}
div#submenu ul li a{
	display:block;			/*リンク部分をブロック表示にする*/
	height:16px;			/*高さを45pxにする*/
	padding:3px 5px 10px 7px;	/*パディング  上右下左*/
	text-decoration:none;		/*リンクの下線を無くす*/
	/* border-bottom:1px dotted gray; */	/*リンク領域の下部にボーダーを付ける*/
	background-image:url(img/bg_submenu2.png);	/*リンク領域に背景画像を付ける*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	color:#000000;		/*文字色*/
	font-size:14px;	
}
div#submenu ul li:first-child a{
	border-top:1px dotted gray;		/*一番上のリンクに上線を表示*/
}
div#submenu ul li a:hover{
	text-decoration:underline;	/*リンクにマウスが乗ったら下線を表示*/
}
div#submenu ul li a::before{
	content: url("img/icon_submenu2.png");	/* Insert icon image */
	margin:0px 10px 0px 0px;
	vertical-align:text-top;
}

div#submenu ul li2{
	list-style-type:none;		
}
div#submenu ul li2 a{
	display:block;			/* blockwise appearance for the link */
	height:16px;	
	padding:3px 5px 10px 7px;	/* outside pace top-left-bottom-right */
	text-decoration:none;		/* no underline */
	background-image:url(img/bg_submenu2.png);	/* Add background image  */
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	color:#444444;	
	font-size:14px;	
}
div#submenu ul li2:first-child a{
	border-top:1px dotted gray;		/*一番上のリンクに上線を表示*/
}

div#submenu ul li2 a::before{
	content: url("img/icon_submenu3.png");	/* Insert icon image */
	margin:0px 10px 0px 0px;
	vertical-align:text-top;
}
div#submenu ul h1{
	font-size:14px;	
	background-image:url(img/bg_submenu2.png);
}
div#submenu ul li3{
	background-color: #444444;
}

/*============================================
Information for CENTER columns
============================================*/
div#info{
	width:500px;height:1020px;		
	float:left;			/* align left */
	padding:0px 10px 0px 0px;	/* outside pace top-left-bottom-right */
	background-color:#ffffff;
	margin:10px 0px 2px 0px;
}

h3{
	text-decoration:none;	/* no underline */
	/* width:600px; */
	padding:10px 50px 0px 0px;  /* outside pace top-left-bottom-right */
	background-color:#ffffff;  /* background is white */
	color:#000000;		/* font is black */
	font-family:'Roman'; /* 'Times New Roman'; */
	text-align: left;
	font-size:22px;	
}
h30{
	padding:10px 50px 0px 30px;
	color:#000000;		/* font is black */
	text-decoration:none;
	text-align: center;
}

h12{
	font-size:12px;
}
h14{ 
	font-size:14px;
}
h16{
	font-size:16px;
}
h18{
	font-size:18px;
}

h4{
	padding:0px 0px 5px 0px;
	font-size:20px;
	font-family:'Times New Roman';
	background-color:#ffffff;
	color:#000000;
	font-family:'Times New Roman';
	text-align: center;
}

h5{
	list-style-type:none;
	font-size:16px;	
	text-decoration:none;	/* no underline */
	/* width:590px; */
	padding:5px 10px 5px 0px;  /* outside pace top-left-bottom-right */
	background-color:#ffffff;
	color:#880000;		/* font is brown */
	text-indent: 80px;
}
h5 a{					/* for linkage */
	display:block;			/* blockwise display for the link */
	padding:3px 15px 0px 7px;	/* outside top-left-bottom-right */
	text-decoration:none;		/* no underline as a default */
	color:#000000;			/* font is black */
	font-size:14px;	
}
h5 a:hover{
	text-decoration:underline;	/* draw underline while mouse is on */
}
h6{
	background-color:#ffffff;
	color:#000000;
	font-size:14px;	
	text-align: center;
	font-family:'Times New Roman';
}
h6 a{
	text-decoration:none;
}
h6 a:hover{
	text-decoration:underline;	/* draw underline while mouse is on */
}
p{
	font-size:10px;	
	/*width:600px;*/
	margin:10px;
	text-indent:1em;	/* spacing before strings */
}

hr{
	clear:both;			/* clear floating positions */
	/* width:610px;*/
	margin:10px 0px;		/* inside space */
	border:1px dotted #cccccc;	/* borders in gray color */
}
div#info table{	 
	font-size:14px;
	width:560px;
	float:left; 
	padding:0px 0px 0px 0px;  /* outside top-left-bottom-right */
	margin:0px 0px 5px 10px;
	border: 1px solid #a8a8a8; 
	border-collapse: colapse;
}
div#info th,td{
	padding: 0px 0px;
	border: 1px solid #bbbbbb; 	
	border-collapse: colapse;
	background-color:#f8f8ff;
}

/*============================================
Information for RIGHT columns
============================================*/
div#sponsor{
	width:220px; height:1010px;	
	float:left;			/* align left */
	padding:10px 10px 0px 0px;	/* outside pace top-left-bottom-right */
	margin:10px 0px 2px 0px;
	background-color:#fdfdfd;
	color:#000000;
}
h8{
	background-color: #eeeeee;
	color:#000000;
	font-size:14px;	
	text-align: center;
	font-family:'Times New Roman';
}
/*============================================
appendix
============================================*/
div.remarks{
	margin:0px 10px 10px 10px;
}
h7{
	color:#000066;
}

/*============================================
footer
============================================*/
div#footer{
	clear:both;
	height:40px;			
	padding:10px 0px 0px 0px;
	font-size:12px;		
	text-align:center;		
	color:#ffffff;	
}