@charset "shift_jis";
/*---------------------
clearfix
---------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */
/*---------------------
all
---------------------*/
img {
	vertical-align: bottom;
}
li, ul {
	margin: 0px;
	list-style: none;
}
dd, dt, dl {
	margin: 0px;
}
body {
	background-image: url(../img/top_bg_main.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*---------------------
index
---------------------*/
#Wraper {
	margin: 0px auto;
	width: 960px;
}
#Header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/top_bg_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
}
.header-txt {
	background: #FF9900;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0px 0px 0px 430px;
}
.address-box2 li {
	padding: 7px 0px 2px 5px;
	float: left;
}
.header-logo {
	clear: both;
	padding: 0px 0px 5px;
}
.logo h1 {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	padding: 0px 0px 5px;
}
.logo {
	width: 490px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.address {
	width: 378px;
	float: right;
	padding: 20px 10px 0px 0px;
}
.address-box1 {
	text-align: right;
}

.address-box1 a:hover img,.address-box1 a:active img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.address-box2 {
	padding: 15px 0px 0px 133px;
}

.address-box2 a:hover img,.address-box2 a:active img{
	opacity:0.8;
	filter: alpha(opacity=80);
}



#navi {
	clear: both;
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#navi li {
	float: left;
}
.topimg {
	clear: both;
	padding: 5px 0px 0px;
	text-align: center;
}
.top-txt {
	font-size: 11px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid #8ABFD0;
	margin: 0px 0px 10px;
	padding: 1px 0px 0px;
}
.top-txt p {
	background: #EBF4F7;
	margin: 0px;
	padding: 10px;
	line-height: 1.3em;
}
#Contents {
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	background-color: #FFF;
	background-image: url(../img/contents_back.gif);
	background-repeat: repeat-y;
}
#Alpha {
	width: 185px;
	float: left;
	padding: 0px 0px 0px 15px;
}

#Alpha img {
	margin-bottom: 15px;	
}

#Alpha a:hover img,#Alpha a:active img {
	opacity:0.8;
	filter: alpha(opacity=80);
}


.lmenu-sub h3 {
	display: block;
	width: 185px;
	text-decoration: none;
	height:0px;
	padding:40px 0px 0px 0px; /* 上から画像の高さだけ下に落としています */
	background-image: url(../img/csmenu_top.jpg);
	overflow:hidden;
　　_height: 40px; /* IE6でのa要素の高さを画像の高さに指定しています */
}

.lmenu-suba{
	list-style-position: inside;
	list-style-image: url(../img/navi_haika_maru.gif);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
}

