@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

File name:      mod_recycle.css
Update:         2011/08/08
Author:         KT
Style Info:     リサイクルショップ用CSS

	01. テンプレート
	├01.01. ヘッダー
	├01.02. 大外枠
	├01.03. 左サイドバー
	｜	└─┬01.03.01. 現在のチケット枚数
	│		└01.03.02. チケット
	│		└01.03.02. お知らせ
	│
	├01.04. メインコンテンツ外枠
	│	└─┬01.04.01. タブ
	│		└01.04.02. 右サイドメニュー
	│			└01.04.02.01. 2行にわたる高さのあるメニュー用
	│
	├01.05. メインコンテンツ内
	│	└─┬01.05.01. コンテンツタイトル
	│		├─01.05.02. コンテンツ内・ページナビ(レイアウト微調整のみ)
	│		└─01.05.02. ページング
	│
	├01.06. フッター(レイアウト微調整のみ)
	│
	└01.07. その他の微調整など

	02. リサイクルショップ 各カテゴリー用設定
	├02.01. 全アイテム一覧 & きせかえアイテム一覧 & 家具アイテム一覧
	│	└──02.01.01. ペット一覧
	│
	├02.02. 第2階層以降
	│	└─┬02.02.01. 共通部分
	│		├02.02.02. コインテーブル
	│		├02.02.03. 選択ボタン設定
	│		└02.02.04. 購入メッセージ
	│
	├02.03. #Item_block
	│	└─┬02.03.01. 共通
	│		├02.03.02. きせかえアイテム設定
	│		├02.03.03. インテリアアイテム設定
	│		├02.03.04. ペット設定
	│		└02.03.05. きせかえアイテム＆インテリアアイテム共通設定
	│		└02.03.06. ガーデニングアイテム設定	│
	│
	└02.04. その他調整
		└─┬02.05.01. 完了画面の画像中央寄せ設定
			└02.05.02. コンテンツタイトル右の注釈リンクに付く矢印の設定

	03.Top

	04.CLEAEFIX

----------------------------------------------------------- */

/*------------------------------------------------------------------------------------
	01.							///テンプレート///
--------------------------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

div#contents{
	margin:0;
	padding:0 0 0 10px;
}

a:link, a:visited, a:hover, a:active, a:focus{
	text-decoration:none;
}

/* 01.01. ヘッダー
--------------------------------------------------*/
div#header{
	width:830px;
	height:41px;
	margin:8px 0 0 0;
	font-size:0px;
}

div#header .header_title{
	position:relative;
	float:left;
	width:828px;
	height:36px;
	padding:5px 15px 0 0px;
	background:transparent no-repeat url(/image/shop/recycle/header_roof.gif);
}

div#header .header_title h2{
	display:none;
}

div#header .header_title a{
	display:block;
	position:absolute;
	top:10px;left:650px;
	width:154px;
	height:21px;
	background:transparent no-repeat url(/image/shop/recycle/btn_head_coin.gif);
}

div#header .header_title h2{
	float:left;
	width:132px;
	height:19px;
	margin:5px 0 0 7px;
}

div#header .header_title span{
	display:none;
}

div.header_deco{
	width:828px;
	height:21px;
	margin:0 0 14px 0;
	padding:0;
	background:transparent no-repeat url(/image/shop/recycle/header_roof_deco.gif);
}

/* 01.02. 大外枠
--------------------------------------------------*/
div.outLine{
	width:828px;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

/* 01.03. 左サイドバー
--------------------------------------------------*/
div#left_profile{
	float:left;
	width:150px;
	margin:0;
}

/* 01.03.01 左サイドバー > 現在のチケット枚数
-------------------------------------------------*/
div#left_profile dl.userInfo{
	width:150px;
	height:13px;
	padding:0 0 0 3px;
}

div#left_profile dl.userInfo dt{
	height:13px;
}

/*01.03.02 左サイドバー > チケット
--------------------------------------------------*/
div#left_profile ul.operateBtn{
	height:15px;
	margin-top:6px;
	padding:0 0 0 3px;
}

div#left_profile ul.operateBtn li.ticket{
	float:right;
	height:15px;
	line-height:15px;
}

div#left_profile ul.operateBtn li img{
	vertical-align:top;
}

div#left_profile ul.operateBtn li span.ticket{
	margin-left:0px;
	color:#50a66d;
	font-size:12px;
	font-weight:bold;
}

div#left_profile ul.operateBtn li.ticket a:hover{
	text-decoration:none;
}

