@charset "UTF-8";

/* Basic Style in XHTML Pages */

@import url("./xhtml-ruby.css"); /* Ruby emulation import style */

html, body {
	line-height: 1.4;
	padding: 0; margin: 0;
}

/* ====== ページ基準フォント ====== */
body, td, th, caption, textarea, input, select {
	font-size: 100%;
	font-family: 'HiraKakuPro-W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Heisei Kaku Gothic','平成角ゴシック','Sazanami Gothic','さざなみゴシック','MS UI Gothic','MS PGothic','ＭＳ Ｐゴシック',Osaka,sans-serif !important;
	font-weight: 400;
}

h1 { font-size: 150%;}
h2 { font-size: 133%;}
h3 { font-size: 116%;}
h4, h5, h6 { font-size: 100%;}

a:link { color: #0000c0; text-decoration: underline;}
a:visited { color: #0080E0; text-decoration: underline;}
a:hover { color: #000; text-decoration: none;}
a.tx:hover { background-color: #F8FCD0;}
a:active { color: #F0F000; text-decoration: underline;}

abbr, acronym, em, dfn, var { font-variant: normal; font-style: normal;}
.num, .number, .dateTime { font-family: Arial,Helvetica,sans-serif;}
.dateTime { text-align: right; color: #008;}
.emRed, .caution { color: #f00000;}
.emPink { color: #fa69b4;}
.emBlue { color: #0000f0;}
.hilite { background-color: #fafae6 ; color: #000;}
.ar {text-align: right;}

/* === 段落 === */
p { margin-top: 0; margin-bottom: 0.5em;}
p img { vertical-align: text-bottom;}

/* === 画像・OBJECT === */
img, object, applet { border: 0 #000 none;}

/* === 基本リスト === */
dl, ul ,ol {
	margin-top: 1em;
	margin-left: 0;/* for MS IE, Opera */
	margin-bottom: 1em;
	padding-left: 0;/* for Gecko */
}
dt { margin-top: 0; margin-left: 0;}
dd { margin-top: 0; margin-left: 1.5em;}
li ,dt ,dd { line-height: 1.4;}
ol li { margin-left: 2em; _margin-left: 2.5em;}
ul li { list-style-type: disc; margin-left: 1.5em;}
ul li li { list-style-type: circle;}
ul li li li { list-style-type: square;}
ul ul, ul ol, ol ol, ol ul, dd ul, dd ol { margin-top: 0 !important; margin-bottom: 0 !important;}

blockquote {
	font-size: 90%;
	margin: 0.75em 0.25em; padding: 0.5em 0.75em;
	background-color: #fafcea; color: #000080;
	border: 2px #ddb dashed;
}
blockquote *:first-child  { margin-top: 0;}
blockquote:hover {
	background-color: #fcfff6;
	border-color: #eec;
}

/* === 挿入・削除 === */
ins, del { text-decoration: none;}
p ins, li ins { text-decoration: underline;}
p del, li del { text-decoration: line-through;}
ins div, ins p {
	padding: 0.5em;
	border: 2px #aaeeee dashed;
	background-color: #f0fcfc; color: #000080;
	cursor: help;
}
del div, del p {
	padding: 0.5em;
	border: 2px #a0a0a0 dashed;
	background-color: #e0e0e0; color: #a0a0a0;
	cursor: help;
}

/* === カーソル === */
abbr ,acronym, dfn, .question, .tips {
	cursor: help;
	border-bottom-width: 1px;
	border-bottom-color: inherit;
	border-bottom-style: dotted;
	background-image: url(../back-img/white-alpha.png);
}

.navBody {
	margin: 0;
	padding: 1em 1em 1em 17em !important;
	background: transparent url(../back-img/aqua-stripe.png);
}

/* Side menu Layout */
#siteNavTitle { display: none;}

ul#siteNavTop {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0;
}
#siteNavSection {
	width: 15em;
	position: fixed;
	top: 0; left: 1em;
	margin-left: 0; padding: 0;
}
ul#siteNavBottom {
	display: none;
	margin-left: 0;
}

ul.siteNav li { display: inline; margin-left: 0; padding: 0;}

.thisPageTitle , .sectionSubject {
	font-family: 'HiraKakuPro-W6','ヒラギノ角ゴ Pro W6',平成角ゴシック,'HeiseiKakuGothic-W5','HGP創英角ｺﾞｼｯｸUB','HGPSoeiKakugothicUB',Osaka-UI,Osaka,sans-serif;
}

.thisPageTitle {
	text-shadow: 4px 4px 4px #e0e0e0;
	padding: 0.2em 0.5em;
	margin-top: 0; margin-bottom: 0.25em;
	color: #000; background-color: #fafafa;
	border-width: 2px;
	border-color: #dddddd #c0c0c0 #c0c0c0 #dddddd;
	border-style: solid;
}
.sectionSubject {
	position: relative; top: 0.8em;
	margin: 0 0 0 0.5em;
}
.sectionSubject span {
	border-width: 3px;
	border-color: #A0E0FC #80C0F0 #80C0F0 #A0E0FC;
	border-style: solid;
	background-color: #FFFFFF;
	padding: 0.33em 0.66em;
}

.basicSection {
	border-width: 3px;
	border-color: #A0E0FC #80C0F0 #80C0F0 #A0E0FC;
	border-style: solid;
	padding: 1.75em 1.25em 0.75em !important;
	margin-top: 0;
	margin-bottom: 0.5em;
	background: transparent url(../back-img/white-alpha.png);
}
.transparencySection {
	border-width: 3px;
	border-color: #A0E0FC #80C0F0 #80C0F0 #A0E0FC;
	border-style: solid;
	padding: 1.75em 1.25em 0.75em !important;
	margin-top: 0;
	margin-bottom: 0.5em;
	/* background: transparent url(../back-img/white-alpha.png);*/
}

.thisPageUrl {

	border-width: 2px;
	border-color: #dddddd #c0c0c0 #c0c0c0 #dddddd;
	border-style: solid;
	padding: 0.2em 0.5em; margin-top: 1em;
	color: #000; background-color: #fafafa;
}

/* Hover Events */
.thisPageTitle:hover, .thisPageUrl:hover, 
.basicSection:hover, .transparencySection:hover {
	background-color: #FFF;
	background-image: none;
}


/* border-radius @ CSS3 */
.thisPageTitle, .sectionSubject span, .basicSection, .transparencySection, .thisPageUrl {
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;/* is Gecko */
	-webkit-border-radius: 0.5em;/* is Safari */
}