@charset "utf-8";
/* CSS Document */

body{ 
    background-color:#ffffff; 
	margin:0px; 
	padding:0px;
	font: 12px Tahoma, Arial, Helvetica, snas-serif; color:#666666;
}

A {
	COLOR: #666666; text-decoration: none;
}
* {margin:0px; 
	padding:0px;}
A:hover {
	COLOR: #666666; text-decoration: none;
}
li{
	list-style-type: none;
}
ul {
    margin:0;
    padding:0;
}

#content {MARGIN: 0px auto; WIDTH: 937px;overflow:hidden;}

#head {WIDTH: 937px;overflow:hidden;}
.logo {padding:15px;float: left;}
.navigation {float: right;padding:15px;}
.navigation a{padding-left:10px;}
.navigation img{padding-right:15px;}


.nav {
	BACKGROUND: url(../images/nav.gif) no-repeat center top; HEIGHT: 52px;WIDTH: 944px;padding-top:12px;
}
.nav A {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; MARGIN: 0px 6px; WIDTH: 80px; COLOR: #888888; LINE-HEIGHT: 38px; HEIGHT: 41px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.nav A:hover {
	BACKGROUND: url(../images/navs.gif) no-repeat;COLOR: #ffffff;
}
.nav A.hover {
	BACKGROUND: url(../images/navs.gif) no-repeat
}
.nav .hover {COLOR: #ffffff;}


#footmenu {
	MARGIN-TOP: 20px; BACKGROUND: url(../images/footmenubg.jpg) repeat-x; MARGIN-LEFT: auto; WIDTH: 937px; LINE-HEIGHT: 36px; MARGIN-RIGHT: auto; text-align:center;
}
#footmenu LI {
	DISPLAY: inline; TEXT-ALIGN: center
}
#footmenu UL {
	MARGIN-LEFT: auto; WIDTH: 937px; MARGIN-RIGHT: auto; TEXT-ALIGN: center;
}
#footmenu LI A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 0px
}
#footmenu LI A:hover {
	TEXT-DECORATION: underline
}


.animation {WIDTH: 937px;}

.animation_l {float:left;}
.flash {MARGIN-top: 15px;float:right;}


.central {WIDTH: 937px;overflow:hidden;}
.central_l {float:left;}
.central_r {float:right;padding-left:0px;padding-top:10px;}
.central_r H2 {
	PADDING-LEFT: 0px; FONT-SIZE: 14px; BACKGROUND: url(../images/navs_line.gif) repeat-x; MARGIN-BOTTOM: 10px; COLOR: #676767; LINE-HEIGHT: 31px; HEIGHT: 31px
}
.central_r ul{padding-top:20px;padding-bottom:20px;WIDTH: 686px;}
.central_r li{float:left;padding-right:2px;padding-left:2px;}
.central_r img{vertical-align:middle}
.central_r p{TEXT-ALIGN: center;LINE-HEIGHT: 48px;}
.central_r A:hover IMG {
	FILTER: alpha(opacity=60); 
}

.left {float:left;WIDTH: 240px;}
.right {float:right;WIDTH: 686px;padding-top:18px;}

.neirong {WIDTH: 937px;overflow:hidden;}


.lineHEIGHT {LINE-HEIGHT: 28px}


#header {
	width: 942px;
	height: 135px;
	float: left;
}
#header_nav1 {
	float: left;
	height: 49px;
	width: 942px;
	padding-top:10px;
	padding-bottom:10px;
}
#header_nav1 ul {
	margin:0px;
	padding-top: 26px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 250px;
}
#header_nav1 li {
	float:left;
	list-style-type: none;
}
#header_nav1 li a {
	font-family:"穝灿砰";
	font-size: 12px;
	font-weight: normal;
	color: #656565;
	text-decoration: none;
	vertical-align: 6px;
}
#header_nav1 li a:hover {
	font-family:"穝灿砰";
	font-size: 12px;
	font-weight: normal;
	color: #b8aa66;
	text-decoration: none;
}
#header_nav1_logo01 {
	text-indent: -10000px;
	display: none;
}
#header_nav1_logo02 {
	float: left;
	height: 48px;
	width: 202px;
	padding-left: 25px;
}
#header_nav1_link {
	float: right;
	height: 49px;
	width: 651px;
	background-image: url(../images/newindex.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header_nav1_link01 {
	float: left;
	width: 85px;
	text-align: left;
}
#header_nav1_link02 {
	float: left;
	width: 85px;
	text-align: left;
}






