@charset "utf-8";
html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4, h5,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
	margin: 0;
	padding: 0;
}
body {
      width :100% ; 
	margin-top: 0px;
	margin-left: 0px;
	background-color: #000000;
	font-family:'Lucida Grande', Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 22px; line-height: 1.7; letter-spacing: 0;
	margin-bottom: 0px;
}
.class2 { font-size: 16px; text-align: left; line-height: 1.4;
}
.topbar {
	width:739px;
	padding: 3px 0px 3px 12px;
	font-family:'Lucida Grande', Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 22px;
	color: #ffffff;
	border-bottom: solid 0;
	border-bottom-color: #cccccc;
	background: url(images/mizubar.gif) center repeat-x;
}
/*--------iframe------*/
#right {height:100%;
	width:99%;
	overflow:none;
	margin-left:201px;
	text-align:left;
	scrolling: no;
}
#leftmenu {position:absolute;
	overflow:auto;
	top:0px;
	left:0px;
	width:200px;
	height:2000px;
}
#leftmenu iframe {position:absolute;
	overflow:auto;
	border:none;
	width:200px;
	height:2000px;
	margin-bottom: 0px;
}
/*--------honbun------*/

section {
	margin: 0 0 0 0;
}
section h1 {
	margin: 20 0 20 0;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	color: #ffffff;
	background: url(images/mizubar2.gif) center repeat-x;
}
section h2 {
	margin: 0 0 0 0;
	font-size: 18px;
	color: #ffffff;
	border-bottom: solid 0;
	border-bottom-color: #cccccc;
	background-color: #000040;
}
section h3 {
	width:739px;
	padding: 3px 0px 3px 12px;
	font-size: 18px;
	color: #ffffff;
	border-bottom: solid 0;
	border-bottom-color: #cccccc;
	background: url(images/mizubar.gif) center repeat-x;
}
section h4 {
	width:99%;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 14px;
	font-size: 16px;
	color: #ffffff;
	border-bottom: solid 0;
	border-bottom-color: #cccccc;
	background: url(images/nav_bg2.gif) center repeat-x;
}

