@charset "UTF-8";
@import url(reset.css);
/*------------------ Template ---------------------*/
html{font-size:16px;}
body{
	background:url(../images/bodyBack.jpg);
	font-family: Lucida Grande, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Geneva, Arial, Verdana, sans-serif;
	font-size:100%; 
	color: #333; 
	line-height:1.7;
	text-align:justify;
}

a:link{ text-decoration: none; color:#006600;}/* 未访问的链接 */
a:visited{color:#006600; }/* 已访问的链接 */
a:hover{color:#1b7e1b;text-decoration:underline;}/* 鼠标放上去的链接 */
a:active{ color:#1b7e1b;text-decoration:underline;}/* 激活链接 */

/*-------------------Comment1-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #709f70; margin-top:10px;margin-bottom:10px;}
.line2{width:99%;height:1px;border:none; border-top: 3px solid #ee7600; margin-bottom:10px;}

.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}

.inlineBlock{display:inline-block!important;}

.setPaddingT50{padding-top:50px!important;}
.setPaddingT20{padding-top:20px!important;}
.setPaddingT10{padding-top:10px!important;}

.setPaddingL20{padding-left:20px!important;}

.setPaddingB50{padding-bottom:50px!important;}
.setPaddingB20{padding-bottom:20px!important;}
.setPaddingB10{padding-bottom:10px!important;}

.setMarginB50{margin-bottom:50px!important;}
.setMarginB20{margin-bottom:20px!important;}
.setMarginB10{margin-bottom:10px!important;}

.setMarginT50{margin-top:50px!important;}
.setMarginT20{margin-top:20px!important;}
.setMarginT10{margin-top:10px!important;}

.annotation1{color:#999;font-size:0.725rem;}
.stress1{color:#348104; font-size:0.85rem; font-weight: bolder;}
.stress2{font-weight:600;}
.stress3{font-weight:600;color:#e69904;font-size:1.125rem;}
.stress4{font-weight:600;color:#e69904;font-size:1rem;text-align:center;border:1px solid #333;padding:15px 20px;font-family:'Noto Sans JP',sans-serif;background:#fff;line-height:2;}
.stress5{width:100%;margin:40px auto;padding:10px 25px;font-size:1.35rem;font-weight:bolder;color:#f1592a;font-family:'Noto Sans JP',sans-serif;text-align:center;}

.pBeforeArrow1{position:relative;}
.pBeforeArrow1::before{content:"";display: inline-block; width:6px; height:6px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:11px;left:-11px;}

.title1{ width:705px; height:45px; line-height:55px; background:url(../images/title1.jpg) no-repeat;background-size:cover; text-indent:2em; font-size:16px; font-weight:bold; color:#1b7e1b; margin-bottom: 15px;}

.title2{width:100%;background:url(../images/bgTitle2.jpg);background-size:50%;font-size:0.95rem;font-weight:bolder;color:#fff;text-align:center;padding:5px 10px;}
.title2 span{padding-left:10px;font-size:0.5em;color:#fce39f;}

.title3{ width:660px; height:28px; line-height:22px; font-size:14px; font-weight:bolder; color:#795c3b; }

.module1{color:#348104;font-weight: bolder;width:560px; margin:5px auto; margin-bottom:20px; background: #fbfdf9; font-size:0.975rem; padding:15px; border:1px solid #f0f0f0;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

.shadow { background:#fff; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); /*IE6,IE7语法*/  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#f0f0f0');  /*IE8语法,可恶的IE，不同的版本还要写的不一样*/  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#f0f0f0')" }

#wrap{width:972px;height:auto; margin:0 auto;background:url(../images/wrapBack.png) repeat-y;}
#topKeyword{width:960px;height:22px; line-height: 22px; margin:0 auto; background:#439c0b; color:#fff; font-size:0.725rem;font-weight:normal;}
#header{width:960px;height:140px; background: url(../images/header.jpg) no-repeat;background-size:cover;margin:0 auto; position: relative; }
#logoA{width:263px;height:70px; position: absolute;top:13px;left:2px; text-indent: -9999px;}
#telA{width:240px;height:113px; position: absolute;top:13px;left:707px; text-indent: -9999px;}

#menu{width:946px; height:40px; margin: 0 auto; background:url(../images/menu.gif) no-repeat; text-indent:-9999px; position:relative;}
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7{ width:134px; height:40px; display:block;}
#menu1{ position:absolute; top:0px; left:0px;}
#menu1:hover{ background:url(../images/menu.gif) 0px -40px;}
#menu2{ position:absolute; top:0px; left:136px;}
#menu2:hover{ background:url(../images/menu.gif) -136px -40px;}
#menu3{ position:absolute; top:0px; left:271px;}
#menu3:hover{ background:url(../images/menu.gif) -271px -40px;}
#menu4{ position:absolute; top:0px; left:406px;}
#menu4:hover{ background:url(../images/menu.gif) -406px -40px;}
#menu5{ position:absolute; top:0px; left:541px;}
#menu5:hover{ background:url(../images/menu.gif) -541px -40px;}
#menu6{ position:absolute; top:0px; left:676px;}
#menu6:hover{ background:url(../images/menu.gif) -676px -40px;}
#menu7{ position:absolute; top:0px; left:811px;}
#menu7:hover{ background:url(../images/menu.gif) -811px -40px;}

#show{ width: 946px;height:auto; margin: 0px auto; margin-bottom: 15px; position: relative;}

#middle{width:930px;height:auto; margin:10px auto;}
#content{width:705px; height: auto; min-height: 655px; float: left; overflow: hidden; line-height: 1.8;font-size:0.85rem;}
#contentContent{width:680px; margin-left: 20px; margin-right: 5px; overflow: hidden;font-size:0.825rem;}
#contentIndex{width:700px; margin-left: 5px; overflow: hidden;}
#sidebar{width:210px; height: auto; float:right;  overflow: hidden;}

#subMenu{width:210px;height:189px; background: url(../images/subMenu.jpg) no-repeat; background-size:100%; position: relative; overflow: hidden; margin-bottom: 12px;}
#subMenuContent{width:191px;height:143px; position: absolute; left:16px; top:40px;line-height:1.425;list-style:none;}
#subMenuContent li a{height:18px;font-size:0.875rem;font-weight:500;position:relative;letter-spacing:1px;}
#subMenuContent li a::before{content:"";display: inline-block; width:5px; height:5px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:6px;left:-10px;}

#footer{width:960px;height:130px; margin: 0 auto; background: url(../images/footerBack.gif) no-repeat; background-size:cover; color:#fff; position: relative; }
#telAF{width:269px;height:99px; position: absolute;top:15px;right:10px; text-indent: -9999px;}
#footMenu{text-indent: 1em; line-height: 240%;}
#footer a:link{color:#fff; font-size:12px;}
#footer a:visited{ color:#fff;  text-decoration: none;}
#footer a:hover,#footer a:active{ color:#fff;  text-decoration: underline;}
#copyright{width:330px; height:20px; overflow: hidden; line-height:20px;font-size:0.75rem; position: absolute;top:105px;right:13px;text-align:right;}
#toTop{width:196px;height:21px; position:absolute;top:-22px; left:750px;}
#toTop img{width:100%;}

/*---------------Index.php---------------*/
#campaign{width:100%; height;auto; margin-bottom: 10px;}
#campaign img{width:100%;}

#div01{width:700px;height:233px; margin-bottom:12px;background: url(../images/default01.jpg) no-repeat;background-size:cover; position: relative;}
#div01A{width:170px;height:20px; position: absolute;left:110px;top:105px; font-size:0.85rem;font-weight:500;}

#default02{ width:660px; height:273px; background:url(../images/default02.jpg) no-repeat; position:relative;}
#default02Content{ width:390px; height:auto; position:absolute;top:70px; left:250px; }

#default03{ width:323px; height:280px; background:url(../images/default03.jpg) no-repeat; background-size:cover; float: right;}

#message{ width: 368px;height:280px; float:left; background: url(../images/topicBack.gif) no-repeat;background-size:cover;margin-bottom: 12px;position: relative; overflow: hidden;}
#messageContent{width:345px;height:237px;padding:0px 8px; position:absolute; top:41px; left:1px; overflow-y:auto; overflow-x:hidden;}
.newMessageTitle{ height: 34px; line-height: 34px; background: url(../images/newMessageTitle.png) no-repeat; text-indent: 3em;color:#1b7e1b; font-weight: bolder; font-size:0.825rem;}
.message{margin: 5px 5px 5px 25px; color:#2b1100;font-size:0.775rem;}
/*---------------recruit.php---------------*/
h1{ font-size:18px; color:#1b7e1b; font-weight:bolder; }
h6{ color:#1b7e1b; font-size:13px; font-weight:normal; }
#recruitTable{ width:620px; height:auto; }
#recruitTable td{font-size:14px;}
#recruitTable .titleTd{ color:#1b7e1b;font-weight:bolder; border-bottom:1px solid #1b7e1b; width:120px; height:35px; text-align:center;}
#recruitTable .contentTd{width:500px; border-bottom:1px solid #1b7e1b;}

/*---------------userVoice.php---------------*/
.userVoiceA{margin: 5px auto; padding: 22px; border: 1px solid #eaeaea; width: 580px; backgroud: #f0f0f0;}

/*---------------system.php---------------*/
.courseTitle{ width:680px;height:40px; line-height: 45px; text-indent: 2em; background: url(../images/courseTitle.gif) no-repeat; color:#1b7e1b; font-size:15px; font-weight: bolder; }
.systemTable {background: #f9faf2 url(../images/courseBack.jpg) no-repeat; width: 660px; margin: 15px auto; margin-bottom: 20px; }
.courseTd { width:420px;border-bottom: 1px dotted #1b7e1b; font-size: 14px; font-weight: bolder; color: #1b7e1b; padding-left:15px; padding-top:15px;}
.contentTd {color: #333;padding: 5px 15px;font-size:12px;}
.imgTd{width:240px;text-align: center;vertical-align: middle;}
.timePriceTd{padding-bottom: 15px;}
.timePriceTable{width:285px;margin-left:45px;}
.timePriceTableTitle{text-align: center; color:#1b7e1b;border-bottom: 1px solid #c0c0c0; font-weight: bolder;}
.timeTd {color:#683b0e;border-bottom: 1px solid #c0c0c0; font-weight: bolder;font-family: Georgia;text-align: right;padding: 5px 15px;}
.priceTd { border-bottom: 1px solid #c0c0c0;font-size: 14px; font-weight: bolder; color: #02bbdd; font-family: Georgia;text-align: right; padding: 5px 15px;}
.campaignPriceTd { border-bottom: 1px solid #c0c0c0;font-size: 14px; font-weight: bolder; color: #e80505; font-family: Georgia;text-align: right; padding: 5px 15px;}

/* ---------在手机中查看时可使大于980的部分正常显示------- */
@media only screen and (max-width: 980px) { 
    body{width:1200px;}
    #wrap{width:1200px;}/* 最大的DIV的宽度值，就象告诉手机这里有大于980的内容，别截断显示*/
}