/*01.03.02 左サイドバー > お知らせ
-------------------------------------------------*/
div#left_profile div.sidebar_notice{
	width:150px;
	height:186px;
	margin-top:10px;
	padding-top:5px;
	background: url(/image/shop/recycle/bg_sidebar_notice.gif);
	text-align:center;
}

div#left_profile div.sidebar_notice img{
	margin:0;
	vertical-align:top;
}

/* 01.04. メインコンテンツ外枠
--------------------------------------------------*/
div#main{
	float:right;
	width:660px;
	padding:0;
	margin:0 0 10px 0;
}

/*	01.04.01. メインコンテンツ > タブ
--------------------------------------------------*/
div#main ul.main_tab{
	list-style:none;
	margin:0;
	padding:0;
}

div#main ul.main_tab li{
	float:left;
	margin:0 10px 0 0;
}

div#main ul.main_tab li a{
	display:block;
	width:122px;
	height:31px;
}

div#main ul.main_tab li span{
	display:none;
}

div#main ul.main_tab li.tab05,
div#main ul.main_tab li.tab05 a:hover,
div#main ul.main_tab li.tab05_on,
body#premium div#main ul.main_tab li.tab05,
body#premium div#main ul.main_tab li.tab05 a:hover,
body#premium div#main ul.main_tab li.tab05_on,{
	margin:0;
}

div#main ul.main_tab li.tab01{background:transparent no-repeat url(/image/shop/recycle/main_tab01_off.gif);}
div#main ul.main_tab li.tab02{background:transparent no-repeat url(/image/shop/recycle/main_tab02_off.gif);}
div#main ul.main_tab li.tab03{background:transparent no-repeat url(/image/shop/recycle/main_tab03_off.gif);}
div#main ul.main_tab li.tab04{background:transparent no-repeat url(/image/shop/recycle/main_tab04_off.gif);}
div#main ul.main_tab li.tab05{background:transparent no-repeat url(/image/shop/recycle/main_tab05_off.gif);}

div#main ul.main_tab li.tab01 a:hover, div#main ul.main_tab li.tab01_on{background:transparent no-repeat url(/image/shop/recycle/main_tab01_on.gif);}
div#main ul.main_tab li.tab02 a:hover, div#main ul.main_tab li.tab02_on{background:transparent no-repeat url(/image/shop/recycle/main_tab02_on.gif);}
div#main ul.main_tab li.tab03 a:hover, div#main ul.main_tab li.tab03_on{background:transparent no-repeat url(/image/shop/recycle/main_tab03_on.gif);}
div#main ul.main_tab li.tab04 a:hover, div#main ul.main_tab li.tab04_on{background:transparent no-repeat url(/image/shop/recycle/main_tab04_on.gif);}
div#main ul.main_tab li.tab05 a:hover, div#main ul.main_tab li.tab05_on{background:transparent no-repeat url(/image/shop/recycle/main_tab05_on.gif);}


/*	01.04.02. メインコンテンツ > 右サイドメニュー
--------------------------------------------------*/
div#main div.right_menu{
	position:absolute;
	top:10px;right:15px;
	width:118px;
	margin:0;
	padding:0;
	font-family: 'Meiryo UI','MS PGothic', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif;
}

div#main div.right_menu ul.pet_archive{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}

div#main div.right_menu ul.pet_archive li{
	height:28px;
	margin:0;
	padding:0;
	border-bottom:1px solid #d7cfbd;
	line-height:1;
}

div#main div.right_menu ul.pet_archive li a{
	display:inline;
	margin:0;
	padding:0;
}

div#main div.right_menu ul.pet_archive li a.pet_title{
	display:block;
	width:98px;
	height:19px;
	margin:0;
	padding:9px 0 0 20px;
	background:#6eb887 no-repeat 8px 11px url(/image/shop/recycle/arrow_right.gif);
	color:#ffffff;
}

div#main div.right_menu ul.pet_archive li a.pet_title:hover	{
	background:#b6e5c6 no-repeat 8px 11px url(/image/shop/recycle/arrow_right.gif);
}

div#main div.right_menu ul.pet_archive li.pet_archive_menu	{
	width:107px;
	height:19px;
	padding:9px 0 0 11px;
	background:#b6e5c6;
}

div#main div.right_menu ul.pet_archive li.pet_archive_menu a{
	color:#6eb887;
	background:#b6e5c6;
}

div#main div.right_menu ul.pet_archive li.pet_archive_menu a:hover{
	color:#79694b;
	font-weight:normal;
	text-decoration:underline;
}

div#main div.right_menu ul.pet_archive li.on{
	color:#cf935e;
	font-weight:bold;
}

