/* @group 整體 */
  
body {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #1f4199;
	background: #ffffff url(../images/Ready_4_lift_off_background.jpg) repeat-x scroll 0 0;
	margin-top: 0;
	margin-left: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック" Arial, Verdana, sans-serif;
}
	
/*超鏈結設定*/

a {
	text-decoration: none;
	color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a:link {
}

a:visited {
	border-style: none;
}

a:hover {
	color: #1f4199;
	position: relative;
	top: 1px;
	left: 1px;
}

a:active {
}

/*flash背景（index:-1）*/
#flash {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 0;
	margin-left: 0;
	padding-top: 0;
	padding-left: 0;
	width: 2000px;
	/*圖層順序*/
	z-index: -999;
}

/*影像去框線*/
a img {
	border-style: none;
	border-width: 0;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group 頁首 */

/*右頁首（index:10）*/
#headerleft {
	width: 500px;
	height: 10px;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	top: 0;
	left: 0;
	/*圖層順序*/
	z-index: 10;
}

/*左頁首（index:11）*/
#headerright {
	width: 500px;
	height: 10px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	text-align: right;
	padding-right: 15px;
	top: 0;
	z-index: 11;
	margin-left: 500px;
}

/*趣遊碗Logo（index:12）*/
#logo {
	width: 230px;
	height: 75px;
	top: 130px;
	left: 0px;
	position: absolute;
	display: block;
		/*圖層順序*/
	z-index: 12;
}

#logo a {
	border-style: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* @end */

/* @group 導覽 */

/* 側邊欄位置 */
#sidebar {
	text-align: right;
	width: 215px;
	margin-top: 230px;
	margin-left: 0;
	padding: 0;
	position: absolute;
	z-index: 13;
}

/* 側邊欄主導覽列 */
#mainnav {
	display: block;
	width: inherit;
	font-size: 14px;
	line-height: 14px;
}

/* 側邊欄主導覽列 */
#mainnav, #mainnav a{
	display: block;
	width: inherit;
	border-style: none;
}

/* 英文 */
.english {
	font-size: 10px;
	line-height: 1.4em;
}
/* 日文 */
.japanese {
	font-size: 10px;
}

/* 銷售狀況 */
.SalesStatus {
	font-size: 10px;
	line-height: 1.4em;
}

/* 側邊欄趣遊碗誌 */
#blognav {/* 文字尺寸設定 */
	line-height: 14px;
	display: block;
	width: auto;
	padding: 6px 0 6px 8px;
	margin: 0;
	font-size: 14px;
}


#subnav {
	display: block;
	padding: 0;
	margin: 0;
	width: 215px;
	position: absolute;
	top: 740px;
	z-index: 200;
}

/*推文收藏按扭區塊*/
.pushicon {
	display: block;
	width: inherit;
	padding: 0;
	margin: 0 0 5px;
}

.plurk {
	display: block;
	margin-top: 15px;
	width: 200px;
	height: 375px;
	margin-left: 5px;
	padding: 5px 5px 0;
	background: url(../images/plurk.gif) no-repeat;
}

.plurk185 {
	display: block;
	width: 180px;
	height: 375px;
	padding: 5px 5px 0;
	background: url(../images/plurk_185.gif) no-repeat;
	margin: 0 3px 0 0;
}

.resume {
	width: 185px;
	margin-bottom: 5px;
	height: 180px;
	display: block;
}

.facebook {
	width: 200px;
	margin: 15px 0 0 15px;
	padding: 0;
}

.navlink {
	display: block;
	height: 1.6em;
}

.navlinksale {
	width: 3px;
	background-color: red;
	display: inline-block;
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: visible;
	right: 0;
	height: 1.4em;
}

/* @end */


/* @group 佈局 */

/* @group banner */

/*右上角banner（index:14）*/

#bannerarea {
	/*圖層順序*/
	z-index: 14;
	position: absolute;
	top: 28px;
	left: 800px;
}

.banner {
	padding: 0;
	margin: 0 0 6px;
}

.subbanner {
	padding: 0;
	margin-left: 15px;
	margin-top: 15px;
}

