@charset "UTF-8";

/* ▼ 全体のレイアウト設定 ▼ */

body {
	background-color: #fff;
	text-align: left;
	padding: 0;
	margin: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 100%;
	color: #333;
	line-height: 1.7;
	background-image:url("./imges/pagebk.gif");
	}

#container {
	width: 750px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;		/* containerを中央配置する為 */
	margin-left: auto;		/* containerを中央配置する為 */
	text-align: left;		/* body の text-align:center を無効にする為 */
	padding: 0;
	border: 1px solid #ccc;
	background-color:#fff;
	}

#header {
	background-image:url("./images/head.jpg");
	background-repeat:no-repeat; 
	width:750px;
	height:130px;
	}

#mainnavi {
	width: 184px;
	float: left;
	overflow: hidden;
	}

#main {
	width: 550px;
	padding: 0 5px;
	float: right;
	overflow: hidden;
	}

#footer {
	clear: both;
	}

#g_main {
	width: 610px;
	padding: 0 5px;
	float: left;
	overflow: hidden;
	}

#g_navi {
	width: 120px;
	float: right;
	overflow: hidden;
	font-size: 12px;
	}


/* ▼ リンク設定 ▼ */

a:link		{
	color: #08b;
	text-decoration: underline;
	}
a:visited	{
	color: #06c;
	text-decoration: underline;
	}
a:active	{
	color: #08b;
	text-decoration: underline;
	}
a:hover		{
	color: #66f;
	text-decoration: underline;
	font-size: 100%;
	}


/* ▼ 全体共通設定 ▼ */

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	}

img	{
	border: none;
	}


/* ▼ ヘッダ ▼ */ 

#header h1 {
  margin: 0;
  padding: 2px 0 0 5px;
  font-weight: normal;
  text-align: left;
  font-size: 10px;
  color: #666666;
}

#headnavi {
	text-align: center;
	}


/* ▼ トップページ ▼ */ 

#topmap, #topprofile, #topbook {
	margin: 10px 0 15px 0;
	}

#topmap img, #topprofile img, #topbook img {
	display: block;
	}

#topprofile p {
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #777;
	}

#topbook table {
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
	}

/* ▼ メインコンテンツ ▼ */ 

hr#gray {
	border-bottom-width: 100%;
	border-style: dotted;
	border-color: #666;
	}

dl {
	padding: 14px 10px;
	border: 3px dotted #c60;
	background-color:#ffc;
	margin: 0 10px 40px 42px;
	}

dt {
	padding: 10px 10px;
	font-weight: bold;
	}

dd {
	margin: 0;
	padding: 2px 10px 10px 40px;
	}

.subnavi {
	margin: 0;
	padding: 5px 10px 5px 5px ;
	text-align: right;
	vertical-align: top;
	font-size: 90%;
	}

#topbook p.subnavi img {
	display: inline;
	}

ul.newslist {
	margin: 10px 10px 0 20px;
	padding: 0 30px;
	list-style-image: url("./imges/tip.gif");
	}

ul.newslist li {
	padding: 0 0 3px 0;
	line-height: 1.5;
	}


ul.midasilist {
	margin: 0 10px;
	padding: 10px 30px;
	list-style-image: url("./imges/tip.gif");
	}

ul.midasilist li {
	line-height: 1.5;
	}


ol.list {
	margin: 0 20px 20px 20px;
}

ol.list li {
	padding: 0 0 10px 0;
	line-height: 1.5;
}

ol.list_2 {
	margin-left: 30px;
}

ol.list_2 li {
	padding: 0 0 10px 0;
	line-height: 0.8;
}


#topmain, #topsub {
	padding: 10px;
	background-color: #fff;
	color: #505050;
	}

#contents {
	padding: 0 10px 20px 10px;
	font-size: 90%;
	word-spacing: 20px;
	}

#contents p {
	line-height: 1.7;
	margin: 15px 0;
	}

#contents h2 {
	margin-bottom: 10px;
	padding: 5px 3px 1px 15px;
	color: #fff;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	background-image:url("./imges/h2_bk.gif");
	background-repeat:no-repeat;
	}

