/* main navigation 
----------------------------------------------------*/

#mainmenu {
	/*position: relative;*/
	background-image: url(http://zala.xsrv.jp/zala_company/images/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding: 0px;
	height: 64px;
	width: 880px;
	overflow: hidden;
}

.main_navi {
	padding: 0px;
	list-style-type: none;
	height: 52px;
	width: 660px;
	text-align: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-left: 220px;
}

.main_navi li {
	margin: 0px;
	padding: 0px;
	height: 52px;
	width: 132px;
	float:left;
}

.main_navi img {
	visibility: hidden;
}

.main_navi a,
.main_navi a:link,
.main_navi a:visited {
	background-position: 0px 0px;
	float:left;
}
.main_navi a:focus,
.main_navi a:hover,
.main_navi a:active {
	background-position: 0px 52px;
	float:left;
}
.main_navi .m1 a {
	background-image: url(http://zala.xsrv.jp/zala_company/images/menu1.jpg);
}
.main_navi .m2 a {
	background-image: url(http://zala.xsrv.jp/zala_company/images/menu2.jpg);
}

.main_navi .m3 a {
	background-image: url(http://zala.xsrv.jp/zala_company/images/menu3.jpg);
}

.main_navi .m4 a {
	background-image: url(http://zala.xsrv.jp/zala_company/images/menu4.jpg);
}

.main_navi .m5 a {
	background-image: url(http://zala.xsrv.jp/zala_company/images/menu5.jpg);
}



/* rssfeed / MTverstion / Creative Commons License
----------------------------------------------------*/
.rssMT_CCL {
	font-size: 10px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-left: 12px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #BB9457;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}


/* footer
----------------------------------------------------*/
#footer {
	background-image: url(http://zala.xsrv.jp/zala_company/images/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 50px;
}
#footer p {
	color: #BB9457;
	width: 860px;
	padding-top: 5px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
}


/* top table (lesson information)
----------------------------------------------------*/
.topinfoimg {
	background-image: url(http://zala.xsrv.jp/zala_company/images/topinfo_td.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 169px;
}
.topinfoimg img {
	width: 174px;
	border: 1px solid #BB9457;
	margin-top: 11px;
	margin-right: 11px;
	margin-bottom: 5px;
	margin-left: 11px;
}

.topinfo {
	background-image: url(http://zala.xsrv.jp/zala_company/images/topinfo_td2.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 169px;
}
.topinfo h3 {
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #90A613;
	width: 174px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 11px;
	margin-bottom: 0px;
	margin-left: 11px;
}

.topinfo p {
	width: 164px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 16px;
	margin-bottom: 20px;
	margin-left: 16px;
	text-align: left;
}



/* Lates News
----------------------------------------------------*/
#topnews {
	padding: 0px;
	margin-bottom: 30px;
	margin-top: 30px;
}
#topnews h2 {
	background-image: url(http://zala.xsrv.jp/zala_company/images/pgttl.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	height: 35px;
	font-size: 14px;
	color: #7F5034;
	line-height: 30px;
	text-indent: 25px;
	font-weight:bold;
	margin: 0px;
}
#topnews ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#topnews ul li {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	
}
#topnews .topnews_ttl {
	font-weight: bold;
	margin-top: 10px;
	background-image: url(http://zala.xsrv.jp/zala_company/images/mark2.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	padding-left: 25px;
}

#topnews .topnews_ttl a,
#topnews .topnews_ttl a:link,
#topnews .topnews_ttl a:visited {
	font-weight: bold;
	margin-top: 10px;
	text-decoration: underline;
}

#topnews .topnews_ttl a:focus,
#topnews .topnews_ttl a:hover,
#topnews .topnews_ttl a:active {
	font-weight: bold;
	margin-top: 10px;
	text-decoration: none;
}

#topnews .topnews_body {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D1B68D;
	padding-left: 25px;
	padding-top: 5px;
}
#topnews .topnews_body span {
	font-size: 10px;
	text-align: right;
	display: block;
}



/* sub navigation
----------------------------------------------------*/

#beta-inner .cate_ttl {
	font-weight: bold;
	color: #FFFFFF;
	background: url(http://zala.xsrv.jp/zala_company/images/subnavi_p.gif) no-repeat 0px 0px;
	padding: 0px;
	height: 35px;
	width: 220px;
	margin: 26px 0px 0px 0px;
	font-size: 12px;
	line-height: 30px;
	text-indent: 35px;
	text-transform: uppercase;
}



#beta-inner ul {
	padding: 0px;
	width: 200px;
	margin: 5px 10px 30px 10px;
	list-style-type: none;
}
#beta-inner li {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 200px;
	/*height: 30px;
	line-height: 30px;*/
	text-indent: 25px;
	line-height: 2em;
	border-bottom:1px solid #f8f6ea;
}