.lmenu-subb{
	list-style-position: inside;
	list-style-image: url(../img/navi_haika_yajirusi.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.lmenu-subb2{
	list-style-position: inside;
	list-style-image: url(../img/navi_haika_yajirusi.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
}


.lmenu-sub2 h3 {
	display: block;
	width: 185px;
	text-decoration: none;
	height:0px;
	padding:40px 0px 0px 0px; /* 上から画像の高さだけ下に落としています */
	background-image: url(../img/workmenu_top.jpg);
	overflow:hidden;
　　_height: 40px; /* IE6でのa要素の高さを画像の高さに指定しています */
}

.lmenu-suba{
	list-style-position: inside;
	list-style-image: url(../img/navi_haika_maru.gif);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
}


.menu {
	font-size: 12px;
}
.menu span.top {
	background: url(../img/menu_bg_top.jpg) no-repeat center top;
	display: block;
	height: 11px;
}
.menu span.bottom {
	background: url(../img/menu_bg_bot.jpg) no-repeat center top;
	display: block;
	height: 11px;
}
.menu-content {
	background: url(../img/menu_bg_mid.jpg) repeat-y;
	padding-top: 10px;
}
.menu-group {
	margin: 0px auto;
	width: 190px;
}
.group-top {
	background: url(../img/menu_inbg_top.gif) no-repeat;
	display: block;
	height: 48px;
}
.group-bottom {
	background: url(../img/menu_inbg_bot.gif) no-repeat;
	display: block;
	height: 9px;
}
.group-mid {
	background: #FFFFFF;
	border-right: 1px solid #8ABFD0;
	border-left: 1px solid #8ABFD0;
}
.menu-group ul {
}
.menu-group li {
	background: url(../img/arrow_menu.jpg) no-repeat left center;
	margin: 0px 10px 3px;
	border-bottom: 1px solid #8ABFD0;
	padding: 5px 0px 5px 13px;
}
.sub-menu {
	margin: 0px auto;
	padding: 12px 0px 0px;
	width: 190px;
}
.sub-menu li {
	padding: 0px 0px 5px;
}
#Beta {
	width: 500px;
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	background: #FFFFFF;
}

#Beta img {
	margin-bottom: 15px;	
}

#Beta a:hover img,#Beta a:active img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*
.top-bn {
	font-size: 12px;
	background: url(../img/top_bg_top.jpg) no-repeat;
	margin: 0px 0px 10px;
}
.top-bn ul {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 14px;
}
.top-bn li {
	padding: 0px 0px 8px;
}
*/
.top-subbn li {
	float: left;
}
.right-space {
	padding-right: 10px;	
}


#Omega {
	width: 185px;
	float: right;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#Omega a:hover img,#Omega a:active img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*
.rmenu {
	padding: 0px 0px 15px;
}
*/
.rmenu li {
	padding-bottom: 15px;
}
/*
.rmenu-sub {
	background: url(../img/rmenu_bg_guidance.jpg) no-repeat left top;
	padding: 50px 0px 0px;
	height: 173px;
}
.rmenu-sub li {
	background: url(../img/rmenu_bg_list.gif) no-repeat left center;
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	padding: 0px 0px 5px 20px;
}
.qr {
	padding: 15px 0px;
}
*/
.bottom-menu {
	clear: both;
	background: url(../img/rmenu_bg_guidance.jpg) no-repeat left top;
	padding: 20px 0px 10px;
}
.bottom-menu li {
	background: url(../img/arrow_bottom.gif) no-repeat left center;
	padding: 2px 6px 2px 10px;
	float: left;
}
#Footer {
	clear: both;
	padding: 20px 0px 0px;
}
.footer-menu {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 10px;
}
.footer-inner {
	background-color: #C00;
	background-image: url(../img/footer_back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.footer-inner a:hover img,.footer-inner a:active img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


.footer-list li {
	padding: 7px 0px 2px 5px;
	float: left;
}
.footer-logo {
	clear: both;
	padding: 10px 0px;
}
#Footer p {
	font-size: 11px;
	margin: 0px;
	color: #FFFFFF;
}
.footer-op {
	padding: 0px 0px 10px;
}
.footer-menu .left {
	float: left;
	width: 465px;
}
.footer-menu .right {
	float: right;
	width: 330px;
}
#Beta-content {
	width: 655px;
	float: right;
	margin-right: 10px;
	background: #FFFFFF;
}
.group-mid a:hover, .group-mid a, .bottom-menu a:hover, .bottom-menu a {
	color: #666666;
}
.header-txt a:hover, .header-txt a {
	color: #fff;
}
.lmenu-sub {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* ------配下メイン------ */

#Beta-sub {
	float: right;
	width: 725px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* ------配下あしあと------ */

#asiato{
	background-image: url(../img/asiato_back.jpg);
	height: 20px;
	width: 715px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 11px;
	margin-bottom: 15px;
}

#asiato li{
	float: left;
	margin-right: 10px;	
}

.asiato-li{
	list-style-position: inside;
	list-style-image: url(../img/asiato_yajirusi.gif);
}

/* ------配下コース紹介------ */


.cs-beauty-nen-top{
	margin-top: 10px;
}
.cs-beauty-nen-bottom{
	margin-bottom: 10px;
}
.cs-beauty-nen{
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	padding-right: 10px;
	padding-left: 10px;
    overflow: hidden;
}

.cs-beauty-nen:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .cs-beauty-nen {
    height: 1em;
    overflow: visible;
}
/**/

.cs-beauty-nen img{
	float:left;
}

.cs-beauty-nen a img{
	margin-right:3px;
}


