@charset "utf-8";
body {
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif, "メイリオ";
	font-size: 14px;
}
.oneColFixCtrHdr #container {
	width: 880px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px none #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.oneColFixCtrHdr #header {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.oneColFixCtrHdr #footer {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
ul.infobox {
	list-style: none;
	text-align: left;
	font-weight: bold; 
	color: #0033A8;
	margin: 0px 5px 0px 15px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}
li.info {
    text-indent:-1.2em;
	line-height: 130%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}	

h2 {
    font-size: 18px;
    color: #FF6600;
    padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 5px;
}
h3 {
    font-size: 16px;
    color: #FFFFFF;
    padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
#flash-box {
	width : 880px;
	height: 380px;
	background-image: url(../img/back1.gif);
}
#pic1-box {
	width : 880px;
	height: 400px;
	background-image: url(../img/kanban.jpg);
}
#pic2-box {
	width : 880px;
	height: 480px;
	background-image: url(../img/back7.gif);
}
#pic3-box {
	width : 880px;
	height: 350px;
    background-image: url(../img/back10.gif);
}
#pic4-box {
	width : 880px;
	height: 350px;
    background-image: url(../img/back11.gif);
	text-align: center;
	margin: 10px auto;
}
#pic5-box {
	width : 880px;
	height: 400px;
    background-image: url(../img/back20.gif);
	text-align: center;
	margin: 0px auto;
}
#pic6-box {
	width : 880px;
	height: 400px;
    background-image: url(../img/back21.gif);
	text-align: center;
	margin: 0px auto;
}
img.centering {
	padding-top: 40px;
	padding-right: 45px;
	padding-bottom: 40px;
	padding-left: 45px;
}
img.center0 {
	padding-top: 33px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
}
img.center1 {
	padding-top: 27px;
	padding-right: 45px;
	padding-bottom: 27px;
	padding-left: 45px;
}
img.center2 {
	padding-top: 25px;
	padding-right: 45px;
	padding-bottom: 5px;
	padding-left: 45px;
}
img.center3 {
	padding-top: 40px;
	padding-right: 45px;
	padding-bottom: 5px;
	padding-left: 45px;
}
img.center5 {
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
}
img.center6 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
}
img.center7 {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 100px;
}
img.center8 {
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#camp-box {
	width : 880px;
	height: 400px;
	background-image: url(../img/sakura.jpg);
	text-align: left;
	margin: 10px 0px 10px 0px;
}
ul.campbox {
	list-style: none;
	text-align: left;
	color: #003300;
	font-size: 16px;
	margin: 0px 25px 5px 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
li.camp {
	line-height: 130%;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}	
#link1-box {
	width : 880px;
	height: 150px;
    background-image: url(../img/link1.gif);
	text-align: left;
}
#link2-box {
	width : 880px;
	height: 150px;
    background-image: url(../img/link2.gif);
	text-align: left;
	margin: 15px auto;
}
#link3-box {
	width : 880px;
	height: 300px;
    background-image: url(../img/link3.gif);
	text-align: left;
	margin: 15px auto;
}
#link4-box {
	width : 880px;
	height: 300px;
    background-image: url(../img/link4.gif);
	text-align: left;
}
#link5-box {
	width : 880px;
	height: 150px;
    background-image: url(../img/link1.gif);
	text-align: left;
	margin: 15px auto;
}
ul.link {
	list-style: none;
	text-align: left;
	color: #0033A8;
	margin: 0px 0px 0px 0px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 30px;
}
li.l1 {
    font-size: 16px;
	font-weight: bold;
    padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 50px;
}
li.l2 {
    color: #006666;
	font-size: 14px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
}
li.l3 {
    font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
}
li.l4 {
    font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
}
#t-box {
    width : 834px;
    background-color: #24A8FF;
    text-align: left;
    padding: 5px;
	margin : 0px auto;
}
#main-box {
    width : 840px;    
    border: 2px solid #24A8FF;
	margin : 0px auto;
}
#asub-box {
    width : 785px;
    background-color: #ffccff;
    text-align: left;
    padding: 5px;
	margin : 20px auto;
}
#bsub-box {
    width : 785px;
    background-color: #D0FFFF;
    text-align: left;
	color: #FF00CC;
    padding: 5px;
	margin : 20px auto;
}

#csub-box {
    width : 785px;
    background-color: #ffff99;
    text-align: left;
    padding: 5px;
	margin : 20px auto;
}