section p {
	margin: 0 0 15px 0;
	padding: 3px 8px 3px 8px;
	line-height: 1.8;
	background-color: #000000;}
section p2 {
	margin: 0 0 15px 0;
	padding: 3px 8px 3px 8px;
	line-height: 1.0;
	background-color: #000000;}
p.s1 {
	font-size: 80%; }
p.wht {
	color: #F0FFF0;}
p.grn {
	color: #d0f800;
	background-color: #000000;}
p.grnl {
	color: #F8F8FF; font-size: 26px; line-height: 1.8;
	background-color: #000033;}
p.bl22 {
	color: #33FF33; font-size: 22px; line-height: 1.8;	
	background-color: #000000;}
p.bl18 {
	color: #66FFFF; font-size: 18px; line-height: 1.8;	
	background-color: #000000;}
p.purpur {
	color: #FF00FF;
}
p.purpur2 {
	color: #CC99FF;
	font-size: 22px;}
p.logo {
	height: 3%;
	margin-bottom: 2px;
}

/*トップ*/
header {
	width: 100%;
	background-color: #000000;}
header h1 {
	padding: 0px 0 0px 0;
	text-align: center;
	color: #00FFCC;
	font-size: 32px;}
header h2 {
	padding: 5px 0 5px 0;
	text-align: center;
	color: #6633FF;
	font-size: 18px;
	font-style: italic;}
header h3 {
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #00CCFF;
	font-size: 14px;}
header h1l {
	padding: 5px 0 5px 0;
	text-align: left;
	color: #66FFFF;
	font-size: 24px;}
header h2l {
	padding: 5px 0 5px 0;
	text-align: left;
	color: #99FFCC;
	font-size: 14px;
	font-style: italic;}
header h3l {
	padding: 5px 5px 5px 5px;
	text-align: left;
	color: #00CCFF;
	font-size: 14px;
	margin-left:54px;}

header h1 a {
	color: #ffffff !important;
	text-decoration: none;
	font-size: 18px;}

header h1 a:hover {
	color: #cccccc !important;
	text-decoration: underline;
	font-size: 18px;}

/*サイド*/
side {
	margin: 0 0 0 0;
}
side h1 {
	margin: 0 0 0 0;
	padding: 20px 0px 20px 0px;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	background: url(images/mizubar2.gif) center repeat-x;
}
side h2 {
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	padding: 12px 6px 12px 0px;
	border-bottom: solid 0;
	border-bottom-color: #cccccc;
	background: url(images/mizubar.gif) center repeat-x;
}
side h3 {
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	padding: 12px 0px 12px 0px;
	border-bottom: solid 0;
	border-bottom-color: #cccccc;
	background: url(images/toggleOn.png) center repeat-x;
}
/* ワク */
.waku {
	margin: 10px 10px 10px 10px;
	border: 1px solid #000000;
	width: 739px;
}
waku h1 {
	padding: 5px 0 5px 0;
	text-align: center;
	color: #66FFFF;
	font-size: 24px;
}
waku h2 {
	padding: 5px 0 5px 0;
	text-align: center;
	color: #99FFCC;
	font-size: 14px;
	font-style: italic;
}
waku h3 {
	padding: 5px 5px 5px 5px;
	text-align: center;
	color: #00CCFF;
	font-size: 14px;
}
/*文字カラー*/
.kyon {color: #BFFF00; font-size: 20px; font-style: oblique; font-weight:700; valign:top;}
.ylos {color: #FFD700; font-size: 12px;}
.ylo {color: #FFD700;}
.yt {color: #FF8000; font-size: 28px; font-weight:bold;}
.yts {color: #FF8000; font-size: 22px; font-weight:bold;}
.org {color: #FF0000;}
.wht {color: #FFFFFF;}
.grn {color: #CCFF00; font-size: 24px;}
.md { font-size: medium }
p.or {font-family: Meiryo, sans-serif; color: #ffcc00; font-size:16px;}
.hm {
	font-family:'Lucida Grande',Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.8;
	text-align: left;
	color: #ccff00;
}
.hms {
	font-family:'Lucida Grande',Meiryo, 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.5;
	text-align: left;
	color: #ccff00;
}
/*-------------*/
/*写真*/
img {border: none;}
img.gm {width: 120px;}
.iml {margin-right:10px; float: left; width:100px;}
.imr {margin-left:10px; float: right; width:100px;}
.mel {height:20px; width:28px;}
div.clear{
clear: both;
margin: 0 0 10px 0;
}
.tel {height:30px; width:24px;}
p.resizeimage { width:95%; margin-left: 6px;}
p.resizeimage img { width: 100%; }
.myimg{text-align:center;}
img.top {
	height: 360px;
	width: 640px;
	margin-top: 12px;
	margin-bottom: 12px;
}
img.top2 {
	height: 360px;
	margin-left: 170px;
	margin-top: 12px;
	margin-bottom: 12px;
}
img.yoko {
	width: 300px;
}
img.tate {
	margin-right:10px; float: left; height: 234px;
}
img.yoko2 {
	margin-right:10px; width: 800px;
}
img.ya1 {
	height: 20px;
}
img.hon {
	width: 300px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
}

#table {
width: 500px;
border-collapse: collapse;
}
#table td {
padding: 5px;
text-align: left;
}
/*ナビ*/
nav {
	margin: 0 0 0 0;}
nav h1 {
	width:739px;
	font-size: 90%;
	background: #660000;}
nav h2 {
	width:739px;
	margin: 0 0 0 0;
	font-size: 22px;
	color: #ffffff;
	background-color: #000040;}
nav h3 {
	width: 100%;
	background: #660000;
	padding: 5px 0 3px 10px;
	font-size: 14px;
	color: #2300de;}
nav h5 {
	padding: 5px 0 3px 10px;
	font-size: 14px;
	color: #2300de;
	border-bottom: solid 1px;
	border-bottom-color: #cccccc;
	background: url(images/nav_bg2.gif) center repeat-x;
	text-decoration: none;}
nav ul {
	width: 100%;
	border-top: solid 1px;
	border-top-color: #cccccc;
}

nav li {
	width: 100%;
	list-style: none;
	text-align: center;
}

nav li a {
	padding: 10px;
	display: block;
	color: #005ebb !important;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 2px;
	border-bottom-color: #cccccc;
	background: url(images/mizubar.gif) repeat-x;
}

nav li a:hover {
	color: #004080 !important;
	display: block;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 2px;
	border-bottom-color: #cccccc;
	background: url(images/nav_bg.gif) repeat-x;
}
/*アニメ*/
@-webkit-keyframes anime04f{
	0%	{}
	100%	{
	background:#0000FF;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
		}
}
.anime04f{
	font:35px bold;
	color:#00FFFF;
	padding:5px;
	-webkit-animation:anime04f 5s infinite alternate linear;
}
#sidenavi{
 margin:.0em;
 border:0px solid #0099FF;
 background:#0000CC;
 border-bottom:0px;
 border-radius:2px;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
}

#sidenavi ul li a{
 background:3300FF;
 margin:0;
 width:100%;
 color:#00FFCC;
 text-decoration:none;
 font-size:24px;
 line-height:64px;
 text-align:center;
 display:block;
 border-bottom:16px solid #6600FF;
 text-shadow:1px 1px 1px #66FFFF;
 background:-webkit-gradient(linear, left top, left bottom, from(#0000CC), to(#000000));
 background: -moz-linear-gradient(top, #85d7f4, #2da7d2);
}

/*文字位置*/
div.hidari {
   text-align: left;
   float: left;
}
div.migi {
   text-align: right;
}
#ake {font-size: 6px; line-height: 6px; }
#aki {font-size: 12px; line-height: 12px; }

/* リンク*/
a:link { color: #ffffff; text-decoration: none; }
a:visited { color: #FFFACD; }
a:hover { color: #FF3366; }