/* ===== 01.04.02.01. 2行にわたる高さのあるメニュー用 ===== */

div#main div.right_menu ul.pet_archive li a.large, div#main div.right_menu ul.pet_archive li.large	{
	height:30px;
}

/* 01.05. メインコンテンツ
--------------------------------------------------*/
div#main div.main_body{
	width:660px;
	margin:0;
	padding:0;
}

div#main div.main_body div.main_body_top, div#main .main_body_bottom{
	width:660px;
	height:9px;
	margin:0;
	padding:0;
	font-size:0px;
}

div#main div.main_body div.main_body_top{
	background:transparent no-repeat url(/image/shop/recycle/main_bg_top.gif);
}

div#main div.main_body div.main_body_middle{
	position:relative;
	width:650px;
	height:640px;
	margin:0;
	padding:10px 0 1px;
	background:transparent repeat-y url(/image/shop/recycle/main_bg_1px.gif);
}

div#main .main_body_bottom{
	background:transparent no-repeat url(/image/shop/recycle/main_bg_bottom.gif);
}

div#main div.main_body div.main_body_middle .btn_chage{
	position:absolute;
	top:7px;
	left:410px;
}

div#main div.main_body div.main_body_middle .btn_chage_org{
	position:absolute;
	top:7px;
	left:139px;
}



/*	01.05.01. メインコンテンツ > コンテンツタイトル
--------------------------------------------------*/
table.pet_title{
	width:490px;
	margin:0 0 0 15px;
	color:#e55b9c;
	font-weight:bold;
}

table.pet_title tr.tr01{
	height:23px;
	vertical-align:top;
}

table.pet_title tr.tr02{
	height:5px;
	border:1px solid red;
	vertical-align:bottom;
	font-size:0px;
}

table.pet_title tr.tr01 th	{
	font-size:14px;
	text-align:left;
}

table.pet_title td.right{
	text-align:right;
}

table.pet_title select{
	width:100px;
}

/* ===== 01.05.02 コンテンツ内 ===== */

div#cont_block, div#pet_block, div#item_block{
	width:500px;
	margin:10px 0 0 10px;
	padding:0;
}

/* ===== 01.05.02.ページング ===== */

ul.pageNavi{
	width:500px;
	margin:25px 0;
}

/* 01.06. フッター(レイアウト微調整)
--------------------------------------------------*/
body#premium div#footerArea, body#coin div#footerArea{
	margin:0 0 10px 10px;
}

/* 01.07. その他調整
--------------------------------------------------*/
div.pagetop	{
	margin:0 10px 0 0;
}

/*------------------------------------------------------------------------------------
	02.					///リサイクルショップ 各カテゴリー用設定///
-------------------------------------------------------------------------------------*/


/* 02.01 全アイテム一覧 ＆ きせかえアイテム一覧 ＆ 家具アイテム一覧
--------------------------------------------------*/
div.allitem div.outline{
	float:left;
	width:115px;
	margin:0 10px 10px 0;
	padding:0 0 0 0px;
	border:0px;
}

div.allitem div.pet_left{
	position: relative;
	height:270px;
	border:1px solid #e0ded8;
	background:#fcf9f1;
	text-align:center;
	color:#50a66d;
	font-weight:normal;
	font-size:11px;
	line-height:1.3;
}

div.allitem div.item_type{
	width:103px;
	height:31px;
	margin:0 0 7px 5px;
	padding:8px 0 6px 0;
	border-top:1px dotted #dac7c5;
	border-bottom:1px dotted #dac7c5;
}

div.allitem div.item_type span {
	display: block;
	position: absolute;
	top:2px;
	right: 2px;
	width: 35px;
	border-radius: 10px;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	line-height: 1.7em;
	vertical-align: 3px;
}

div.allitem div.value{
	height:16px;
	margin:0;
	/padding-top:2px;/*IE6*/
	color:#999;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}

div.allitem div.value span{
	font-weight:normal;
}

div.allitem div.value img{
	margin:0;
	/margin-top:-2.5px;/*IE6*/
	vertical-align:top;
}

/*IE8対策*/
html>/**/body div.allitem div.item_type img{
	margin /*\**/: 1px 0 0 0\9;
}

div.allitem img.select{
	padding:7px 0 0 0;
}

/* ===== カテゴリー別 ボックスのカラー設定 ===== */

div.allitem div.itemTop{
	background:#fcf9fb;
	border:1px solid #af4a8e;
}

div.allitem div.interiorTop{
	background:#f7faf5;
	border:1px solid #84d25a;
}

div.allitem div.petTop{
	background:#fcfaf5;
	border:1px solid #897367;
}

/* 02.0. ペット一覧
--------------------------------------------------*/
div#pet_block div.pet_outline{
	float:left;
	width:240px;
	margin:0;
	padding:0 0 0 10px;
}