.q {
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}



/* @end */

/* @group 主圖 */

/*每頁唯一主圖位置（index:18）*/
#picturemain {
	position: absolute;
	top: 200px;
	left: 590px;
	/*圖層順序*/
	z-index: 18;
}

/*倒影襯底（index:-99）*/
#picturemainbackground {
	top: 230px;
	left: 215px;
	position: absolute;
	display: block;
	/*圖層順序*/
	z-index: -99;
}

/*倒影襯底（index:-99）*/
#picturemainbackgroundtop {
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	/*圖層順序*/
	z-index: -99;
}

/*主圖右側唯一插圖（index:16）*/
#picturemainright {
	width: 202px;
	position: absolute;
	left: 800px;
	display: block;
	/*圖層順序*/
	z-index: 16;
	top: 413px;
}

/*插圖鏈結去底線*/
#picturemainright a:link {
	border-style: none;
	border-width: 1px;
}
/*插圖鏈結去底線（滑過）*/
#picturemainright a:hover {
	border-style: none;
	border-width: 0px;
}

/*QTVR（index:15）*/
#qtvr {
	width: 100%;
	text-align: center;
	z-index: 50;
	display: inline-block;
	padding: 0;
	margin-top: 10px;
	height: 480px;
	background: url(../images/TVB_QTVR.jpg) no-repeat center;
}

/*QTVR標題（index:16）*/

#getqt {
	margin: 0;
	padding: 0;
	float: right;
}

.youtube {
	background: url(../images/loader.gif) no-repeat center center;
	width: 548px;
	height: 436px;
	border: 1px solid #f2f2f2;
	margin: 0;
	padding: 0;
}


#click {
	/*圖層順序*/
	z-index: 99;
	position: absolute;
	top: 410px;
	left: 680px;
}

.click:hover img {
	position: relative;
	top: 1px;
	left: 1px;
	border-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group 中央欄位 */

/*中央欄位（index:17）*/
#contentmain {
	font-size: 14px;
	margin-left: 215px;
	padding-right: 20px;
	padding-left: 20px;
	position: absolute;
	/*圖層順序*/
	z-index: -10;
	padding-bottom: 30px;
}

/*中央欄位（index:17）*/
#contentmain_wanted {
	font-size: 14px;
	margin-left: 215px;
	position: absolute;
	/*圖層順序*/
	z-index: -10;
	margin-top: 230px;
	background: url(../images/background_wanted.jpg) no-repeat;
	width: 745px;
	padding: 230px 20px 30px;
}

/* 中央欄位 -0 */

.normal {
	width: 546px;
	margin-top: 230px;
}

/* 中央欄位跨右欄 -0 */
.normalwide {
	width: 765px;
	margin-top: 230px;
}

/* 中央欄位 -125 */
.low {
	width: 546px;
	margin-top: 355px;
}

/* 中央欄位跨右欄 -125 */
.lowwide {
	width: 765px;
	margin-top: 355px;
}

/* 中央欄位 -250 */
.lower {
	width: 546px;
	margin-top: 420px;
}

/* 中央欄位跨右欄 -250 */
.lowerwide {
	width: 765px;
	margin-top: 480px;
}

/* 中央欄位 -0 */
.normalworks {
	width: 546px;
	margin-top: 230px;
}

.wanted {
	width: 430px;
	margin-left: 80px;
}

.news_index {
	width: 765px;
	font-size: 14px;
	line-height: 1.8em;
}

.news_index_content{
background:#f2f2f2;
	padding: 15px;
}

.acknowledgment_content{
background:#f2f2f2;
	padding: 15px 15px 4px 22px;
}

.salesstatus {
	width: 765px;
	margin-top: 420px;
}

.salesstatus_limited {
	width: 546px;
}

#contentmain .news{
	color: #7f7f7f;
}

/* @end */

/* @group 插圖 */

/*中央欄位+插圖*/
.pictureright {
	width: 202px;
	position: absolute;
	margin-left: 565px;
	float: none;
	display: block;
}

