@charset "EUC-JP";

/*--ヘッダー用 --*/
.he1 {
   background-image:   url(/co/img/head/h1-back.gif);
   background-repeat: x-repeat;
   border-top:3px solid #002A5B;
   margin:0;
}
.he1 td {
   height:67px;
}
.he1 td a {
   margin-right:10px;
}
.he2 {
   width:780px;
}
/*-- フッター用--*/
.f {
   background-color:#FFFFFF;
   border-top:3px solid #002A5B;
   margin:0;
}
.f td  {
   padding-top:10px;
   padding-bottom:25px;
}
/*-- フッター上、ページトップへ用 --*/
.gotop {
   background-image:   url(/co/img/foot/gotop_back.gif);
   background-repeat: repeat-x;
   height:19px;
   width:700px;
   text-align:right;
   margin-bottom:20px;
}

/*-- トップページメインPIC用 --*/
.main-p {
   background-image:   url(/co/img/main-p_back.gif);
   background-repeat: repeat-x;
}
.main-p th {
   padding-left:20px;
   padding-top:21px;
   padding-bottom:25px;
   vertical-align:top;
   width:400px;
}
.main-p td {
   padding-right:20px;
   padding-top:21px;
   padding-bottom:25px;
   vertical-align:top;
   width:340px;
}

/*-- トップページ・メイン枠テーブル・右部分用 --*/
.top-r2 {
   border:1px solid #8F8F8F;
   margin:0 0 10px 0;

}
.top-r2 th {
   padding:10px;
   vertical-align:top;
}
.top-r2-2 {
  padding:10px 10px 10px 0;
  font-size:0.7em;
  line-heigt:1.2;
  color:#666666;
  text-align:left;
   vertical-align:top;
}
.top-r2-2 div {
  margin-top:7px;
}
.top-r2-2 a {
  color:#4A7CD5;
  margin-left:5px;
}
/*-- トップページ新着お知らせ用 --*/
.news {
   margin-top:7px;
}
.news th {
   font-size:0.8em;
   font-weight:normal;
   color:#737373;
   padding:4px 10px;
   text-align:right;
   white-space:nowrap;
   vertical-align:top;
}
.news th img {
   vertical-align:middle;
   margin-left:10px;
}
.news td {
   font-size:0.8em;
   color:#3366CC;
   padding:4px 0 4px 0;
   width:auto;
}
.news td a {
   color:#4A7CD5;
}
.news td b {
   padding-right:10px;
}

.news td.no-data {
	text-align: center;
	font-size: 12px;
	color: #444444;
}
.back-num {
   background-image:   url(/co/img/backnum_back.gif);
   background-repeat: repeat-x;
   height:20px;
   text-align:right;   
}
/*-- トップページ採用情報用 --*/
.rec {
   margin-top:20px;
}
.rec td {
   background-image:   url(/co/img/top-go-recruit_back.jpg);
   background-repeat: no-repeat;
   vertical-align:top;
   width:300px;
}
.rec td div.rec1 {
   padding-top:15px;
   padding-left:40px;
   font-size:0.8em;
}
.rec td div {
   padding-top:8px;
   padding-left:40px;
   font-size:0.8em;
}
.rec td div a {
   color:#4A7CD5;
   padding-left:7px;
}

/*-- タイトル画像用 --*/
div.ti {
   background-image:   url(/co/img/ti_back.jpg);
   background-repeat: no-repeat;
   width:510px;
}
div.ti2 {
   background-image:   url(/co/img/ti2_back.jpg);
   background-repeat: no-repeat;
   width:480px;
}
/*-- タイトル用--*/
.ti-t {
   background-image:   url(/co/img/ti-t_back.gif);
   background-repeat: repeat-y;
}
.ti-t td {
   font-size:0.8em;
   color:#666666;
   padding:10px 15px;
   line-height:1.4;
}
.plus {
   font-size:0.8em;
   color:#666666;
   line-height:1.2;
   padding:5px;
}

/*-- ローカルページ用 --*/
h1.ti {
   font-size:0.9em;
   color:#333333;
   margin:5px 0;
   padding-left:8px;
   border-left:3px solid #333333;
}
h2.com {
   font-size:0.8em;
   font-weight:normal;
   color:#777777;
   line-height:1.3;
   margin-top:0;
   margin-bottom:5px;
}


div.b-com{
   font-size:0.8em;
   color:#777777;
   line-height:1.4;
   margin-bottom:10px;
}
div.b-com a {
   color:#4A7CD5;
   margin-right:10px;
   margin-left:10px;
}
dl {
   margin:0;
}
dl dt {
}
dl dd {
   margin-left:15px;
}

