@charset "UTF-8";

/* base.css 
基本的なhtmlタグのスタイル指定　*/

/*========================================

   Text  

========================================*/

blockquote {
	margin: 1em 0 1em 20px;
	padding: 10px;
/*	border: 1px solid #ddd;*/
	color: #444;
}

pre {
	padding: 10px 20px;
	border-left: 6px solid #ddd;
	background-color: #f5f5f5;
	overflow: auto;
	width: 90%;
}

strong {
	color: #036;
	font-weight: bold;
}

em {
	/*color: #FF3200;*/
	font-style: italic;
}


/*========================================

   List

========================================*/

ul,
ol {
	margin: 1em 0px;
	padding: 0 0 0 20px;
	list-style-position: outside;
}

ul ul,ul ol,ul ol,ol ol {
	margin: 0.3em 0 0.3em 15px;
}


/*========================================

   Form  

========================================*/

form {
	margin: 1em 0;
/*	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;*/
/*	background-color: #FEFEFE;*/
/*  background-color: #f5f5f5;*/
}

fieldset {
	padding: 1px 0;
	border: none;
}

legend {
	padding: 0 10px;
	display: block;
}

input,
textarea {
	padding: 0.2em;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #eee #eee #ddd;
	background-color: #fff;
}

input:hover,
textarea:hover {
	border-color: #00a0dd;
}

textarea {
	padding: 0.5em 10px;
}

input.submit {
	padding: 2px 5px;
	border: none;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	/*	background-color: #01b0f0;*/
 	background-color: #858585;
}

input.submit:hover {
	background-color: #000;
}

input.radio {
	border: none;
	background-color: transparent;
	background-image: none;
}

/*========================================

   Table  

========================================*/

/* ボーダーだけのシンプルな表　*/

table.border-on {
  border-collapse: collapse;
  border: solid 1px #999;
}

table.border-on caption {
  margin-top: 1em;
  text-align: left;
}

table.border-on th,
table.border-on td {
	border: solid 1px #999;
	padding: 4px 6px;
	vertical-align: top;
}

table.border-on th {
  background: #E6E6E6;
  text-align: left;
  white-space: nowrap;
  color: #666;
}

table.border-on td.course {
  text-align: center;
  font-size: 200%;
  font-weight: bolder;
}

table.border-on td.time,
table.border-on td.fee {
  text-align: right;
  white-space: nowrap;
}


/* セルの下線のみ　*/

.tablelist{
	color:#333;
	border-collapse:separate;
	border:none;
}
.tablelist th{
	line-height: 2em;
	color: #333;
	text-align: left;
	padding: 3px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999;
	vertical-align: top;
}
.tablelist td{
	line-height: 2em;
	padding-left: 3px;
	color: #333;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999;
	vertical-align: top;
}


/* １行ごとにグレー行を入れてみやすくする　*/

.linecolor tr:nth-child(2n+1) {
	background-color: #F1F1F1;
}


/*　tdの左ラインのみ thの左にはなし　*/

.leftline{
	color:#333;
	border-collapse:separate;
	border-spacing:1px;
	border:none;
}
.leftline th{
	line-height:2em;
}
.leftline td{
	line-height:2em;
	padding-left:1em;
	color:#333;
	background-color:#FFF;
	border-top:none;
	border-right:none;
	border-left:1px solid #999;
}


/*　Table細　*/

.tableshape{
	padding:0px;
	margin:0px;
}
.tableshape tr,.tableshape td,.tableshape th{
	padding:0px;
	margin:0px;
}


/*　Tableなし　*/

.tableno{
	border:none;
}
.tableno tr,.tableno td,.tableno th{
	margin:-1px;
	padding:0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.koumoku{
	background-color:#ff9500;
	color:#fff;
	font-weight: bold;	
}

/*　Table 1border セルごとにひと枠　*/

.tablelist_b1{
	color: #333;
	background-color: #ffffff;
	border-collapse: separate;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.tablelist_b1 th{
	line-height:1em;
	color:#FFF;
	background-color:#999;
	font-size:90%;
	text-align: center;
}
.tablelist_b1 td{
	line-height:2em;
	padding-left:1em;
	color:#333;
	background-color:#FFF;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

/* セル内の文字配置　*/

.cell-top{
	vertical-align: top;
}
.cell-bottom{
	vertical-align: bottom;
}
.cell-left{
	text-align: left;
}
.cell-right{
	text-align: right;	
}