.pictureright_wanted {
	width: 160px;
	position: absolute;
	margin-left: 445px;
	float: none;
	display: block;
	margin-top: 5px;
}

/*中央欄位跨右欄+插圖（文繞圖）*/
.picturerightwide {
	float: right;
	width: 202px;
	position: relative;
	display: inline-block;
	right: 3px;
	margin-left: 14px;
}

/*作品頁標題右側icon*/

#iconarea {
	display: inline-block;
	float: right;
	height: 40px;
	padding: 0;
	margin: 0;
	z-index: 30;
}

#iconarea a {
	border-style: none;
	margin: 0;
	padding: 0;
}

.icon {
	margin: 0 1px 0 9px;
	padding: 0;
	width: 40px;
	height: 40px;
	border-bottom-style: none;
	display: inline-block;
}

/*作品頁縮放地圖*/
.zoomify {
	border: 1px solid #e7e7e7;
	margin: 0;
	padding: 0;
	width: 546px;
	height: 566px;
	z-index: 1;
}

/* @end */

/* @end */

/* @group 樣式 */

/*標題*/

h1 {
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 20px;
}

h2 {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 12px;
}

h3 {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px;
}

h4 {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 8px;
}

h5 {
	font-size: 10px;
	line-height: 1.5em;
	font-weight: bold;
	padding: 4px 0 6px;
	margin: 0;
}

/*段落*/
p {
	margin: 0;
	line-height: 1.8em;
	text-justify: distribute;
	padding: 0 0 0.75em;
	text-align: justify;
	font-size: 14px;
}

/*英文小一點*/
.en {
	font-size: 90%;
	text-align: left;
}

/* @group 條列 */

/*條列符號*/
#contentmain ul {
	padding-left: 2em;
	margin: 0;
	padding-bottom: 16px;
}

#contentmain_wanted ol {
	padding-left: 3em;
	margin: 0;
	padding-bottom: 14px;
	line-height: 1.8em;
	font-size: 14px;
	padding-top: 2px;
}

/*ul 實圓點*/
.disc {
	list-style-type: disc;
}

/*ul 空圓點*/
.circle {
	list-style-type: circle;
}

/*ul 實方塊*/
.square {
	list-style-type: square;
}

/*ul 無符號*/
.nonedisc {
	list-style-type: none;
}

/*條列編號*/
#contentmain ol {
	padding-left: 2em;
	margin: 0;
	padding-bottom: 16px;
}

/*ol 中文數字（不合W3C規範）*/
.chinese {
	list-style-type: cjk-ideographic;
}

/*ol 大寫字母*/
.upper {
	list-style-type: upper-alpha;
}

/*ol 小寫字母*/
.lower {
	list-style-type: lower-alpha;
}

/*ol 阿拉伯數字*/
.decimal {
	list-style-type: decimal;
}

/*ol 羅馬數字*/
.roman {
	list-style-type: upper-roman;
}

/*項目*/
#contentmain li {
	list-style-position: outside;
	line-height: 1.75em;
}

/* @end */

/*副標題*/
.subtitle {
	font-size: 75%;
	font-weight: normal;
	font-style: normal;
}

/*註*/
.note {
	font-size: 12px;
	line-height: 150%;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	margin: 0;
	padding-bottom: 8px;
}

/*說明*/

.description {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	margin: 5px 0 6px;
	display: inline-block;
	line-height: 1.4em;
	padding: 0;
}

/*分隔線*/
hr {
	border-style: none;
	border-top-style: none;
	border-bottom: 1px dotted #999999;
	padding: 0;
	margin: 0;
	height: 0;
	display: inline-block;
}

br {
	line-height: 1em;
}

.list_none {
	list-style-type: none;
}

/* @group 其他 */

/*消失*/
.displaynone {
	display: none;
	visibility: hidden;
}

/*齊左（span）*/
.left {
	text-align: left;
}

/*齊中（span）*/
.center {
	text-align: center;
}

/*齊右（span）*/
.right {
	text-align: right;
}

/*齊行（span）*/
.justify {
	text-align: justify;
}