div#pet_block div.pet{
	height:243px;
	margin:0 0 15px 0;
	border:1px solid #897367;
	background:#fcf9f1;
	text-align:center;
}

div#pet_block div.pet_type,div#pet_block div.value{
	color:#50a66d;
	font-size:11px;
	font-weight:normal;
	line-height:1.3;
	text-align:center;
	vertical-align:bottom;
}

div#pet_block div.pet_type{
	width:223px;
	height:31px;
	margin:0 0 8px 7px;
	padding:7px 0 6px;
	border-top:1px dotted #dac7c5;
	border-bottom:1px dotted #dac7c5;
	color:#50a66d;
	font-size:11px;
	font-weight:normal;
	line-height:1.3;
	text-align:center;
}

div#pet_block div.value{
	height:16px;
	border:0px;
	margin:0 0 5px 0;
	padding:0;
	/padding:2px 0 0;
	color:#999;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}

div#pet_block div.value span{
	font-weight:normal;
}

div#pet_block div.value img{
	margin:0;
	/margin-top:-2px;
	vertical-align:top;
}

/*for IE8*/
html>/**/body div#pet_block div.item_type img{
	margin /*\**/: 1px 0 0 0\9;
}

div#pet_block div.pet_type img.select{
	margin:4px 0 0 0;
}


/* 02.0. ガーデニングアイテム設定
--------------------------------------------------*/
div#seed_block {
    margin: 10px 0 0 15px;
    padding: 0;
    width: 500px;
}

div#seed_block .profile {
    float: left;
    height: 280px;
    margin: 0 27px 3px 0;
    text-align: center;
    width: 115px;
}

div#seed_block .profile {
    float: left;
    height: 280px;
    margin: 0 27px 3px 0;
    text-align: center;
    width: 115px;
}

div#seed_block .profile div.seedImg img {
    border: 1px solid #E0DED8;
    vertical-align: bottom;
}

div#seed_block .profile div.seedName {
    border-bottom: 1px dotted #E1E0CB;
    color: #78564C;
    font-weight: bold;
    padding: 10px 0 8px;
    width: 115px;
}

div#seed_block .profile div.num {
    border-bottom: 1px dotted #E1E0CB;
    color: #78564C;
    height: 26px;
    line-height: 26px;
}

div#seed_block .profile div.value {
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    position: relative;
}


div#seed_block .detail {
    float: left;
    width: 347px;
}

div#seed_block .detail .discription {
    border-bottom: 1px dotted #E1E0CB;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

div#seed_block .detail .effect {
    color: #999999;
    font-size: 14px;
    font-weight: bold;
}

div#seed_block .detail .discription .title span {
    color: #E55B9C;
    font-weight: bold;
}

div#seed_block .detail .effect {
    color: #999999;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Meiryo UI','MS PGothic', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif;

}

div#seed_block div.coin_detail {
    color: #999999;
    font-size: 12px;
    font-weight: normal;
    margin: 25px 0 10px 1px;
    width: 238px;
}


table.seed_title{
	width:490px;
	margin:0 0 0 15px;
	color:#e55b9c;
	font-weight:bold;
}

table.seed_title tr.tr01 {
    height: 23px;
    vertical-align: top;
}

table.seed_title tr.tr01 th {
    font-size: 14px;
    text-align: left;
}

table.seed_title td.right {
    text-align: right;
}

table.seed_title tr.tr02 {
    border: 1px solid red;
    font-size: 0;
    height: 5px;
    vertical-align: bottom;
}


div#seed_block .detail .effect table tr {
    height: 24px;
}

div#seed_block .detail .effect tr th {
    text-align: left;
    width: 204px;
}

div#seed_block .detail .effect tr td {
    color: #E65C5C;
}

.seed .profile {
	text-align: center;
}











/*------------------------------------------------------------------
	第2階層以降
--------------------------------------------------------------------*/

/*共通部分
--------------------------------------------*/

/* ===== コインテーブル =====*/

div#item_block div.coin_detail,
div#seed_block div.coin_detail{
	margin:10px 0 10px 1px;
	color:#999999;
	font-size:12px;
	font-weight:normal;
}

div#item_block div.coin_detail tr,
div#seed_block div.coin_detail tr{
	height:26px;
}