.cs-beauty-nen a:hover img,.cs-beauty-nen a:active img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.etc-beautya{
	background-image: url(../img/cs_beauty/etc_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 15px;
	margin-top: 15px;
	font-size: 11px;
	clear: both;
	overflow: hidden;
}

.etc-beautya:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-beautya {
    height: 1em;
    overflow: visible;
}
/**/

.etc-beautya h3{
	margin-bottom: 10px;
	height: 30px;
	clear: both;
}

.etc-beautya-in{
	margin-bottom: 10px;
	display: block;
	clear: both;
	overflow: hidden;
}

.etc-beautya-in:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-beautya-in {
    height: 1em;
    overflow: visible;
}
/**/

.etc-beautya-in-model{
	width:230px;
	margin-right:5px;
	float:left;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	font-size:11px;
}

.etc-beautya-in-model:after{
	width:250px;
	float:left;
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-beautya-in-model {
    height: 1em;
    overflow: visible;
}
/**/


.etc-beautya img{
	float: left;
	margin-right: 10px;
}
.etc-beautya h4{
	margin-bottom: 5px;
	color: #FF3366;
}






#cs-main{
	margin-top: 10px;
	clear: both;
	display: block;
    overflow: hidden;
}

#cs-main:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #cs-main {
    height: 1em;
    overflow: visible;
}
/**/

#cs-main1{
	float: left;
	height: 350px;
	width: 280px;
	margin-right: 15px;
}

#cs-main2{
	float: left;
	width: 430px;
	margin-bottom: 20px;
}
#cs-mainkamoku{
	float: left;
	width: 430px;
	font-size: 11px;
	margin-bottom: 20px;
}
#cs-mainsikaku{
	float: left;
	width: 430px;
	font-size: 11px;
	margin-bottom: 20px;
}

#cs-main3{
	float: left;
	margin-bottom: 20px;
}




#cs-point-beauty{
	margin-top: 10px;
	clear: both;
	display: block;
	background-color: #FFCCCC;
	padding: 5px;
	overflow: hidden;
}

#cs-point-beauty:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #cs-point-beauty {
    height: 1em;
    overflow: visible;
}
/**/

.cs-point1-beauty{
	float: left;
	width: 48%;
	padding: 5px;
	font-size: 12px;
}

.cs-point2-beauty{
	float: left;
	padding: 5px;
	font-size: 12px;
}

.cs-point2-beauty img{
	float: left;
}


.etc-beauty{
	background-image: url(../img/cs_beauty/etc_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 15px;
	margin-top: 15px;
	overflow: hidden;
}

.etc-beauty:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-beauty {
    height: 1em;
    overflow: visible;
}
/**/

.etc-beauty h3{
	margin-bottom: 10px;
	height: 30px;
	clear: both;
}

.etc-beauty img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.etc-beauty h4{
	margin-bottom: 5px;
	color: #FF3366;
}


/* ------配下コース紹介（美容）------ */


#cs-point-biyou{
	margin-top: 10px;
	clear: both;
	display: block;
	background-color: #BAE9FD;
	padding: 5px;
	overflow: hidden;
}

#cs-point-biyou:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #cs-point-biyou {
    height: 1em;
    overflow: visible;
}
/**/

.cs-point1-biyou{
	float: left;
	width: 48%;
	padding: 5px;
	font-size: 12px;
}

.cs-point2-biyou{
	float: left;
	padding: 5px;
	font-size: 12px;
}




