@charset "UTF-8";

* {
	font-family:Verdana, Helvetica, sans-serif;
color:#333;
}

body {
	font-size:13px;
text-align:center;
background-color : #0287d9;
line-height:20px;
letter-spacing:1px;

background-attachment:fixed;
margin:0;
padding : 0px 0px 150px 0px;
  background-image : url(../image/bg_iruka4.jpg);
  background-repeat : no-repeat;
background-position : 100% 0%;
}

br {
	letter-spacing:normal;
}

a {
	color:#0080b0;
text-decoration:none;
}

a:hover {
	text-decoration:none;
color:#0080b0;
}

img {
	border:0;
vertical-align:middle;
}

h1,h2,h3,h4,h5,h6 {
	text-align:left;
margin:0;
  font-family : メイリオ;
}

strong {
	color : #da4722;
font-weight:600;
font-size : 14px;
}

em {
	font-style:normal;
color : #da4722;
}

dfn{
  
  font-style : normal;
  

  color : #0080c0;
}

hr {
	border-bottom-width:2px;
border-bottom-style:dotted;
border-bottom-color:#ccc;
}

html {
	scrollbar-bace-color:#0287d9;
scrollbar-face-color:#0287d9;
scrollbar-arrow-color:#80bfff;
scrollbar-track-color:#0287d9;
scrollbar-highlight-color:#80bfff;
scrollbar-shadow-color:#80bfff;
scrollbar-darkshadow-color:#0287d9;
scrollbar-3dlight-color:#0287d9;
}

div#wrapper {
	width : 804px;
margin:0 auto;
}


div#header {
	width : 804px;
background-repeat : no-repeat;
  padding-bottom : 10px;
  height : 255px;
  margin-top : 0px;
}

div#contents {
	width : 784px;
clear:none;
background-repeat:repeat-y;
background-color:#fff;
padding-bottom:10px;
margin:0 auto;
right : auto;
  padding-left : 10px;
  padding-right : 10px;
}

div#menu {
	width : 804px;
background-repeat : repeat-x;
text-align:center;
margin:0 auto;
  right : auto;
}

div#news {
	width : 784px;
margin:1px;
}

.top {
	width : 784px;
line-height:23px;
letter-spacing:1px;
text-align:left;

display : inline-block;
  padding-bottom : 5px;
}

div#main {
	width : 784px;
line-height:23px;
letter-spacing:1px;

text-align:left;
clear : both;
}

DIV#sub {
	width:355px;
float:right;
height:310px;
background-repeat:no-repeat;
background-image:url(../image/bg-bl.gif);
}

div#footer {
	
width : 794px;
text-align:center;
clear:both;
padding-top:10px;

background-repeat:no-repeat;
margin:0 auto;
  right : auto;
  left : auto;
  height : 600px;
  padding-bottom : 0px;
}

div#menu:after,div#contents:after {
	content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#headercontents {
	width:540px;
bottom:auto;
}

div#header address {
	text-align:left;
color:#fff;
padding-left:5px;
}

div#header address a {
	color:#ff0;
}

div#header h1 {
	font-size : 10px;
background-repeat:repeat;
padding-left:5px;
padding-bottom:6px;
color:#009;
font-weight:400;
margin : 5px 10px 0px 15px;
  
}

div#header h1 strong {
	font-size : 10px;
color:#009;
font-weight:400;
  
}
div#header p {
	padding-right:10px;
font-size:12px;
color:#535353;
margin:5px 0 0 20px;
}

div#headerimage {
	background-repeat:no-repeat;
width : 75px;
text-align:center;
border-bottom-color:#ccc;
margin-left:7px;
float:left;
}

DIV#headerMenu {
	width : 380px;
text-align : left;
clear:both;
right:auto;
padding-top : 5px;
margin:0 auto;
  

  float : left;
}

div#headerMenu a {
	color : #ffffff;
font-size:10px;
}

div#headerMenu a:hover {
	border:0;
border-bottom:2px dotted #fff;
}

div#headerMenu li {
	display:inline;
padding-left:8px;
background:url(../image/arrow1.gif) no-repeat 0 4px;
margin:0 0 0 8px;
}

#menuimage {
	width : 804px;

background-repeat:repeat-x;
height : 69px;
margin:0 auto;
right : auto;  
 background-image : url(../image/m-b2.gif);
  
  
}

div#menu ul {
	list-style-type:none;
margin:0;
padding:0;
display : inline-block;
}

div#menu li {
	text-align:center;
margin:0;
padding:0;
float : left;
  display : inline;
  right : auto;
}

div#menu li a {
	display : block;
width : 133px;
line-height : 30px;
color : #ffffff;

background-image : url(../image/bg_menu6.gif);

clear : left;
  background-repeat : repeat-x;
   height : 30px;
  right : auto;
  border-right-width : 1px;
  border-right-style : groove;
  border-right-color : #000099;
  
}

div#menu li a:hover {
	color : #ffffff;

