/* 
* {
	margin : 0;
	padding : 0;
	font-style : normal;
	font-weight : normal;
}
*/


/* メインテーブル */
.maintable{
	background-color: #FFFFFF;
	line-height: 1.2em;
}

/* サブタイトルバー */
.subtitle{
	background-color: #7DD1E4;
	background-image: url('./img/menubar_1.gif');
	width: 340px;
	height: 25px;
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
	line-height:1.1em;
}

/* 更新履歴 */
.record{
	font-size: 9pt;
	background-color: #E2F5F9;
	width: 250px;
}

/* ATTENTION */
.attentionbox{
	font-size: 9pt;
	background-color: #E2F5F9;
	width: 250px;
	line-height: 1.0em;
	border:#FFFFFF dashed 3px;
/*	border:#10131B dashed 3px;*/
/*	border:#FCCACA dashed 3px;*/
}

/* LINK */
.linkbox{
	height: 15px;
	width:181px;
	background-color: #E2F5F9;
	font-weight: bold;
	text-align:center;
	margin-bottom: 5px;
	border:1px solid #ACACAC;
}


/*  BODY */
BODY{
	font-size: 11pt;
	color: #897D95;
	background-color: #62BBF0;
	margin: 0 8px;
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}


/*  A-Normal */
A:link{
	font-size: 11pt;
	color: #5653BB;
}

/*  A-Visited */
A:visited{
	font-size: 11pt;
	color: #5653BB;
}

/*  A-Active */
A:active{
	font-size: 11pt;
	color: #5653BB;
}

/*  A-Common */
A {
	font-size: 11pt;
	text-decoration:none;
}

/*  A-hover */
A:hover {
	font-size: 11pt;
	text-decoration:underline;
}


/* web拍手フォーム */
.webclap{
	background-color:#7DD1E4;
	color: #FFFFFF;
	border:solid 1px #5653BB;
}

/* セパレータ */
.separate{
	background-color: #000000;
	width:1px;
	margin-top: 5px;
}

.titlebar {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #121212;
}


/* 書店バナー関係 */
.shotenban {
	width: 200px;
	border: none;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}

/* ヘッドライン */
DIV#headline{
	font-size:12pt;
	font-weight:bold;
	float:left;
}

/* 折り畳みボタン */
.fold_btn{
	float: right;
	padding-right: 10px;
}

/* 小声でコメント */
.wisp{
	font-size:8pt;
	line-height: 1.1em;
}


/* Firefox・Opera・Safari等のCSS2.0対応ブラウザ用メニュー */
/* メニューバーベース */
DIV.menu {
	font-size: 12pt;
	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;
}