/* CSS for Mezasefi.com */

/* HTMLタグのガイドライン */

/* h1〜 h6 
   h1: そのページのタイトルなど。1ページに1つだけにする
   h2: セクションのタイトルなど。強調表示することが多い
   h3: セクションの小項目。
   h4:
   h5:
   h6:


*/

/* body */

body {
    color:        black;
    background:   #FFFFFF;
    margin:       0px;
    padding:      0px;
}

a.link {text-decoration:none;}
a.link:hover
{
/*	text-decoration:   underline; */
	color:             #000070;
	background-color:  #87ceeb;
}

hr
{
	padding: 0px;
	margin: 0px;
}



.PageTitle
{
	margin: 0.5em 0 0 0;
	color:	#3366CC;
}

em.searchresult
{
	background-color: Yellow;
	font-style: bold;
}


/* Work-around for IE bug of having unnecessary space */
div.logo
{
	background-color: #6699FF;
	height: 50px;
}


/* ======== Page Title on Top ==============*/
div#SiteTitle
{
	padding: 14px 0 0px 20px;
	color: #003399;
	font-weight: bold;
}

div#SiteDescription
{
	margin: 0 0 0 20px;
	padding: 0.5em 0 0.5em 0;
	font-size: small;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6699FF;

}

/* ======== Search Box on Top ==============*/
div#SearchBox
{
	margin: 0 0 0 0;
	padding: 0;
	color: #003399;
	font-weight: normal;
	font-size: small;
}

div#SearchBox form
{
	margin: 0;
	padding: 0px;
	color: #003399;
	font-weight: normal;
	font-size: 90%;
}

div#SearchBox input
{
	margin: 0;
	color: #003399;
	font-weight: normal;
	font-size: 90%;
}


/* ======== What's New ==============*/

div.Whatsnew
{
	clear: both;
	margin: 0 0 1em 20px;
	padding: 15px 0 0 0;
}

div.Whatsnew h2
{
	font-size: small;
	font-weight: normal;
	color:	red;
	margin: 0;
	padding: 0;
}

