body {
margin: 0;
padding: 0;
background-color: #FFF;
color: #333;
text-align: left;
}
img {
border: 0;
}
p {
margin: 0;
padding: 0;
}

/*  */
#container {
width: 765px;
margin: 0;
padding: 0;
background: #03556B url(../images/bg_shadow01.gif) repeat-y right top;
text-align: left;
}
.underline {
text-decoration: underline;
}
.nowrap {
white-space: nowrap;
}
.dline03 {
background: url(../images/dline03.gif) repeat-x left top;
}
.dline04 {
background: url(../images/dline04.gif) repeat-x left top;
}
.sline02 {
background: url(../images/sline02.gif) repeat-x left top;
}


/* header-style */
#header {
width: 760px;
margin: 0;
padding: 0;
background: #03556B url(../images/header_bg01.gif) repeat-x left top;
}

/* content-style */
#content {
width: 760px;
margin: 0 0 30px;
padding: 0;
background: #03556B url(../images/content_bg01.gif) repeat-x left top;
}
/*
#lnav {
margin: 0;
padding: 0;
border-right: 1px solid #6496A3;
border-left: 1px solid #6496A3;
color: #FFF;
}
#lnav a {
color: #FFF;
}
*/
.lnavbtn {
height: 41px;
margin: 0;
padding: 0;

}
/*
.lnavbtn p {
margin: 0;
padding: 3px 0 3px 12px;
background: #03556B url(../images/ic_ar01.gif) no-repeat left center;
}






.lnavbtn01 p {
margin: 0;
padding: 3px 0 3px 12px;
background: #03556B url(../images/ic_ar01.gif) no-repeat left center;
}
*/


.lnavbtnon {
height: 41px;
margin: 0;
padding: 0;
background: #81A8B2 url(../images/lnav_bg01.gif) repeat-y left top;
}
.lnavbtnon p {
margin: 0;
padding: 3px 0 3px 12px;
background: url(../images/ic_ar04.gif) no-repeat left center;
}
.lnavbtn02 {
height: 41px;
margin: 0;
padding: 0;
}
.lnavbtn02 p {
margin: 0;
padding: 3px 0 3px 23px;
background: #03556B url(../images/ic_ar02.gif) no-repeat left center;
line-height:160%;
color:#CCCCCC;
}

/*
.lnavbtn022 p {
margin: 0;
padding: 3px 0 3px 23px;
background: #03556B url(../images/ic_ar02.gif) no-repeat left center;
line-height:160%;
color:#CCCCCC;
}
*/
.lnavbtn02on {
height: 41px;
margin: 0;
padding: 0;
background: #81A8B2 url(../images/lnav_bg02.gif) repeat-y left top;
}
.lnavbtn02on p {
margin: 0;
padding: 3px 0 3px 23px;
background: url(../images/ic_ar05.gif) no-repeat left center;
}


.lnavbtn03on p{

margin: 0;
padding: 0;
background: #81A8B2 url(../images/lnav_bg02.gif) repeat-y left top;
}
/*
.lnavline {
margin: 0;
padding: 0;
background: #03556B url(../images/dline02.gif) repeat-x left center;
}
*/
#topcopy {
width: 545px;
margin: 0;
padding: 15px 5px 25px;
color: #FFF;
}
.contentbox {
margin: 0;
padding: 0 0 5px;
background-color: #CDD9DC;
border-right: 1px solid #81AAB5;
border-bottom: 1px solid #81AAB5;
border-left: 1px solid #81AAB5;
}
.contentti {
height: 18px;
margin: 0;
padding: 0 10px 1px;
background: url(../images/contenttti.gif) repeat-y left center;
color: #023B4B;
}
#contentnav p {
margin: 5px 10px;
padding: 0;
}
.contentbg {
margin: 0;
padding: 0;
background-color: #CDD9DC;
border-right: 1px solid #81AAB5;
border-left: 1px solid #81AAB5;
}
.contentbg p {
margin: 0 3px;
padding: 0;
}
.contenttable {
margin: 0;
padding: 0;
border: 1px solid #819DA5;
}
.contenttable p {
margin: 5px 8px;
padding: 0;
}
.lessonbg01 {
background: url(../lesson/images/bg01.gif) repeat-y left top;
}


/* footer-style */
#fnav {
width: 750px;
height: 30px;
margin: 0 5px;
padding: 0;
background: url(../images/dline01.gif) repeat-x left top;
color: #FFF;
}
#fnav p {
margin: 5px 0;
padding: 0;
}
#fnav a {
color: #FFF;
}
#copyright {
width: 760px;
height: 45px;
margin: 0;
padding: 8px;
background: url(../images/sline01.gif) repeat-x left top;
font-family: Verdana, Arial, sans-serif;
color: #FFF;
}
#copyright a {
color: #FFF;
}


/* form-style */

