@charset "UTF-8";
/* ==============================
  css-member-gds
=================================
グッズリスト
---------------------------------
お気に入りグッズラック
---------------------------------
ストックグッズ一覧
---------------------------------
新着CLAMP事典グッズ
============================== */

/* ------------------------------
  グッズリスト
------------------------------ */
ul.gdsList {
}
/* clearfix */
ul.gdsList:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul.gdsList {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html ul.gdsList {
	height: 1%;
}
ul.gdsList {
	display: block;
}
/* End hide from IE-mac */

ul.gdsList li {
	width: 105px;
	height: 156px;
	background: url(/image/contents/member/yellowgreen/gds_list_bg.gif) no-repeat;
	float: left;
	padding-right: 3px;
	position: relative;
}
ul.gdsList li.none {
	padding-right: 0;
}
ul.gdsList li.enptySelf {
	background: url(/image/contents/member/yellowgreen/gds_list_enpty_self_bg.gif) no-repeat;
}
ul.gdsList li.enptyOthers {
	background: url(/image/contents/member/yellowgreen/gds_list_enpty_others_bg.gif) no-repeat;
}

ul.gdsList li .ph {
	width: 105px;
	height: 129px;
	position: absolute;
	top: 0;
	left: 0;
}
ul.gdsList li .ph td {
	width: 105px;
	height: 129px;
}

ul.gdsList li .hover {
	width: 105px;
	height: 129px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}
ul.gdsList li .hover a {
	width: 105px;
	height: 129px;
	background: url(/image/contents/member/nomal/gds_list_hover.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
ul.gdsList li .hover a:hover {
	background-position: 0 -129px;
}

ul.gdsList li.current .hover {
	width: 105px;
	height: 166px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}
ul.gdsList li.current .hover a {
	width: 105px;
	height: 166px;
	background: url(/image/contents/member/nomal/gds_list_hover2.gif) no-repeat 0 -166px;
	text-decoration: none;
	display: block;
	outline: none;
}
ul.gdsList li.current .hover a:hover {
	background-position: 0 -166px;
}

ul.gdsList li .cap {
	width: 105px;
	height: 27px;
	position: absolute;
	top: 129px;
	left: 0;
	text-align: center;
}

ul.gdsList li .cap .new {
	padding-top: 5px;
}

/* ------------------------------
  お気に入りグッズラック
------------------------------ */
#favorite {
	width: 695px;
	margin-bottom: 20px;
}
#favorite h2 {
	width: 159px;
	height: 17px;
	background: url(/image/contents/member/yellowgreen/h2_favorite.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#favorite .top5 {
	padding-top: 5px;
}
#favorite .gry {
	color: #545454;
}

#favorite .btn-change {
	width: 207px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 113px;
}
#favorite .btn-change a {
	width: 207px;
	height: 23px;
	background: url(/image/contents/member/yellowgreen/btn_gds_change.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#favorite .btn-change a:hover {
	background-position: 0 -23px;
}

#favorite .btn-allRack {
	width: 186px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-left: 134px;
}
#favorite .btn-allRack a {
	width: 186px;
	height: 23px;
	background: url(/image/contents/member/yellowgreen/btn_all_rack.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#favorite .btn-allRack a:hover {
	background-position: 0 -23px;
}

#favorite h3.h3-change {
	width: 645px;
	height: 24px;
	background: url(/image/contents/member/yellowgreen/h3_change01.gif) no-repeat top center;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 20px;
}
#favorite p.txt-change {
	width: 645px;
	height: 16px;
	background: url(/image/contents/member/nomal/txt_change.gif) no-repeat top center;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 25px;
}

/* ------------------------------
  ストックグッズ一覧
------------------------------ */
#stock {
	width: 695px;
	margin-bottom: 10px;
}
#stock h2 {
	width: 242px;
	height: 17px;
	background: url(/image/contents/member/yellowgreen/h2_stock.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#stock ul.selectBtn {
	width: 645px;
}
/* clearfix */
#stock ul.selectBtn:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#stock ul.selectBtn {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #stock ul.selectBtn {
	height: 1%;
}
#stock ul.selectBtn {
	display: block;
}
/* End hide from IE-mac */

