@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
hgroup,
menu,
section,
summary {
	display: block;
}
body {
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-size: 0.95em;
	color:#333;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;

}
a:hover {color: #ff0000;}
img {border:0;}
.clear {clear: both;}
.dispnone {display:none;}
.white {color: #fff;}
.yellow {color: #ff0;}
.red {color: #ff0000;}
.blue {color: #0000ff;}
.kakublue {list-style-image: url(./img/li.gif);}
.kakured {list-style-image: url(./img/lio.gif);}
.kakugreen {list-style-image: url(./img/lig.gif);}
.marublue {list-style-image: url(./img/marub.png);}
.marumizu {list-style-image: url(./img/marub.gif);}
.marured {list-style-image: url(./img/marur.gif);}
.marugreen {list-style-image: url(./img/marug.gif);}
.mafrred {list-style-image: url(./img/marufree.png);}
.kokaku {list-style-image:url(./img/li2.gif);}
.list-num {list-style-type: decimal;}
.jisage1 {padding-left: 0.5em;}
.jisage2 {padding-left: 1em;}
.jisage3 {padding-left: 2em;}
.jisage4 {padding-left: 3em;}
.jisage5 {padding-left: 4em;}
.fontl {font-size: 1.1em;}
.fontll {font-size: 1.5em;}
.fontlll {font-size: 1.5em;}
.fontllll {font-size: 1.5em;}
.fonts {font-size: 0.9em;}
.fontss {font-size: 0.85em;}
.floatleft {
	float: left;
	margin-right: 10px;
}
.floatright {
	float: right;
	margin-left: 10px;
}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight:bold;}
.bgrmizu {background-color: #B0E0E6;}
.bgrkin {background-color: #ffd700;}
.bgrgin {background-color: #c0c0c0;}
.bgrdou {background-color: #a52a2a;}
h1,h2,h3 {
	font-size: 1.2em;
	margin-top: 5px;
}
h4,h5,h6 {
	font-size: 1.1em;
	margin-top: 5px;
	font-weight: normal;
}
p {text-indent: 1em;}
hr {
	padding: 0;
	margin: 14px 0;
}
a:hover img.overwhite {
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
}
#wrapper {
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 auto;
	max-width: 1600px;
}
header {
	padding-left:20px;
	background-image: url("okanomiya/img/bgi.jpg")
}
header-midori {
	padding-left:20px;
	background-image: url("/midorigaoka/img/bgi.jpg")
}
#sitetitle a {
	color: #111;
	text-decoration: none;
}
#sitetitle a:hover {
	color: #999;
	text-decoration: none;
}
.pretema {font-size: 1.1em;}
.tema {font-size: 1.8em;}
.navbar {
	background-color: pink;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}
.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	position: relative;
}
.nav-menu li {
	display: inline-block;
	position: relative;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.nav-menu li a {
	color: #000;
	display: block;
	line-height: 1;
	padding: 10px;
	text-decoration: none;
}
.nav-menu li:hover > a,
.nav-menu li a:hover {
	background-color: hotpink;
	color: #fff;
}
.mid-navbar {
	background-color: #d5f1b8;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}
.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	position: relative;
}
.mid-nav-menu li {
	display: inline-block;
	position: relative;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.mid-nav-menu li a {
	color: #000;
	display: block;
	line-height: 1;
	padding: 10px;
	text-decoration: none;
}
.mid-nav-menu li:hover > a,
.mid-nav-menu li a:hover {
	background-color: #80d52b;
	color: #fff;
}
.site-born {
	margin: 0 auto;
	padding:0 10px;
	max-width: 900px;
}
section {margin-bottom: 20px;}
.topic-path {
	line-height: 1.5;
	font-size: 0.9em;
}
.title {
	margin-bottom: 10px;
	padding: 5px 10px;
	color: #fff;
	background-color: #5F9EA0;
}
.title2 {
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 2px 10px;
	background-color: #B7FFD2;
}
.title2 a {
	color: #111;
	text-decoration: none;
}
.title3 {
	margin-bottom: 10px;
	padding: 5px 10px;
	color: #fff;
	background-color: #000099;
}
.titlein {
	display: inline;
	margin-bottom: 10px;
	padding: 5px 10px;
	color: #fff;
	background-color: #5F9EA0;
}
.site-born p {margin-bottom: 15px;}
.site-born ul,
.site-born ol {margin-left: 30px;}
.site-born li {margin-bottom: 10px;}
.site-born li p {margin-bottom: 0;}
.site-born ul ul,
.site-born ul ol,
.site-born ol ul,
.site-born ol ol {margin-left: 20px;}
.site-born ul ol li,
.site-born ol ol li {list-style-type: lower-latin;}
footer {
	clear: both;
	margin-top:20px;
	padding: 10px;
	font-size: 0.9em;
	border-top: 1px solid #ccc;
}
.vtop {vertical-align: top;}
.vbottom {vertical-align: bottom;}
.vcenter {vertical-align: middle;}
.nowrap {white-space: nowrap;}
table.a111{
	border-collapse: collapse;
	border: 2px #999999 solid;
	background-color: #FFFFFF;
	margin-bottom:10px;
}
table.responhyou{
	width: 100%;
	border-collapse: collapse;
	border: 1px #999999 solid;
	background-color: #FFFFFF;
	margin-bottom:10px;
}
th {background-color: #F0ECFF;}
th,tr,td,caption{
	line-height : 1.7;
	font-size: 100%;
	padding: 2px 10px;
	border: 1px #E0D7FF solid;
}
table.new {
	width:100%;
	margin: 0 auto;
	font-size: 100%;
}
table.new th,table.new td {
	border: 0;
	border-bottom: 1px #999999 dotted;
}
table.new a { text-decoration: none;}
.sbox {
	margin-bottom:15px;
	padding:13px 13px 15px 13px;
	background-color:#ffffff;
	border: 1px #999999 solid;
	border-radius:10px;
	-webkit-border-radius:10px;    /* Safari,Chrome用 */
	-moz-border-radius:10px;   /* Firefox用 */
	behavior:url("/PIE.htc");
}
.infobox {
	font-size: 90%;
	margin-bottom:15px;
	margin:5px 20px 5px;
	padding:5px 10px;
	background-color:#ffffff;
	border: 1px #999999 solid;
	border-radius:10px;
	-webkit-border-radius:10px;    /* Safari,Chrome用 */
	-moz-border-radius:10px;   /* Firefox用 */
	behavior:url("/PIE.htc");
}
.respon {
	max-width: 100%;
	height: auto;
}
#page-top{
     display: block;
     position: fixed;
     z-index: 9999;
     bottom: 10px;
     right: 10px;
     width: 30px;
     padding: 10px 10px;
     background: rgba(255,215,0,.5);
     color: #000;
     text-align: center;
     text-decoration: none;
     font-weight:bold;
     border-radius:30px;
}
#page-top:hover{background: rgba(255,215,0,.8);}
@media screen and (min-width: 769px){
	body {
		font-size: 0.98em;
		line-height: 1.7;
	}
	#wrapper {width: 95%;}
	.fontlll {font-size: 2.5em;}
	.fontllll {font-size: 3.5em;}
	.pretema {font-size: 1.8em;}
	.tema {font-size: 3.8em;}
	.site-born {padding: 10px 30px;}
	.site-born ul,
	.site-born ol {margin-left:50px;}
	.site-born ul ul,
	.site-born ul ol,
	.site-born ol ul,
	.site-born ol ol {margin-left:40px;}
	.jisage1 {padding-left: 1em;}
	.jisage2 {padding-left: 2em;}
	.jisage3 {padding-left: 3em;}
	.jisage4 {padding-left: 4em;}
	.jisage5 {padding-left: 5em;}
	table.small th,
	table.small tr,
	table.small td,
	table.small caption{font-size: 100%;}
}
@media screen and (max-width: 768px) {
	.disp768made {
		display:none;
	}
}
@media screen and (min-width: 769px) {
	.disp769kara {
		display:none;
	}
}