/* table-style */
.tableStl01 {
margin: 10px 0 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border-top: 1px solid #CDD9DC;
border-left: 1px solid #CDD9DC;
}
.tableStl01 td {
padding: 6px 9px;
border-right: 1px solid #CDD9DC;
border-bottom: 1px solid #CDD9DC;
}
.tableStl01 td.dotted {
padding: 6px 9px;
background: url(../images/dline05.gif) repeat-y right top;
border-bottom: 1px solid #CDD9DC;
}
.tableStl02 {
margin: 10px 0 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
}
.tableStl02 td {
padding: 6px 6px 6px 3px;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}
.tableStl02 td.rnone {
padding: 6px 0 6px 6px;
background-color: #C3D6DB;
border-right: none;
border-bottom: 1px solid #FFF;
}
.tableStl02 td.rnone02 {
padding: 6px 0 6px 6px;
background-color: #CEDEE2;
border-right: none;
border-bottom: 1px solid #FFF;
}
.tableStl03 {
margin: 5px 0 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
}
.tableStl03 td {
padding: 6px 8px;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}
.tableStl03 td.dotted01 {
background-color: #C3D6DB;
border-bottom: 1px dotted #FFF;
border-right: 1px solid #FFF;
}


/*@background-color@*/
.bgwhite {
background-color: #FFF;
}
.bgblack {
background-color: #000;
}
.bggraye3 {
background-color: #E3E3E3;
}
.bgbgray {
background-color: #CDD9DC;
}
.bglgreen01 {
background-color: #C3D6DB;
}
.bglgreen02 {
background-color: #CEDEE2;
}
.bglgreen03 {
background-color: #81AAB5;
}
.bglgreen04 {
background-color: #A7C4CB;
}
.bglgreen05 {
background-color: #B7CED4;
}

/* text-decoration */
.underline {
text-decoration: underline;
}
	
/*@font-color@*/
.white {
color: #FFF;
font-size:12px;
}
.gray333 {
color: #333;
}
.gray666 {
color: #666;
}
.gray999 {
color: #999;
}
.red {
color: #F00;
}
.dgreen {
color: #023B4B;
}

/* 牺͍Ōɍ폜 */

a:link {color:#06C;}
a:visited {color:#06C;}
a:active {color:#06C;text-decoration:none;}
a:hover {color:#06C;text-decoration:none;}

.txtop {
	font-size: 110%;
	line-height: 150%;
}
.txto {
	font-size: 110%;
	line-height: 130%;
}
.txtom {
	font-size: 110%;
	line-height: 125%;
}


.txtxlp {
	font-size: 100%;
	line-height: 150%;
}
.txtxl {
	font-size: 100%;
	line-height: 130%;
}
.txtxlm {
	font-size: 100%;
	line-height: 125%;
}


.txtlp {
	font-size: 90%;
	line-height: 150%;
}
.txtl {
	font-size: 90%;
	line-height: 130%;
}
.txtlm {
	font-size: 90%;
	line-height: 125%;
}


.txtmp {
	font-size: 80%;
	line-height: 150%;
}
.txtm {
	font-size: 80%;
	line-height: 130%;
}

.txtm_1 {
	font-size: 100%;
	line-height: 130%;
}

.txtmm {
	font-size: 80%;
	line-height: 125%;
}

.txtsp {
	font-size: 70%;
	line-height: 150%;
}
.txts {
	font-size: 70%;
	line-height: 130%;
}
.txtsm {
	font-size: 70%;
	line-height: 120%;
}

.txtxsp {
	font-size: 60%;
	line-height: 150%;
}
.txtxs {
	font-size: 60%;
	line-height: 130%;
}
.txtxsm {
	font-size: 60%;
	line-height: 120%;
}

/*--------------------------09/27----*/

.menu_1{
	margin: 0;
	background: #03556B url(../images/ic_ar01.gif) no-repeat left center;
	padding-left:12px;
	font-size:12px;
	line-height:40px;
}




.menu_2{
	margin: 0;
	background: #03556B url(../images/ic_ar01.gif) no-repeat left center;
	line-height:150%;
	padding-left:12px;
	font-size:12px;
	padding-top:6px;
	padding-bottom:3px;
}

#navi01 {
	margin: 0;
	padding: 5px 0 3px 25px;
	line-height:150%;
	background: #03556B url(../images/ic_ar02.gif) no-repeat left center;
	font-size:12px;
	color:#99CC66;
}

#navi01 a{
	text-decoration:none;
	color:#FFFFCC;
}

#navi01 a:hover{
	color:#66CC00;
	text-decoration:none;
}

#navi02 {
	height: 41px;
	margin: 0;
	padding: 12px 0 3px 25px;
	background: #03556B url(../images/ic_ar02.gif) no-repeat left center;
	font-size:12px;
	color:#99CC66;
}

#navi02 a{
	text-decoration:none;
	color:#FFFFCC;
}