/*-- ローカルページ・テーブル用 --*/
.lo-t1 {
   border-collapse:collapse;
   margin-top:8px;
}
.lo-t1 th{
   font-size:0.8em;
   line-height:1.3;
   color:#333333;
   font-weight:normal;
   padding:7px;
   text-align:left;
   background-color:#E6E6E6;
   border:1px solid #FFFFFF;
   vertical-align:top;
}
.lo-t1 td{
   font-size:0.8em;
   line-height:1.3;
   padding:7px;
   border-top:1px solid #E6E6E6;
   border-bottom:1px solid #E6E6E6;
   color:#333333;
   vertical-align:top;
}
.lo-t1 td a {
   color:#003399;
}

.lo-t1-2 {
   border-collapse:collapse;
}

.lo-t1-2 th {
   background-color:#FFFFFF;
   border:1px solid #FFFFFF;
   padding:1px 7px 1px 0;
   white-space:nowrap;
   vertical-align:top;
}
.lo-t1-2 td {
   background-color:#FFFFFF;
   border:1px solid #FFFFFF;
   padding:1px;
   vertical-align:top;
}


.lo-t2 {
   border-collapse:collapse;
   margin-top:7px;
}
.lo-t2 th{
   font-size:0.8em;
   color:#06396E;
   padding:7px;
   vertical-align:middle;
   background-color:#EEFFFF/*#EFF6FF*/;
   border:1px solid #FFFFFF;
}
.lo-t2 td{
   font-size:0.8em;
   line-height:1.2;
   padding:2px 7px;
   border:1px solid #FFFFFF;
   color:#666666;
}
.lo-t2 td.next {
   color:#336699;
   text-align:center;
}



.lo-t3 {
   border-collapse:collapse;
   margin-top:7px;
}
.lo-t3 th{
   font-size:0.8em;
   color:#06396E;
   padding:7px;
   vertical-align:middle;
   background-color:#EFF6FF;
   border:1px solid #FFFFFF;
   white-space:nowrap;
}
.lo-t3 td{
   font-size:0.8em;
   line-height:1.2;
   padding:2px;
   border:1px solid #FFFFFF;
   color:#666666;
   vertical-align:middle;
}
.lo-t3 td.ti {
   font-weight:bold;
   color:#555555;
}
.lo-t3 td.next {
   color:#336699;
   text-align:center;
}


/*-- ローカルページ・講師紹介用 --*/
.lo-t4 {
   border-collapse:collapse;
   margin-top:10px;
}
.lo-t4 th {
   width:10px;
   height:183px;
}
.lo-t4 td.l {
   border-top:1px solid #909090;
   border-bottom:1px solid #909090;
   border-left:1px solid #909090;
   width:78px;
   height:183px;
}
.lo-t4 td.r {
   border-top:1px solid #909090;
   border-bottom:1px solid #909090;
   border-right:1px solid #909090;
   padding:20px 12px;
   height:183px;
   vertical-align:top;
   font-size:12px;
   color:#737373;
   line-height:1.5;
}
.lo-t4 td.r div {
   margin-top:10px;
   margin-bottom:10px;
}
.lo-t4 td.r a {
   color:#4A7CD5;
   margin-left:5px;
}
.lo-t4 td.r img {
  vertical-align:middle;
}

/*-- ローカルページ・枠画像テーブル用 --*/
.lo-t5 td {
   background-image:   url(/co/img/lo-t5-back.gif);
   background-repeat: repeat-y;
   padding:15px;
   font-size:0.8em;
   line-height:1.4;
   color:#333333;
}



/*-- ローカルページ・枠画像テーブル・ニュース用 --*/
.lo-t6 {
   background-image:   url(/co/img/lo-t5-back.gif);
   background-repeat: repeat-y;
}
.lo-t6 td {
   padding:2px 4px 6px 15px;
   font-size:0.8em;
   color:#666666;
   vertical-align:top;
}

/*-- ローカルページ・枠画像テーブル・ニュース・縦幅広い版用 --*/
.lo-t7 {
   background-image:   url(/co/img/lo-t5-back.gif);
   background-repeat: repeat-y;
}
.lo-t7 td {
   padding:7px 4px 7px 15px;
   font-size:0.8em;
   color:#666666;
   vertical-align:top;
   border-bottom:1px dashed #CCCCCC;
}

/*-- ローカルページ・枠画像テーブル・ニュース・マスコミ掲載用 --*/
.lo-t8 {
   background-image:   url(/co/img/lo-t5-back.gif);
   background-repeat: repeat-y;
}
.lo-t8 td {
   padding:7px 10px;
   font-size:0.8em;
   line-height:1.6;
   color:#666666;
   vertical-align:top;
   border-bottom:1px dashed #CCCCCC;
}
.lo-t8 td b {
   margin-left:10px;
   margin-right:7px;
   color:#003399;
}
.lo-t8 td div {
   margin:10px;
}
.lo-t8 td img {
   text-align:right;
}

