@charset "UTF-8";
/* CSS Document */

#header #g_menu03 a { background-position:-208px -84px; }

/*mainBOX
---------------------------------------------------------------------*/
#mainBOX {
	margin-top:0px;
	background:url(../img/mainBOX_back.gif) repeat-y;
	position:relative;
}

#mainBOX h2 { margin-left:6px; }

#mainBOX_inner {
	min-height:1150px;
	background:url(../img/mainBOX_packBack.gif) right bottom no-repeat;
}

/*trettaDetail
-----------------------------------*/
#trettaDetail {
}

#trettaDetail h2 {
	border-left:#16b0ab 5px solid;
	font-size:1.2em;
	font-weight:bold;
	margin:25px 0px -25px 23px;
	padding:0px 20px 0px 10px;
}

#trettaDetail .gameDispryAttention {
	text-align:right;
	margin:5px 22px 0px 0px;
}

/*detail
----------------*/
.detail {
	width:696px;
	background:url(../img/detail_back.gif) repeat-y #ffffff;
	position:relative;
	margin:60px 0px 0px 22px;
}

.detail .detail_inner {
	width:642px;
	background:url(../img/detail_inner.gif) no-repeat;
	margin:0px 5px;
	padding:35px 22px 15px;
}

.detail .detail_inner h4 {
	border-left:#0062d2 solid 3px;
	color:#0062d2;
	font-weight:bold;
	line-height:130%;
	margin-bottom:10px;
	padding:1px 0px 0px 5px;
}

.detail .detail_inner h5 {
	border-left:#089b66 solid 3px;
	color:#089b66;
	font-weight:bold;
	line-height:130%;
	padding:1px 0px 0px 5px;
}

.detail .detail_inner p {
	line-height:170%;
	margin:0px 0px 20px 0px;
}

.detail .textLBOX div {
	width:320px;
	float:left;
}

.detail .textRBOX div {
	width:320px;
	float:right;
}

.detail .textLBOX img { float:right; }
.detail .textRBOX img { float:left; }

.detail #number01,
.detail #number03,
.detail #number05,
.detail #number07,
.detail #number09 {
	position:absolute;
	z-index:2;
	top:-7px;
	left:10px;
}

.detail #number02,
.detail #number04,
.detail #number06,
.detail #number08 {
	position:absolute;
	z-index:2;
	top:-7px;
	right:15px;
}

/*packList
-----------------------------------*/
#packList {
	margin-top:45px;
	padding-bottom:25px;
}

#packList h3 {
	border-left:#16b0ab 5px solid;
	font-size:1.2em;
	font-weight:bold;
	margin:25px 0px 25px 23px;
	padding-left:10px;
}

#packList .packLine {
	margin:20px 0px 0px 23px;
	clear:both;
}

#packList .pack1 { background:url(../img/pack_back1.gif) repeat-y; }
#packList .pack2 { background:url(../img/pack_back2.gif) repeat-y; }
#packList .pack3 { background:url(../img/pack_back3.gif) repeat-y; }
#packList .pack4 { background:url(../img/pack_back4.gif) repeat-y; }
#packList .pack5 { background:url(../img/pack_back5.gif) repeat-y; }
#packList .pack6 { background:url(../img/pack_back6.gif) repeat-y; }

/*packThumbnail
------------------*/
#packList .packThumbnail {
	width:108px;
	color:#2d2d2d;
	text-decoration:none;
	display:block;
	margin-right:9px;
	float:left;
}

#packList .packThumbnail div {
	width:98px;
	background:url(../img/packItemBack_default.gif) no-repeat;
	position:relative;
	z-index:10;
	text-align:center;
	margin:-3px auto;
}
#packList .packThumbnail:hover div { background:url(../img/packItemBack_over.gif) no-repeat; }
#packList .noClick:hover div { background:url(../img/packItemBack_default.gif) no-repeat; }

#packList .packThumbnail div p { margin:0px 0px 3px; }
#packList .packThumbnail div h4 { margin:4px 0px 2px; }
#packList .packThumbnail div h4 span { font-size:0.85em; }


/*packDetailBOX
---------------------------------------------------------------------*/
#packDetailBOX {
	min-height:401px;
	padding:30px 30px 0px 30px;
}

div.pp_default .pp_content {
	background:url(../img/packDetailBOX_back.gif);
}

/*detailTableBOX
----------------------------------------------------*/
#detailTableBOX {
	width:535px;
	float:left;
}

#detailTableBOX table {
	width:535px;
	border:none;
	border-spacing:0px;
	border-collapse:collapse;
}

#detailTableBOX th,
#detailTableBOX td {
	border:#9a9a9a solid 1px;
	text-align:left;
	padding:10px 10px;
}