background-image : url(../image/bg-menu2.gif);
  text-decoration : none;
  background-repeat : repeat-x;
}

div#menu em a {
	color:#fff;
width : 133px;
height:26px;
font-style:normal;
background-image : url(../image/menu7.jpg);
}

div#contents h2{
	font-size : 16px;
background-repeat : repeat-x;
font-weight:600;

padding-left : 10px;
color : #ffffff;

padding-top : 10px;
margin-bottom : 5px;
  

  background-image : url(../image/h2.png);
  height : 35px;
}

div#contents h3{
	background-image : url(../image/picup-y.gif);
background-repeat:no-repeat;
padding-left:70px;
font-size : 14px;
font-weight:700;

padding-top:15px;
height : 60px;
  clear : both;
  color : #ee5a12;
}


div#main a {
	color:#0080b0;
}

div#main a:hover {
	color : #ff8000;
border-bottom-width : 2px;
border-bottom-style : dotted;
}

div#main h2 {
	font-size : 16px;
background-repeat : repeat-x;


padding-left : 10px;
color : #ffffff;

padding-top : 10px;
margin-bottom : 5px;
  
}

div#main h3 {
	background-image : url(../image/picup-y.gif);
background-repeat:no-repeat;
padding-left:70px;
font-size : 12px;
font-weight : normal;

padding-top : 15px;
height : 60px;
  clear : both;
  color : #ee5a12;
}

div#main h4 {
	background-image:url(../image/picup-b.gif);
background-repeat:no-repeat;
padding-left:70px;
font-size:14px;
font-weight:700;
color:#0080c0;
padding-top:15px;
height:75px;
  clear : both;
}

div#main h5 {
	background-image:url(../image/picup-p.gif);
background-repeat:no-repeat;
padding-left:70px;
font-size:14px;
font-weight:700;
color:#ff60af;
padding-top:15px;
height:75px;
  clear : both;
}

DIV#main LI {
	margin-bottom:2px;
font-size:12px;
background-repeat:no-repeat;
background-position:1px 10px;
padding-top:5px;


background-image:url(../image/cl_002.gif);
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#0080b0;

  
  

  text-align : left;
  padding-left : 20px;
}

div#main p {
	text-align:left;
padding-bottom:1em;

margin:0;
  
}

div#mainImage {
	text-align:center;
float:left;
width:400px;
height:300px;
border-color:#ccc;
border-style:solid;
border-width:1px;
padding:7px;
}

div#sub h2 {
	font-size:12px;

margin-top:30px;
background-repeat:repeat-y;
}

div#sub h3 {
	font-size:1em;
font-weight:700;

width:190px;
background-repeat:repeat-y;
margin:0;
}

div#subMenu {
	margin-top:22px;
width:334px;
float:right;
padding:0;
}

div#subMenu ul {
	font-size:12px;
list-style:none;
margin:0;
padding:0;
}

DIV#subMenu LI {
	background-repeat:no-repeat;
list-style:none;
border-bottom-style:none;

}

div#totop {
	text-align:right;
clear : both;
}

div#footerMenu {
	text-align:left;
}

div#footerMenu a {
	color : #ffffff;
font-size:11px;
padding-left:8px;
}

div#footerMenu a:hover {
	border-top-width : 0px;border-right-width : 0px;border-bottom-width : 1px;border-left-width : 0px;
color : #00ffff;
border-bottom : solid #ffffff;
}

div#footerMenu LI {
	display:inline;
background:url(../image/arrow1.gif) no-repeat 0 2px;
margin:0 0 0 10px;
}

div#footer P {
	font-size:10px;
font-weight:400;
background-repeat:repeat-x;
margin-top:0;
padding-top:10px;
margin-bottom:0;
margin-right:10px;
color:#c4e5f8;
text-align:left;
}

div#copyright {
	font-size:10px;
text-align:center;
color:#fff;
width : 784px;
margin-left:auto;
margin-right:auto;
padding-bottom : 5px;
right : auto;
left : auto;
}

address {
	
font-style:normal;
text-align:left;
margin-left:5px;
margin-top:5px;
  display : inline-block;
  
  padding-bottom : 10px;
}

div#copyright a {
	color:#fff;
}

div#whatnew ul {
	list-style-type:none;
margin:0;
padding:0;
display : inline-block;
}

div#whatnew {
	padding-left:10px;
width:520px;
overflow:auto;
padding-right:5px;
height : 180px;
display : inline-block;
}

div#scoolimage {
	width:230px;
background-color:#fff;
bottom:auto;
float:left;
text-align:center;
margin-top:10px;
}

div#divingimage {
	width:230px;
background-color:#fff;
bottom:auto;
float : right;
text-align:center;
margin-top:10px;
}

DIV#topic {
	width:190px;
float : left;
text-align:center;
border-color:#ccc;
border-style:solid;
border-width:1px;
padding:5px;
margin-top : 15px;
}

