@charset "utf-8";

/* CSS Document */
body {
	margin: 0;
	text-align: center;
	background: #666 url(/mirrorstarot/image/bg.gif) center repeat-y;
	font-size: 12px;
	line-height: 1.5em;
}

a {
	font-size: 12px;
}

img {
	border: none;
}

img,div,input {
	behavior: url("/mirrorstarot/htc/iepngfix.htc");
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	background: url(/mirrorstarot/image/wrapperBG.jpg) no-repeat;
	width: 1000px;
}

.clear {
	clear: both;
}

.hidden {
	visibility: hidden;
}

/*----------------------------------------------------------------------------HEADER*/
#header {
	height: 260px; *
	height: 280px;
	position: relative;
}

#logo {
	position: relative;
	z-index: 110;
}

#logo a {
	position: absolute;
	top: 112px;
	left: 295px;
}

#logo img {
	width: 210px;
	height: 133px;
	background: url(/mirrorstarot/image/logo.gif) no-repeat;
}

#mirror {
	position: absolute;
	z-index:100;
}

#nav {
	text-align: right;
	height: 150px;
}

#search {
	background: url(/mirrorstarot/image/searchBG.gif) no-repeat;
	padding-left: 150px;
	margin: 20px 0 0 515px;
}

.searchBtn {
	border: none;
	background: url(/mirrorstarot/image/search.gif);
	width: 50px;
	height: 19px;
	margin-left: 4px;
}

#subNav {
	margin:10px 0 0 520px;
	*margin: -10px 0 0 520px;
	color:#fff;
}

#subNav a {
	display: inline-block;
	color: #fff;
	text-decoration:none;
	padding:0 10px 0 15px;
	background: url(/mirrorstarot/image/subIcon.gif) 0 1px no-repeat;
}

/*----------------------------------------------------------------------------contain*/
#contain {

}

#character {
	position: relative;
}

#character .characterFlash {
	position: absolute;
	right: 0px;
	top: -117px; *
	top: -75px;
}
.test{display:none;}

#adFlash {
	margin-top: 83px; *
	margin-top: 58px;
	_margin-top: 72px;
}

#news {
	background: url(/mirrorstarot/image/newsBg.gif) repeat-y;
	margin-left: 19px;
	padding-bottom: 20px;
}

.newsKan {
	position: relative;
}

.newsKan img {
	width: 71px;
	height: 76px;
	background: url(/mirrorstarot/image/newsKan.png);
	position: absolute;
	top: -40px;
	left: 10px;
}

.newMore {
	margin-left: 313px;
	position: relative;
	top: 5px;
}

.newsTitle {
	background: url(/mirrorstarot/image/newsTitle.gif) no-repeat;
	position: relative;
	height: 41px;
}

.newsLink {
	margin-left: 25px;
}

.newsLink a {
	display: block;
	width: 600px;
	border-bottom: 1px dotted #6F5340;
	color: #6F5340;
	background: url(/mirrorstarot/image/newsIcon.gif) no-repeat;
	padding: 5px 5px 5px 25px;
}

.newsLink a:hover {
	text-decoration: underline;
}


#fortuneTeller {
	float: left;
	margin-left: 19px;
	width: 206px;
	background: url(/mirrorstarot/image/newsBg.gif) repeat-y;
}

.tellerTitle {
	height: 93px;
	background: url(/mirrorstarot/image/tellerTitle.gif);
}

.tellerTitle img {
	width: 69px;
	height: 62px;
	background: #666;
	margin: 25px 10px 0 10px;
}

.tellerLink {
	
}

.tellerLink span {
	display: block;
	background: url(/mirrorstarot/image/tellerIcon.gif) 4px 10px no-repeat;
	margin: 0 10px;
	padding: 3px 5px 3px 14px;
	border-bottom: 1px dotted #6F5340;
	color: #6F5340;
}

.tellerFt {
	background: url(/mirrorstarot/image/tellerFt.gif);
	height: 48px;
	text-align: right;
	padding: 5px 5px 0 0;
}


#cardFlash {
	_position:relative;
	_left:-10px;
}


#cabinet {
	position: relative;
	clear: both;
}

.cabinetIn {
	position: absolute;
	width: 312px;
	height: 610px;
	top: -613px;
	background: url(/mirrorstarot/image/cabinet2.png) no-repeat;
	_background: url(/mirrorstarot/image/cabinet2.jpg) right top no-repeat;
	right: 0px;
}

.plurkBox {
	margin: 172px 0 0 16px;
}

.cabinetAD {
	display: none;
	position: relative;
	right: 70px;
}

.cabinetDiving {
	display: none;
	padding: 20px 0 0 19px;
	position: relative;
}

.cabinetDivingMore {
	display: block;
	color: #ccc;
	text-align: right;
	width: 218px;
	padding: 2px 0;
}

.cabinetDivingTitle {
	display: block;
	width: 218px;
	background: #EEE;
	padding: 2px;
	color: #666;
}

.cardA,.cardB,.cardC,.cardD,.cardE {
	position: absolute;
}

.cardA {
	left: 143px;
	_left: 124px;
	top: 75px;
}

.cardB {
	top: 95px;
	left: 25px;
	_left: 10px;
}

.cardC {
	top: 120px; *
	top: 117px;
	left: 117px;
	_left: 98px;
}

.cardD {
	top: 163px;
	left: 142px;
	_left: 125px; *
	top: 160px;
}

.cardE {
	top: 180px;
	left: 60px; *
	top: 177px;
	_top: 170px;
}

#FtBox {
	display: none;
	clear: both;
	background: #EEE7E3;
	padding: 55px 0 0 0;
}

#game {
	background: url(/mirrorstarot/image/gameIcon.gif) no-repeat;
	padding: 0 0 20px 60px;
}

.gameItem {
	display: inline-block;
	background: url(/mirrorstarot/image/gameImgBG.gif) no-repeat;
	text-align: center;
	width: 140px;
	padding: 5px;
	margin: 15px 5px;
	text-decoration: none;
}

.gameItem img {
	width: 140px;
	height: 105px;
}

#divingRoom {
	background: url(/mirrorstarot/image/divingTitle.jpg) right top no-repeat
		;
	width: 457px;
	color: #999;
	padding: 60px 0 10px 0;
	line-height: 2em;
	float: right;
}

.divingText {
	background: url(/mirrorstarot/image/divingBg.jpg) no-repeat;
	padding: 10px 10px 0 170px;
}

.b {
	font-weight: 800;
}

.yellow {
	color: #FF9900;
}

.gray {
	color: #333333;
}

.red {
	color: #990000;
}

.orange {
	color: #FF6600;
}

.blue {
	color: #336699;
}

.purple {
	color: #663399;
}

.green {
	color: #698C00;
}

/*----------------------------------------------------------------------------footer*/
#adGoogle {
	clear: both;
	background: #838383;
	text-align: center;
	padding: 10px;
}

#footer {
	clear: both;
	background: #520297;
	border-bottom: 5px solid #838383;
	color: #fff;
	text-align: center;
	padding: 10px 0 20px 0;
}

#footer a {
	color: #fff;
}