@charset "utf-8";
/* CSS Document */


/* ==============================================================================
	other
============================================================================== */	
.mTop{
	margin:10px auto 0;
	}
.mBottom{
	margin:0 auto 20px;	
	}

.mCenter{
	margin:0 auto;
	}
	
.caution{
	font-size:10px;
	color: #B10002;
	}

.f-big{
	font-size:18px;
	font-weight:bold;
	color:#FF5700;
	margin:0 0 10px 0;
	}	


/* ==============================================================================
	wapper
============================================================================== */	

.wapper {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}
/* ==============================================================================
	left (globalnav)
============================================================================== */	

.left {
	float: left;
	width: 200px;
	height: 1200px;
	background: url(../../img/bg_side.png) repeat;
}

.logoArea{
	width:180px;
	height:200px;
	margin:50px auto 10px;
	}


/*Global nav*/

.globalnav{
	position:absolute;
	top:325px;
  width:180px;
  height:450px;
  margin:0 0 0 10px;
}
.globalnav ul{
  width:180px;
  height:450px;
  margin:0 auto;
  overflow:hidden;
  position:relative;
}
.globalnav ul li{
  width:180px;
  height:75px;
  overflow:hidden;
}
.globalnav ul li a{
  display:block;
  width:180px;
  text-indent: -9999px;
  background-image: url('../../img/g_navi.png');  
  background-repeat:no-repeat;
}
.globalnav ul li a.nav01{background-position:0px 0px;  width:180px; height:70px;}
.globalnav ul li.current a.nav01,
.globalnav ul li a.nav01:hover{background-position:-180px 0px;}

.globalnav ul li a.nav02{background-position:0px -73px;  width:180px; height:70px;}
.globalnav ul li.current a.nav02,
.globalnav ul li a.nav02:hover{background-position:-180px -73px;}

.globalnav ul li a.nav03{background-position:0 -145px;  width:180px; height:70px;}
.globalnav ul li.current a.nav03,
.globalnav ul li a.nav03:hover{background-position:-180px -145px;}

.globalnav ul li a.nav04{background-position:0 -217px;  width:180px; height:70px;}
.globalnav ul li.current a.nav04,
.globalnav ul li a.nav04:hover{background-position:-180px -217px;}

.globalnav ul li a.nav05{background-position:0 -289px;  width:180px; height:70px;}
.globalnav ul li.current a.nav05,
.globalnav ul li a.nav05:hover{background-position:-180px -289px;}

.globalnav ul li a.nav06{background-position:0 -361px;  width:180px; height:70px;}
.globalnav ul li.current a.nav06,
.globalnav ul li a.nav06:hover{background-position:-180px -361px;}




/* ==============================================================================
	top Center Area
============================================================================== */

.topCenter {
	float: left;
	width: 430px;
	height:100%;
	background:#fff;
}

#slider {
	width: 430px;
	float: right;
	height: 1200px;
	overflow: hidden;
	display: block;
	position: relative;
}
#slider ul {
	width: 430px;
	height: 550px;
	clear: both;
}
#slider li {
	width: 430px;
	height: 550px;
	clear: both;
	overflow: hidden;
}



/* ==============================================================================
	top Right Area
============================================================================== */

.topRight {
	float: left;
	width: 330px;
	height:1100px;
	background: url(../../img/bg_side.png) repeat;
	}

.news {
	width:300px;
	height:auto;
	margin:50px auto 0;
	}	
.news ul{
	margin:15px auto 10px;
	text-indent:5px;
	font-size:12px;
	}
.news li{
	font-size:12px;
	color:#363636;
	font-weight:bold;
	}
.newsImg {
	margin:0px auto;
	}

.bana{
	position:absolute;
	top:325px;
	width:320px;
	margin:0 0 0 5px;
	}
.bana ul{}
.bana li{
	margin:0 auto 6px;
	
	
	}



/* ==============================================================================
	right


============================================================================== */

.right {
	float: left;
	width: 760px;
	height:100%;
	background: url(../../img/bg_side.png) repeat;
}

.coentents{
	width:760px;
	height:100%;
	background:#fff;	
	}
.coententsTitle{
	width:660px;
	height:56px;
	margin:30px auto;
	}
.coententsHr{
	width:660px;
	height:13px;
	margin:10px auto;
	background:url(../../img/hr_g_star_r.png) no-repeat;
	}
.coententsHr2{
	width:660px;
	height:13px;
	margin:10px auto;
	background:url(../../img/hr_g_star_c.png) no-repeat;
	}	
	
.coententsBox{
	width:730px;
	height: auto;
	margin:10px auto;
	padding:20px 10px;
	background:#ebf7fe;
	border-radius: 10px;
	}


.coententsText{
	width:700px;
	padding:6px;
	background:#fff;
	border-radius: 10px;
	}
	
	
	
	




/* ==============================================================================
	footer Area
============================================================================== */

.footer {
	width: 960px;
	margin: 0 auto;
}
.footerNavi {
	text-align: center;
	height: 40px;
	padding:2px 0 2px;
	background: #333333;
	color: #fff;
}


/* ==============================================================================
	design
============================================================================== */

.f-size1{
	font-size:16px;
	}

/* ==============================================================================
	pp
============================================================================== */

.pp{
	text-align:center;
	margin:12px auto 8px;
	
	
	}
.pp a:link { text-decoration:none; color: #444;}
.pp a:visited { text-decoration:none; color: #444;}
.pp a:active { text-decoration: none; color: #444;}
.pp a:hover { text-decoration: underline; color:#bbb;}