@charset "utf-8";

/* 
* {
	margin : 0;
	padding : 0;
	font-style : normal;
	font-weight : normal;
}
*/


/*  BODY */
BODY{
	color: dimgray;
	font-size: 11pt;
	background-color: #62BBF0;
	margin: 0 8px;
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}

/*  A-Normal */
A:link{
	font-size: 12pt;
	color: #258FB8;
}

/*  A-Visited */
A:visited{
	font-size: 12pt;
	color: #258FB8;
}

/*  A-Active */
A:active{
	font-size: 12pt;
	color: #258FB8;
}

/*  A-Common */
A{
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

/*  A-hover */
A:hover{
	font-size: 12pt;
	background-color: #FFAED0;
	color: #FFFFFF;
}

.menubar{
	 background-color:#7F68EF;
}

.date{
	font-size: 15pt;
	color: #FFB2D3;
	font-family: 'Impact';
	margin-left: 410px;
	margin-top: 28px;
}

.date2{
	font-size: 18pt;
	color: #FFA4FA;
	font-weight: bold;
	font-style: italic;
	margin-left: 280px;
	margin-top: 20px;
}

.journal1{
	font-size: 13pt;
	color: #696969;
	margin: 0px 10px 25px 10px;
	line-height: 1.3;
}

.journal2{
	font-size: 13pt;
	color: #696969;
	margin: 25px 10px 25px 10px;
	line-height: 1.3;
}

.titlebar {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #121212;
}




/* Firefox・Opera・Safari等のCSS2.0対応ブラウザ用メニュー */
/* メニューバーベース */
DIV.menu {
	font-size: 11pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background-color: #444444;
	border-color: #0B2BD7;
}

/* 1段目UL */
DIV.menu UL {
	list-style-type:none;
	margin:0;
	padding:0;
	z-index: 92;
}

/* 1段目LI */
DIV.menu UL LI {
	margin-right: 20px;
	display: inline;
	padding: 0.1em 0.3em;
	position: relative; 
	float:left;
	font-size: 12pt;
	z-index: 93;
}

/* 1段目LI内部にある<A>タグにマウスオーバーした時のビジュアル */
DIV.menu UL LI A:hover {
	text-decoration: none;
	display:block;
	background:transparent; 
/*	background-color:#6D83FD;*/
	background-color:#84AFFF;
	color: #FFFFFF;
	z-index: 93;
}

/* 2段目ULベース */
DIV.menu UL UL {
	display:none;
}

/* 2段目ULのビジュアル */
DIV.menu UL LI:hover > UL {
	display: block;
	position: absolute;
	top: 18px;
	left: 15px;
	-moz-opacity: 0.9;
	opacity: .9;
	width: 170px;
	z-index: 94;
}

/* 2段目LIのビジュアル */
DIV.menu UL UL LI {
	display: block;
/*	background-color: #FF789B;*/
	background-color: #84AFFF;
	border: thin;
	border-style: ridge;
	border-color: #D6D6D6;
	width: 150px;
	font-size: 12pt;
	font-weight: normal;
	z-index: 95;
}

/* 2段目LIにマウスオーバーした時のビジュアル */
DIV.menu UL UL LI:hover {
	text-decoration: none;
	display:block;
	background:transparent; 
	background-color:#424242;
/*	color: #76B900;*/
	color: #84AFFF;
	z-index: 96;
}

/* 2段目LI内部にある<A>タグにマウスオーバーした時のビジュアル */
DIV.menu UL UL LI A:hover {
	text-decoration: none;
	display:block;
	background:transparent; 
	background-color:#424242;
/*	color: #76B900;*/
	color: #84AFFF;
	z-index: 96;
}

/* 3段目ULのビジュアル */
DIV.menu UL UL LI:hover > UL {
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	-moz-opacity: 0.9;
	opacity: .9;
	width: 300px;
	z-index: 97;
}

/* 3段目LIのビジュアル */
DIV.menu UL UL UL LI {
	display: block;
/*	background-color: #9F88FF;*/
	background-color: #88CDF6;
	border: thin;
	border-style: ridge;
	border-color: #D6D6D6;
	width: 280px;
	z-index: 98;
}

/* 3段目LIにマウスオーバーした時のビジュアル */
DIV.menu UL UL UL LI:hover {
	text-decoration: none;
	display:block;
	background:transparent; 
	background-color:#424242;
	color: #76B900;
	width: 280px;
	z-index: 99;
}

/* 3段目LI内部にある<A>タグにマウスオーバーした時のビジュアル */
DIV.menu UL UL UL LI A:hover {
	text-decoration: none;
	display:block;
	background:transparent; 
	background-color:#424242;
/*	color: #76B900;*/
	color: #88CDF6;
	width: 280px;
	z-index: 99;
}

DIV.menu A:link,
DIV.menu A:visited,
DIV.menu A:active,
DIV.menu A:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12pt;
}