/*寬字間（1px）*/
.letter_spacing_1 {
	letter-spacing: 1px;
}

/*強調（放大120%）*/

.spotlight {
	font-size: 120%;
}

/*強調（高彩度）*/
em {
}

.gray {
	color: #999999;
}

.redlight {
	color: #f2d8d8;
}

/*最強調（紅色）*/
.red {
	color: #ae352a;
}

.wanted_red {
	color: #ae352a;
}

/*wanted*/
.brown {
	color: #734d23;
}

/*粗體*/
.bold {
	font-weight: bold;
}

/*上標*/
sup {
	font-size: 70%;
	vertical-align: inherit;
	position: relative;
	bottom: 0.4em;
	font-weight: normal;
	font-style: normal;
}

/*下標*/
sub {
	font-size: 70%;
	vertical-align: inherit;
	position: relative;
	top: 0.1em;
	font-weight: normal;
	font-style: normal;
}

/*縮排一字*/
.textident {
	margin-left: 1em;
}

/*縮排二字*/
.textident2 {
	margin-left: 2em;
}

/*縮排三字*/
.textident3 {
	margin-left: 3em;
}

/*縮排四字*/
.textident4 {
	margin-left: 4em;
}

/*縮排五字*/
.textident5 {
	margin-left: 5em;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.signature {
	top: 24px;
	position: relative;
	display: inline;
}

/* @end */

/* @end */

/* @group 頁尾 */

/*頁尾（著作權聲明、基本資訊）*/
#footer {
	text-align: left;
	margin-top: 30px;
	display: inline-block;
	width: 765px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-style: none;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	font-size: 10px;
	line-height: 18px;
}

#footer p{
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 18px;
}

#footer br{
	line-height: 18px;
	font-size: 10px;
}

/*W3C認證標章*/
#validicon {
	position: absolute;
	width: 215px;
	text-decoration: none;
	left: -210px;
	display: inline-block;
	border-width: 0;
	margin: 0;
	padding: 0;
	text-align: right;
}

#validicon a{
	border-style: none;
}

/*Powered by*/
.poweredby {
	display: inline-block;
	right: 4px;
	position: absolute;
	text-align: right;
}

/*回頁首*/
.top a{
	font-size: 14px;
	padding-top: 10px;
	border-style: dotted;
	border-width: 1px;
}

.logo {
	margin: 0;
	padding: 2px 0 0;
	position: absolute;
	right: 0;
	z-index: 30;
}

/* @end */


/* @group 表格 */

/*表格*/
#contentmain .table {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/*表頭*/
#contentmain .table ul.tablehead {
	color: #fcfcfc;
	text-align: left;
	background-color: #1f4198;
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	padding: 2px 0 0;
	white-space: nowrap;
	height: 22px;
	margin: 0;
}

/*淺色列*/
#contentmain .table ul.rowb {
	text-align: left;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	padding: 2px 0 0;
	white-space: nowrap;
	height: 22px;
	margin: 0;
}

/*深色列*/
#contentmain .table ul.rowa {
	text-align: left;
	background-color: #e5e5e5;
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	padding: 2px 0 0;
	white-space: nowrap;
	height: 22px;
	margin: 0;
}

/*特別列*/
#contentmain .table ul.rowc {
	color: #ae352a;
	text-align: left;
	background-color: #f2d8d8;
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	padding: 2px 0 0;
	white-space: nowrap;
	height: 22px;
	margin: 0;
}

#contentmain .table .name {
	display: inline-block;
	padding: 0 0 0 6px;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
	width: 125px;
}

#contentmain .table .add {
	display: inline-block;
	padding: 0;
	width: 145px;
	white-space: normal;
	vertical-align: top;
	float: left;
	margin: 0;
}

#contentmain .table .tel {
	display: inline-block;
	padding: 0;
	width: 95px;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
}

#contentmain .table .amount {
	display: inline-block;
	padding: 0;
	width: 30px;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
}

#contentmain .table .number {
	display: inline-block;
	padding: 0;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
}

#contentmain .table .business {
	display: inline-block;
	padding: 0;
	width: 80px;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
}