#header_nav2 {
	float: left;
	height: 66px;
	width: 942px;
	background-image: url(../images/top-background.gif);
	background-repeat: no-repeat;
	background-position: -2px top;text-indent: -10000px;
}
#header_nav2_01 {
	float: left;
	height: 66px;
	width: 411px;
}
#header_nav2_links {
	float: left;
	height: 51px;
	width: 531px;
	padding-top: 6px;
	padding-bottom: 9px;
}
#header_nav2_links ul {
	margin:0px;
	padding-left: 50px;
}
#header_nav2_links li {
	float:left;
	list-style-type: none;
}
#header_nav2_links_01 {
	float: left;
	height: 51px;
	width: 66px;
	background-image: url(../images/icon-member1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#header_nav2_links_01 a:hover {
	background-image: url(../images/icon-member2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 51px;
	width: 66px;
}
#header_nav2_links_01 a {	
	display: block;
	height: 51px;
	width: 66px
}
#header_nav2_links_02 {
	float: left;
	height: 51px;
	width: 66px;
	background-image: url(../images/icon-findpw2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#header_nav2_links_02 a:hover {
	background-image: url(../images/icon-findpw1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 51px;
	width: 66px;
}
#header_nav2_links_02 a {	
	display: block;
	height: 51px;
	width: 66px
}
#header_nav2_links_03 {
	float: left;
	height: 51px;
	width: 66px;
	background-image: url(../images/icon-id2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-right: 0px;
}
#header_nav2_links_03 a:hover {
	background-image: url(../images/icon-id1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 51px;
	width: 66px;
}
#header_nav2_links_03 a {	
	display: block;
	height: 51px;
	width: 66px
}
#header_nav2_links_04 {
	float: left;
	height: 51px;
	width: 70px;
	background-image: url(../images/icon-beginner2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#header_nav2_links_04 a:hover {
	background-image: url(../images/icon-beginner1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 51px;
	width: 70px;
}
#header_nav2_links_04 a {	
	display: block;
	height: 51px;
	width: 70px;
}
#header_nav2_links_05 {
	float: left;
	height: 51px;
	width: 70px;
	background-image: url(../images/icon-faq2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#header_nav2_links_05 a:hover {
	background-image: url(../images/icon-faq1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 51px;
	width: 70px;
}
#header_nav2_links_05 a {	
	display: block;
	height: 51px;
	width: 70px;
}
#header_nav2_links_06 {
	float: left;
	height: 51px;
	width: 71px;
	background-image: url(../images/icon-travel2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#header_nav2_links_06 a:hover {
	background-image: url(../images/icon-travel1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 51px;
	width: 71px;
}
#header_nav2_links_06 a {	
	display: block;
	height: 51px;
	width: 71px;
}
#header_nav2_links_07 {
	float: left;
	height: 51px;
	width: 70px;
	background-image: url(../images/icon-masablog2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#header_nav2_links_07 a:hover {
	background-image: url(../images/icon-masablog1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 51px;
	width: 70px;
}
#header_nav2_links_07 a {	
	display: block;
	height: 51px;
	width: 70px;
}



.works {padding-left:0px;padding-top:10px;}
.works ul{padding-top:20px;padding-bottom:20px;WIDTH: 686px;}
.works li{float:left;padding-right:2px;padding-left:2px;}
.works p{TEXT-ALIGN: center;LINE-HEIGHT: 48px;}
.works img{vertical-align:middle}
.works A:hover IMG {
	FILTER: alpha(opacity=60); 
}


.page { clear:both; padding:3px; text-align:center; }


.center {TEXT-ALIGN: center;padding:10px;}


.imgline img{padding:10px;}


.information {WIDTH: 686px;overflow:hidden;}
.information_l {float:left;}
.information_r {float:right;}


.link {background-image: url(../images/links.jpg);WIDTH: 205px;HEIGHT: 212px;padding-top:120px;padding-left:35px;margin-left:1px;}
.link_txt2 {
	SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-FACE-COLOR: #fff; LINE-HEIGHT: 20px; OVERFLOW-Y: scroll; WIDTH: 179px; SCROLLBAR-DARKSHADOW-COLOR: #fff; HEIGHT: 145px; SCROLLBAR-HIGHLIGHT-COLOR: #cacaca; SCROLLBAR-SHADOW-COLOR: #cacaca; SCROLLBAR-TRACK-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff;
}
.link_txt2 A {
	LINE-HEIGHT: 16px; FLOAT: left; COLOR: #999; FONT-SIZE: 12px;
}
.link_txt2 A:hover {
	COLOR: #89672a
}
.link_txt2 LI {
	PADDING-right: 5px; WIDTH: 72px; DISPLAY: block; FLOAT: left; HEIGHT: 16px; OVERFLOW: hidden
}
.link_logo {
	LINE-HEIGHT: 16px; WIDTH: 170px;MARGIN-top:10px;TEXT-ALIGN: center;BACKGROUND: #ffc; COLOR: #f39
}