.etc-biyou{
	background-image: url(../img/cs_biyou/etc_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 15px;
	margin-top: 15px;
	overflow: hidden;
}

.etc-biyou:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-biyou {
    height: 1em;
    overflow: visible;
}
/**/

.etc-biyou h3{
	margin-bottom: 10px;
	height: 30px;
	clear: both;
}

.etc-biyou img{
	float: left;
	margin-right: 10px;
}
.etc-biyou h4{
	margin-bottom: 5px;
	color: #39F;
}


/* ------配下コース紹介（取得できる資格）------ */


.license-box{
	padding: 10px;
	float: left;
	width: 335px;
	margin-right: 5px;
	border: 1px solid #F90;
	font-size: 11px;
	font-size: 11px;
	line-height: 1.3em;
}

.license-box-logo{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	margin-bottom: 10px;
}

.license-box p{
	margin-top: 10px;
}


.license-box h3{
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.license-box-large{
	margin-top: 10px;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #999;
}

.license-wb li{
	float: left;
	width: 106px;
	margin-top: 10px;
	margin-right: 5px;
	font-size: 9px;
	text-align: center;
}

.etc-license{
	background-image: url(../img/cs_license/etc_back_license.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 15px;
	margin-top: 15px;
	overflow: hidden;
	display: block;
	clear: both;
}

.etc-license:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-license {
    height: 1em;
    overflow: visible;
}
/**/

.etc-license h3{
	margin-bottom: 10px;
	height: 30px;
	clear: both;
}

.etc-license img{
}
.etc-license h4{
	margin-top: 5px;
	margin-left: 15px;
	color: #FC3;
}

.etc-license p{
	margin-top: 5px;
	margin-left: 15px;
	font-size:11px;
}


/* ------金沢美専の魅力------ */


.etc-feature{
	background-image: url(../img/feature/etc_back_feature.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 15px;
	margin-top: 15px;
	overflow: hidden;
}

.etc-feature:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-feature {
    height: 1em;
    overflow: visible;
}
/**/

.etc-feature h3{
	margin-bottom: 10px;
	height: 30px;
	clear: both;
}

.etc-feature img{
	float: left;
	margin-right: 10px;
}

.etc-feature a:hover img,.etc-feature a:active img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* ------施設案内------ */



#instit-a{
	margin-top:10px;
	padding: 2px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #946EC3;
	overflow: hidden;
}

#instit-a h3{
	margin-bottom:10px;
}

#instit-a:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #instit-a {
    height: 1em;
    overflow: visible;
}
/**/

#instit-a .left {
	float: left;
}
#instit-a .right {
	float: right;
	padding: 0px 10px 0px 0px;
	width: 345px;
	font-size: 12px;
	color: #333;
}



.etc-instit{
	background-image: url(../img/institution/etc_back_institution.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 15px;
	margin-top: 15px;
	overflow: hidden;
}

.etc-instit:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-instit {
    height: 1em;
    overflow: visible;
}
/**/

.etc-instit h3{
	margin-bottom: 10px;
	height: 30px;
	clear: both;
}

.etc-instit img{
	float: left;
	margin-right: 10px;
}
.etc-instit h4{
	margin-bottom: 5px;
	color: #F90;
}

.etc-instit-in{
	margin-bottom: 10px;
	display: block;
	clear: both;
	overflow: hidden;
}

.etc-emplo1-in:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-emplo1-in {
    height: 1em;
    overflow: visible;
}
/**/






/* ------就職の流れ------ */


#emplo-a{
	margin-top:10px;
	padding: 2px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #946EC3;
	overflow: hidden;
}

#emplo-a:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #emplo-a {
    height: 1em;
    overflow: visible;
}
/**/

#emplo-a img{
	float:left;
}
#emplo-a a:hover img,#emplo-a a:active img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.etc-emplo1{
	background-image: url(../img/employment1/etc_back_emplo1.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 15px;
	margin-top: 15px;
	overflow: hidden;
}

.etc-emplo1:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-emplo1 {
    height: 1em;
    overflow: visible;
}
/**/

.etc-emplo1 h3{
	margin-bottom: 10px;
	height: 30px;
	clear: both;
}

.etc-emplo1 img{
	float: left;
	margin-right: 10px;
}
.etc-emplo1 h4{
	margin-bottom: 5px;
	color: #96C;
}

.etc-emplo1-in{
	margin-bottom: 10px;
	display: block;
	clear: both;
	overflow: hidden;
}

.etc-emplo1-in:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .etc-emplo1-in {
    height: 1em;
    overflow: visible;
}
/**/


/* ------就職先------ */

.emplo2-list{
	margin-top:10px;
	margin-bottom:20px;
}

.emplo2-list li{
	margin-bottom:5px;
	list-style-position: inside;
	list-style-type: disc;
}

.emplo2-list li a:hover img,.emplo2-list li a:active img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* ------内定一覧------ */


.naitei-box{
	padding:10px;
	margin-bottom:10px;
	background-color: #E8DCF3;
	display: block;
	clear: both;
	overflow: hidden;
}

.naitei-box:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .naitei-box {
    height: 1em;
    overflow: visible;
}
/**/