/*packName
------------------------------------*/
#packName th {
	background:#c6f2d8;
	border-bottom:none;
	font-size:1.1em;
	text-align:center;
	line-height:120%;
	padding:10px 5px;
}
#packName th span {
	font-size:0.8em;
}


/*packValue
------------------------------------*/
#packValue th {
	background:#f7f8e6;
	font-weight:normal;
}
#packValue td {
	background:#ffffff;
	line-height:140%;
}



/*packImgBOX
----------------------------------------------------*/
#packImgBOX {
	width:238px;
	background:#ffffff;
	float:right;
}

#packImgBOX #mainImg {
	width:236px;
	height:236px;
	border:#bababa solid 1px;
	border-bottom:none;
	position:relative;
}

#packImgBOX #mainImg02,
#packImgBOX #mainImg03 {
	display:none;
}

#packImgBOX #mainImg img {
	position:absolute;
	top:0px;
	left:0px;
	padding:18px;
}

#packImgBOX #serectImg {
	position:relative;
	z-index:9999;
}

#packImgBOX #serectImg img {
	border:#bababa solid 1px;
	border-right:none;
	padding:7px;
	float:left;
}

#packImgBOX #serectImg #endImg {
	border:#bababa solid 1px;
}

#packImgBOX #serectImg #serectText {
	border:none;
	margin:5px 0px -10px 30px;
}

/*sideBOX
---------------------------------------------------------------------*/
#sideBOX #contentsSide {
	display:block;
	margin-top:24px;
}

#sideBOX #contentsSide #sideCat01Btn,
#sideBOX #contentsSide #sideCat02Btn,
#sideBOX #contentsSide #sideCat03Btn,
#sideBOX #contentsSide #sideCat04Btn,
#sideBOX #contentsSide #sideCat05Btn {
	width:201px;
	height:84px;
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	z-index:1;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	margin:0px 0px 1px 7px;
}

#sideBOX #contentsSide #sideCat05Btn {
	background-image:url(../img/sideCat05.gif);
	margin-top:-8px;
}

#sideBOX #contentsSide #sideCat01Btn {
	height:84px;
	background-image:url(../img/sideCat01.gif);
	margin-bottom:-8px;
}

#sideBOX #contentsSide #sideCat02Btn { background-image:url(../img/sideCat02.gif); }
#sideBOX #contentsSide #sideCat03Btn { background-image:url(../img/sideCat03.gif); }
#sideBOX #contentsSide #sideCat04Btn { background-image:url(../img/sideCat04.gif); }

#sideBOX #contentsSide a {
	width:201px;
	height:68px;
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	z-index:1;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	margin:0px 0px 1px 7px;
}
#sideBOX #contentsSide a:hover { background-position:bottom; }

#sideBOX #contentsSide #tretta02 { background-image:url(../img/subMenu02.gif); }
#sideBOX #contentsSide #tretta03 { background-image:url(../img/subMenu03.gif); }
#sideBOX #contentsSide #tretta04 { background-image:url(../img/subMenu04.gif); }
#sideBOX #contentsSide #tretta05 { background-image:url(../img/subMenu05.gif); }
#sideBOX #contentsSide #tretta06 { background-image:url(../img/subMenu06.gif); }
#sideBOX #contentsSide #tretta07 { background-image:url(../img/subMenu07.gif); }
#sideBOX #contentsSide #tretta08 { background-image:url(../img/subMenu08.gif); }
#sideBOX #contentsSide #tretta09 { background-image:url(../img/subMenu09.gif); }
#sideBOX #contentsSide #tretta10 { background-image:url(../img/subMenu10.gif); }
#sideBOX #contentsSide #tretta11 { background-image:url(../img/subMenu11.gif); }
#sideBOX #contentsSide #tretta12 { background-image:url(../img/subMenu12.gif); }
#sideBOX #contentsSide #tretta13 { background-image:url(../img/subMenu13.gif); }
#sideBOX #contentsSide #tretta14 { background-image:url(../img/subMenu14.gif); }
#sideBOX #contentsSide #tretta15 { background-image:url(../img/subMenu15.gif); }
#sideBOX #contentsSide #tretta16 { background-image:url(../img/subMenu16.gif); }
#sideBOX #contentsSide #tretta17 { background-image:url(../img/subMenu17.gif); }
#sideBOX #contentsSide #tretta18 { background-image:url(../img/subMenu18.gif); }
#sideBOX #contentsSide #tretta19 { background-image:url(../img/subMenu19.gif); }
#sideBOX #contentsSide #tretta20 { background-image:url(../img/subMenu20.gif); }
#sideBOX #contentsSide #tretta21 { background-image:url(../img/subMenu21.gif); }
#sideBOX #contentsSide #tretta22 { background-image:url(../img/subMenu22.gif); }

#sideBOX #contentsSide #tretta01 {
	background-image:url(../img/subMenu01.gif);
	margin-bottom:-8px;
}