﻿@charset "utf-8";
/* CSS Document */


/*-- contents -----------------------------*/
#contmain {
	/*margin-top: 15px;*/
	/*float: left;*/
	/* width: 860px; */
	font-size: 105%;
	
	
	width: 860px;
	text-align:left; 
	margin: 15px auto;
}

#pan {
	font-size: 80%;
	width: 860px;
}

#contmain h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

#contmain h3 {
	margin-top: 25px;
}

#contmain h4 {
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #64b302;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	line-height: 100%;
	word-break:break-all;
}

#contmain h5 {
	font-size: 115%;
	color: #207f00;
	margin-bottom: 3px;
	font-weight: normal;
	white-space: nowrap;
}


div.kei {
	width: 606px;
	border: 1px solid #81c72b;
	margin-top: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

div.kei ul {
	margin-bottom: 10px;
}

div.kei li {
	margin-bottom: 3px;
}

div.kei li.num01 {
	background-image: url(../img/course/skill_li_num01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 23px;
}

div.kei li.num02 {
	background-image: url(../img/course/skill_li_num02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}

div.kei li.item {
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: circle;
}

h3.list {
	float: left;
	width: 400px;
	display: block;
}

div.date {
	text-align: center;
	width: 200px;
	border: 1px solid #207f00;
	color: #207f00;
	float: right;
	display: block;
	margin-top: 25px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}




div.course h5 {
	margin-top: 10px;
	width: 350px;
	float: left;
	white-space: nowrap;
}

div.course span.seat {
	display: block;
	float: right;
	/*width: 328px;*/
	width: 380px;
	margin-top: 10px;
	font-size: 105%;
	color: #207f00;
	margin-bottom: 3px;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}

div.course table {
	width: 860px;
	clear: both;
	margin-bottom: 5px;
}

div.course th , div.course td {
	border: 1px solid #C8C8C8;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}


div.course th.thitem01 {
	font-weight: bold;
	background-color: #f1f7ea;
	text-align: left;
	vertical-align: top;
	width: 70px; /* 2011/12/28 N.Yamada 70px→80px */
	white-space: nowrap; /* 2011/12/28 N.Yamada */
}

div.course td.tditem02 {
	font-weight: normal;
	background-color: #fce9c5;
	text-align: center;
	width: 55px; /* 2012/01/26 N.Yamada 55px→60px */
	white-space: nowrap; /* 2012/01/26 N.Yamada */
}

div.course td.tditem031 {
	font-weight: normal;
	background-color: #D3EFFC;
	text-align: center;
	width: 70px; /* 2013/11/26 N.Yamada 55px→70px */
	white-space: nowrap; /* 2013/11/26 N.Yamada */
}

div.course td.tditem032 {
    font-weight: normal;
	background-color: #dbfab1;
	text-align: center;
	width: 70px; /* 2012/01/26 N.Yamada 55px→70px */
	white-space: nowrap; /* 2013/11/26 N.Yamada */
}

div.course td.tditem033 {
    font-weight: normal;
	background-color: #dbfab1;
	text-align: center;
	width: 63px;
}

div.course td.tditem04 {
	font-weight: normal;
	background-color: #E8E4FC;
	text-align: center;
	width: 70px; /* 2013/11/26 N.Yamada 55px→70px */
	white-space: nowrap; /* 2013/11/26 N.Yamada */
}

div.course td.tdmon {
/*	background-color: #FFFFFF;  */
	width: 52px;
}

div.course td.tdday {
/*	background-color: #FFFFFF;  */
	width: 360px;
}

div.course td.tdseat {
/*	background-color: #FFFFFF;  */
	text-align: center;
	width: 20px;
	font-weight: bold;
}


div.course ul {
	margin-top: 5px;
}

div.course ul li {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
	margin-bottom: 3px;
}

div.course ul li ul li {
	margin-left: 25px;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 3px;
}

div.btn img {
	float: left;
}

/* <ADD> 2013/06/26 N.Yamada START */

div.jyu_other 
{
    width:840px;
	margin:10px; 
	padding:5px; 
	border: 1px solid #64b302;
}

div.jyu_other table
{
    width:830px;
}

div.jyu_other table td.column
{
    width:100px;
    border-width : 0px;
    vertical-align : top;
}

div.jyu_other table td.message
{
    width:730px;
    border-width : 0px;
}

.biko
{
    color : #FF0000;
}

/* <ADD> 2013/06/26 N.Yamada END */

/* サイドナビ ---------------------------------*/

#n_side {
	float: right;
	width: 206px;
	margin-top: 15px;
	border-top-width: 3px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-top-color: #64b302;
	border-bottom-color: #64b302;
	padding-bottom: 4px;
	border-bottom-style: solid;
	font-size: 105%; /* 追加 2010/01/22 N.Yamada */
}

#n_side h6 {
	font-size: 115%;
	color: #64b302;
	font-weight: bold;
	background-image: url(../img/course/i_side_h6.gif);
	background-repeat: no-repeat;
	margin-top: 13px;
	margin-bottom: 13px;
	padding-left: 18px;
	background-position: left 3px;
}

#n_side ul {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C8C8C8;
	border-bottom-color: #C8C8C8;
}

#n_side li {
	background-image: url(../img/course/i_side_li.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D2D2D2;
	background-position: left 14px;
}




/* クリア ---------------------------------*/


#contmain:after , div.date_wr:after , div.course:after , div.btn:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #contmain , div.date_wr , div.course , div.btn { height: 1% }
#contmain , div.date_wr , div.course , div.btn { display: block; }
/* End Hides from IE-mac \*/



