@charset "UTF-8";

/* -------------------------------------------------------------
作成日: 2011.04.04
最終更新日: 2014.07.25
作成者: NT
最終編集者: TS

layout.css
レイアウトに関する指定

目次 
-18行目 大枠指定
-67行目 リンクパーツ類
-101行目 左カラム
-112行目 localNav
------------------------------------------------------------- */
/* -------------------------------------------------------------
大枠
------------------------------------------------------------- */
div#container {
	background:url(../image/background/container.jpg) no-repeat center top;
	margin:0;
	padding:0;
	zoom:1;
}

div#wrapper {
	width:950px;
	margin:0 auto;
	padding:0;
	background:url(../image/background/wrapper.gif) repeat-y center top;
	zoom:1;
}

div#contentsWrapper {
	width:950px;
	min-width:950px;
	background:url(../image/background/container.jpg) no-repeat center top;
}

div#mainArea {
	width:950px;
	margin:0 auto;
	padding:0 0 75px 0;
	background:url(../image/background/mainarea.png) no-repeat center bottom;
}

div#mainArea {_zoom:1;}
div#mainArea:after{
	content: "";
	display: block;
	clear: both;
}

div#contents-block {
	width:680px;
	min-height:795px;
	margin:0 25px 0 0;
	padding:0 0 20px;
	background:url(../image/background/contents-block.gif) repeat-y center top;
	border-bottom:solid 1px #cbdded;
	float:right;
	position:relative;
}

div#contentsArea {
	width:640px;
	margin:0 auto;
	padding:0;
}

div#contentsArea {_zoom:1;}
div#contentsArea:after{
	content: "";
	display: block;
	clear: both;}

/* -------------------------------------------------------------
sideL-block
------------------------------------------------------------- */
div#sideL-block {
	width:200px;
	margin:0 20px 0 0;
	_margin:0 10px 0 0;
	padding:0;
	font-size:0;
	float:right;
	display:inline;
}

div#sideL-block h2 {
	width:0;
	height:0;
	margin:0;
	padding:0;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

div#sideL-block a:hover img {
	visibility:hidden;
}

div#sideL-block dl#localNav {
	width:200px;
	margin:0;
	padding:0;
}

dl#localNav dt {
	display:none;
	width:200px;
	height:37px;
}

dl#localNav dt#ttlGuide {
	display:block;
	background:url(../image/headline/lnav_h3_guide.png) no-repeat left top;
}

dl#localNav dt#ttlScratch {
	display:block;
	background:url(../image/headline/lnav_h3_scratch.png) no-repeat left top;
}

dl#localNav dt#ttlShop {
	display:block;
	background:url(../image/headline/lnav_h3_shop.png) no-repeat left top;
}

dl#localNav dt#ttlOther {
	display:block;
	background:url(../image/headline/lnav_h3_other.png) no-repeat left top;
}

dl#localNav dd {
	padding:0 0 10px;
	clear:both;
	width:200px;
	overflow:hidden;
}

dl#localNav dd a {
	display:block;
}

dl#localNav dd#lNav-charge a {
	width:200px;
	height:110px;
	margin:0;
	background:url(../image/btn/lnav_btn.png) no-repeat 0 0;
}

dl#localNav ul li {
	width:200px;
	height:30px;
	margin:0 0 1px;
	background:url(../image/icon/lnav_arrow.gif) no-repeat 190px center #c9e0e9;
	font-size:12px;
	line-height:30px;
	text-indent:10px;
	float:left;
}
dl#localNav ul li a {
	width:200px;
	height:30px;
}
dl#localNav ul li.btn {
	width:200px;
	height:50px;
	margin:0 0 5px;
	font-size:0px;
	line-height:normal;
	text-indent:0px;
}

dl#localNav ul li.btn a {
	width:200px;
	height:50px;
}