/* IE6等、CSS2.0非対応ゴミブラウザ用 */
.menuContainer
{
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background-color: #444444;
	border-color: #0b2bd7;
}

.ulMenuLevel1{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:12pt;
	z-index: 92;
}

.liMenuLevel1{
	list-style-type:none;
	float:left;
	margin-right: 25px;
	font-size:12pt;
	z-index: 93;
}

.linkMenuLevel1{
	display:block;
	font-size:12pt;
	color: #FFFFFF;
}

.ulMenuLevel2{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
	background-color:#7F68EF; 
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	KhtmlOpacity: .9;
	opacity: .9;
	font-size: 12pt;
	z-index: 94;
}

.liMenuLevel2
{
	line-height: 22px;
	border: thin;
	border-style: ridge;
	border-color: #D6D6D6;
	width: 150px;
	font-size: 12pt;
	font-weight: normal;
	z-index: 95;
}

.liMenuLevel2 a{
	text-decoration: none;
	display:block;
	color: #ffffff;
	width:125px;
	padding-left: 25px;
	font-size:12pt;
	z-index: 96;
}

.liMenuLevel2 a:visited{
	text-decoration: none;
	display:block;
	color: #ffffff;
	width:125px;
	padding-left: 25px;
	font-size:12pt;
	z-index: 96;
}
 
.liMenuLevel2 a:hover{
	text-decoration: none;
	display:block;
	width:125px;
	background:transparent; 
	background:#424242;
/*	color: #76B900;*/
	color: #91C4FF;
	font-size:12pt;
	z-index: 96;
}

li:hover ul , li.over ul{
	display: block;
	font-size:12pt;
}

.linkMenuLevel2{
	display:block;
	font-size:12pt;
}

.ulMenuLevel3{
	list-style-type:none;
	display: block;
	position:relative;
	top: 5px;
	left: 30px;
	z-index: 99;
	margin: 0;
	padding:0;
	background-color:#9F88FF; 
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;
	KhtmlOpacity: .9;
	opacity: .9;
	width: 300px;
	font-size: 12pt;
	font-weight: normal;
	z-index: 97;
}

.liMenuLevel3
{
	line-height: 22px;
	border: thin;
	border-style: ridge;
	border-color: #D6D6D6;
	width: 300px;
	font-size: 12pt;
	font-weight: normal;
	color: #FFFFFF;
	z-index: 98;
}

.liMenuLevel3 a{
	text-decoration: none;
	display:block;
	color: #ffffff;
	width: 275px;
	padding-left: 25px;
	font-size:12pt;
	z-index: 99;
}

.liMenuLevel3 a:visited{
	text-decoration: none;
	display:block;
	color: #ffffff;
	width: 275px;
	padding-left: 25px;
	font-size:12pt;
	z-index: 99;
}

.liMenuLevel3 a:hover{
	text-decoration: none;
	display:block;
	width: 275px;
	background:transparent; 
	background:#424242;
/*	color: #76B900;*/
	color: #91C4FF;
	font-size:12pt;
	z-index: 99;
}