div#item_block div.coin_detail td.left,
div#seed_block div.coin_detail td.left{
	width:150px;
	padding:0 0 0 10px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#7cc494;
	color:#fff;
	text-align:left;
	box-sizing: border-box;
}

div#item_block div.coin_detail td.right,
div#seed_block div.coin_detail td.right{
	width:100px;
	padding:0 10px 0 0;
	background:#f6efcc;
	border-bottom:1px solid #fff;
	color:#777;
	text-align:right;
	box-sizing: border-box;
}

/* =====選択ボタン設定===== */

div#item_block div.buy_select,
div#seed_block div.buy_select{
	margin:10px 0 30px 0;
	width:490px;
	text-align:center;
}

div#item_block div.buy_select .left,
div#seed_block div.buy_select .left{
	margin:0 15px 0;
}

div#item_block div.buy_select .right,
div#seed_block div.buy_select .right{
	margin:0;
}

/* ===== 購入メッセージ ===== */

div.wear div.buy_item,
div.interior div.buy_item,
div.pet div.buy_item,
div.seed div.buy_item{
	clear:left;
	width:500px;
	margin:15px 0 0 ;
}

/*ペットのみ*/
div.pet div.buy_item{
	margin-top:0;
}

div.wear div.buy_item p,
div.interior div.buy_item p,
div.pet div.buy_item p,
div.pet div.select_item p,
div.seed div.buy_item p{
	width:490px;
	height:36px;
	margin:0;
	border-top:1px dotted #dac7c5;
	border-bottom:1px dotted #dac7c5;
	color:#e65c5c;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
	text-align:center;
}

/*ペットのみ*/
div.pet div.select_item p{
	height:40px;
	padding-top:10px;
	line-height:18px;
}

div.pet div.select_item p span{
	margin:0;
	padding:0;
	color:#666;
	font-size:12px;
	font-weight:normal;
}

/* RECYCLE > #ITEM BLOCK
--------------------------------------------------------*/
div#item_block{
	margin:10px 0 0 15px;
}

div#item_block_upper{
	min-height:290px;
	/height:300px;
	margin:0;
	padding:0;
}

/*=====きせかえアイテム設定=====*/

div.wear .profile{
	width:200px;
	height:280px;
	margin: 0 auto;
	border:1px solid #af4a8e;
}
div.wear #item_block_upper .profile {
	float:left;
	margin:0 25px 3px 0;
}

/*=====インテリアアイテム設定=====*/

div.interior .profile{
	width:150px;
	height:150px;
	margin: 0 auto;
	border:1px solid #84d25a;
}
div.interior #item_block_upper .profile {
	float:left;
	margin:0 25px 3px 0;	
}

