@charset "UTF-8";

/*
name: Rapha 3Column
designer: Shinichi Takai
developer: Rapha Ltd.
developer_url: http://rapha.ac/
*/

html {
	background-color: #FFFFFF;
}

body {
	background: transparent url(images/body.gif) repeat-y top left;
	color: #555B57;
	max-width: 1500px;
	min-width: 910px;
	font-size: 90%;
	font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6, .datetime, .postdata, .postinfo, .powered, address, blockquote, abbr, acronym, dfn, p, li, dt, dd, div {
	font-family: Verdana, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'HiraKakuPro-W3', Arial, sans-serif;
}

a {
	text-decoration: none;
}

a:link {
	color: #139f4f;
	text-decoration: none;
}
a:visited {
	color: #087850;
	text-decoration: none;
}
a:active {
	color: #c875a9;
}
a:hover {
	color: #c19a7e;
	text-decoration: underline;
}

ul.inline {
	margin: 0;
	padding: 0;
}

ul.inline li {
	display: inline;
}

div#container {
	background: transparent url(images/body.gif) repeat-y top left;
}

div#menu a.menu {
	font-weight: bold;
	font-size: 110%;
}

div#menu a.menu:link {
	color: #FFFFFF;
}
div#menu a.menu:visited {
	color: #FFFFFF;
}
div#menu a.menu:active {
	color: #ebc92a;
}
div#menu a.menu:hover {
	color: #ebc92a;
	text-decoration: underline;
}

div#header a.banner {
	font-size: 1px;
	text-indent: -40000em;
	display: block;
	width: 100%;
	height: 154px;
	border: none;
	text-decoration: none;
	background: transparent url("images/title.gif") no-repeat top center;
}

div#header a.concept {
	font-size: 1px;
	text-indent: -40000em;
	display: block;
	width: 240px;
	height: 240px;
	border: none;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
}

#select-languages ul {
	list-style-type: none;
	text-align: center;
	margin: 0 auto;
}
#select-languages li {
	display: inline;
	padding: 0 0.2em;
}
#select-languages li a.button,
#select-languages li a.button:visited {
	display: inline-block;
	width: 180px;
	padding: 5px 10px 6px 10px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	line-height: 1;
	font-size: 52%;
	background-color: #CCCCCC;
}
#select-languages li a.button:hover {
	background-color: #000000;
}


div#header {
	height: 240px;
	float: none;
	clear: both;
	width: 100%;
	background: transparent url(images/header.gif) no-repeat top left;
}


h1 {
	background: transparent url(images/h1.gif) no-repeat top right;
	height: 240px;
	float: none;
	clear: both;
	width: 100%;
}

h1 a {
	color: black;
}

h1 a:hover {
	text-decoration: none;
	color: black;
	background-color: transparent;
}

div#main {
	margin: 0 -215px 0 0;
	float: left;
	clear: left;
	width: 100%;
}

div#content h2,
div#menu h2,
div#links h2,
div#header p,
p.skip-nav,
hr {
	display: none;
}

div#content {
	margin: 0 0 0 -215px;
	float: right;
	clear: right;
	width: 100%;
	color: inherit;
	background: transparent url(images/html.gif) repeat-y top right;
}

div#content div.section {
	margin: 0 215px 2em 215px;
	padding: 0 0 2em 8px;
	float: none;
	clear: both;
	background: transparent url(images/separator.gif) no-repeat bottom center;
}

div#content div.title {
	text-align: center;
	margin: 0 215px 12px 215px;
	float: none;
	clear: both;
}

div#content div.section h3 {
	font-weight: bold;
	margin: 0 20px 1.8em 20px;
	color: #555B57;
	font-size: 125%;
}

div#content div.section h3 a {
	color: #555B57;
	font-weight: bold;
	text-decoration: none;
}

div#content div.section h3 a:hover {
	color: #555B57;
	font-weight: bold;
	text-decoration: none;
}

div#content div.section h4 {
	padding-left: 5px;
	margin: 0 20px 1.2em 20px;
	font-weight: bold;
	line-height: 188%;
	font-size: 110%;
}

div#content div.section div.list h4 {
	padding-left: 5px;
	margin: 0 20px 0 20px;
	font-weight: bold;
	line-height: 188%;
	font-size: 110%;
}

div#content div.section h5 {
	padding-left: 5px;
	margin: 0 20px 1.2em 20px;
	line-height: 188%;
	font-size: 110%;
}

div#content div.section p {
	margin: 0 20px 0.8em 20px;
	padding-left: 10px;
	line-height: 188%;
}

div#content div.section div.section,
div#content div.section div.section div.section {
	margin: 2em 0 2em 0;
}

div#content div.crumb {
	margin: 0 0 1.2em 0;
}

div#content div.section blockquote {
	border: 1px solid #DDDDDD;
	background: transparent url(images/blockquote.gif) repeat top left;
	word-break: break-all;
	word-wrap: break-word;
}

div#content div.section blockquote h5 {
	margin: 0 0 0.4em 0;
	font-size: 95%;
}

div#content div.section blockquote p {
	margin: 0;
	padding-left: 18px;
	font-size: 85%;
	line-height: 188%;
}

div#content div.section ins {
	border-color: #ACB560;
}

div#content div.section pre {
	background-color: #E1DEBD;
}

div#content div.section div.center {
	text-align: center;
}

div#content div.section div.right {
	padding: 0 30px;
	text-align: right;
}

div#content div.section div.extended {
	padding: 0 30px;
	text-align: right;
}

div#content div.section table {
	width: 480px;
	margin: 20px auto;
}

div#content div.section th {
	font-weight: bold;
	text-align: left;
}