dl#localNav ul li#lNav-policy {
	background:url(../image/btn/lnav_btn.png) no-repeat 0 -110px;
}
dl#localNav ul li#lNav-acitem {
	background:url(../image/btn/lnav_btn.png) no-repeat 0 -160px;
	margin:4px 0 0;
}
dl#localNav ul li#lNav-sgitem {
	background:url(../image/btn/lnav_btn.png) no-repeat 0 -510px;
	margin:4px 0 0;
}
dl#localNav ul li#lNav-acscratch {
	background:url(../image/btn/lnav_btn.png) no-repeat 0 -210px;
	margin-top:4px;
}
dl#localNav ul li#lNav-funscratch {
	background:url(../image/btn/lnav_btn.png) no-repeat 0 -260px;
}
dl#localNav ul li#lNav-recycleshop {
	background:url(../image/btn/lnav_btn.png) no-repeat 0 -310px;
}
dl#localNav ul li#lNav-craftshop {
	background:url(../image/btn/lnav_btn.png) no-repeat 0 -360px;
}
dl#localNav ul li#lNav-funshop {
	background:url(../image/btn/lnav_btn.png) no-repeat 0 -410px;
	margin:0;
}
dl#localNav ul li#lNav-special {
	background:url(../image/btn/lnav_btn.png) no-repeat 0 -460px;
	margin:0;
}


/* -------------------------------------------------------------
汎用パーツ類
------------------------------------------------------------- */
/* アイテムリスト 2カラム/コスチューム用 囲い */
div.item-list {
	width:660px;
	margin:0 0 0 -10px;
	padding-bottom:30px;
	position:relative;
}
div.item-list {zoom:1;}
div.item-list:after{
	content: "";
	display: block;
	clear: both;}

/* アイテムリスト 2カラム */
dl.item-list-s {
	width:310px;
	margin:10px 10px 0;
	padding-top:16px;
	background:url(../image/background/itemlist_s.png) no-repeat center top #cbdded;
	float:left;
}

dl.item-list-s dt {
	height:48px;
	margin:0;
	padding:0 20px;
	color:#0e2c56;
	line-height:48px;
	font-size:14px;
	font-weight:bold;
}

dl.item-list-s dd.detail {
	width:270px;
	height:100px;
	padding:0 20px 20px;
	background:#cbdded;
}
dl.item-list-s dd.detail {zoom:1;}
dl.item-list-s dd.detail:after{
	content: "";
	display: block;
	clear: both;}

dl.item-list-s dd.detail img {
	float:left;
}

dl.item-list-s dd.detail table {
	width:160px;
	margin:0 0 0 10px;
	float:left;
}

dl.item-list-s dd.detail table th {
	width:56px;
	padding:2px;
	background:none;
	border:none;
	border-bottom:1px solid #5682bc;
	color:#333333;
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
}

dl.item-list-s dd.detail table td {
	width:96px;
	padding:2px;
	background:none;
	border:none;
	border-bottom:1px solid #5682bc;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
}

dl.item-list-s dd.description {
	padding:20px 15px;
	background:#ffffff;
	border:1px solid #cbdded;
}

dl.item-list-s dd.description p {
	margin:0;
}

/* アイテムリスト 横長 */
dl.item-list-l {
	width:640px;
	margin:10px 0 0;
	padding-top:16px;
	background:url(../image/background/itemlist_l.png) no-repeat center top #cbdded;
}
dl.item-list-l {zoom:1;}
dl.item-list-l:after{
	content: "";
	display: block;
	clear: both;}

dl.item-list-l dt {
	height:48px;
	margin:0;
	padding:0 20px;
	color:#0e2c56;
	line-height:48px;
	font-size:14px;
	font-weight:bold;
}

dl.item-list-l dt img.new,
dl.item-list-l dt img.revival {
	margin-right:10px;
}

dl.item-list-l dd {
	float:left;
}

dl.item-list-l dd.detail {
	width:350px;
	padding:0 0 20px 20px;
}
dl.item-list-l dd.detail {zoom:1;}
dl.item-list-l dd.detail:after{
	content: "";
	display: block;
	clear: both;}

dl.item-list-l dd.detail img {
	float:left;
}

dl.item-list-l dd.detail a.hidden,
dl.item-list-l dd.detail a.hidden img {
	width:0;
	height:0;
	visibility:hidden;
}

dl.item-list-l dd.detail table {
	width:230px;
	margin:0 0 0 10px;
	float:left;
}

dl.item-list-l dd.detail table th {
	width:66px;
	padding:2px;
	background:none;
	border:none;
	border-bottom:1px solid #5682bc;
	color:#333333;
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
}

