@charset "utf-8";
/* CSS Document */
html , body {
	font        : 12px Tahoma, sans-serif;
	background  : #FFF;
	line-height : 20px;
	color       : #333;
}

a , a:hover {
	text-decoration : none;
}

#both {
	clear : both;
}

.main {
	margin     : 0 auto;
	padding    : 0 5px;
	width      : 950px;
	background : url(../img/bg.gif) no-repeat 0 56px;
	zoom       : 1;
}

.header li , .password li , .member-nav li , .service-data li , .tag-btn li , .tag-photo , .booking-btn li , .buy-02 li , .buy-03 li {
	float : left;
}

.header li.logo {
	text-indent : -99999px;
	background  : url(../img/logo.jpg) no-repeat;
	width       : 190px;
	height      : 56px;
	display     : block;
}

.header li.top-runing {
	padding     : 0 5px;
	width       : 568px;
	height      : 25px;
	line-height : 25px;
	float       : left;
	color       : #666;
}

.header li.top-runing .runing {
	margin : 0 5px;
}

.header li.top-nav {
	width       : 182px;
	height      : 25px;
	text-align  : right;
	color       : #AAA;
	line-height : 25px;
	float       : right;
}

.header li.top-nav a {
	margin          : 0 5px;
	color           : #666;
	text-decoration : underline;
}

.header dt.top-nav a:hover {
	color : #5C016A;
	/*
	left     : 1px;
	top      : 1px;
	position : relative;
	*/
}

.header {
	z-index  : 50;
	position : absolute;
	width    : 950px;
}

ul.cssMenu li:hover > ul {
	display : block;
}

ul.cssMenu ul {
	margin      : -1px 0 0 0;
	_margin     : 1px 0 0 0;
	padding     : 5px 0 5px 5px;
	display     : none;
	position    : absolute;	
	left        : 0px;
	top         : 100%;
	border      : 1px solid #BC97C0;
	background  : url(../img/nav-bg.png) no-repeat;
	_background : #FFF;
}

ul.cssMenu a {
	text-align : center;
}

ul.cssMenu ul a {
	text-align  : left;
	white-space : nowrap;
}

ul.cssMenu li:hover{
	position : relative;
}

ul.cssMenu li a:hover {
	position : relative;
}

ul.cssMenu a:hover ul , ul.cssMenu a:hover ul , ul.cssMenu a:hover ul {
	display : block;
}

ul.cssMenu li a.cssMenui0 {
	background  : url(../img/btn.jpg) no-repeat 0 0;
	width       : 116px;
	height      : 31px;
	display     : block;
	line-height : 30px;
	color       : #333;
}

ul.cssMenu li a.cssMenui0:hover {
	background-position : 0 -31px;
	color               : #5C016A;
	font-weight         : bold;
}

a.cssMenui {
	padding         : 0 5px 0 10px;
	font-weight     : normal;
	background      : url(../img/icon-arrow.gif) no-repeat 0 0;
	display         : block;
	line-height     : 20px;
	color           : #333;
	text-decoration : underline;
}

a.cssMenui:hover {
	background-position : 0 -20px;
	color               : #5C016A;
	text-decoration     : underline;
}

.search-frame {
	margin     : 1px 0 0 0;
	padding    : 0 0 1px 10px;
	padding    : 0 0 6px 10px \9;
	*padding   : 0 0 4px 10px;
	width      : 170px;
	background : url(../img/search-bg.jpg) repeat-x left 24px;
}

.input {
	*margin : -1px 0 0 0;
	_margin : -1px 0 0 0;
}

.input input {
	padding     : 1px 2px;
	border      : 1px solid #CCC;
	font        : 12px Tahoma, sans-serif;
	width       : 141px;
	height      : 20px;
	color       : #333;
	line-height : 22px;
}

.u-input input {
	margin      : 0 0 5px 0;
	width       : 167px;
	height      : 18px;
	line-height : 20px;
}

.um-input input {
	margin      : 0 1px 5px 1px;
	width       : 79px;
	height      : 18px;
	line-height : 20px;
}

.p-input input {
	margin      : 0 0 5px 0;
	width       : 144px;
	height      : 18px;
	line-height : 20px;
}

.password ul {
	height : 24px;
	clear  : both;
}

.content {
	padding : 57px 1px 1px 1px;
	zoom    : 1;
}

.content-top {
	height : 300px;
	clear  : both;
}