#beta-inner li a,
#beta-inner li a:link,
#beta-inner li a:visited {
	color: #BB9457;
	text-decoration: none;
	background: url(http://zala.xsrv.jp/zala_company/images/subnavi_bg.gif) no-repeat 5px 5px;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 200px;
	/*height: 30px;
	line-height: 30px;*/
}

#beta-inner li a:focus,
#beta-inner li a:hover,
#beta-inner li a:active {
	color: #804000;
	text-decoration: none;
	background: url(http://zala.xsrv.jp/zala_company/images/subnavi_bg2.gif): no-repeat 5px 5px;
}

#beta-inner ul ul {margin:0; padding:0;}
#beta-inner ul ul li {margin-left:20px; width:180px;}
#beta-inner ul ul li a,
#beta-inner ul ul li a:link,
#beta-inner ul ul li a:visited{width:180px;}

#beta-inner li.class_type{
	background:#c9ac7c;
	font-weight:bold;
	line-height:1.8em;
	margin-top:5px;
	border:none;
	color:#fff;
	padding:0 5px;
	text-indent:0px;
	width:160px;
}


/* table style1
----------------------------------------------------*/
table.tb1 {
	border-collapse: collapse; /* 枠の幅 */
	border: 1px solid #C4A572;
	margin: 0px;
	padding: 0px;
}
.tb1 th {
	border-style: solid; /* 枠の種類 */
	border-color: #C4A572; /* 枠の色 */
	border-width: 1px 1px; /* 枠の幅 */
	margin: 0px;
	background-color: #EEE9D5;
	white-space: nowrap;
	color: #7F5034;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: normal;
}
.tb1 td {
	border-style: solid; /* 枠の種類 */
	border-color: #C4A572; /* 枠の色 */
	border-width: 1px 1px; /* 枠の幅 */
	margin: 0px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.tb1 .image_img {
	margin: 5px;
	border: 1px solid #C4A572;
}


/* ttl style1
----------------------------------------------------*/
.title1 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #7F5034;
	background-image: url(http://zala.xsrv.jp/zala_company/images/mark3.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C4A572;
	font-weight:bold;
}


/* mail form
----------------------------------------------------*/
.mailformbox {
	background-color:#FFFFFF;
	padding:10px;
	margin-top:10px;
	border:1px solid #BB9457;
}
.mailtable {
	margin: 0px;
	padding: 0px;
}

.mailtable th {
	margin: 0px;
	background-color: #F7F4EA;
	white-space: nowrap;
	font-weight: normal;
	border-bottom:3px solid #FFFFFF;
	border-right:10px solid #FFFFFF;
	text-align: right;
	vertical-align: top;
	padding: 5px;
}

.mailtable td {
	margin: 0px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	padding: 5px;
	border-bottom:1px solid #F7F4EA;
	
}
.hissu {
	color: #FF6666;
}

.mailtable input,
.mailtable textarea {
	border: 1px solid #A5ACB2;
}


.mailtable input:focus,
.mailtable select:focus,
.mailtable textarea:focus { background-color:#FFF0F0; }


.mailerror {
	color: #FF6666;
	border: 1px solid #FF6666;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}

.mailerror_title {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FF6666;
	background-image: url(http://zala.xsrv.jp/zala_company/images/mark2.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6666;
	font-weight:bold;
}


/* 準備中専攻コース */
.preCourse {background:url(http://zala.xsrv.jp/zala_company/images/pre02.gif) repeat-y 0 0; width:610px;}
.preMsg{margin:20px 40px;}
.preContact{text-align:center; padding-bottom:15px;}
.preTTL{color:#fff; background-color:#c9ac7c; padding:5px;margin:20px; font-weight:bold;}
.preRed{ color:#cc3333; font-size:16px; font-weight:bold; padding-bottom:20px;}
.preCom {border-top:1px dotted #784629; padding:20px 0;}
.preCom span {font-size:16px; font-weight:bold;}
.prePht{margin:10px auto; text-align:center;}
.prePht img {width:58px; height:58px;}

/* ------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------- ori 2015/12 ---------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------*/
div.gazright {
width: 100%;
}
div.gazright img {
float: left;
margin: 0 10px 0px 0;
}

strong.gazstr { background: linear-gradient(transparent 60%, #ffff66 60%); }
strong.gapstr { background: linear-gradient(transparent 60%, #ff99ff 60%); }

.img1maru { border-radius: 10px; }

/* ------------------------------------------------------------------------------------------------------------*/