#contents h3 {
	color: #333;
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 2px 0 2px 10px;
	border-top: 3px dotted #999;
	border-bottom: 3px dotted #999;
	}

#contents h4 {
  height: 26px;
  margin: 20px 0 4px 0;
  padding: 8px 0 5px 25px;
  height:20px;
  line-height:20px;
  font-size: 110%;
  color: #004080;
  background-image: url("./imges/titlebar.gif");
  background-repeat: no-repeat;
	}

#dirnavi {
	font-size: 75%;
	color: #999;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-left: 10px;
	}

#dirnavi strong {
	font-weight: normal;
	}

#dirnavi a {
	text-decoration: underline;
	color: #999;
	}

#gmap {
	margin-left: -11px;
	}

#gmap img {
	margin: 0;
	padding: 0;
	display: block;
	}

.fl {
	float: left;
	padding: 0 10px 10px 0;
	}

.fr {
	float: right;
	padding: 0 0 10px 10px;
	}

.fc {
	clear: both;
	}

.red {
	color: #e00;
	}

.txtr {
	text-align: right;
	}

.q {
	background-image:url(imges/Q02.gif);
	background-repeat:no-repeat;
	padding-left: 40px;
	color: #676767;
	font-weight:bold;
	margin: 10px 0 30px 0;
	height: auto;
	}

.q_one {
	background-image:url(imges/Q02.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	margin: 10px 0 30px 0;
	color: #676767;
	font-weight:bold;
	height: 30px;
	}

.a {
	background-image:url(imges/A02.gif);
	background-repeat:no-repeat;
	margin: 10px 0;
	padding: 0 0 20px 40px;
	}

.a_one {
	background-image:url(imges/A02.gif);
	background-repeat:no-repeat;
	margin: 30px 0 30px 0;
	padding-left:40px;
	height: 30px;
	}

#qanda {
	padding-left:20px;
	margin-top:20px;
	margin-bottom:15px;
	}

.entry {
	padding:20px 30px;
	border:solid 1px #3366CC;
	border-top:solid 10px #3366CC;
	margin-bottom:30px;
	margin-top:10px;
	}

.mail {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image:url(imges/mail.png);
	background-repeat:no-repeat;
	height:40px;
	padding: 5px 0 0 50px;
	margin: -20px 0 10px 110px;
	font-size: 18px;
	font-weight:bold;
	color:#445500;

}

.text_small {
	font-size: 12px;
	line-height: 1.3;
	padding: 0 30px;
}

.text_s {
	font-size: 12px;
	line-height: 1.3;
}

#booktbl td {
	border-bottom: 3px dotted #ccc;
	}

table.waku {
	width: 100%;
	border-collapse: collapse;
	}

table.waku th {
	border: 1px solid #b9b9b9;
	padding: 10px;
	text-align: left;
	}

table.waku td {
	padding: 1px 10px;
	border: 1px solid #b9b9b9;
	text-align: right;
	}

.blue {
	color: #00F;
	font-size: 120%;
	font-weight: bold;
}

.pink {
	color: #F0F;
}

*.float
      {
         float: left;
         margin-right: 1em;
      }

*.floatclear
      {
         clear: both;
      }

*.float_right
{
   float: right;
   margin-left: 1em;
}

div.contentsbox
      {
	border-style: solid;
	border-width: 1px;
	border-color: #333;
	padding: 10px;
	margin-bottom: 30px;
      }
	  
div.contentsbox_color
      {
    border-top: 5px #36f solid;
    padding: 5px 10px;
	font-size: 110%;
	font-weight: bold;
	color: #666;
	margin-top: 20px;
      }
	  
#contentsbox_color2
      {
    border-bottom: 3px #3399ff solid;
    padding: 3px 10px;
	font-size: 120%;
	font-weight: bold;
	color: #666;
	margin-top: 30px;
	margin-bottom: 10px;
      }

#heading1{
	background: url(imges/line.gif) repeat-x bottom left;
	padding-bottom: 5px;
	color: #666;
	padding: 3px 10px;
	font-size: 120%;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
	}
	
div.shadowbox
{
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    padding: 20px;
	font-size: 110% ;
	font-weight: bold;
}

#tittle {
	font-size: 220%;
	line-height: 1.5;
	font-weight: bolder;
	padding: 0 10px;
	margin: 20px 0;
}

