@charset "UTF-8";
/* CSS Document */
.hd {
  display: none;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#contents {
  width:980px;
  margin: 40px auto 0 auto;
  padding: 0px 0 0 0;
  overflow: hidden;
}
#topic_path {
	text-align: left;
	padding: 0px 0 0 10px;
	margin: 0;
	height: 35px;
	width:100%;
}
#topic_path dl {
	text-align: left;
	width: 980px;
	height:20px;
	padding: 0;
	margin: 0 auto;
	height: 31px;
	color: #c72f2f;
}
#topic_path dt {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
#topic_path dd {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
#topic_path a {
	color: #c72f2f;
	text-decoration: underline;
	font-weight:bold;
}
#topic_path a:hover {
	color:#D07151;
}
.main {
  width: 695px;
  float: right;
  overflow: hidden;
}
.side {
  width: 240px;
  float: left;
  overflow: hidden;
}
/*---------- main ----------*/
.main section {
  width:695px;
  overflow: hidden;
  margin: 0 0 60px 0;
}
.main section h1 {
  width:695px;
  height: 33px;
  margin: 0 0 30px 0;
  font-size: 100%;
}
.main section .signature {
  width:695px;
}
.main section p {
  width:695px;
  margin: 0 0 2em 0;
  color: #333;
}
.main section ul {
  width:695px;
  margin: 0;
  line-height: 1.6;
  color: #333;
}
.main section ul li {
  width:665px;
  margin: 0 0 1em 2em;
  font-size: 108%;
  text-indent: -1em;
}
.idea .ideaimg {
  width:640px;
  height: 25px;
  margin: 0 22px;
}
.greeting .signature {
  width:259px;
  height: 19px;
  margin: 0;
  text-align: right;
} 

header {
  width: 100%;
  height: 145px;
  background-image: url(../commonImage/header.png);
  background-position: center top;
  background-repeat: no-repeat;
}
header .wrap {
  width: 980px;
  height: 145px;
  margin: 0 auto;
  position: relative;
}
header .wrap p {
  font-size: 93%;
  color: #333;
  margin: 0 0 0 20px;
  padding: 8px 0 0 0;
}
header .wrap .logo {
  position: absolute;
  top:30px;
  left: 10px;
}
header .wrap .tel {
  position: absolute;
  top:8px;
  left: 821px;
}
/*---------- header .top ----------*/
.top {
  width: 100%;
  height: 379px;
  background-image: url(../topImage/hdbg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
.top .wrap {
  width: 980px;
  height: 379px;
  margin: 0 auto;
  background-image: url(../topImage/main.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
}
.top .wrap p {
  font-size: 93%;
  color: #333;
  margin: 0 0 0 20px;
  padding: 8px 0 0 0;
}
header .wrap .logo {
  position: absolute;
  top:30px;
  left: 10px;
}
header .wrap .tel {
  position: absolute;
  top:8px;
  left: 821px;
}
.top .wrap .idea {
  position: absolute;
  top:122px;
  left: 22px;
}

/*---------- nav ----------*/
.gnav {
  width:100%;
  height: 60px;
  background: url(../commonImage/gnvbg.jpg) repeat-x left top;
}
.gnav ul {
  width:980px;
  height: 60px;
  margin: 0 auto;
  overflow: hidden;
}
.gnav ul li {
  width:196px;
  height: 60px;
  float: left;
  display: inline;
}
.gnav ul li a{
  width:196px;
  height: 60px;
  display: block;
}
.gn01 a {
  background: url(../commonImage/gnv.png) 0 0;
}
.gn01 a:hover {
  background: url(../commonImage/gnv.png) 0 -60px;
}
.gn02 a {
  background: url(../commonImage/gnv.png) -196px 0;
}
.gn02 a:hover {
  background: url(../commonImage/gnv.png) -196px -60px;
}
.gn03 a {
  background: url(../commonImage/gnv.png) -392px 0;
}
.gn03 a:hover {
  background: url(../commonImage/gnv.png) -392px -60px;
}
.gn04 a {
  background: url(../commonImage/gnv.png) -588px 0;
}
.gn04 a:hover {
  background: url(../commonImage/gnv.png) -588px -60px;
}
.gn05 a {
  background: url(../commonImage/gnv.png) -784px 0;
}
.gn05 a:hover {
  background: url(../commonImage/gnv.png) -784px -60px;
}
/*---------- side ----------*/
.side .info {
  width:240px;
  height: 277px;
  margin: 0 0 20px 0;
  overflow: hidden;
  background: url(../commonImage/infobg.png) no-repeat left top;
}
.side .info h1 {
  width:206px;
  height: 33px;
  margin: 16px 17px 10px 17px;
}
.side dl {
  width:206px;
  height: 210px;
  margin: 0 17px;
  overflow-y: auto;
  font-size: 100%;
}
.side dt {
  width:206px;
  margin: 0;
  font-weight: bold;
}
.side dd {
  width:206px;
  overflow: hidden;
  line-height: 120%;
  margin: 0 0 10px 0;
 
}
.side .new {
  font-size: 96%;
  font-weight: bold;
  color: #c72f2f;
}
.side .detail {
  width:240px;
  height: 342px;
  margin: 0 0 20px 0;
  overflow: hidden;
  background: url(../commonImage/detailbg.png) no-repeat left top;
}
.side .detail .btn {
  width:220px;
  height: 60px;
  margin: 10px;
}
.side .detail iframe {
  width:218px;
  height: 163px;
  margin: 0 10px 10px 10px;
  border: 1px solid #fff;
}
.side .detail address {
  width:220px;
  margin: 0 10px 1px 10px;
  font-size: 100%;
  line-height: 130%;
}
.side .detail .tel {
  width:201px;
  height: 24px;
  margin: 0 20px 3px 20px;
}
.side .detail .detailbtn {
  width:84px;
  height: 13px;
  margin: 0 20px 0 auto;
}
.linkBox{
	width:238px;
	margin:0 0 80px 0;
	padding: 0 0;
	background-color:#FFF;
	border: 1px solid #F7984A;
	
}
	
/*---------- footer ----------*/
footer{
  width:100%;
  height: 230px;
  background: url(../commonImage/footerbg.png) repeat-x left top;
}
.foot{
  width:980px;
  height: 230px;
  margin: 0 auto;
  overflow: hidden;
  background: url(../commonImage/footlogo.png) no-repeat 18px 21px;
  position: relative;
}
.foot address {
  width:250px;
  height: 54px;
  font-size: 100%;
  line-height: 130%;
  position: absolute;
  left:35px;
  top:157px;
}
.foot .ftnav{
  width:800px;
  height: 140px;
  overflow: hidden;
  position: absolute;
  top:50px;
  left: 235px
}
.foot dl{
  width:170px;
  height: 170px;
  line-height: 170%;
  padding: 0 0 0 15px;
  overflow: hidden;
  float: left;
  border-right: 1px dotted #fff; 
}
.foot dt a{
  font-weight: bold;
  color: #ff8d00;
  text-decoration: none;
}
.foot dd{
  text-indent: 0.5em;
}
.foot dd a{
  color: #333;
  text-decoration: none;
  text-indent: 1em;
}
.foot a:hover{
  color: #999;
}