/*=====ペット設定=====*/
/*ペット詳細*/
.petdetailBox {
	position: relative;
	width: 470px;
	margin: 7px;
	border: #e0ded8 1px solid;
	background-color: #FFF;
}
.pettype {
	padding: 12px 0 5px;
	margin: 0 7px 7px;
	border-bottom: #d3d3d3 dashed 1px ;
}
.pettype h2 {
	display: inline-block;
	width: 320px;
	margin-left: 5px;
	color: #9c8377;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
}
.pettype h2 span {
	display: inline-block;
	width: 50px;
	margin-left: 8px;
	border-radius: 10px;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	line-height: 1.7em;
	vertical-align: 3px;
}
div.allitem div.item_type span.male,
.pettype span.male {
	background-color: #4e9cdf;	
}
div.allitem div.item_type span.female,
.pettype span.female {
	background-color: #ed76a8;	
}
p.price {
	display: inline-block;
	width: 115px;
	color: #777;
	text-align: right;
	font-weight: bold;
}
p.price span {
	position: relative;
	padding-left: 20px;
}
p.price span:before {
	position: absolute;
	top: 1px;
	left: 0;
	content: url(/image/shop/recycle/icon_recycle.gif);
}
.petdetailBox figure {
	position: relative;
	float: left;
	width: 166px;
	height: 170px;
	margin: 0 0 20px 7px;
	background-color: #FFF;	
}
.petdetailBox figure canvas {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.txt_detail{
	float: right;
	width: 255px;
	height: 160px;
	margin: 5px 10px;
	padding: 0 5px;
	background-image:
	linear-gradient(
	  180deg,
	  rgba(0,0,0,0) 0%,
	  rgba(0,0,0,0) 97%,
	  #e6ded6 97%,
	  #e6ded6 100%
	);
	background-size:100% 2em;
	color: #876f53;
	line-height:2;
}
dl.personality {
	clear: both;
	display: table;
	width: 306px;
	margin: 0 auto 25px;
	border: #c3b4ad solid 1px;
	border-radius: 10px;
	background-color: #9c8377;
}
dl.personality dt {
	display: table-cell;
	width: 115px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}
dl.personality dd {
	display: table-cell;
	width: 191px;
	height: 45px;
	border-radius: 0 9px 9px 0;
	background-color: #FFF;
	color: #9c8377;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
.txt_confirm {
	clear: both;
	margin: 25px 0;
	color: #e06889;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
.txt_personality {
	margin: 20px 0 20px 10px;
	color: #b79772;
	font-size: 12px;
}
.txt_personality em {
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
}
.personalityArea {
	position: relative;
	width: 471px;
	height: 179px;
	margin-left: 7px;
	background: url(/image/shop/pet/bg_personality.png) no-repeat 0 0;
}
.personalityArea .personality {
	font-size:0;
}
.personalityArea .personality span {
	display: block;
	position: absolute;
	top: 75px;
	right: 97px;
	width: 120px;
	color: #9c8377;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.personalityArea .btn_reselect a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 85px;
	height: 179px;
	background: url(/image/shop/pet/btn_reselect.png) no-repeat 0 0;
	font-size: 0;
	transition: 0.6s;
	opacity: 1;
}
.personalityArea .btn_reselect a:hover {
	background: url(/image/shop/pet/btn_reselect_on.png) no-repeat 0 0;
}
.personalityArea ul {
	margin: 22px 0 0 12px;
}
.personalityArea li {
	display: block;
	position: relative;
	width: 230px;
	height: 21px;
	margin-bottom: 8px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: right;
	font-size:0;
}
.personalityArea li:nth-child(1) {background-image: url(/image/shop/pet/bg_param_a.png);}
.personalityArea li:nth-child(2) {background-image: url(/image/shop/pet/bg_param_b.png);}
.personalityArea li:nth-child(3) {background-image: url(/image/shop/pet/bg_param_c.png);}
.personalityArea li:nth-child(4) {background-image: url(/image/shop/pet/bg_param_d.png);}
.personalityArea li:nth-child(5) {background-image: url(/image/shop/pet/bg_param_e.png);}
.personalityArea li span {
	display: block;
	position: absolute;
	top: 7px;
	right: 20px;
	width: 116px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.personalityArea li:nth-child(1) span {background-color:#f098c4;}
.personalityArea li:nth-child(2) span {background-color:#f4c193;}
.personalityArea li:nth-child(3) span {background-color:#f0ec7a;}
.personalityArea li:nth-child(4) span {background-color:#a3f493;}
.personalityArea li:nth-child(5) span {background-color:#ce98da;}
.personalityArea li span.param0 {background-image: url(/image/shop/pet/param0.png);}
.personalityArea li span.param1 {background-image: url(/image/shop/pet/param1.png);}
.personalityArea li span.param2 {background-image: url(/image/shop/pet/param2.png);}
.personalityArea li span.param3 {background-image: url(/image/shop/pet/param3.png);}
.personalityArea li span.param4 {background-image: url(/image/shop/pet/param4.png);}
.personalityArea li span.param5 {background-image: url(/image/shop/pet/param5.png);}
.personalityArea li span.param6 {background-image: url(/image/shop/pet/param6.png);}
.personalityArea li span.param7 {background-image: url(/image/shop/pet/param7.png);}
.personalityArea li span.param8 {background-image: url(/image/shop/pet/param8.png);}
.personalityArea li span.param9 {background-image: url(/image/shop/pet/param9.png);}
.personalityArea li span.param10 {background-image: url(/image/shop/pet/param10.png);}
a.btn_keeppet,
a.btn_keeppet span {
	width: 226px;
}
a.btn_keeppet {
	margin: 30px auto;
}

a.btn_keeppet span {
	padding-left: 45px;
}

a.btn_keeppet span:before,
.btn_decision span:before {
	top: 5px;
	left: 25px;
	content: url(/image/shop/pet/ico_cart.png);
}
/*紹介確認画面*/
.petconfirm {
	border-bottom: #e9e9e9 1px solid;
	border-right: none;
	border-left: none;
	background-color: #f8f8f0;
}
.petdetailBox .petconfirm figure {
	border: #e0ded8 solid 1px;
}
.petPrice {
	width: 410px;
	margin: 10px auto 5px;
	border-bottom: #e9e9e9 solid 2px;
}
.petPrice .txt_price {
	display: inline-block;
	width: 230px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
}
.petPrice .price {
	display: inline-block;
	width: 155px;
	margin: 0;
	font-size: 14px;
	text-align: right;
}
.petPrice .price span:before {
	top:-3px;
}
.petPrice .price span {
	padding-right: 5px;
	border-image: none;
	font-size: 24px;
	font-weight: bold;
}
dl.balance {
	width: 410px;
	margin: 5px auto;	
}
dl.balance dt {
	display: inline-block;
	width: 245px;
	text-align: right;
}
dl.balance dd {
	display: inline-block;
	width: 155px;
	text-align: right;
}
dl.balance dd span {
	color: #e06889;
	font-size: 14px;
	font-weight: bold;	
}
a.btn_decision,
a.btn_decision span {
	width: 170px;
	letter-spacing: 5px;
}
a.btn_decision {
	margin: 20px auto 20px;
}
.btn_cancel {
	margin: 20px 10px;
	text-align: right;
}
.btn_cancel a {
	display: inline-block;
}
/*紹介完了画面*/
p.btn_twin {
	width: 410px;
	margin: 0 auto;
}
a.btn_layout,
a.btn_gotoRecycletop,
a.btn_layout span,
a.btn_gotoRecycletop span {
	float: left;
	width: 185px;
}
a.btn_gotoRecycletop {
	margin-left: 30px;
}
a.btn_layout span,
a.btn_gotoRecycletop span {
	padding: 9px 0 0 0;
	text-align: center;
}
.btn_layout span:before,
a.btn_gotoRecycletop span:before {
	content: none;
}

/* ===== きせかえアイテム & 家具アイテム共通設定 =====*/

div.wear div.detail,
div.interior div.detail{
	float:left;
	width:260px;
	margin:0;
	padding:0px 0;
	color:#998277;
	font-size:14px;
	font-weight:bold;
}

div.wear div.name,
div.interior div.name{
	margin:5px 0 0;
	padding:0 0 5px 0;
	color:#50a66d;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	text-align:left;
}

div.wear div.color,
div.interior div.color{
	margin:0;
	padding:0 0 5px 0;
	color:#50a66d;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}

div.wear div.value,
div.interior div.value{
	height:14px;
	margin:14px 0 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #dac7c5;
	color:#999999;
	line-height:1;
	font-size:14px;
	font-weight:bold;
}

div.wear div.value span,
div.interior div.value span{
	margin-top:2px;
	font-size:11px;
	font-weight:normal;
}

div.wear div.value img,
div.interior div.value img{
	margin:0;
	vertical-align:top;
}

div.wear div.detail div.discription,
div.interior div.detail div.discription{
	width:260px;
	margin:0 0 7px 0;
	padding:7px 0;
	border-bottom:1px dotted #dac7c5;
	font-size:12px;
	font-weight:normal;
	color:#999999;
	line-height:1.2;
}

div.wear div.detail div.title,
div.interior div.detail div.title{
	width:260px;
	margin:0 0 13px 0;
	color:#e55b9c;
	font-size:14px;
	font-weight:bold;
}

div.wear div.detail div.discription div.text,
div.interior div.detail div.discription div.text{
	padding:0 0 0 5px;
	line-height:1.4;
}


/* その他調整
----------------------------------------------------*/

/* ====== 完了画面の画像中央寄せ設定 ====== */

div.alignCenter{
	width:490px;
	margin:0 0 15px 0;
	padding:0;
}

div.alignCenter .profile{
	margin:0;
}

div.wear div.alignCenter .profile{
	margin-left:145px;
}

div.interior div.alignCenter .profile{
	margin-left:170px;
}

div.pet div.alignCenter .profile{
	margin-left:125px;
}



/* ===== コンテンツタイトル右の注釈リンクに付く矢印の設定 =====*/

table.pet_title td.right a{
	padding:0 0 0 13px;
	background:transparent no-repeat 0px 1px url(/image/shop/pet/premium/arrow_pet_balance.gif);
	color:#777;
	font-size:10px;
	font-weight:normal;
}


/*------------------------------------------------------------------------------------
	04.							///Top///
--------------------------------------------------------------------------------------*/

/* siteTitleArea
---------------------------------------------------------------------- */
body#recycle #container #siteTitleArea {
	display: none;
}

/*
body#recycle #siteTitleArea h2 {
	background: url("/image/furima/title_furima.gif") no-repeat;
	text-indent: -999px;
}
*/



/* furimaPromotionArea
---------------------------------------------------------------------- */
body#recycle #furimaPromotionArea {
	width: 650px;
	max-height: 350px;
	margin-bottom: 0;
}

body#recycle #furimaPromotionArea p img {
	vertical-align: bottom;
	line-height: 1;
}





/* titleBox
---------------------------------------------------------------------- */
body#recycle .titleBox {
	margin-bottom: 5px;
}

body#recycle .titleBox img {
	vertical-align: bottom;
	line-height: 1;
}




/* shop-managerInfoArea
------------------------------------------- */
#shop-managerInfoArea {
	margin-top: 5px;
	margin-bottom: 15px;
	width:650px;
	background: url("/image/shop/common/bg_handwrite_frame_body.gif") no-repeat;
}

#shop-managerInfoArea .bottom {
	width:650px;
	height: 12px;
	overflow: hidden; /* IE6 */
	background: url("/image/shop/common/bg_handwrite_frame_bottom.gif") no-repeat;
}

#shop-managerInfoArea img {
	vertical-align: bottom;
	line-height: 1;
}

#shop-managerInfoArea h4 {
	margin: 0 17px 7px 17px;
	padding: 13px 0 8px 0;
	background: url("/image/shop/common/bg_handwrite_line.gif") bottom left repeat-x;
}

#shop-managerInfoArea .date {
	position: relative;
}

