/* ==============レイアウト=============== */

* {
margin:0px;
padding:0px;
font:12px Osaka,"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}

body{
margin-top:0px;
background:url("img/back.gif");
color:#666666;
text-align:center;
letter-spacing:2px;
}

#body{
width:840px;
text-align:center;
margin:0px auto;
padding:0px;
background-color:#ffffff;
}

#header1{
background:url("img/head.jpg") no-repeat;
width:840px;
height:60px;
}
#header2{
background:url("img/photo2.jpg") no-repeat;
width:840px;
height:120px;
}
#flash{
width:840px;
height:200px;
margin:0px auto;
}
#footer{
width:840px;
clear:both;
padding:10px 0px 10px 0px;
border-top:3px solid #994D4D;
background-color:#836842;
font-size:90%;
color:#ffffff;
}

/* ============== 装飾=============== */

br{
letter-spacing:normal;
}

a{
font-weight:bold;
color:#2B266E;
text-decoration:none;
}

a:hover{
font-weight:bold;
color:#cc8000;
text-decoration:none;
}

#all{
width:840px;
}

/* ============== メニューバー =============== */

#submenu{
margin:15px 0px 0px 5px;
width:180px;
float:left;
text-align:left;
padding:5px;
background:url('img/menu_back.gif') 5px 5px no-repeat;
}

#submenu ul{
list-style-type:none;
margin:35px 0px 0px 10px;
}

#submenu li{
width:150px;
height:18px;
line-height:150%;
padding:3px 0px 3px 10px; 
background:url('img/mark.gif') no-repeat left center;
border-bottom:dotted 1px #666666;
}

#submenu h2{
border-bottom:1px solid #999;
padding:0px 0px 3px 0px;
}

.img{
margin-top:5px;
width:488px;
height:48px;
background:url('img/2.jpg') 0px 0px no-repeat;
border:solid 1px #666666;
}
.new{
margin-left:18px;
margin-bottom:5px;
width:35px;
height:15px;
background:url('img/new.jpg') 0px 0px no-repeat;
}

/* ============== 左ボックス =============== */

#main{
width:610px;
float:left;
margin-top:15px;
margin-left:15px;
display:inline;
text-align:left;
background-color:#f7f7f7;
padding-top:0px;
background:url('img/back2.gif') 0px 5px no-repeat;
}

#main2{
width:620px;
float:left;
margin-top:15px;
margin-left:15px;
display:inline;
text-align:left;
background-color:#f7f7f7;
padding-top:0px;
}

#main h2{
font-size:120%;
color:#333;
background:url'(img/icon12.gif') no-repeat left center;
border-left:8px solid #cc8000;
padding:2px 0px 2px 5px;
margin:10px 0px 15px 0px;
}

.box{
width:610px;
height:540px;
background:url('img/1.jpg') 525px 10px no-repeat;
margin:10px 0px 0px 0px;
}

.box1{
    width:610px;
    margin:10px 0px 0px 0px;
}

.box2{
    width:610px;
    margin:0px 0px 0px 0px;
}

dd{
margin:5px 0px 12px 22px;
width:480px;
color:#666666;
border-bottom:dotted 1px #88C24E;
padding:0px 0px 10px 0px;
line-height:150%;
}
dt{
line-height:100%;
margin-left:20px;
padding:0px 0px 0px 0px;
color: #994D4D;
}
/* ============== タイトル =============== */

.title1{
width:110px;
height:30px;
margin:0px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text1.gif') no-repeat left center;
}
.title2{
width:220px;
height:30px;
margin:10px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text2.gif') no-repeat left center;
}
.title3{
width:220px;
height:30px;
margin:0px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text3.gif') no-repeat left center;
}
.title4{
width:220px;
height:30px;
margin:0px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text4.gif') no-repeat left center;
}
.title5{
width:220px;
height:30px;
margin:0px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text5.gif') no-repeat left center;
}
.title6{
width:220px;
height:30px;
margin:0px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text6.gif') no-repeat left center;
}
.title7{
width:220px;
height:30px;
margin:0px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text7.gif') no-repeat left center;
}
.title8{
width:220px;
height:30px;
margin:0px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text8.gif') no-repeat left center;
}
.title9{
width:220px;
height:30px;
margin:10px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text9.gif') no-repeat left center;
}
.title10{
width:220px;
height:30px;
margin:0px 0px 10px -1px;
padding:3px 0px 0px 30px;
background:url('img/text10.gif') no-repeat left center;
}
/* ============== テキスト=============== */
.text{
    width:590px;
    margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	line-height:120%;
	font-size: 100%;
	color:#666666;
	border-bottom: dotted 1px #BAE169;
}