.naitei-box img{
	float:left;
	margin-right:10px;

}

.naitei-name{
	display: inline;
}

.naitei-kou{
	display: inline;
	margin-left: 10px;
	font-size: 11px;
	color: #96F;
	clear: right;
}

.naitei-saki{
	display: block;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #F69;
	margin-top: 5px;
	margin-bottom: 5px;
}

.naitei-com{
	margin-top: 5px;
	padding-top: 5px;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #96F;
}

.naitei-new{
	font-weight: bold;
	color: #F00;
	padding-right: 10px;
}

/* ------オープンキャンパス------ */

.oc-img{
	width:230px;
	margin-top:10px;
	margin-right:10px;
	float:left;
}

.oc_link{
		margin-top:20px;
		margin-bottom:20px;

}

.oc_link a:hover img,.oc_link a:active img{
	opacity:0.8;
	filter: alpha(opacity=80);
}



/* ------サイトマップ------ */




.sitemap_lia{
	list-style-position: inside;
	list-style-image: url(../img/navi_haika_maru.gif);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
}

.sitemap_lib{
	list-style-position: inside;
	list-style-image: url(../img/navi_haika_yajirusi.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}


/* ------学園祭------ */


.gakusai_event{
	color: #84511C;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;	
}

.gakusai_event img{
	float: left;
	margin-right: 10px;	
}

.gakusai_pdf{
	color: #84511C;
	border: 3px solid #84511C;	
	padding: 10px;
}


#Office h2 {
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Office .main-content1 {
	background-image: url(../course/img/office_bg1.jpg);
	background-repeat: no-repeat;
	background-position: 500px 120px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	height: 500px;
}
#Office .main-content3 h3, #Office .main-content3 h4, #Office .main-content3 .sub-content h5, #Office .main-content2 h3, #Office .main-content2 h4, #Office .main-content2 .sub-content h5, #Office .main-content1 h3, #Office .main-content1 h4, #Office .main-content1 .sub-content h5 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Office .main-content1 .top-ex {
	font-size: 12px;
	color: #333;
	margin: 0px;
	width: 430px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Office .main-content1 .sub-content dt {
	font-size: 16px;
	font-weight: bold;
	color: #ED853F;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#Office .main-content1 .sub-content dd {
	font-size: 12px;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 400px;
}
#Office .main-content2 {
	background-image: url(../course/img/office_bg2.jpg);
	background-repeat: no-repeat;
	background-position: 50px 130px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	height: 510px;
}
#Office .main-content2 .top-ex {
	font-size: 12px;
	color: #333;
	width: 350px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 320px;
}
#Office .main-content2 .sub-content {
	width: 340px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#Office .main-content2 .sub-content li {
	padding-top: 7.5px;
	padding-right: 0px;
	padding-bottom: 7.5px;
	padding-left: 0px;
	text-align: center;
}
#Office .main-content2 .sub-content ul .send {
	background-color: #E1FFFF;
}
#Office .main-content3 .top-ex {
	font-size: 12px;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 530px;
}
#Office .main-content3 .sub-content p {
	font-size: 16px;
	font-weight: bold;
	color: #F90;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Office .main-content3 .sub-content .voice {
	background-image: url(../course/img/office_voice.jpg);
	background-repeat: no-repeat;
}
#Office .main-content3 .sub-content .voice p {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	line-height: 1.6em;
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
#Office .main-content3 .sub-content .voice p span {
	font-size: 13px;
	font-weight: bold;
	color: #EA5F00;
}
#Synthesis h2 {
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Synthesis .main-content1 {
	background-image: url(../course/img/synthesis_bg1.jpg);
	background-repeat: no-repeat;
	background-position: 500px 120px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	height: 430px;
}
#Synthesis .main-content3 h3, #Synthesis .main-content3 h4, #Synthesis .main-content3 .sub-content h5, #Synthesis .main-content2 h3, #Synthesis .main-content2 h4, #Synthesis .main-content2 .sub-content h5, #Synthesis .main-content1 h3, #Synthesis .main-content1 h4, #Synthesis .main-content1 .sub-content h5 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Synthesis .main-content1 .top-ex {
	font-size: 12px;
	color: #333;
	margin: 0px;
	width: 430px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Synthesis .main-content1 .sub-content dt {
	font-size: 16px;
	font-weight: bold;
	color: #EB5346;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#Synthesis .main-content1 .sub-content dd {
	font-size: 12px;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 400px;
}
#Synthesis .main-content2 {
	background-image: url(../course/img/synthesis_bg2.jpg);
	background-repeat: no-repeat;
	background-position: 50px 130px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
