﻿/* for site html5 */
a:visited { text-decoration: underline; }
a:link { text-decoration: underline; color: #00008b; }
a:hover { color: #cc0077; text-decoration: none; }
img{ max-width:100%; height:auto; width /***/:auto; }
body { background-color:#e6e6e6; }
h1 {
	font-size:110%; font-style:normal; font-weight:normal; text-align:left;
	letter-spacing:1px; padding:4px 1em 4px 1em; background-color:#fac2a9; margin-top:1em;
	border-radius:4px; box-shadow:rgba(0,0,0,.3) 1px 1px 3px;
	background:linear-gradient(#fbd5c3, #fce0d3);

}
h2 {
	font-size:110%; font-style:normal; font-weight:normal; padding:4px 1em 4px 1em;
	border-top: 1px dotted #fac2a9; border-bottom: 1px dotted #fac2a9;
	text-indent: 1em; letter-spacing: 2px; margin-top:1em; background-color: #fce0d3;
	border-radius:4px; box-shadow:rgba(0,0,0,.3) 1px 1px 3px;
}
h3 {
	font-size:100%; font-style:normal; font-weight:normal;
	border-top: 1px solid #f9b393; border-bottom: 2px solid #f9b393;
	text-indent: 1em; letter-spacing: 2px; margin-top:1em;
}
p.clear { clear:both; display:block; height:1px; margin:0; padding:0; }
div.content { clear:both; margin:1em 1%; padding:1em 2%; line-height:1.6; font-size:100%; background-color:#fff; }
span { color:#256b48; letter-spacing:0; }
span.sup{ vertical-align:super; color:Gray; font-size:80%; }
span.sub{ vertical-align:sub; color:Gray; font-size:80%; }
img.wd{ width:auto; height:1em; vertical-align:text-bottom; }
u{ text-decoration:none; border-bottom:1px solid #999; }
div.content p { clear:both; text-indent:1em; margin:1em 4%; }
div.content p.d0 { clear:both; text-indent:0; }
div.content p.d1 { clear:both; padding-left:1em; text-indent:0; }
div.content p.d2 { clear:both; padding-left:2em; text-indent:0; }
div.content p a img { border: none; vertical-align: middle; margin:0.2em 0; }
div.content p.ri { text-align:right; }
div.content p.ce { text-align:center; text-indent:0; }
div.content font { background-color:yellow; padding:2px; }
div.chu {
	clear:both; margin:1em 4%; color:#333; line-height:1.6; font-size:90%;
	border-top:1px dotted #666; border-bottom:1px dotted #666;
}
dt{ color:#850a7b; font-weight:bold; letter-spacing:1px; }
dt:before{ content:"◇" }
dt:after{ content:"：" }
table{
 font-size:90%; border-collapse:collapse; width:auto; margin:auto; padding:auto;
 border-top:1px solid #999; border-left:1px solid #999;
}
td{ width:auto; color:#000; padding:4px; border-bottom:1px solid #999; border-right:1px solid #999; }
address { text-align:right; font-size:80%; font-style:normal; color:#999; margin-top:4em; }
ul{ list-style-type:none; }
ruby{ ruby-align:distribute-space; ruby-overhang:auto; ruby-position:above; line-height:1.3; }
address a:link { color:#999; }
div.gallery{ margin:0 1%; padding:1em 2%; background-color:#fff; }
div.gallery img{ float:left; margin:0 0 0.5em 1em; }
/* ------------------------- 400px ------------------------------ */
@media (max-width:400px){
	div.content { margin:0 0; padding:0.5em 1%; font-size:100%; line-height:1.4; }
	div.content p { clear:both; text-indent:1em; margin:0 0; }
	div.gallery img{ float:left; margin:0 0 0.5em 0; }
}
/* ------------------------- end ------------------------------ */