.text1{
width:580px;
font-size:100%;
margin:45px 0px 5px 20px;
color:#666666;
line-height:150%;
}

.text2{
    width:400px;
    font-size:100%;
    color:#666666;
    margin:0px 0px 20px 20px;
}

.text3{
    height:20px;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	line-height:180%;
	color:#2C276F;
	background: url("images/kc_i_spiral_b.gif") no-repeat  70px 0px;
	border-top: dotted 1px #BAE169;
}
.text4{
    margin: 10px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	line-height:120%;
	font-size: 100%;
	color:#2B266E;
}
/* ============== ライン装飾=============== */

.line{
	border-bottom:dashed 3px #BAE169;
    width:540px;
	margin: 0px 0px 0px 0px;
}
.line2{
margin-top:55px;
width:610px;
height:30px;
background:url('img/back3.gif') 0px 0px no-repeat;
}
/* ============== テーブル=============== */

table{
    margin:0px 0px 15px 20px;
    font-size:inherit;
    width:580px;
	font:100%;
	font-size:100%;
	line-height:140%;
	color:#666666;
}
table, th, td {
	border: none;
}
th {
	padding: 5px;
	border-top: solid 1px #B39E47;
	border-right: solid 1px #B39E47;
	border-bottom: solid 1px #B39E47;
	background-color: #994D4D;
	color: white;
	white-space: nowrap;
	width: 140px;
}
td {
	padding: 5px;
	border-right: solid 1px #B39E47;
	border-bottom: solid 1px #B39E47;
	background-color: lemonchiffon;
}
.rightcella {
	width: 370px;
	vertical-align:top;
}
.rightcellb {
    width: 120px;
}
.leftcella {
    width: 140px;
	border-left: solid 1px #B39E47;
}
.leftcellb {
    width: 150px;
	border-left: solid 1px #B39E47;
}
.course {
	background-color: khaki;
}
/* ============== リンクバナー =============== */

#bottomNavi	{
    display:block;
	width: 180px;

	margin:0px 0px 10px 1px;
	padding-top:70px;
}
#bottomNavi a	{
	width: 180px;
	height: 73px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#bottomNavi:after	{ height:0; visibility: hidden; display: block; clear: both; }
}
#bottomNavi .bnavi01 a	{
	background: url'(img/ql_tsuriba.jpg') no-repeat;
	margin-left:10px;
}
#bottomNavi .bnavi02 a	{
	background: url('img/ql_hikawacamp.jpg') no-repeat;
	margin-left:0px;
	margin-top:2px;
}
#bottomNavi .bnavi03 a	{
	background: url('img/ql_kawaicamp.jpg') no-repeat;
	margin-left:0px;
	margin-top:2px;
}
#bottomNavi .bnavi04 a	{
	background: url('img/ql_tsuriba.jpg') no-repeat;
	margin-left:0px;
	margin-top:2px;
}
#bottomNavi .bnavi05 a	{
	background: url('img/ql_moegi.jpg') no-repeat;
	margin-left:0px;
	margin-top:2px;
}
#bottomNavi .bnavi06 a	{
	background: url('img/ql_seseragi.jpg') no-repeat;
	margin-left:0px;
	margin-top:2px;
}
#bottomNavi .bnavi07 a	{
	background: url('img/ql_shikinoie.jpg') no-repeat;
	margin-left:0px;
	margin-top:2px;
}
#bottomNavi .bnavi08 a	{
	background: url('img/ql_water.jpg') no-repeat;
	margin-left:0px;
	margin-top:2px;
}
#bottomNavi .bnavi09 a	{
	background: url('img/ql_osk.jpg') no-repeat;
	margin-left:0px;
	margin-top:2px;
}
#bottomNavi a:hover	{
	background-position: 0 -73px;
}