div#content div.section td {
	border: solid 1px #EBEBEB;
	border-collapse: collapse;
	padding: 8px;
}

div#content div.section div.block {
	padding: 0 0 0 30px;
}

div#content div.section div.rap {
	display: inline;
}

div#content div.section div.note {
	padding: 2px 30px 2px 45px;
	text-indent:-1em;
	font-size: 85%;
}

div#content div.section ul {
	padding: 0 30px;
}

div#content div.section li {
}


a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

small {
	font-size: 80%;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.extended {
	text-align: right;
}

.small {
	font-size: 80%;
}

.big {
	font-size: 110%;
}

.b {
	font-weight: bold;
}

.note {
	padding-left:1em;
	text-indent:-1em;
	line-height: 1.2;
}

.clear {
	clear: both;
}

.nobr {
	white-space: nowrap;
}

.hide {
	color: #FFFFFF;
}

.sred {
	font-size: 70%;
	color: #d64042;
}


ul.postdata {
	margin: 0;
	text-align: right;
	font-size: 90%;
}

ul.postinfo {
	text-align: right;
	font-size: 90%;
	margin: 1em 0 0 0;
	border-top: 1px dotted black;
}

ul.postdata li {
	padding: 0;
	margin: 0 0.2em;
}

ul.postinfo li {
	padding: 0.2em 0 0 0;
	margin: 0 0.2em;
}

div#content div.section dl {
	margin: 0 24px 2em 24px;
	padding-left: 5px;
	line-height: 188%;
	font-size: 95%;
}

div#content div.datetime {
	margin: 0 20px 0.3em 20px;
	font-weight: bold;
}

div#content div.listdatetime {
	margin: 0 0 0.3em 0;
	font-weight: bold;
}

div#content div.listtitle {
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 0.5em 0;
}


ul.postinput {
	text-align: center;
}

ul.postinput li {
	margin: 0 0.2em;
}

div#links {
	float: right;
	clear: right;
	width: 200px;
	font-size: 100%;
	background: transparent url(images/html.gif) repeat-y top right;
}

div#links div.section {
	margin: 0 0 24px 15px;
}

div#menu {
	float: left;
	clear: left;
	width: 212px;
	font-size: 100%;
	background: transparent url(images/body.gif) repeat-y top left;
}

div#menu div.section {
	margin: 0 0 24px 28px;
}

div#menu div.section img {
	margin: 0 0 0.2em 0;
}

div#links div.section img {
	margin: 0 0 0.2em 0;
}

div#links div.section ul li img {
	margin: 0;
}

div#menu div.section p,
div#links div.section p {
	font-size: 90%;
	margin: 0.2em 0 0 0;
}

div#menu div.section ul,
div#menu div.section ol,
div#links div.section ul,
div#links div.section ol {
	margin: 0.5em 1em 1.8em 0.2em;
	font-size: 95%;
}

div#menu div.section li,
div#links div.section li {
	margin:0 0 0.8em 0;
}

div#menu div.section ul ul,
div#menu div.section ol ol,
div#menu div.section ol ul,
div#links div.section ul ul,
div#links div.section ol ol,
div#links div.section ol ul {
	margin: 0.4em 0em 1.2em 0.7em;
	font-size: 90%;
}

div#menu div.section ul ul li,
div#menu div.section ol ol li,
div#menu div.section ol ul li,
div#links div.section ul ul li,
div#links div.section ol ol li,
div#links div.section ol ul li {
	margin: 0.2em 0 0.2em 0;
}

div#menu div.section ul,
div#menu div.section ol,
div#links div.section ul,
div#links div.section ol {
	list-style-type: none;
}

div#menu div.section h3 {
	font-weight: bold;
	margin-bottom: 0.8em;
	color: #9fe0f2;
	font-size: 110%;
}

div#links div.section h3 {
	font-weight: bold;
	margin-bottom: 0.4em;
	color: #c875a9;
	font-size: 110%;
}

div#menu div.section h4,
div#links div.section h4 {
	margin-bottom: 0.4em;
	font-size: 110%;
}

div#menu div.section div,
div#links div.section div {
	font-size: 90%;
	margin: 0 0 0.8em 0.5em;
}

div#copyart {
	font-size: 90%;
	margin: 0 0 24px 29px;
	color: #9FE0F2;
}
div#copyart div {
	margin: 0 0.2em 0.8em 0;
}

div#recent-entries ol li {
	font-size: 80%;
	list-style-type: disc;
	color: #9fe0f2;
}

div#recent-entries ol {
	padding-left: 1.0em;
}

ul.entry-nav {
	text-align: center;
}

ul.entry-nav li {
	font-size: 90%;
	margin: 0 0.2em;
}

div#footer {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	background: transparent;
	height: 180px;
	background: transparent url(images/footer.gif) repeat bottom left;
}

div#footer img {
	margin: 0;
	padding: 0;
}

div#footer ul.powered {
	margin: 0;
	text-align: center;
	float: none;
	clear: both;
	font-size: 90%;
}

div#footer ul.powered li {
	position: relative;
	top: 80px;
	padding: 0 0.4em;
}

div#footer address {
	color: #000000;
	margin: 0;
	padding-top: 120px;
	text-align: center;
	background: transparent;
}


div#footer div.footer {
	margin: 0;
	height: 180px;
	font-size: 90%;
	text-align: center;
	background: transparent url(images/powered.gif) no-repeat bottom right;
}

.listtitlediary {
	display: inline;
	text-decoration: none;
	margin: 0 0.8em 0 0;
}

.listtitlediary a {
	white-space: nowrap;
}