@charset "UTF-8";

@import url("base.css");
@import url("fontfamily.css");
@import url("ruby.css");
@import url("table_form.css");

/* ============================== common === */
/* ============ element === */
body{
	margin: 0;
	padding: 0;
	background-color:#d8d8d8;
}

h1{
	font-size: 236%;
	margin-bottom: 1.24em;
}

h2{
	margin-left: -.75em;
	margin-bottom: 0;
	padding-left: .45em;
	border-bottom: solid 3px #aaaaaa;
}

/* for nonMacIE \*/
h2:first-letter{
	font-size: 1.41421356em;
}
/* end */

h3{
	border-left: #aaaaaa solid .83em;
	padding-left: .34em;
}

dt{
	color: #243c50;
	padding-left: .45em;
}

dt+dd{
	border-top: #243c50 thin dashed;
	padding-top: .24em;
}

em,strong{
	color:  #b81407;
	font-weight: normal;
}

address{
	border-style: none;
}

/* ============ selectors ===*/
hr,.aural,.visual,#TOC dt{
	display: none;
}

kbd.key{
	margin: 0 .1em;
	padding: .1em .2em;
	background-color: #f8f8f8;
	border: #aaaaaa outset thin;
	font-weight: bold;
	color: #666666;
}

img.borderIMG{
	border-style: solid;
}

img.amazonLinkIco{
	margin:0 .18em;
}

p.package{
	float: left;
}

blockquote{
	margin-bottom: .38em;
}

p.cite{
	margin: .38em 2.24em 1.12em 2em;
	text-align: right;
	font-size: 88%;
}

div.attention{
	font-size: 83%;
	margin: 2.24em 7% 2.24em 13%;
	border: #777777 dotted thin;
}

div.attention:before{
	content:"\41 \74 \74 \65 \6e \73 \69 \6f \6e";
	display: block;
	width: 9em;
	background-color: #777777;
	text-align:center;
	color:#fcfcfc;
	font-weight: bold;
	font-style: italic;
}

ul.archiveList li{
	display: inline;
	margin: .24em;
	padding: 0;
}

/* ============ header & footer === */
#head,#foot{
	margin:  0;
	padding: 0 .68em;
	font-size: 88%;
}

#head address,#foot address{
	margin: 0;
	padding: .68em 0;
}

#breadCrumb{
	display: block;
}

#breadCrumb li,#navi-page li,#navi-info li{
	display: inline;
	margin: 0 .25em;
}

#breadCrumb,#navi-info{
	margin: 0;
	padding: .5em .75em;
	background-color:#e8e8e8;
}

#breadCrumb li:after{
	content: "\3e";
	margin-left: .5em;
}

#navi-page{
	float: left;
	margin: .5em .75em;
	padding: 0;
}

#navi-info{
	text-align: right;
}

/*
ul#navi-page li:first-child{
	float:left;
	width: 30%;
	text-align: right;
}

ul#navi-page li:first-child + li{
	float:right;
	width: 30%;
	text-align: left;
}
*/

#TOC dd{
	border-style: none;
}

/* ============ section === */
div.section1{
	margin: 0 .57em;
	padding: .5em 1.5em; 
	border: #dddddd double medium;
	background-color: #f8f8f8;
}

div.section2{
	margin: 1.12em 1.48em 5em 1.6em;
	padding-top: .83em;
}

div.section2 address{
	margin-bottom: 2em;
	padding-right: 1.5em;
}

div.section3{
	margin-bottom: 1.48em;
}

/* ============================== 勝手にしやがれ === */
h1 small.formal{
	margin-left: .75em;
	font-size: 55%;
	font-style: italic;
	font-weight: normal;
	font-family: "zapfino","Jacoba",cursive;
}

dl.properURI{
	margin-top: 2.48em;
	font-size: 88%;
	text-align: right;
}

dl.properURI dt,dl.properURI dd{
	display: inline;
	background-color: #f0f0f0;
	border: dotted #999999;
	border-width: thin 0;
	margin: 0;
	padding: .33em;
}

dl.properURI dt{
	padding-left: 1.25em;
}

dl.properURI dd{
	padding-right: 1.25em;
}

dl.properURI dt:after{
	content: "\20 \3a \20";
}

/* ============================== About === */
.banner li{
	display: inline;
	margin:0 .25em;
}

/* ============================== SiteMap === */
#sitemapList,#sitemapList ul{
	list-style: none;
}

#information{
	margin-top: 1.5em;
}

ul.years li{
	display:inline;
	margin: .25em;
}