#sub {
	font-size: 120%;
	line-height: 1.5;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 20px;
}

div.imagebox_left{
	float: left;
	margin: 5px 25px 20px 5px;
}

.imagebox_left span{
	display: block;
	font-size: small;
	text-align: left;
}

div.imagebox_right{
	float: right;
	margin: 5px 0 0 20px;
}

.imagebox_right span{
	display: block;
	font-size: small;
	text-align: left;
}

.imagebox_right2 span{
	display: block;
	font-size: small;
	text-align: left;
}


#merit {
	background-image: url(./imges/point8_2.png);
	background-repeat: no-repeat;
	margin: 10px 0 0 10px;
	padding-left: 50px;
	padding-top: 5px;
	font-size: 110%;
	font-weight: bold;
	}

#midasi2 {
	background-image: url(./imges/72_no2.jpg);
	background-repeat: no-repeat;
	margin: 30px 0 10px 0;
	padding-left: 20px;
	padding-top: 5px;
	font-size: 110%;
	font-weight: bold;
	color: #FFF;
	}

#midasi {
	margin-bottom: 50px;
}

#midasi_b {
	margin-bottom: 20px;
}

.b {
	font-weight: bold;
}

.indent {
	padding-left:3em;
	padding-bottom: 10px;
}


/* ▼ メインナビゲーション ▼ */ 

#mainnavi ul {
	margin: 2px 0 12px 6px;
	padding: 0;
	border-top: 1px solid #ccc;
	border-left: 3px solid #47b;
	list-style: none;
	background-image: url("./imges/tip2.gif");
	background-position: center;
	}

#mainnavi li {
	display: block;
	margin: 0;
	padding: 3px 3px 3px 17px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:#ebefdc;
	color: #777;
	font-size: 13px;
	text-align: left;
	background-image: url("./imges/navibk2.gif");
	background-repeat: no-repeat;
	background-position: 2% 50%;
	}

#mainnavi ul.navi2 li {
	background-image: url("./imges/navibk3_2.gif");
	background-repeat: no-repeat;
	background-position: 2% 50%;
	}

#mainnavi ul.navi2_2 li {
	background-image: url("./imges/navibk.gif");
	background-repeat: no-repeat;
	background-position: 2% 50%;
	}

#mainnavi ul.navi3 li {
	background-image: url("./imges/navibk.gif");
	background-repeat: no-repeat;
	background-position: 2% 50%;
	}

#mainnavi ul.navi3_2 li {
	background-image: url("./imges/t_next.gif");
	background-repeat: no-repeat;
	background-position: 2% 50%;
	}

#mainnavi ul.navi2_2 li ul {
    margin: 0;
    padding: 0;
	border: none;
}

#mainnavi ul.navi2_2 li ul li {
	background-image: none;
	border: none;
	padding-left: 20px;
	border-top: 1px solid #ccc;
}

#banner {
	margin-left: 6px;
	}

#banner img {
	margin-bottom: 6px;
	}



/* ▼ フッタ ▼ */ 

#totop {
	text-align: right;
	margin: 15px 15px 10px 0;
	vertical-align: top;
	font-size: 90%;
	}

#footnavi ul {
	list-style: none;
	margin: 5px 0 10px 0;
	}

#footnavi li {
	color: #666;
	font-size: 12px;
	padding: 0 1em 0 0;
	display: inline;
	}

#copyright {
	margin: 5px 0;
	font-size: 10px;
	text-align: center;
	color: #666;
	}

#copyright a {
	color: #666;
	}

#ac {
	margin: 0;
	padding: 15px 15px;
	font-size: 12px;
	}

/* table.summary */
table.summary {
	border-collapse: collapse;
	width:100%;
}

th.t_top {
    border-top: #b3b3b3 4px solid;
}

table.summary th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: bold;
	width: 20%;
}

td.t_top {
	border-top: #be1309 4px solid;
}

table.summary td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}