div#topic h2 {
	font-size : 11px;
  text-align : center;
  margin-bottom : 5px;
}

div#topic p {
	color:#666;
font-size:10px;
line-height : 16px;
  letter-spacing : 1px;
}

#topic img{
  margin-bottom : 5px;
  clear : both;
}

div#w1 {
	background-image:url(../image/top11.gif);
width:340px;
height:34px;
background-repeat:no-repeat;
color:#0051a2;
font-size:1.3em;
font-weight:700;
float:left;
}

div#w2 {
	background-image:url(../image/top12.gif);
background-repeat:repeat-y;
width:340px;
}

div#w3 {
	background-image:url(../image/top13.gif);
background-repeat:no-repeat;
width:340px;
height:10px;
margin-bottom:10px;
}

.infobox {
	width:560px;
margin-top : 15px;
margin-bottom:20px;
float : right;
}

.infobox1 {
	width : 560px;
margin-bottom:10px;
margin-top:10px;
  clear : both;
}

div#infoMenu {
	width:330px;
margin:20px 23px 20px 17px;
}

div#infoMenu li {
	background:url(../image/bg_list.gif) no-repeat 0 6px;
border-bottom-style:none;
padding-left:16px;
color:#fff;
font-size:16px;
font-weight:400;
}

div#diving {
	padding-bottom:5px;
width:378px;
float:right;
text-align:left;
padding-right:8px;
}

DIV#c1 {
	background-image:url(../image/w-new1.gif);
width:550px;
height:34px;
background-repeat:no-repeat;
color:#004080;
font-weight:700;
}

div#c2 {
	background-image:url(../image/w-new2.gif);
background-repeat:repeat-y;
width:550px;
text-align:center;
}

div#c3 {
	background-image:url(../image/w-new3.gif);
background-repeat:no-repeat;
width:550px;
right:inherit;
margin-bottom:20px;
height:10px;
}

div#c4 {
	width:490px;
margin-bottom:8px;
clear:both;
text-align:left;
padding:5px 10px 2px;
}

div#c5 {
	padding-left:10px;
width:490px;
text-align:center;
padding-right:10px;
padding-bottom:2px;
margin-bottom:8px;
clear:both;
}

div#c11 {
	background-image:url(../image/top21.gif);
width:520px;
height:10px;
background-repeat:no-repeat;
}

div#info {
	background-image : url(../image/f-moko-br1.gif);
width:320px;
height:210px;
background-repeat:no-repeat;
float:right;
bottom:auto;
}

div#infoc {
	width:210px;
bottom:auto;
float:right;
margin-top : 30px;
margin-right : 30px;
  

  
}

div#info1 {
	background-image : url(../image/f-moko-bl1.gif);
width:320px;
height:210px;
background-repeat:no-repeat;
float:leht;
bottom:auto;
}

div#infoc1 {
	width:210px;
bottom:auto;
float:left;
margin-top:35px;

  margin-left : 50px;
  
}

#main dt {
	background-image : url(../image/f-nico.gif);
font-style:normal;
background-repeat:no-repeat;
padding-left : 30px;
padding-top:3px;
padding-bottom:3px;

text-align:left;
}

div#main dd {
	text-align:left;
color:#0080b0;
margin-bottom:3px;
margin-left:30px;
background-color:#ecf3fb;
padding:3px;
}


#footerback {
	width : 804px;
background-image:url(../image/bg_cp.gif);
background-repeat:repeat-x;
height:40px;
margin:0 auto;
right : auto;
}

#ct {
	text-align:right;
width:780px;
font-size:10px;
color:#fff;
padding-top:10px;
margin:0 auto;
}

div#headercontents H1,div#header h1 {
	font-size:12px;
margin-right:10px;
margin-bottom:0;
margin-left:15px;
background-repeat:repeat;
padding-top:6px;
padding-left:5px;
padding-bottom:6px;
color:#ff0;
font-weight:400;
}

div#headerMenu ul,div#footerMenu ul {
	list-style:none;
margin:0;
padding:0;
}

div#main ul,div#main dl {
	list-style-type:none;
margin:0;
  
}

#mail{
  margin-top : 10px;
  clear : both;
  text-align : left;
  width : 780px;
  height : auto;
margin:0 auto;
}

div#main IMG.l{
	  
  float : left;
  margin-right : 10px;
}

div#main IMG.r{
	  
  float : right;
  margin-left : 10px;
}

.lt{
  
  float : left;
  padding-top : 10px;
}

.rt{
  padding-left : 10px;
  float : right;
  padding-top : 10px;
}

.ad {
	width : 540px;
margin-bottom:10px;
  clear : both;
  background-image : url(../image/copy.png);
  
  background-repeat : repeat-x;
  padding-left : 10px;
  padding-right : 10px;
  padding-top : 30px;
  
}


.news1{
  width : 345px;
  float : right;
  text-align : right;
}

.news2{
  width : 425px;
  float : left;
}

div#menu1{
  width : 784px;
  float : none;
}