#stock ul.selectBtn li {
	height: 30px;
	font-size: 12px;
	text-align: center;
	border-right: 1px solid #c6d77f;
	float: left;
}
#stock ul.selectBtn li#btn1 {width: 90px;}
#stock ul.selectBtn li#btn2 {width: 90px;}
#stock ul.selectBtn li#btn3 {width: 90px;}
#stock ul.selectBtn li#btn4 {width: 65px;}
#stock ul.selectBtn li#btn5 {width: 119px;}
#stock ul.selectBtn li#btn6 {width: 65px;}
#stock ul.selectBtn li#btn7 {width: 119px;}

#stock ul.selectBtn li span {
	display: block;
	padding-top: 8px;
}

#stock ul.selectBtn li a {
	height: 30px;
	color: #FFFFFF;
	background-color: #98bc00;
	display: block;
	text-decoration: none;
}
#stock ul.selectBtn li#btn1 a {width: 90px;}
#stock ul.selectBtn li#btn2 a {width: 90px;}
#stock ul.selectBtn li#btn3 a {width: 90px;}
#stock ul.selectBtn li#btn4 a {width: 65px;}
#stock ul.selectBtn li#btn5 a {width: 119px;}
#stock ul.selectBtn li#btn6 a {width: 65px;}
#stock ul.selectBtn li#btn7 a {width: 119px;}

#stock ul.selectBtn li a:hover {
	color: #FFFFFF;
	background-color: #769800;
}

#stock ul.selectBtn li.current a,
#stock ul.selectBtn li.current a:hover {
	background-color: #769800;
}

#searchWrap {
	width: 645px;
	padding-bottom: 5px;
}

.search {
	width: 645px;
	height: 30px;
	background: #f8ffe0;
}
.search p#showinfo {
	font-size: 11px;
	color: #fe4d44;
	text-decoration: underline;
	text-align: right;
	padding-top: 6px;
	padding-right: 10px;
}

.search p#showinfo a {color: #fe4d44; cursor: pointer;}
.search p#showinfo a:visited {color: #fe4d44;}
.search p#showinfo a:hover {color: #ff827c; text-decoration: none;}
.search p#showinfo a:active {color: #ff827c;}

table.kensaku td {
	background-color: #f2ffc9;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
table.kensaku td.td1 {
	width: 194px;
	color: #505050;
	font-weight: bold;
	border-right: 1px solid #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
}
table.kensaku td.td2 {
	width: 390px;
	padding-left: 10px;
	padding-right: 10px;
}

table.kensaku td.td2 .form {
	width: 345px;
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #cccccc;
}

.searchBtn {
	width: 645px;
	height: 47px;
	background: #f8ffe0;
	margin-bottom: 30px;
}
.searchBtn p {
	width: 103px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-top: 11px;
	padding-left: 535px;
}
.searchBtn p a {
	width: 103px;
	height: 23px;
	background: url(/image/contents/member/yellowgreen/btn_search.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
.searchBtn p a:hover {
	background-position: 0 -23px;
}

.searchComment {
	width: 603px;
	background: #f8ffe0;
	border: 1px solid #e5e5e5;
	margin-bottom: 30px;
	padding: 20px;
}

p.searchNone {
	color: #505050;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
p.searchNone img {
	vertical-align: text-top;
}
* html p.searchNone img {
	behavior: expression(IEPNGFIX.fix(this));
}

#stock h3.h3-change {
	width: 645px;
	height: 18px;
	background: url(/image/contents/member/yellowgreen/h3_change02.gif) no-repeat top center;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 25px;
}

/* ------------------------------
  新着CLAMP事典グッズ
------------------------------ */
#newGds {
	width: 695px;
	margin-bottom: 20px;
}
#newGds h2 {
	width: 165px;
	height: 17px;
	background: url(/image/contents/member/yellowgreen/h2_new_goods.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#newGds .btn-encyclopedia {
	width: 225px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-top: 5px;
	padding-left: 420px;
}
#newGds .btn-encyclopedia a {
	width: 225px;
	height: 23px;
	background: url(/image/contents/member/yellowgreen/btn_go_encyclopedia.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
#newGds .btn-encyclopedia a:hover {
	background-position: 0 -23px;
}