#Synthesis .main-content2 .top-ex {
	font-size: 12px;
	color: #333;
	width: 350px;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 320px;
}
#Synthesis .main-content2 .sub-content {
	width: 340px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#Synthesis .main-content2 .sub-content li {
	padding-top: 7.5px;
	padding-right: 0px;
	padding-bottom: 7.5px;
	padding-left: 0px;
	text-align: center;
}
#Synthesis .main-content2 .sub-content ul .send {
	background-color: #E1FFFF;
}
#Synthesis .main-content3 .top-ex {
	font-size: 12px;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 530px;
}
#Synthesis .main-content3 .sub-content p {
	font-size: 16px;
	font-weight: bold;
	color: #F90;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Synthesis .main-content3 .sub-content .voice {
	background-image: url(../course/img/synthesis_voice.jpg);
	background-repeat: no-repeat;
}
#Synthesis .main-content3 .sub-content .voice p {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	line-height: 1.6em;
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
#Synthesis .main-content3 .sub-content .voice p span {
	font-size: 13px;
	font-weight: bold;
	color: #EA5F00;
}
#Synthesis .ex-img {
	text-align: center;
	padding: 0px 0px 15px;
	clear: both;
}
#Medical h2 {
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Medical .main-content1 {
	background-image: url(../course/img/medical_bg1.jpg);
	background-repeat: no-repeat;
	background-position: 500px 120px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	height: 500px;
}
#Medical .main-content3 h3, #Medical .main-content3 h4, #Medical .main-content3 .sub-content h5, #Medical .main-content2 h3, #Medical .main-content2 h4, #Medical .main-content2 .sub-content h5, #Medical .main-content1 h3, #Medical .main-content1 h4, #Medical .main-content1 .sub-content h5 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Medical .main-content1 .top-ex {
	font-size: 12px;
	color: #333;
	margin: 0px;
	width: 430px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Medical .main-content1 .sub-content dt {
	font-size: 16px;
	font-weight: bold;
	color: #148D2C;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#Medical .main-content1 .sub-content dd {
	font-size: 12px;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 400px;
}
#Medical .main-content2 {
	background-image: url(../course/img/medical_bg2.jpg);
	background-repeat: no-repeat;
	background-position: 400px 120px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	height: 510px;
}
#Medical .main-content2 .top-ex {
	font-size: 12px;
	color: #333;
	width: 350px;
	padding-top: 0px;
	padding-bottom: 20px;
}
#Medical .main-content2 .sub-content {
	width: 340px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#Medical .main-content2 .sub-content li {
	padding-top: 7.5px;
	padding-right: 0px;
	padding-bottom: 7.5px;
	padding-left: 0px;
	text-align: center;
}
#Medical .main-content2 .sub-content ul .send {
	background-color: #E1FFFF;
}
#Medical .main-content3 .top-ex {
	font-size: 12px;
	color: #333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 530px;
}
#Medical .main-content3 .sub-content p {
	font-size: 16px;
	font-weight: bold;
	color: #148D2C;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Medical .main-content3 .sub-content .voice {
	background-image: url(../course/img/medical_voice.jpg);
	background-repeat: no-repeat;
}
#Medical .main-content3 .sub-content .voice p {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	line-height: 1.6em;
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
#License h2 {
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#License .main-content1 h3 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#License .main-content1 .sub-content h5 {
	background-image: url(../img/license_bg1.gif);
	background-repeat: no-repeat;
	padding-top: 41px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 80px;
	font-size: 16px;
	color: #61372E;
}
#License .main-content1 .sub-content table {
	width: 720px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #7BC1D9;
}
#License .main-content1 .sub-content th {
	width: 180px;
	padding: 8px 0px 8px 15px;
	text-align: left;
	background-image: url(../img/license_bg2.gif);
	font-size: 12px;
	font-weight: normal;
	color: #333;
	border: 1px solid #7BC1D9;
}
#License .main-content1 .sub-content td {
	font-size: 12px;
	color: #333;
	padding: 8px 0px 8px 20px;
	border: 1px solid #7BC1D9;
}
#License .main-content1 .sub-content {
	padding: 0px 0px 15px;
}
#Feature h2 {
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Feature .main-content1 h3 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Feature .main-content1 .sub-content1 {
	background: url(../img/feature_bg1.jpg) no-repeat;
	height: 315px;
}
#Feature .main-content1 .sub-content1 .ex-list {
	width: 330px;
	padding-top: 150px;
	padding-left: 40px;
}
#Feature .main-content1 .sub-content1 .ex-list li {
	background: url(../img/feature_icon.gif) no-repeat left top;
	padding: 0px 0px 10px 30px;
	margin: 0px 0px 10px;
	font-size: 12px;
	color: #333;
	border-bottom: 1px dotted #FE7A03;
}
#Feature .main-content1 .sub-content1 span {
	font-size: 15px;
	font-weight: bold;
	color: #10638D;
	display: block;
}
#Feature .main-content1 .sub-content2 {
	background: url(../img/feature_bg2.jpg) no-repeat;
	height: 315px;
}
#Feature .main-content1 .sub-content2 .ex-list {
	width: 330px;
	padding: 150px 0px 0px 350px;
}
#Feature .main-content1 .sub-content2 .ex-list li {
	background: url(../img/feature_icon.gif) no-repeat left top;
	padding: 0px 0px 10px 30px;
	margin: 0px 0px 10px;
	font-size: 12px;
	color: #333;
	border-bottom: 1px dotted #FFFFFF;
}
#Feature .main-content1 .sub-content2 span {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}
#Feature .main-content1 .sub-content3 {
	background: url(../img/feature_bg3.jpg) no-repeat;
	height: 275px;
}
#Feature .main-content1 .sub-content3 .ex-list {
	width: 330px;
	padding: 130px 0px 0px 50px;
}
#Feature .main-content1 .sub-content3 .ex-list li {
	background: url(../img/feature_icon.gif) no-repeat left top;
	padding: 0px 0px 10px 30px;
	margin: 0px 0px 10px;
	font-size: 12px;
	color: #333;
	border-bottom: 1px dotted #10638E;
}
#Feature .main-content1 .sub-content3 span {
	font-size: 15px;
	font-weight: bold;
	color: #10638E;
	display: block;
}
#Feature .main-content1 .sub-content4 {
	background: url(../img/feature_bg4.jpg) no-repeat;
	height: 322px;
}
#Feature .main-content1 .sub-content4 .ex-list {
	width: 260px;
	padding: 95px 0px 0px 425px;
}
#Feature .main-content1 .sub-content4 .ex-list li {
	background: url(../img/feature_icon.gif) no-repeat left top;
	padding: 0px 0px 10px 30px;
	margin: 0px 0px 10px;
	font-size: 12px;
	color: #333;
	border-bottom: 1px dotted #10638E;
}
#Feature .main-content1 .sub-content4 span {
	font-size: 15px;
	font-weight: bold;
	color: #10638E;
	display: block;
}
#Feature .main-content1 .sub-content5 {
	background: url(../img/feature_bg5.jpg) no-repeat;
	height: 364px;
}
#Feature .main-content1 .sub-content5 .ex-list {
	width: 320px;
	padding: 165px 0px 0px 330px;
}
#Feature .main-content1 .sub-content5 .ex-list li {
	background: url(../img/feature_icon.gif) no-repeat left top;
	padding: 0px 0px 10px 30px;
	margin: 0px 0px 10px;
	font-size: 12px;
	color: #333;
	border-bottom: 1px dotted #10638E;
}
#Feature .main-content1 .sub-content5 span {
	font-size: 15px;
	font-weight: bold;
	color: #10638E;
	display: block;
}
#Ipad h2 {
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#Ipad .main-content1 h3 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}



/*  */
.clearboth {
	display:block;
	clear: both;
	HEIGHT: 0px;
}