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;
}
.wrapper{
	position:relative;
	float:left;
	width:840px;
	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;
}
.box1{
    float:left;
	width:480px;
}
.box2{
    float:left;
	width:330px;
}
.line{
	border-bottom:dashed 1px #BAE169;
    width:500px;
	margin-left:70px;
}
.line2{
	border-bottom:dashed 1px #BAE169;
    width:645px;
	margin-left:70px;
}
.line3{
	border-bottom:dashed 1px #BAE169;
    width:550px;
	margin: 15px 0px 5px 60px;
}
.line4{
	border-bottom:dashed 3px #BAE169;
    width:550px;
	margin: 15px 0px 5px 65px;
}
.image{
	position:relative;
	float:left;
	width: 300px;
	height: 200px;
	margin: 12px 20px 20px 70px;
}

.image2{
	position:relative;
	float:left;
	width: 250px;
	height: 188px;
	margin: 30px 20px 10px 40px;
}
img{
	border:none;
	padding:0;
	margin:0;
}
.clear{
    clear:left;
}
.float{
    float:left;
}
/* ============== 左側部分 =============== */

.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_students.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_box{
    clear:left;
	width:196px;
	background: url("image/r_back.gif") repeat-y ;
}
.right_text{
	margin:35px 0px 0px 20px;
	padding-left:10px;
	font-size: 100%;
	line-height:170%;	
	color:#FFFFFF;
}
.hiddenImg {
	display: none;
}
.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;
}

/* ============== メニュー =============== */
#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;
}

/* ==============テーブル =============== */
.table{
    width:540px;
	margin-top:10px;
    margin-left:70px;  
	font:100%;
	font-size: 100%;
	line-height:18px;
	color:#2C391D;
	border-bottom: solid 10px #FFFFFF;
}
.tableg{
    width:660px;
	margin-top:10px;
    margin-left:70px;  
	font:100%;
	font-size: 100%;
	line-height:18px;
	color:#2C391D;
	border-bottom: solid 10px #FFFFFF;
}
table, th, td {
	border: none;
}
th {
	padding-left: 0px;
	padding-top: 3px;
	text-align:left;
	font-weight:normal;
	color: #FF7938;
}
td {
	padding-left: 0px;
	height:65px;
	vertical-align:top; 
	color:#374328;
}
.course {
	width: 150px;
}
.course a {
	padding-left: 0px;
	font-size: 100%;
	font-weight: nomal;
	text-decoration: none;
}
.course a:link {
	color:#374328;
}
.course a:visited {
	color:#374328;
}
.course a:hover {
	background-image:  url(images/icon2.gif);
	color: #FF7938;
}
.leftcell {
	width: 180px;
}
.leftcell2 {
	width: 220px;
}
.rightcell {
	width: 220x;
}
/* ============== フッター=============== */
.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;
}
/* ============== テキスト=============== */
h1{
    margin: 8px 0px 0px 65px;
	height: 20px;
	padding: 10px 0px 0px 20px;
	border: 0px;
	background: url("image/icon2.gif") no-repeat 0px 8px ;
	text-indent:4px;
	font-size: 110%;
	letter-spacing: 1px;
	color:#2C391D;
}
.text {
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 70px;
    line-height:150%;
	font-size: 100%;
	color:#2C391D;
}
.textb {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 10px 10px;
    line-height:100%;
	font-size: 100%;
	color:#2C391D;
}
.texta {
    margin: 10px 0px 10px 500px;
    padding: 0px 0px 0px 0px;
    line-height:150%;
	font-size: 100%;
	color: #374328;
}
.texta :link {
	color: #2E8B57;
	text-decoration: none;
}
.texta :visited {
	color: #2E8B57;
	text-decoration: none;
}
.texta :hover {
	color: darkorange;
	text-decoration: none;
}
.textc {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height:150%;
	font-size: 100%;
	color:#2C391D;
	text-decoration: none;
}
.textc :link {
	color: #2E8B57;
	text-decoration: none;
}
.textc :visited {
	color: #2E8B57;
	text-decoration: none;
}
.textc :hover {
	color: darkorange;
	text-decoration: none;
}
.textd {
    margin: 10px 0px 0px 70px;
    padding: 0px 0px 0px 0px;
    line-height:150%;
	font-size: 100%;
	color:#2C391D;
	text-decoration: none;
}
.textd :link {
	color: #2E8B57;
	text-decoration: none;
}
.textd :visited {
	color: #2E8B57;
	text-decoration: none;
}
.textd :hover {
	color: darkorange;
	text-decoration: none;
}
.text1{
    padding: 0px;
    line-height:130%;
	font-size: 100%;
	color:#2C391D;
}
.text2{
    height:20px;
	margin-top:10px;
	padding:5px 0px 0px 90px;
	font-family: Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 100%;
	color:#E1603B;
	background: url("images/kc_i_spiral_b.gif") no-repeat  65px 2px;
}
.text3{
	padding:0px 0px 5px 85px;
	font-family: Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:170%;
	font-size: 100%;
	color:#2C391D;
}
.text4{
    height:20px;
	margin-top:10px;
	padding:5px 0px 0px 85px;
	font-family: Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 100%;
	color:#E1603B;
}
.text5{
    height:20px;
	margin-top:10px;
	padding:5px 0px 0px 88px;
	font-family: Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 100%;
	font-weight: bold;
	color:#E1603B;
}
.text6{
    height:20px;
	margin:5px 0px 5px 0px;
	padding:5px 0px 0px 88px;
	font-family: Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 100%;
	color:#E1603B;
}
.text7 {
    margin: 8px 0px 0px 72px;
	padding: 0px 20px 0px 0px;
    line-height:150%;
	font-size: 100%;
	color:#2C391D;
}
.text7 :link {
	color: #2E8B57;
	text-decoration: none;
}
.text7 :visited {
	color: #2E8B57;
	text-decoration: none;
}
.text7 :hover {
	color: darkorange;
	text-decoration: none;
}