/*-- ローカルページ・枠画像テーブル・電子広告用 --*/
.lo-t9 {
   background-image:   url(/co/img/lo-t5-back.gif);
   background-repeat: repeat-y;
}
.lo-t9 td {
   padding:5px 4px 5px 15px;
   font-size:0.8em;
   color:#666666;
   vertical-align:middle;
}

/*-- ローカルページ・リクルート・中途採用エントリーフォーム用 --*/
.lo-t10 {
   border-collapse:collapse;
   margin-top:8px;
}
.lo-t10 th{
   font-size:0.8em;
   line-height:1.3;
   color:#FFFFFF;
   padding:7px;
   background-color:#000066;
   border-bottom:3px solid #568BFF;
   vertical-align:top;
}
.lo-t10 td{
   font-size:0.8em;
   line-height:1.3;
   padding:7px 7px 7px 35px;
   border:1px solid #E6E6E6;
   color:#333333;
   vertical-align:top;
}

/*-- ローカルページ・テーブル用 --*/
.lo-t11 {
   border-collapse:collapse;
   margin-top:8px;
}
.lo-t11 th{
   font-size:0.8em;
   line-height:1.3;
   color:#003366;
   font-weight:normal;
   padding:7px;
   background-color:#E5EEFF;
   border:1px solid #FFFFFF;
   vertical-align:top;
}
.lo-t11 td{
   font-size:0.8em;
   line-height:1.3;
   padding:7px;
   border:1px solid #E5EEFF;
   color:#333333;
   vertical-align:top;
}


/*-- ローカルページ・社員の声・FAQ用 --*/
h4.qu {
   border-left:3px solid #6699FF;
   margin:15px 0 5px 5px;
   padding:2px 5px;
   font-size:0.9em;
   color:#24518C;
}
h4.qu2 {
   background-color:#E6F5FF;
   border-left:3px solid #6699FF;
   margin:5px 0 5px 5px;
   padding:2px 5px;
   font-size:0.9em;
   color:#24518C;
}
div.an {
   font-size:0.8em;
   line-height:1.3;
   color:#444444;
   margin-left:10px;
}

/*-- ローカルページ・講師陣 --*/
.kosi th {
   padding-top:5px;
   padding-bottom:5px;
}
.kosi td {
   font-size:12px;
   color:#555555;
   width:102px;
   padding:2px;
   vertical-align:top;
}
.kosi td strong {
   color:#003366;
   line-height:1.2;
}


/*-- インストラクター情報一覧用 --*/
.c-list {
   margin-bottom:30px;
}
.c-list th {
   text-align:right;
   padding:5px 2px;
   vertical-align:top;
	 border-bottom:#666666 1px dotted;
}
.c-list td {
   padding:5px;
   font-size:0.8em;
   border-bottom:#666666 1px dotted;
}
.c-list td b {
   font-size:110%;
   line-height:1.3;
   color:#003366;
}
.c-list td div {
   font-size:0.8em;
   color:#666666;
   line-height:1.2;
   padding-left:10px;
   padding-bottom:10px;
}

/*-- フォーム関連用 --*/
.form1 {
   border-collapse:collapse;
}
.form1 th {
   /*border:1px solid #568ac6;*/
   border:1px solid #FFFFFF;
   font-size:0.8em;
   font-weight:normal;
   color:#555555;
   text-align:left;
   background-color:#E6F5FF;
   padding:7px 4px 7px 15px;
}
.form1 th span {
   color:#FF0000;
   padding-left:7px;
}
.form1 td {
   /*border:1px solid #568ac6;*/
   border:1px solid #C8E9FF;
   font-size:0.8em;
   padding:7px 8px;
}
.form1 td span {
   color:#666666;
   padding:5px 0;
}
.form1 table th {
   border:1px solid #FFFFFF;
}
.form1 table td {
   border:1px solid #FFFFFF;
   padding:2px 0;
}

.formti {
   color:#003366;
   border-left:3px solid #003366;
   font-size:0.9em;
   margin:20px 0 7px 0;
   padding-left:7px;
}

.formcom{
   color:#666666;
   font-size:0.8em;
   line-height:1.5;
   margin:7px 0;
}
.caution {
   font-size:0.8em;
   line-height:1.5;
   text-align:center;
   color:#FF0000;
   padding:7px;
}

/*-- フォームボタン用 --*/
input.btn_l {
  background-color:#e7f7ff;
  border : double 3px #999999;
  color:#777777;
  width:150px;
}

input.btn_s {
  background-color:#e7f7ff;
  border : double 3px #999999;
  color:#777777;
}