#shop-managerInfoArea .date span {
	display:block;
	position: absolute;
	top: -32px;
	right: 20px;
	color: #c08a26;
	font-size: 11px;
	font-weight: bold;
}

#shop-managerInfoArea .date span a:link,
#shop-managerInfoArea .date span a:visited {
	color: #c18d26;
	text-decoration: none;
}

#shop-managerInfoArea .date span a:hover {
	color: #ebac2d;
	text-decoration: underline;
}


#shop-managerInfoArea p {
	margin: 0 20px 0 20px;
	color: #888;
	background: url("/image/common/ico_list_info.gif") no-repeat 2px 7px;
	padding-left: 10px;
}

#shop-managerInfoArea p strong {
	font-weight: bold;
	padding: 0 1px;
	color: #777;
}

#shop-managerInfoArea p strong.red {
	color: #ca4d4e;
}

#shop-managerInfoArea p a:link,
#shop-managerInfoArea p a:visited {
	color: #c18d26;
	text-decoration: underline;
}

#shop-managerInfoArea p a:hover {
	color: #ebac2d;
	text-decoration: underline;
}



/* itemFlaArea
---------------------------------------------------------------------- */
#itemFlaArea {
	margin: 0;
	padding: 0;
}

#itemFlaArea img {
	vertical-align: bottom;
	line-height: 1;
}