div.Whatsnew h3
{
	font-size: small;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

div.Whatsnew h3 img
{
	padding: 0 6px 0 0;
}

div.Whatsnew p
{
	font-weight: normal;
/*	width: 480px;*/
	font-size: small;
	margin: 0 10px 0 20px;
	padding: 0;
}


/* ======== 右側サイドバー ==============*/

div#rightSideBar
{
	float: right;
	margin: 0 0 0 20px;
	padding: 0;
	background-color: #FFFFFF;
	font-weight: normal;
}


/* ======== Navi ==============*/

div#Navi
{
	margin: 0;
	padding: 0;
	background-color: #6699FF;
	width: 136px;
	font-weight: normal;
}


div#Navi h2 /* ホーム */
{
	margin: 0;
	padding: 0;
	font-size: small;
	background-color: #CC0000;
	font-weight: normal;
	color: #FFFFFF;
}

div#Navi h2 a/* ホーム */
{
/*	margin: 0;
	padding: 0px;
	font-size: small;
	background-color: #CC0000;
	font-weight: normal;
	color: #FFFFFF;
*/
	text-decoration:none;
	width: 128px;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	display: block;
	background-color: #3366CC;
	padding: 2px;
	margin: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #88BBFF;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #88BBFF;
}

div#Navi h2 a:hover 
{
	width: 128px;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	display: block;
	background-color: #87ceeb;
	padding: 2px;
	margin: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6699CC;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #6699CC;
}

div#Navi h3 /* グループタイトル */
{
	margin: 0px 0 0 0;
	padding: 15px 0 0 2px;
	font-size: small;
	background-color: #6699FF;
	color: #FFFFFF;
	font-weight: normal;
}

div#Navi h4
{
	margin: 0;
	padding: 0px;
	font-size: small;
	font-weight: normal;
}


div#Navi h4 a
{
	width: 128px;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	display: block;
	background-color: #3366CC;
	padding: 2px;
	margin: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #88BBFF;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #003399;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003399;
	border-left-width: 2px;
	border-left-color: #88BBFF;
	border-left-style: solid;

}

div#Navi h4 a:hover
{
	width: 128px;
	color: #666666;
	font-size: small;
	font-weight: normal;
	display: block;
	background-color: #87ceeb;
	padding: 2px;
	margin: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6699CC;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #6699CC;
}



div#Navi .NoLink
{
	color: #FFFFFF;
}

div#Navi h5 a
{
	width: 96px;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	display: block;
	background-color: #6699FF;
	padding: 2px 2px 2px 14px;
	margin: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #88BBFF;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #3366aa;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3366aa;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #88BBFF;
}

div#Navi h5 a:hover
{
	width: 96px;
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	display: block;
	background-color: #87ceeb;
	padding: 2px 2px 2px 14px;
	margin: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6699CC;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #6699CC;
}

div#Navi h5
{
	margin: 0;
	padding: 0;
	font-size: small;
	font-weight: normal;
	padding-left:18px;
/*	text-indent:-0.75em;*/
	background-color: #6699FF;
}

div#Navi h5 div.current
{
	width: 96px;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
	display: block;
	color: #ffffff;
	background-color: #6699FF;
	padding: 2px 2px 2px 14px;
	text-indent: -12px;
	margin: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3366aa;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #88BBFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #88BBFF;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #3366aa;



}


div#Navi a.link:hover
{
	color:#ffffff;

}


/* ==== Ad ==== */
div#NaviAdRight
{
	margin: 20px 0 0 0;
	background-color: #FFFFFF;
	float: left;
	font-size: 90%;
	font-weight: normal;
}

div#NaviAdLeft
{
	margin: 12px 2px 12px 4px;
	background-color: #FFFFFF;
	font-size: x-small;
	font-weight: normal;
	width: 130px;

}

/* ==== Ref Books ===== */

div.refbooks
{
	font-size: xx-small;
	font-weight: normal;
}

div.refbooks h3
{
	margin: 1.5em 0 0.25em 0;
	font-size: x-small;
	font-weight: normal;
}

div.onerefbook
{
	margin: 10px 0 5em 0;
	font-size: xx-small;
	font-weight: normal;
	font-family: 'Century Gothic', 'MS UI Gothic', sans-serif;
}

div.onerefbook a
{
	font-size: xx-small;
}

div.onerefbook p
{
	margin: 1em 0 1em 0;
	font-size: xx-small;
	font-weight: normal;
	font-family: 'Century Gothic', 'MS UI Gothic', sans-serif;
}

div.onerefbook img.right
{
	clear: right;
	float: right;
	margine: 10px 0 10px 0;
}



/* ====== Top Page Groups ====== */

div.topgroup
{
	margin: 0 0 0 20px;
	font-size: small;
}

div.topgroup h3 /*topgroup Title*/
{
	display: none; /*表示しない*/
}

div.topgroup h4 /* Page Title*/
{
	padding: 0 0 0 0;
	margin: 0.3em 0 0 0;
	font-size: small;
	font-weight: bold;
}

div.topgroup h4 em
{
	font-size: small;
	font-weight: bold;
	color: orange;
}


div.topgroup p /* ページの説明 */
{
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: normal;
}


div.group,div.group2
{
	margin: 0.5em 0 0.5em 20px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	width: 200px;
	border-width: 0px;
}

div.group h3 /*Group Title*/
{
	margin: 0px;
	color: Navy;
	font-size:small;
	background-color: #DFF2FD;
	padding-left: 8px;
	border: 0px;
	background-image:url(../images/hr_lightblue.jpg);
	background-position:left;
	background-repeat:repeat-y;
}

div.group h4 /* Page Title*/
{
	margin: 0px;
	font-size: small;
	font-weight:normal;
	padding-bottom: 0.2em;
	padding-left: 8px;
}

div.group h4 em
{
	font-size: small;
	font-weight: bold;
	color: #3366cc;
}


div.group p /* ページの説明 */
{
	display: none; /*表示しない*/
/*
	margin: 0;
	padding: 0.2em;
	padding-bottom: 1em;
	font-size:medium;
	background-color: #eeffff;
	text-indent: 1em;
	line-height: 1.2em; 
*/
}


div.group2 h3 /*Group Title 掲示板など用*/
{
	margin: 0px;
	color: Navy;
	font-size:small;
	background-color: #DFF2FD;
	padding-left: 8px;
	background-image:url(../images/hr_lightblue.jpg);
	background-position:left;
	background-repeat:repeat-y;
}

div.group2 h4 /* Page Title*/
{
	margin: 0px;
	font-size: small;
	font-weight:normal;
	padding: 0 0 0.2em 8px;
}

div.group2 h4 em
{
	font-size: small;
	font-weight: bold;
	color: #3366cc;
}

div.group2 p /* ページの説明 */
{
	margin: 0;
	padding: 0.2em;
	padding-bottom: 1em;
	font-size:x-small;
	text-indent: 18px;
	font-weight:normal;
}


/* ======= Content Page ========*/

div#Content
{
	padding: 0 0 0 20px;
	font-size: small;
	font-weight: normal;}

div#Content h1
{
	font-size: medium;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

div#Content h2
{
	font-size: medium;
	font-weight: bold;
	padding-bottom: 0.25em;
	margin-bottom: 0.25em;
}

div#Content h3
{
	font-size: small;
	font-weight: bold;
	padding-bottom: 0.25em;
	margin-bottom: 0.25em;
}

div#Content hr
{
	padding: 0px;
	margin: 0px;
}


div#toc-sect2
{
	margin: 0 0 0 0;
	padding: 0px;
	font-size: small;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6699FF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6699FF;
}

div#toc-sect2 h1
{
	margin: 0.2em 0 0.2em 0;
}

div#toc-sect2 h2
{
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: 0.1em;
	font-size: small;
	font-weight: normal;
}

div#Content p
{
	margin-top: 0px;
	padding-top; 0px;
	text-indent: 1em;
	line-height: 1.5em;
	font-size: small;
}

div#Content img.right
{
	clear: right;
	float: right;
	margin: 0 0 3px 1em;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #E3E3E3;
}

div#Content img.left
{
	float: left;
	margin: 0 1em 3px 0;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #E3E3E3;
}

div#Content img.center
{
	margin: 0 auto 0.5em auto;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #E3E3E3;
}

div#next
{
	float: right;
}

/* ==== Footnote ====== */

div#Footnote
{
	clear: both;
	font-size: x-small;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6699FF;
}

div#Footnote h5
{
	margin: 0;
	padding-bottom: 1px;
	font-size: x-small;
	font-weight: normal;
	padding-left:2em;
	text-indent:-2em
}

/* ======= Disclaimer =========*/
div#disclaimer
{
	font-weight: normal;
	font-size: small;
	clear:	both;
	margin: 0 0 0 20px;
	padding: 1em 0 0 0;
/*
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6699FF;
*/
}

/* ======= footer =========*/
div#footer
{
	font-weight: normal;
	font-size: small;
	clear:	both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6699FF;
	margin: 0 0 0 20px;
	padding: 1em 0 0 0;
}


/* ======= counter section =========*/
div#counter
{
	font-weight: normal;
	font-size: small;
	clear:	both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6699FF;
	margin: 0 0 0 20px;
	padding: 1em 0 0 0 ;
}

/* ======= Books =========*/
div#bookheader
{
	margin: 0 0 0 0;
	padding: 0;
	font-size: small;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6699FF;
}

div#bookheader h1
{
	font-size: medium;
	font-weight: bold;
	padding: 0.2em 0 0 0;
	margin: 0px;
}


div#booklist
{
}

div#booklist h2
{
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
	margin-bottom: 0px;
	font-size: small;
	font-weight: normal;
}

div.onebook
{
	margin-right: 15px;
	margin-left: 0px;
	float: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6699FF;
	margin-top: 5px;
	padding: 0.5em 0 0.5em 0;
	margin-bottom: 10px;
	width: 100%;
}

div.onebook img
{
	clear: right;
	float: right;
	margin: 0 0 3px 1em;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #E3E3E3;
}

div.onebook p
{
	padding-top: 0.5em;
}

em.bookpoint
{
	font-weight:bold;
	font-size:small;
	color: Green;
}

em.bookauthor
{
	font-weight:normal;
	font-size:small;
}



/* ======= common ========*/

em.underline {
     text-decoration: underline ;
}

em.strong {
     color: red;
     font-weight: bold;
     font-style: normal;
}

em.bold {
	font-weight: bold;
}

em.green {
     color: green;
     font-weight: bold;
}

em.orange {
     color: orange;
     font-weight: bold;
}

em.big {
	font-size: large;
}

em.small {
	font-size: 80%;
}

em.smallgreen{
	font-size: 80%;
	color: green;
}

em.credit{
	font-size: 65%;
	color: gray;
}

em.fiBold
{
	font-weight: bold;
	font-size: 110%;
	color: blue;
}


em{
	font-style: normal;
}

div.toc-sect2
{
	margin-left: 1em;
}

address
{
	margin: 0 0 0 20px;
	padding: 0;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6699FF;
	font-size: small;
	font-style: italic;
	font-weight: normal;
}