/* table.normalTbl */
table.normalTbl{
	width:500px;
	border-collapse: collapse;
	border-top: 1px solid #938781;
	border-left: 1px solid #938781;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

table.normalTbl th{
	padding:18px 20px;
	line-height:1.3;
	font-weight:bold;
	border:1px solid #938781;
	white-space:nowrap;
	background-color: #FFC;
	text-align: center;
	width: 100px;
}

table.normalTbl td{
	padding:18px 20px;
	line-height:1.3;
	border:1px solid #938781;
}


/* table.listTbl */
table.listTbl{
	width:98%;
	margin-top:18px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	font-size: 85%;
}

table.listTbl th{
	padding:10px 0 10px 10px;
	line-height:1.5;
	border: none;
	text-align: left;
}

table.listTbl .firstLine th{
	font-weight:bold;
	border-top:none;
	text-align:left;
	border:1px solid #938781;
	padding-left:10px;
}

table.listTbl td{
	padding:10px;
	line-height:1.5;
	border: none;
}

table.listTbl td a{
	color:#65b23f;
	text-decoration:underline;
}

table.listTbl td a:hover{
	color:#bcb1aa;
}

table.listTbl tr.odd {
	background-color: #FFF;
}

table.listTbl tr.even {
	background-color: #E8EBF0;
}


/* --- 01テーブル --- */
table.tb-a{
    border-collapse:collapse;
    color:#555;
    width:99%;
    margin:0 0 0 1px;
    font-size:12px;
}

table.tb-a th,td{
    border:1px solid #d4e0ee;
    color:#555;
}

table.tb-a caption{
    font-size:150%;
    font-weight:bold;
    margin:5px;
}

table.tb-a thead th{
    text-align:center;
    background:#e6edf5;
    color:#4f76a3;
    font-size:100% !important;
	padding: 8px;
}

table.tb-a tbody th{
    font-weight:bold;
	text-align: left;
	padding: 8px;
}

table.tb-a tbody td{
	text-align: left;
	padding: 8px;
}

table.tb-a tbody tr{ background:#fcfdfe; }

table.tb-a tbody tr.odd{ background:#f7f9fc; }

/* table.qaTbl */
table.qaTbl{
	width:100%;
	margin-top:18px;
	margin-bottom: 20px;
	border: none;
}

table.qaTbl th{
	border: none;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	width: 15%;
}

table.qaTbl td{
	line-height:1.7;
	border: none;
	width: 93%;
	padding-top: 1.5px;
	padding-bottom: 20px;
}

/* --- QA_手当表 --- */
table.qa_teateTbl {
	width: 98%;
	border-collapse: collapse;
	font-size: 95%;
	margin: 15px 0;
}


/* --- 表タイトル --- */
table.qa_teateTbl caption {
	padding-bottom: 10px;
}

/* --- セル --- */
table.qa_teateTbl th,
table.qa_teateTbl td {
	width: 20%;/* セルの幅（セルの幅を均等にする場合） */
	padding: 6px 8px;
}

/* --- 見出しセル --- */
table.qa_teateTbl thead th {
	border-bottom: 2px #c0c0c0 solid; /* 見出しセルの下境界線 */
	text-align: center;
	empty-cells: show;
}

/* --- フッタセル --- */
table.qa_teateTbl tfoot td {
	border-top: 1px #c0c0c0 solid; /* フッタセルの上境界線 */
}

/* --- データセル --- */
table.qa_teateTbl tbody th {
	border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
	text-align: center;
}

table.qa_teateTbl tbody td {
	border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
	text-align: right;
	padding-right: 25px;
}

	

.backbox_b{
		background-color: #fbfcee;
		border: 1px solid #999;
		padding: 10px 20px 10px 20px;
		margin: 0px 0px 30px 0px ;
		color: #666666;
		}

.pointbox_b{
		padding: 0;
		font-size: 120%;
		background-color: #fbfcee;
		border: 1px solid   #666666;
		padding: 10px 20px 10px 20px;
		color: #666666;
		font-weight: bold;
		margin: 20px 0px 0px 0px;
		list-style: none;
		}

.syoukai {
	margin-top: 40px;
	margin-left: 20px;
}

/*　メニュー　*/

#menu{
	 width: 100%;
	 margin: 0 0 50px 0;
	 padding: 5px 0 0 0;
	 }

.menu_01{
    width: 47%;
	text-align: left;
	float: left;
	margin-bottom: 10px;
	} 
	
.menu_02{
    width: 47%;
	text-align: right;
	float: right;
	margin-bottom: 10px;
	} 
	
	 
a.menu_01{
    width: 50%;
	height: 160px;
	background-color: #ffffff;
	color:#333333;
	text-align: left;
	float: left;
	line-height: 1.5;
	text-decoration:none !important;
	margin-bottom: 10px;
	} 
	
a.menu_02{
    width: 50%;
	height: 160px;
	background-color: #ffffff;
	color:#333333;
	text-align: left;
	float: left;
	line-height: 1.5;
	text-decoration:none !important;
	margin-left: 6%;
	margin-bottom: 10px;
	} 
	
a.menu_03{
    width: 47%;
	height: 190px;
	background-color: #ffffff;
	color:#333333;
	text-align: left;
	float: left;
	line-height: 1.5;
	text-decoration:none !important;
	margin-bottom: 10px;
	} 
	
a.menu_04{
    width: 47%;
	height: 190px;
	background-color: #ffffff;
	color:#333333;
	text-align: left;
	float: left;
	line-height: 1.5;
	text-decoration:none !important;
	margin-left: 6%;
	margin-bottom: 10px;
	} 
	
#menu a:hover{
    width: 47%;
	background-color: #FFF9D1;
	text-align: left;
	float: left;
	display: block;
	text-decoration:none !important;
	} 
	
	
#menu a:visited h3{
    color: #4F29FF;
	font-weight: bold;
	} 
	