dl.item-list-l dd.detail table td {
	width:156px;
	padding:2px;
	background:none;
	border:none;
	border-bottom:1px solid #5682bc;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
}

dl.item-list-l dd.description {
	width:240px;
	padding:0 20px 20px 10px;
}

dl.item-list-l dd.description p {
	margin:0;
}

dl.item-list-l dd.description object, embed {
	vertical-align: top;
}

dl.item-list-l dd.description ul.image {
	margin:0;
}

dl.item-list-l dd.description ul.image li {
	margin:0;
	padding:0 0 0 15px;
}

/* ボーナスアイテムリスト */
.catalogicon{
	width:640px;
}

.bonus {
	margin-bottom:20px;
}
.bonus p{
	margin:0;
}
dl.item-list-ll {
	width:640px;
	margin:10px 0 0px;
	padding-top:16px;
	background:url(../image/background/itemlist_ll.png) no-repeat center top #F9DDEB;
}
dl.item-list-ll {zoom:1;}
dl.item-list-ll:after{
	content: "";
	display: block;
	clear: both;}

dl.item-list-ll dt {
	height:48px;
	margin:0;
	padding:0 20px;
	color:#0e2c56;
	line-height:48px;
	font-size:14px;
	font-weight:bold;
}

dl.item-list-ll dt img.new,
dl.item-list-ll dt img.revival {
	margin-right:10px;
}

dl.item-list-ll dd {
	float:left;
}

dl.item-list-ll dd.detail {
	width:350px;
	padding:0 0 20px 20px;
}
dl.item-list-l dd.detail {zoom:1;}
dl.item-list-l dd.detail:after{
	content: "";
	display: block;
	clear: both;}

dl.item-list-ll dd.detail img {
	float:left;
}

dl.item-list-ll dd.detail a.hidden,
dl.item-list-ll dd.detail a.hidden img {
	width:0;
	height:0;
	visibility:hidden;
}

dl.item-list-ll dd.detail table {
	width:230px;
	margin:0 0 0 10px;
	float:left;
}

dl.item-list-ll dd.detail table th {
	width:66px;
	padding:2px;
	background:none;
	border:none;
	border-bottom:1px solid #5682bc;
	color:#333333;
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
}

dl.item-list-ll dd.detail table td {
	width:156px;
	padding:2px;
	background:none;
	border:none;
	border-bottom:1px solid #5682bc;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
}

dl.item-list-ll dd.description {
	width:240px;
	padding:0 20px 20px 10px;
}

dl.item-list-ll dd.description p {
	margin:0;
}

dl.item-list-ll dd.description object, embed {
	vertical-align: top;
}

dl.item-list-ll dd.description ul.image {
	margin:0;
}

dl.item-list-ll dd.description ul.image li {
	margin:0;
	padding:0 0 0 15px;
}


/* アイテムリスト コスチューム用 */
dl.item-list-c {
	width:200px;
	margin:10px 10px 0;
	padding-top:19px;
	background:url(../image/background/itemlist_c_top.png) no-repeat center top #cbdded;
	float:left;
}

dl.item-list-c dt {
	margin:22px 10px 10px;
	/margin-top:41px;
	position:relative;
}

dl.item-list-c dt a {
	display:block;
}

dl.item-list-c dt a.hidden,
dl.item-list-c dt a.hidden img {
	width:0;
	height:0;
	visibility:hidden;
}

dl.item-list-c dt img.new,
dl.item-list-c dt img.revival {
	position:absolute;
	top:-18px;
}

dl.item-list-c dd {
/*	height:50px;*/
	background:url(../image/background/itemlist_c_bottom.png) no-repeat center bottom;
	padding:0 10px 30px;
}

dl.item-list-c dd p {
	margin:0;
	font-weight:bold;
}

/* カテゴリー */
#category {
	padding-bottom:40px;
	background:url(../image/background/category.png) no-repeat center bottom;
}

#category h3 {
	width:640px;
	height:35px;
	margin:30px auto 10px;
	padding:0;
	background:url(../image/headline/h3_category.png) no-repeat center top;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}



ul#category-link {
	width:640px;
	margin-left:5px;
	padding:0;
	background:url(../image/background/category_ul.png) repeat-y left top;
}