#dsub-box {
    width : 785px;
    background-color: #C7FFAC;
    text-align: left;
	color: #FF00CC;
    padding: 5px;
	margin : 20px auto;
}
#esub-box {
    width : 785px;
    background-color: #FFDAA2;
    text-align: left;
    padding: 5px;
	margin : 20px auto;
}
#fsub-box {
    width : 785px;
    background-color: #9BEBFF;
    text-align: left;
    padding: 5px;
	margin : 20px auto;
}
#gsub-box {
    width : 785px;
    background-color: #D2D2FF;
    text-align: left;
	color: #0000FF;
    padding: 5px;
	margin : 20px auto;
}
#hsub-box {
    width : 785px;
    background-color: #FFC8C8;
    text-align: left;
    padding: 5px;
	margin : 20px auto;
}
#isub-box {
    width : 785px;
    background-color: #FF8080;
    text-align: left;
    padding: 5px;
	margin : 20px auto;
}
#hama-box {
    width : 880px;
    text-align: center;
    padding: 0px;
	margin : 0px auto;
}
#i1-box {
    width : 445px;
	height: 364px;
	float: left;
    padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 5px;
}
#i2-box {
    width : 410px;
	height: 364px;
	background-color: #336699;
	float: right;
	border : 1px solid #003366;
    text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#i3-box {
    clear: both;
    width : 880px;
    padding: 0px;
	margin: 15px auto;
}
#i4-box {
    width : 880px;
    padding: 0px;
	margin: 15px auto;
}
#i5-box {
    width : 880px;
    padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#m1-box {
    width : 880px;
	height: 400px;
	background-image: url(../img/back13.gif);
	text-align: center;
	margin: 10px auto;
}
#m2-box {
    width : 880px;
	height: 400px;
	background-image: url(../img/back13.gif);
	text-align: center;
	margin: 10px auto;
}
#m3-box {
    width : 880px;
	height: 400px;
	background-image: url(../img/back13.gif);
	text-align: center;
	margin: 10px auto;
}
#m4-box {
    width : 880px;
	height: 400px;
	background-image: url(../img/back13.gif);
	text-align: center;
	margin: 10px auto;
}
#m5-box {
    width : 880px;
	height: 400px;
	background-image: url(../img/back13.gif);
	text-align: center;
	margin: 10px auto;
}
#m6-box {
    width : 880px;
	height: 400px;
	background-image: url(../img/back13.gif);
	text-align: center;
	margin: 10px auto;
}
#m7-box {
    width : 880px;
	height: 400px;
	background-image: url(../img/back13.gif);
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#m8-box {
    width : 880px;
	height: 400px;
	background-image: url(../img/back13.gif);
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#m9-box {
    width : 880px;
	height: 400px;
	background-image: url(../img/back13.gif);
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#slide1-box {
	width : 800px;
	height: 400px;
	background-image: url(../img/slide1.gif);
	margin: 10px auto;
}
#slide2-box {
	width : 800px;
	height: 50px;
	margin: 10px auto;
}
#map-box {
    width : 880px;
	height: 650px;
	background-image: url(../img/back16.gif);
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
}
#map2-box {
    width : 880px;
	height: 300px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#nicky-box {
    width : 880px;
	height: 700px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#ryo-box {
    width : 880px;
	height: 300px;
	background-image: url(../img/back18.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
ul.ryobox {
	list-style: none;
	text-align: left;
	font-weight: bold; 
	color: #0033A8;
	margin: 0px 0px 0px 20px;
	padding-top: 50px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 25px;
}
li.ryo {
    text-indent:-1.2em;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
#yoyaku-box {
    width : 880px;
	height: 700px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
ul.accbox {
	list-style: none;
	font-size: 15px;
	text-align: left;
	color: #0033A8;
	margin: 0px 0px 0px 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
}
li.acc {
    text-indent:-1.2em;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
a:link {
	color: #003399;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003399;
}
a:hover {
	text-decoration: underline;
	color: #FF00CC;
}
a:active {
	text-decoration: none;
	color: #003399;
}
.style1 {color: #0066CC}
.style2 {
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
}
.style3 {
	color: #FF00CC;
	font-size: 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.style4 {
	color: #003366;
	font-size: 15px;
	line-height: 130%;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.style5 {
	color: #003300;
	line-height: 140%;
	font-size: 15px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.style6 {
	color: #993300;
	font-size: 15px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.style7 {
	color: #003366;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
.style8 {
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.style9 {
	color: #FFFFFF;
	font-size: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.style10 {
	color: #003366;
	font-size: 15px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
.style11 {
	color: #003300;
	font-size: 15px;
	line-height: 130%;
	text-align: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.style12 {
	color: #0066CC;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}
.style13 {
	color: #003366;
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px 0px 0px 0px;
}
.style14 {
	color: #003366;
	font-size: 16px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 60px;
	margin: 0px 0px 0px 0px;
}
.style15 {
	color: #0066CC;
	font-size: 14px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin: 0px 0px 0px 0px;
}
.style16 {
	color: #003300;
	
	line-height: 150%;

}