body{
    background: url("image/bg.gif") repeat-y;
	background-position:center;
	margin:0;
	padding:0;
}

/* ============== レイアウト =============== */

.body{
    width:840px;
    font:12px Osaka,"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
	margin-left:auto;
    margin-right:auto; 
}
.hedder{
    width:840px;
	height: 50px;
	background: url("image/hc_header_back.gif") no-repeat;
}
.h_img1{
    position:relative;
    width:216px;
	height: 31px;
	margin:10px 10px 0px 10px;
	float:left;
}
.h_img2{
    position:relative;
    width:155px;
	height: 22px;
	margin-left:670px;
	padding-top:14px;
}
.content{
	clear:left;
	position:relative;
	width:840px;
    margin-left:auto;
    margin-right:auto;  
	text-align:left;
	background: url("image/hc_leaf.gif") repeat-y;
}
.back{
	width:840px;
    margin-left:auto;
    margin-right:auto;  
	background: url("image/r_back.gif") repeat-y 644px 0px;
}
.tbox{
    width:620px;
	margin-left:auto;
    margin-right:auto;
	margin-bottom:25px;
}
.line{
	border-bottom:dashed 3px #BAE169;
    width:540px;
	margin: 15px 0px 15px 60px;
}
.footer{
    clear:both;
    margin-top:10px;
    border-top:2px solid #4D5840;
	height:40px;
	width:840px;
	background-color: #FFFFFF;
	background: url("image/copyright.jpg") no-repeat ;
	background-position:right; 
	border-bottom:solid 1px #C7C7C7;
}
.clear{
    clear:both; 
}
/* ============== 左側部分 =============== */

.left{
	position:relative;
	float:left;
	width:644px;

}
.left_title{
	clear:both;
	position:relative;
	margin-top:25px;
	margin-left: 0px;
	margin-bottom: 20px;
	background: url("image/kc_t_link.gif") no-repeat ;
	width:610px;
	height:50px;
}

/* ============== 右側部分 =============== */

.right{
	position:relative;
	padding:90px 0px 0px 0px;
	float:left;
	width:196px;
	height:550px;
	background: url("image/hc_right2.gif") no-repeat ;
}
.right_title{
	margin-top: 33px;
	margin-left: 5px;
	margin-bottom: 10px;
	background: url("images/kc_t_grouplink.gif") no-repeat ;
	width:220px;
	height:30px;
}
.right_text{
	margin:50px 0px 0px 20px;
	padding-left:10px;
	font-size: 100%;
	line-height:170%;	
	color:#FFFFFF;
}
.right p {
    font-size: 100%;
	width: 170px;
	margin-left:10px;
	padding: 0px 0px 10px 0px;
	border-bottom: dashed 1px #FFFFFF;
}
.right p {
    font-size: 100%;
	width: 180px;
	margin-left:5px;
	padding: 0px 0px 10px 0px;
	border-bottom: dashed 1px #FFFFFF;
}
.right a {
    margin-left:10px;
	padding-left: 20px;
	background-image: url(image/clickmark.gif);
	background-repeat: no-repeat;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
.right a:link {
	color: #FFFFFF;
}
.right a:visited {
	color: #FFFFFF;
}
.right a:hover {
	background-image: url(images/clickmark.gif);
	color: #E1603B;
}
.hiddenImg {
	display: none;
}

/* ============== テーブル =============== */

table, th, td {
	border: none;
}
.table{
    width:560px;
	margin-top:10px;
    margin-left:58px;  
	font:100%;
	font-size:100%;
	line-height:120%;
	color:#2C391D;
	border-bottom: solid 10px #FFFFFF;
}
table, th, td {
	border: none;
}
th {
	padding: 5px 5px 5px 0px;
	text-align:left;
	font-weight:normal;
	border-bottom: dotted 1px #374328;
	white-space: nowrap;
}
td {
	padding: 5px 5px 5px 0px;
	border-bottom: dotted 1px #374328;
}
.course {
	width: 250px;
}
.course2 {
	width: 400px;
}
.course a {
	padding-left: 15px;
	background-image:  url(images/icon1.gif);
	background-repeat: no-repeat;
	font-size: 100%;
	font-weight: nomal;
	text-decoration: none;
}
.course a:link {
	color:#2C391D;
}
.course a:visited {
	color:#2C391D;
}
.course a:hover {
	background-image:  url(images/icon2.gif);
	color: #FF7938;
}
.leftcell {
	border-left: solid 1px #FFFFFF;
}

/* ============== メニュー =============== */

#globalNavi	{
	width: 840px;
	height:35px;
	margin-top:0px;
	margin-left:0px;
	background: url("image/hc_menu_back.gif") no-repeat ;
}
#globalNavi a	{
	height: 35px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#globalNavi:after	{ height:0; visibility: hidden; display: block; clear: both; }
#globalNavi div	{
	float: left;
}
#globalNavi .gnavi01 a	{
    margin-left:115px;
	background: url(image/m_1.gif) no-repeat;
	width: 96px;
}
#globalNavi .gnavi02 a	{
	background: url(image/m_2.gif) no-repeat;
	width: 90px;
}
#globalNavi .gnavi03 a	{
	background: url(image/m_3.gif) no-repeat;
	width: 89px;
}
#globalNavi .gnavi04 a	{
	background: url(image/m_4.gif) no-repeat;
	width: 146px;
}
#globalNavi .gnavi05 a	{
	background: url(image/m_5.gif) no-repeat;
	width: 103px;
}
#globalNavi .gnavi06 a	{
	background: url(image/m_6.gif) no-repeat;
	width: 86px;
}
#globalNavi a:hover	{
	background-position: 0 -35px;
}

.text1{
    height:20px;
	margin-top:0px;
	padding:4px 0px 0px 75px;
	font-size:100%;
	color:#E1603B;
	background: url("image/icon2.gif") no-repeat  52px 0px;
}
.text6 {
    margin: 10px 0px 10px 500px;
    line-height:150%;
	font-size: 100%;
	color:#2C391D;
}
.text6 :link {
	color: #2E8B57;
	text-decoration: none;
}
.text6 :visited {
	color: #2E8B57;
	text-decoration: none;
}
.text6 :hover {
	color: darkorange;
	text-decoration: none;
}