ul#category-link {zoom:1;}
ul#category-link:after{
	content: "";
	display: block;
	clear: both;
}

ul#category-link li {
	height:50px;
	margin:0 2px 2px 0;
	float:left;
	display:block;
}

ul#category-link li a {
	width:156px;
	height:50px;
	display:block;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}
ul#category-link li.btn01 a {
	background:url(../image/btn/category.png) no-repeat left 0;
}
ul#category-link li.btn01 a:hover {
	background:url(../image/btn/category.png) no-repeat right 0;
}
ul#category-link li.btn02 a {
	background:url(../image/btn/category.png) no-repeat left -50px;
}
ul#category-link li.btn02 a:hover {
	background:url(../image/btn/category.png) no-repeat right -50px;
}
ul#category-link li.btn03 a {
	background:url(../image/btn/category.png) no-repeat left -100px;
}
ul#category-link li.btn03 a:hover {
	background:url(../image/btn/category.png) no-repeat right -100px;
}
ul#category-link li.btn04 a {
	background:url(../image/btn/category.png) no-repeat left -150px;
}
ul#category-link li.btn04 a:hover {
	background:url(../image/btn/category.png) no-repeat right -150px;
}
ul#category-link li.btn05 a {
	background:url(../image/btn/category.png) no-repeat left -200px;
}
ul#category-link li.btn05 a:hover {
	background:url(../image/btn/category.png) no-repeat right -200px;
}
ul#category-link li.btn06 a {
	background:url(../image/btn/category.png) no-repeat left -250px;
}
ul#category-link li.btn06 a:hover {
	background:url(../image/btn/category.png) no-repeat right -250px;
}
ul#category-link li.btn07 a {
	background:url(../image/btn/category.png) no-repeat left -300px;
}
ul#category-link li.btn07 a:hover {
	background:url(../image/btn/category.png) no-repeat right -300px;
}
ul#category-link li.btn08 a {
	background:url(../image/btn/category.png) no-repeat left -350px;
}
ul#category-link li.btn08 a:hover {
	background:url(../image/btn/category.png) no-repeat right -350px;
}
ul#category-link li.btn09 a {
	background:url(../image/btn/category.png) no-repeat left -400px;
}
ul#category-link li.btn09 a:hover {
	background:url(../image/btn/category.png) no-repeat right -400px;
}
ul#category-link li.btn10 a {
	background:url(../image/btn/category.png) no-repeat left -500px;
}
ul#category-link li.btn10 a:hover {
	background:url(../image/btn/category.png) no-repeat right -500px;
}
ul#category-link li.btn11 a {
	background:url(../image/btn/category.png) no-repeat left -550px;
}
ul#category-link li.btn11 a:hover {
	background:url(../image/btn/category.png) no-repeat right -550px;
}
#funshop_category h3 {
	width:640px;
	height:35px;
	margin:20px auto;
	padding:0;
	background:url(../image/headline/h3_funshop_category.png) no-repeat center top;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

#funshop_category {
	padding-bottom:40px;
	background:url(../image/background/category.png) no-repeat center bottom;
	overflow: hidden;
}

ul#funshop_category-link {
	width:640px;
	margin-left:5px;
	padding:0;
}

ul#funshop_category-link {zoom:1;}
ul#funshop_category-link:after{
	content: "";
	display: block;
	clear: both;}

ul#funshop_category-link li {
	height:50px;
	margin:0 2px 2px 0;
	float:left;
	display:block;
}

ul#funshop_category-link li a {
	width:314px;
	height:50px;
	display:block;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}
ul#funshop_category-link li.btn01 a {
	background:url(../image/btn/funshop_category.png) no-repeat left 0;
}
ul#funshop_category-link li.btn01 a:hover {
	background:url(../image/btn/funshop_category.png) no-repeat right 0;
}
ul#funshop_category-link li.btn02 a {
	background:url(../image/btn/funshop_category.png) no-repeat left -50px;
}
ul#funshop_category-link li.btn02 a:hover {
	background:url(../image/btn/funshop_category.png) no-repeat right -50px;
}
ul#funshop_category-link li.btn03 a {
	background:url(../image/btn/funshop_category.png) no-repeat left -100px;
}
ul#funshop_category-link li.btn03 a:hover {
	background:url(../image/btn/funshop_category.png) no-repeat right -100px;
}
ul#funshop_category-link li.btn04 a {
	background:url(../image/btn/funshop_category.png) no-repeat left -150px;
}
ul#funshop_category-link li.btn04 a:hover {
	background:url(../image/btn/funshop_category.png) no-repeat right -150px;
}