#navi02 a:hover{
	color:#66CC00;
	text-decoration:none;
}


.navi03{
	height:41px;
	margin: 0;
	padding: 3px 0 3px 23px;
	background: #03556B url(../images/ic_ar02.gif) no-repeat left center;
	font-size:12px;
	line-height:150%;
}

.navi04{
	height:41px;
	margin: 0;
	padding: 3px 0 3px 23px;
	background: #03556B url(../images/ic_ar02.gif) no-repeat left center;
	font-size:12px;
	line-height:40px;
}



.txt_menu{ color:#FFCC66; font-weight:bold; font-size:12px; margin:10px 1px 1px 1px; line-height:120%; border:#FFFFFF dotted 1px;
padding:5px 2px 5px 3px; background:#095B6C;}



.frm01{ margin:0px 10px 0px 10px;}
.frm02{ margin:10px 5px 5px 20px;}







/*--------------------------------*/
.top5{ margin-top:5px;}
.top10{ margin-top:10px;}
.top15{ margin-top:15px;}
.top20{ margin-top:20px;}

.bottom10{ margin-bottom:10px;}

.left5{ margin-left:5px;}
.left10{ margin-left:5px;}
.left15{ margin-left:15px;}
.left20{ margin-left:20px;}
.left25{ margin-left:25px;}

.right10{ margin-right:10px;}


.content_top {
	margin: 0;
	background-color: #CDD9DC;
	width:545px;
}

.content {
margin: 0;
background-color: #CDD9DC;
border-right: 1px solid #81AAB5;
border-bottom: 1px solid #81AAB5;
border-left: 1px solid #81AAB5;
border-top: 1px solid #81AAB5;
width:543px;
line-height:160%; font-size:12px;
}
.content_01{ margin:0px 10px 0px 5px; line-height:160%; font-size:12px;background-color: #CDD9DC;}


/*----------------------------repoto-------*/
.frm_repoto{ margin:10px 10px 10px 10px; line-height:200%; border:solid #587585 1px; padding:10px 10px 10px 10px;}
.frm_table{ margin:10px 10px 10px 10px; font-size:12px;}
.frm_td1{ padding:3px 3px 3px 10px; line-height:150%; background-color:#cedee2; font-size:12px;}
.frm_td{ padding:3px 3px 3px 10px; line-height:150%; background-color:#81aab5; color:#FFFFFF; font-size:12px;}


/*---------------------------------text-------*/

.txt_blue01{ color:#095B6C;}
.txt_red{ color:#FF0000;}
.txt_green{ color:#669900;}
.txt_black{ font-size:12px; line-height:170%;}
.txt_grey01{ color:#666666; font-size:12px;}


/*------------------------------------------kiyaku-------------*/

.kiyaku_01{ font-size:14px; color:#666666; line-height:180%;}
.kiyaku_01 a{ color:#336699; text-decoration:none;}
.kiyaku_01 a:hover{ color:#FF9900;}


.tablekiyaku {
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
}
.tablekiyaku th {
	background-color:#DCE7BA;
	font-size:12px;
	padding: 3px 3px 3px 3px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align:left;
	font-weight:normal;
}

.tablekiyaku td {
	font-size:12px;
	padding: 3px 3px 3px 3px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-weight:normal;
}

/*-------------------------------rinku----------------*/

.frm_rinku{ background-color:#63b8b8; margin:0px 10px 10px 1px; padding:10px 10px 10px 10px; line-height:12px;}
.frm_top{ line-height:180%; font-size:12px; margin-left:20px;}

.frm_525{ width:525px; margin-left:3px;}
.frm_tokutyo{ background:url(../images/frm_tokutyo.gif) top repeat-y; padding:0px 10px 0px 10px;}
.txt_top{ font-size:14px; line-height:180%;}



h1 {
	margin: 0px;
	padding: 0px;

}

#h_1_i a{
	width:251px;
	height:83px;
	text-indent: -9999px;
	text-decoration: none;
	float: left;
	clear: both;
	background-image: url(../images/logo01.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}


#back{
	height:83px;
	background-image: url(../images/img01.jpg);
	background-repeat: no-repeat;
	background-position: 98%;
}

#kaiin a{
	position:absolute;
	width:150px;
	height:75px;
	left: 600px;
	top: 9px;
	text-indent: -9999px;
}
#kaiin a:hover { background: url(../images/img01_01.jpg) no-repeat 0 0; }

#taiken a{
	position:absolute;
	width:137px;
	height:34px;
	left: 613px;
	top: 50px;
	background-image: url(../images/img01_02.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.cam2 a { 
display:block; 
background:url(../images/camp-bnr2.jpg) 0 0 no-repeat;
width:545px;
height:85px;
text-indent:-9999px;
outline:none; 
margin-bottom:15px;
}
.cam2 a:hover { background-position:bottom; }

p.cam {
  margin:10px 0 0;}