.content li.booking {
	margin   : 10px 0 0 10px;
	z-index  : 10;
	position : absolute;
	width    : 400px;
	/*background : #000;*/
}

.content li.AD-flash {
	float    : left;
	width    : 765px;
	z-index  : 5;
	position : absolute;
}

.content li.right-side {
	float : right;
	width : 180px;
}

ul.member-nav-frame {
	margin     : 5px 0;
	padding    : 0 0 0 5px;
	height     : 30px;
	clear      : both;
	background : url(../img/mamber-line.jpg) repeat-x left bottom;
}

.member-nav a {
	background  : url(../img/btn-member.jpg) no-repeat 0 0;
	width       : 85px;
	height      : 30px;
	display     : block;
	text-align  : center;
	line-height : 30px;
	color       : #333;
}

.member-nav a:hover {
	background-position : 0 -30px;
	color               : #5C016A;
	font-weight         : bold;
}

.nav-out {
	background  : url(../img/btn-member.jpg) no-repeat 0 -30px;
	width       : 85px;
	height      : 30px;
	display     : block;
	text-align  : center;
	line-height : 30px;
	color       : #5C016A;
	font-weight : bold;
}

.member-data {
	padding    : 0 3px 5px 3px;
	*padding   : 0 3px 8px 3px;
	_padding   : 0 3px 3px 3px;
	background : url(../img/member-bg.jpg) no-repeat bottom center;
	zoom       : 1;
}

.add-member {
	padding     : 0 0 0 10px;
	float       : left;
	line-height : 25px \9;
}

.add-member a {
	color           : #333;
	text-decoration : underline;
}

.add-member a:hover {
	color           : #5C016A;
	text-decoration : underline;
}

.input-btn {
	float : right;
}

.side-nav dt {
	margin : 0 0 5px 0;
}

.side-nav a {
	padding     : 0 0 0 10px;
	background  : url(../img/right-nav.gif) no-repeat;
	width       : 170px;
	height      : 25px;
	display     : block;
	color       : #333;
	line-height : 25px;
	font-weight : bold;
}

.side-nav a:hover {
	color : #5C016A;
}

.service-title {
	padding     : 0 0 0 10px;
	background  : url(../img/left-nav-title.jpg) no-repeat;
	width       : 170px;
	height      : 25px;
	display     : block;
	color       : #333;
	line-height : 25px;
	font-weight : bold;
}

.service-data {
	padding    : 15px 15px 16px 15px;
	background : url(../img/left-nav-bg.jpg) no-repeat;
	zoom       : 1;
}

.service-data a {
	padding    : 0 0 0 10px;
	background : url(../img/icon-arrow.gif) no-repeat 0 0;
	width      : 65px;
	height     : 20px;
	display    : block;
	color      : #333;
}

.service-data a:hover {
	background-position : 0 -20px;
	color               : #5C016A;
}

.content-bottom {
	margin : 10px 0 0 0;
}

.banner-300x250 {
	margin   : 0 0 0 10px;
	float    : left;
	_display : inline;
}

.tag-frame {
	margin : 0 5px;
	float  : left;
	width  : 448px;
}

ul.tag-btn {
	height : 30px;
	clear  : both;
}

.tag-btn a {
	background  : url(../img/btn-tag.jpg) no-repeat 0 0;
	width       : 112px;
	height      : 30px;
	display     : block;
	text-align  : center;
	color       : #333;
	line-height : 30px;
}

.tag-btn a:hover {
	background-position : 0 -30px;
	color               : #5C016A;
	font-weight         : bold;
}

.tag-btn .btn-out {
	background  : url(../img/btn-tag.jpg) no-repeat 0 -30px;
	width       : 112px;
	height      : 30px;
	display     : block;
	text-align  : center;
	color       : #5C016A;
	line-height : 30px;
	font-weight : bold;
}

.tag-data {
	padding      : 10px;
	border       : solid #BBB;
	border-width : 0 1px 1px 1px;
	*height      : 199px;
	_height      : 199px;
}

.tag-photo img {
	_margin  : -3px 0 0 0;
	padding  : 0 10px 0 0;	
	display  : block;
	*display : inline-table;
	_display : inline-table;
}

.banner-300x250 img , .banner-180x67 img {
	display  : block;
	*display : inline-table;
	_display : inline-table;
}

.banner-180x67 {
	float      : right;
	text-align : center;
}