/* nicoVisaArea
---------------------------------------------------------------------- */
#nicoVisaArea{
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	width: 650px;
	height: 137px;
	background: url("/image/shop/recycle/top/bg_nicovisa.gif") no-repeat;
}

#nicoVisaArea img {
	vertical-align: bottom;
}

#nicoVisaArea p.title{
	margin-left:13px;
	padding-top:6px;
}

#nicoVisaArea p.txt{
	margin-left:13px;
	padding-top:21px;
	width:456px;
}

#nicoVisaArea p.txtLink{
	padding-top:3px;
	margin-left:13px;
	text-align:right;
	width:456px;
}

#nicoVisaArea p.txtLink a:link,
#nicoVisaArea p.txtLink a:visited {
	color: #c18d26;
	text-decoration: none;
}

#nicoVisaArea p.txtLink a:hover {
	color: #ebac2d;
	text-decoration: none;
}



/* itemCategoryArea
---------------------------------------------------------------------- */
#itemCategoryArea {
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	width: 650px;
	height: 213px;
	background: url("/image/shop/recycle/top/bg_category.gif") no-repeat;
}

#itemCategoryArea img {
	vertical-align: bottom;
}

#itemCategoryArea p.title {
	margin-left: 7px;
	padding-top: 7px;
}

#itemCategoryArea ul {
	margin-left: 15px;
	padding-top: 15px;
}

#itemCategoryArea li {
	float: left;
	margin-right: 6px;
}

#itemCategoryArea li a:link,
#itemCategoryArea li a:visited,
#itemCategoryArea li a:hover {
	display: block;
}



/*------------------------------------------------------------------------------------
	04.							///ClearFix///
--------------------------------------------------------------------------------------*/

/*ClearFix
---------------------------------------------------------*/
div#header:after, #itemCategoryArea ul:after,
div#main ul.main_tab:after,
div#item_block div.detail div.effect ul:after,
div#pet_balance_block div.balance_property:after,
div#pet_balance_block div.coin_detail:after,
div.alignCenter .profile:after,
div.alignCenter:after,
div#left_profile ul.operateBtn li:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height:0;
	font-size:0;
	visibility: hidden;
}