/* FUNショップカテゴリーボタン（3つの場合） */
ul#funshop_category-link2 {
	width:640px;
	margin-left:5px;
	padding:0;
}

ul#funshop_category-link2 {zoom:1;}
ul#funshop_category-link2:after{
	content: "";
	display: block;
	clear: both;}

ul#funshop_category-link2 li {
	height:50px;
	margin:0 2px 2px 0;
	float:left;
	display:block;
}

ul#funshop_category-link2 li a {
	width:208px;
	height:50px;
	display:block;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}
ul#funshop_category-link2 li.btn01 a {
	background:url(../image/btn/funshop_category2.png) no-repeat left 0;
}
ul#funshop_category-link2 li.btn01 a:hover {
	background:url(../image/btn/funshop_category2.png) no-repeat left -50px;
}
ul#funshop_category-link2 li.btn02 a {
	background:url(../image/btn/funshop_category2.png) no-repeat -208px 0;
}
ul#funshop_category-link2 li.btn02 a:hover {
	background:url(../image/btn/funshop_category2.png) no-repeat -208px -50px;
}
ul#funshop_category-link2 li.btn03 a {
	background:url(../image/btn/funshop_category2.png) no-repeat -416px 0;
}
ul#funshop_category-link2 li.btn03 a:hover {
	background:url(../image/btn/funshop_category2.png) no-repeat -416px -50px;
}


/* リンクボタン */
#link-chargeguide,
#link-shopguide,
#link-aboutitem {
	width:310px;
	height:50px;
	margin:50px 5px 15px;
	display:block;
	float:left;
}
#link-chargeguide:hover img,
#link-shopguide:hover img,
#link-aboutitem:hover img {
	visibility:hidden;
}
#link-chargeguide {
	background:url(../image/btn/link_btn_bg.png) no-repeat center top;
}
#link-shopguide {
	background:url(../image/btn/link_btn_bg.png) no-repeat center center;
}
#link-aboutitem {
	background:url(../image/btn/link_btn_bg.png) no-repeat center bottom;
}


/*   slideshow
-----------------------------------------*/
div#slideshow {
	width:222px;
	height:83px;
	margin:0 0 0 718px;
	padding:0;
	font-size:0;
	position:relative;
	z-index:0;
	top:96px;
	background:url(../image/background/slidearea.png) no-repeat center top;
}

div#slideshow #slideBnr {
	position:relative;
	width:222px;
	height:83px;
}
div#slideshow #slideBnr ul {
	list-style: none;
	position: relative;
	margin-left: 0px;
	overflow: hidden;
	width:180px;
	height:60px;
	left:21px;
	top:7px;
}
div#slideshow #slideBnr ul li {
	float: left;
	width:180px;
	position: absolute;
}
div#slideshow div#pickupNum {
	position:relative;
	overflow: hidden;
	top:-13px;
}

div#slideshow div#pickupNum ul {
	position:relative;
	left:50%;
	float:left;
	list-style: none;
}
div#pickupNum li {
	position:relative;
	left:-50%;
	float:left;
	margin:0 3px;
	width:9px;
	height:9px;
   
}
div#slideshow div#pickupNum li a {
	width:9px;
	height:9px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	line-height:normal;
	background:url(../image/btn/off.png) no-repeat left top;
}
div#slideshow div#pickupNum li.active a,
div#slideshow div#pickupNum li a:hover {
	background:url(../image/btn/on.png) no-repeat left top;
}

div#slideshow a#btnPrev {
	position:absolute;
	left: 0px;
	top: 8px;
	width:18px;
	height:61px;
	display:block;
	text-indent:-9999px;
	background:url(../image/btn/prev.png) no-repeat left top;
}
div#slideshow a#btnNext {
	position:absolute;
	left: 204px;
	top: 8px;
	width:18px;
	height:61px;
	display:block;
	text-indent:-9999px;
	background:url(../image/btn/next.png) no-repeat left top;
}