div.guestbook {width:605px;margin:50px 57px 0 48px;}

div.guestbook h5 {font-size:36px;background:url(../images/vip5_title.jpg) no-repeat bottom center;line-height:36px;color:#c2201f;}

div.guestbook h5 span {font-size:18px;color:#757575;text-transform:uppercase;font-weight:normal;}

div.guestbook h6 {padding:0;color:#ceaaae;font-size:12px;}

div.guestbook div.topic {padding:10px 0 0 0;}

div.guestbook div.topic div.topic1 {background:url(../images/vip5_title.jpg) no-repeat bottom center;padding:0 0 5px 0;margin:0 0 5px 0;}

div.guestbook div.topic div.topic1 h5 {font-size:12px;background:url() #dfdbcc;padding:0 10px;line-height:30px;color:#737373;}

div.guestbook div.topic div.topic1 h5 span {font-size:12px;float:right;color:#9e9e9e;}

div.guestbook div.topic div.topic1 h5 b {color:#c2201f;}

div.guestbook div.topic div.topic1 p {padding:0 10px;color:#626262;}

div.post {margin:0 57px 0 48px;}

div.post input.nickname {border:3px solid #cfc9bc;display:block;padding:2px 3px;margin:5px 0;}

div.post h6 {padding:0;background:url();color:#626262;margin:10px 0;}

div.post h6 span {font-weight:normal;color:#A22424;}

div.post textarea.post_ta1 {width:420px;overflow:auto;height:210px;border:3px solid #cfc9bc;margin:5px 0;padding:2px 3px;display:block;}

div.post input.post_submit1 {width:77px;height:28px;background:url(../images/vip5_submit.gif) no-repeat top left;display:block;border:0;color:#fff;cursor:pointer;}

/* dingdan */

.dingdan_bc_wrap {background:url(../images/dingdan1.jpg) no-repeat top left;#float:right;margin:0 0 0 23px;color:#fff;}

.dingdan_bc_wrap a {color:#fff;}

.dingdan_bc_wrap div.dingdan_bc {float:right;padding:37px 40px 0 0;height:69px;}

.dingdan2 {margin:0 32px 0 26px;padding:10px 20px 20px 20px;}

.dingdan2 img {float:left;margin-right:28px;}

.dingdan2 p {float:right;width:460px;text-indent:10px;background:url(../images/index5_arrow.gif) no-repeat 0px 7px;}

.dingdan3 {margin:0 0 0 0px;}

.dingdan4 {margin:0 32px 30px 0px;border-bottom:1px dotted #aaa;padding:20px 20px 20px 20px;}

.dingdan4 p {}

.dingdan4 p b {float:left;font-weight:normal;}

.dingdan4 p span {background:url(../images/icbc.jpg) no-repeat center left;padding:0 5px 0 48px;width:275px;display:block;float:left;color:#bf1414;}

.dingdan5 {margin:0 32px 0 26px;padding:0 20px 0 20px;}

.dingdan5 h5 {font-size:20px;color:#434343;}

.dingdan5 h5 span {font-size:12px;color:#c7c7c7;}

.dingdan6 {margin:0 32px 0 0px;background:url(../images/dingdan_form.jpg) no-repeat top left;height:295px;padding:40px 20px 0 20px;color:#666666;}

.dingdan6 div.dingdan_form input {display:block;width:270px;border:1px solid #9fafbb;padding:1px 3px;}

.dingdan6 div.dingdan_form select {display:block;height:19px;border:1px solid #9fafbb;height:20px\9;#height:auto;}

.dingdan6 div.dingdan_form textarea {display:block;width:632px;overflow:auto;height:180px;border:1px solid #9fafbb;}

.ta {width:632px;}

.dingdan6 div.dingdan_form div.left {width:270px;float:left;padding-top:18px;}

.dingdan6 div.dingdan_form div.left div.l1 p.l {float:left;width:150px;}

.dingdan6 div.dingdan_form div.left div.l1 p.r {float:right;width:150px;}

.dingdan6 div.dingdan_form div.left div.l1 p input {width:130px;}

.dingdan6 div.dingdan_form div.right {width:300px;float:right;}

.dingdan7 {margin:0 0 0 45px;}

.dingdan7 input.dingdan_submit {background:url(../images/dingdan_submit.jpg) no-repeat top left;width:84px;height:29px;display:block;border:0;color:#fff;cursor:pointer;}