#contentmain .table .time {
	display: inline-block;
	padding: 0;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
}

.none {
	text-decoration: line-through;
}

#contentmain .tablewide {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

#contentmain .tablewide ul.tablehead {
	color: #fcfcfc;
	text-align: left;
	background-color: #1f4198;
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	padding: 2px 0 0;
	white-space: nowrap;
	height: 22px;
	margin: 0;
}
#contentmain .tablewide ul.rowb {
	text-align: left;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	padding: 2px 0 0;
	white-space: nowrap;
	height: 22px;
	margin: 0;
}
#contentmain .tablewide ul.rowa {
	text-align: left;
	background-color: #e5e5e5;
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	padding: 2px 0 0;
	white-space: nowrap;
	height: 22px;
	margin: 0;
}
#contentmain .tablewide ul.rowc {
	color: #ae352a;
	text-align: left;
	background-color: #f2d8d8;
	border-bottom: 1px solid #ffffff;
	list-style-type: none;
	padding: 2px 0 0;
	white-space: nowrap;
	height: 22px;
	margin: 0;
}

#contentmain .tablewide .serial {
	display: inline-block;
	padding: 0 0 0 6px;
	white-space: normal;
	vertical-align: top;
	float: left;
	text-align: center;
	width: 35px;
}

#contentmain .tablewide .name {
	display: inline-block;
	padding: 0;
	width: 145px;
	white-space: normal;
	vertical-align: top;
	float: left;
	margin: 0;
	text-align: left;
}

#contentmain .tablewide .announcement {
	display: inline-block;
	padding: 0;
	width: 65px;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
	text-align: center;
}

#contentmain .tablewide .amount {
	display: inline-block;
	padding: 0;
	width: 40px;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
	text-align: center;
}

#contentmain .tablewide .limit {
	display: inline-block;
	padding: 0;
	width: 34px;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
	text-align: center;
}

#contentmain .tablewide .salesstatus {
	display: inline-block;
	padding: 0;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
	width: 55px;
	text-align: center;
}

#contentmain .tablewide .price {
	display: inline-block;
	padding: 0;
	width: 40px;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
}

#contentmain .tablewide .retail {
	display: inline-block;
	padding: 0;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
	width: 255px;
}

#contentmain .tablewide .tel {
	display: inline-block;
	padding: 0;
	margin: 0;
	white-space: normal;
	vertical-align: top;
	float: left;
	width: 88px;
}

/* @end */

/* @group box */

.graybox {
	background:#f2f2f2;
	padding-top: 20px;
	padding-bottom: 5px;
	width: 100%;
}


.box{
display:block;
}
.box *{
display:block;
height:1px;
overflow:hidden;
background:#f2f2f2;
}
.box1{
border-right:1px solid #f9f9f9;
padding-right:1px;
margin-right:3px;
border-left:1px solid #f9f9f9;
padding-left:1px;
margin-left:3px;
background:#f5f5f5;
}
.box2{
border-right:1px solid #fdfdfd;
border-left:1px solid #fdfdfd;
padding:0px 1px;
background:#f4f4f4;
margin:0px 1px;
}
.box3{
border-right:1px solid #f4f4f4;
border-left:1px solid #f4f4f4;
margin:0px 1px;
}
.box4{
border-right:1px solid #f9f9f9;
border-left:1px solid #f9f9f9;
}
.box5{
border-right:1px solid #f5f5f5;
border-left:1px solid #f5f5f5;
}
.box_content{
padding:0px 5px;
background:#f2f2f2;
}

.works {
	width: 200px;
}

#worksinfo {
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 12px;
}

#worksinfo ul {
	list-style-type: none;
	padding-bottom: 0;
	padding-left: 6px;
}

#box {
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
}

.mainbox {
	width: 490px;
	padding: 25px;
	background-color: #f2f2f2;
	border: 3px dotted #ffffff;
}


.mainboxred {
	width: 490px;
	background-color: #feebeb;
	border: 3px dotted #ffffff;
	padding: 25px 25px 10px;
}

/* @end */