.banner-title {
	margin      : 0 0 1px 0;
	background  : #E0E0E0;
	color       : #AAA;
	line-height : 28px;
}

.banner-img {
	margin  : 0 0 10px 0;
	*margin : 0 0 6px 0;
	_margin : 0 0 7px 0;
}

.tag-info {
	/*width      : 170px;
	float      : right;*/
	background : url(../img/tag-line.gif);
}

.tag-info-title {
	font-weight :normal;
}

.btn-more {
	margin : 18px 0 0 0;
	float  : right;
}

.btn-more a {
	text-indent : -99999px;
	background  : url(../img/btn-more.jpg) no-repeat;
	width       : 51px;
	height      : 20px;
	display     : block;
}

.booking-data {
	padding : 10px 35px;
}

ul.booking-btn {
	height      : 30px;
	clear       : both;
	line-height : 30px;
}

ul.booking-btn a {
	background : url(../img/btn-flash.gif) no-repeat 0 0;
	width      : 100px;
	height     : 30px;
	display    : block;
	color      : #333;
	text-align : center;
}

ul.booking-btn a:hover {
	background-position : 0 -30px;
	color               : #5C016A;
	font-weight         : bold;
}

ul.booking-btn .btn-out {
	background  : url(../img/btn-flash.gif) no-repeat 0 -30px;
	width       : 100px;
	height      : 30px;
	display     : block;
	color       : #5C016A;
	text-align  : center;
	font-weight : bold;
}

.buy-01 {
	background  : url(../img/tag-line.gif) repeat-x bottom;
	zoom        : 1;
	line-height : 30px;
}

.buy-input {
	width : 100px;
	float : left;
}

.buy-item {
	float : right;
}

.buy-item a {
	padding         : 0 0 0 15px;
	color           : #333;
	text-decoration : underline;
	background      : url(../img/icon-buy.gif) no-repeat left center;
}

.buy-item a:hover {
	color : #5C016A;
}

.tag-select {
	margin  : 3px 0;
	border  : 1px solid #CCC;
	width   : 179px;
	height  : 22px;
	font    : Tahoma, sans-serif;
}

.tag-input {
	margin      : 3px 0;
	border      : 1px solid #CCC;
	width       : 110px;
	height      : 18px;
	font        : Tahoma, sans-serif;
	line-height : 20px;
}

.tag-input2 {
	margin      : 3px 0;
	border      : 1px solid #CCC;
	width       : 157px;
	*width      : 135px;
	_width      : 135px;
	height      : 18px;
	font        : Tahoma, sans-serif;
	line-height : 20px;
}

.tag-input3 {
	margin      : 3px 0;
	border      : 1px solid #CCC;
	width       : 150px;
	height      : 18px;
	font        : Tahoma, sans-serif;
	line-height : 20px;
}

.tag-input4 {
	margin      : 3px 0;
	border      : 1px solid #CCC;
	width       : 147px;
	width       : 146px \9;
	height      : 18px;
	font        : Tahoma, sans-serif;
	line-height : 20px;
}

.buy-02 {
	margin     : 5px 0 0 0;
	padding    : 0 0 5px 0;
	background : url(../img/tag-line.gif) repeat-x bottom left;
	height     : 100px;
}

.buy-03 {
	margin     : 5px 0 0 0;
	padding    : 0 0 5px 0;
	background : url(../img/tag-line.gif) repeat-x bottom left;
	height     : 93px;
}


.buy-02-li {
	margin : 0 10px 0 0;
}

.tag-info-select select {
	border : 1px solid #CCC;
	width  : 79px;
}

.tag-btn-search {
	margin     : 205px 0 0 248px;
	text-align : right;
	z-index    : 10;
	position   : absolute;
}

.footer {
	text-align : center;
}

.footer li.top-nav {
	height      : 25px;
	color       : #AAA;
	line-height : 25px;
}

.footer li.top-nav a {
	margin          : 0 5px;
	color           : #666;
	text-decoration : underline;
}

.footer dt.top-nav a:hover {
	color : #5C016A;
	/*
	left     : 1px;
	top      : 1px;
	position : relative;
	*/
}

.tag-btn-search2 {
	margin     : 105px 0 0 248px;
	text-align : right;
	z-index    : 10;
	position   : absolute;
}

.tag-select2 {
	margin  : 3px 0;
	border  : 1px solid #CCC;
	width   : 140px;
	height  : 22px;
	font    : Tahoma, sans-serif;
}