#menu a:hover h3{
    color: #ff9500;
	font-weight: bold;
	} 
	
#menu a h3{
	color: #4F29FF;
	font-size: 16px;
	font-weight: bold;
	margin: 0 10px;
	padding: 10px 0;
	line-height: 1.7;
	} 
	
#menu a img{
	margin: 10px;
	margin: 10px 5px 10px 10px;
	float: left;
	} 
	
#menu a p{
	width: 80%;
	margin: 5px 10px 10px 20px;
	float: left;
	text-decoration:none; 
	} 

#quetion{
	font-weight: bold;
	font-size: 20px;
	color:#999;
	padding-left: 10px;
}

.center{
	text-align: center;
	margin: 10px 0 30px 0 !important;
}

.ph_center{
	text-align: center;
}

/*　recruit　*/

#recruit {
	margin-top: 80px;
}

#recruit_name{
	text-align: left;
	font-size: 130%;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 15px;
}

.recruit_title{
	text-align: left;
	float: left;
	margin-bottom: 50px;
	padding-left: 15px;
	font-size: 140%;
	font-weight: bold;
	color: #FF6600;
	line-height: 1.3;
	} 
	
#recruit_list1 {
	width: 46%;
	margin: 10px 0px;
	padding: 0 5px;
	line-height: 1.3;
	float:left;
}

#recruit_list2{
	width: 46%;
	margin: 10px 5px;
	padding: 0 -20px 0 10px;
	line-height: 1.3;
	float: right;
}

/*　北見塾　*/
#jukusei_title {
	background:url(imges/juku_base.gif) 0 0 no-repeat;
	height: 42px;
	margin: 40px 0 0 0;
	padding-left: 20px;
	padding-top: 24px;
	font-size: 110%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.3;
}

#jukusei_title_top {
	background:url(imges/juku_base.gif) 0 0 no-repeat;
	height: 42px;
	padding-left: 20px;
	padding-top: 24px;
	font-size: 110%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.3;
}


/*　koen_cd　*/

.cd {
	margin: 30px 0;
}

.cd_2 {
	margin: 15px 0;
}

.text_l {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.text_newcdL {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	background-image: url(imges/new.gif);
	background-repeat:no-repeat;
	padding-left: 70px;
	padding-top: 5px;
}

/*　アドレス　*/
.address {
  margin: 0 0 14px 0px;
  padding: 0;
  width: 178px;
  text-align: left;
  background-color: #DCDCDC;
}

.address p{
	margin: 0;
	padding: 8px 8px 5px 8px;
	font-size: 12px;
	line-height: 1.5;
}

/*　CD申込みフォーム　*/
#formWrap {
	width:530px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}