/*-- サイトマップ用 --*/
.map th {
   font-size:0.8em;
   color:#0066FF;
   padding:5px 2px 5px 40px;
   text-align:left;
   border-bottom:1px dotted #CCCCCC;
   font-weight:normal;
}
.map th a {
   color:#003366;
}
.map td {
   font-size:0.8em;
   line-height:1.5;
   padding:5px 2px 5px 13px;
   vertical-align:top;
   border-bottom:1px dotted #CCCCCC;
}
.map td a {
   color:#999999;
   text-decoration:none;
}

/*-- お問い合わせ用 --*/
.contact {
   background-color:#EFEFEF;
   color:#666666;
   font-size:0.9em;
   padding:4px 12px;
   border-left:2px solid #CCCCCC;
   border-bottom:1px solid #CCCCCC;
   margin:25px 0 5px 0;
}
.contact a {
   color:#666666;
}

.sem_title{
	font-weight: bold;
	color: #0066CC;
}

.seminer th{
	width: 120px;
	text-align: left;
	background-color:#EFEFEF;
	color:#666666;
	font-size:0.8em;
	font-weight: normal;
}

.seminer td{
	background-color:#FFFFFF;
	color:#666666;
	font-size:0.8em;
	font-weight: normal;
	padding: 5px;
}

.warning{
	font-weight: bold;
	font-size: 0.8em;
}

.koushu th{
	text-align: left;
	background-color:#EFEFEF;
	color:#666666;
	font-size:0.8em;
	font-weight: normal;
}

.koushu td{
	background-color:#FFFFFF;
	color:#666666;
	font-size:0.7em;
	font-weight: normal;
	padding: 5px;
	vertical-align: top;
}


/* ローカルメニュー箇所blog差込 */
.blog-t {
	background-image:url(/co/img/local/blog-t.jpg);
	background-repeat:no-repeat;
	width:160px;
	font-size:80%;
	font-weight:normal;
	line-height:1.3;
	color:#FFFFFF;
	padding:14px 5px 5px 60px;
	margin-top:10px;
}
.blog-t a {
	color:#FFFFFF;
	text-decoration:none;
}
.blog-t a:hover {
	color: #0099FF;
	text-decoration:underline;
}

/* メイン箇所blog差込 */
.blog-menu {
	font-size:80%;
}
.blog-menu span {
	color:#99CCFF;
}
.blog-menu-block {
	width:255px;
	float:left;
}
.blogtitle {
	font-size: 80%;
	padding-right:15px;
}
.blogcom {
	width:235px;
}
.blogphoto{
	width: 90px;
	float:left;
	text-align:left;
}
.blogtext {
	width: 140px;
	font-size: 80%;
	color: #555555;
	line-height: 1.2;
	float:left;
	text-align:left;
}
.blog-go {
	clear:both;
	font-size:80%;
	text-align:right;
}
img.init-size {
	display: none;
}


.co-news {
	background: url('/co/img/lo-t5-back.gif') repeat-y 0px 0px;
}
.co-news td {
	font-size: 13px;
	color: #666666;
	vertical-align: top;
}

.co-news td.co-news-title{
	color: #003399;
	font-weight: bold;
	padding: 8px 0px 0px 12px;
}

.co-news td.co-news-date{
	text-align: right;
	padding: 8px 12px 0px 0px;
}

.co-news td.co-news-body{
	width: 400px;
	padding: 8px 12px 8px 12px;
	line-height: 18px;
	border-bottom: 1px dotted #CCCCCC;
}

.co-news td.co-news-img{
	width: 160px;
	text-align: right;
	padding: 8px 12px 8px 0px;
	border-bottom: 1px dotted #CCCCCC;
}

.co-news td.co-news-nodata{
	text-align: center;
	padding: 20px 0px 20px 0px;
}
table.blog-list {
	margin-left: 5px;

}
	
table.blog-list th {
		border-bottom: 1px dashed #CCCCCC;
		vertical-align: top;
		text-align: left;
		font-weight: normal;
		color: #666666;
		font-size: 11px;
		padding: 6px;
	}
		
table.blog-list th a {
			font-size: 13px;
		}
table.blog-list td {
		border-bottom: 1px dashed #CCCCCC;
		vertical-align: top;
		padding: 6px;

	}

table.blog-list td td{
			width: 60px;
			height: 60px;
			border: #CCCCCC 1px solid;
			background-color: #ECECEC;
			vertical-align: middle;
			padding: 0px;
		}
.shoptopbloglist-img td{
	width:60px;
	height:60px;
	border:#CCCCCC 1px solid;
	background-color:#ECECEC;
	vertical-align:middle;
	padding:0px;
}