@charset "utf-8";

/*------------------------------------------------
	共通
--------------------------------------------------*/

html, body {
	background:#dedede;
	text-align:left;
	height:auto;
	line-height:1.2;
}

#contents {
	background:#fff url(../../images/mall/template/bg.gif) repeat-x center top;
	min-width:1000px;
	text-align:center;
	height:auto;
	overflow:visible;
	/zoom:1;
}

#all {
	width:990px;
	_width:1000px;
	margin:0 auto 50px;
	/zoom:1;
}
a {
	color:#3d9fcc;
}
a:hover {
	color:#6bbde3;
}
input {
	vertical-align:middle;
}

/*------------------------------------------------
	左カラム共通
--------------------------------------------------*/

#navi {
	width:170px;
	float:left;
	/zoom:1;
	text-align:center;
}

#navi h1 {
	margin-bottom:5px;
}

#navi .ttl {
	display:block;
	color:#fff;
	border-top:2px solid #6d6d6d;
	background:#8a8a8a;
	text-align:center;
	padding:7px 0px;
	text-decoration:none;
}

#navi #login {
	background:#f0f0f0;
	margin:0px 0px 13px 0px;
	padding:0px 10px;
}

#navi #login_before, #navi #login_after {
	text-align:center;
}

/*------------------------------------------------
	左カラム ログイン前
--------------------------------------------------*/

#navi #login_before {
	padding:12px 0 20px;
}
#navi #login_before p {
	padding:0;
}

#navi #login_before .security_text {
	text-align:left;
}

#navi #login_before .open_sec_keyboard {
	background:url(../../images/mall2/template/i_sec.gif) no-repeat 0 2px;
	display:inline-block;
	text-align:left;
	font-size:9px;
	line-height:12px;
	margin:0px 0 10px 0px;
	padding:0 0px 0 18px;
	text-decoration:none;
	color:#555555;
	/zoom:1;
	letter-spacing: -0.1em;
}

#navi #login_before a.open_sec_keyboard:hover,
#navi #login_before a.open_sec_keyboard:active{
	text-decoration:underline;
}

#navi #login_before p.form_input {
	background:url(../../images/mall2/template/form_bg.gif) no-repeat;
	padding:0px;
	margin-bottom:2px;
	height:28px;
}
#navi #login_before p.form_input input {
	border:none 0px !important;
	background:none;
	background:no-repeat 4px center;
	color:#666;
	font-size:12px;
	line-height:1.2;
	width:142px;
	padding:4px;
	height:20px;
}

#login .login_help{
	text-align:left;
	margin:4px 0 12px 0px;
	overflow:hidden;
	/zoom:1;
}

#login .login_help li{
	display:inline;
	/display:inline;
	/zoom:1;
	/line-height:1;
	border-left:1px solid #959595;
}

#login .login_help li a{
	color:#555555;
	font-size:9px;
	padding:2px 4px 0 4px;
	letter-spacing: -0.1em;
}

#login .login_help li a:link,
#login .login_help li a:visited{
	text-decoration:none;
}
#login .login_help li a:hover,
#login .login_help li a:active{
	text-decoration:underline;
}

#navi .login_btn a {
	display:block;
	background:#b1b0b1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #999a9a), color-stop(0.00, #c6c6c5));
	background: -webkit-linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	background: -moz-linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	background: -o-linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	background: -ms-linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	background: linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 8px;
}

#navi .login_btn a:hover {
	background:#cacaca;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cacaca), color-stop(0.00, #e3e3e3));
	background: -webkit-linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
	background: -moz-linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
	background: -o-linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
	background: -ms-linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
	background: linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
}

#navi #login_before .openid_win {
	margin:8px 0 0px 0px;
	text-align:center;
	/zoom:1;
}

#navi #login_before .openid_text {
	float:left;
	width:26px;
	font-size:9px;
	padding-top:3px;
	letter-spacing: -0.1em;
}

#navi #login_before .login_openid_btn {
	overflow:hidden;
	/zoom:1;
	float:right;
}
#navi #login_before .login_openid_btn .imgsp {
	background:url(../../images/mall2/template/template.png) no-repeat;
}
#navi #login_before .login_openid_btn li {
	width:24px;
	float:left;
	/display:inline;
	/zoom:1;
	margin-right:1px;
}

#navi #login_before .login_openid_btn li.last {
	margin-right:0px;
}

#navi #login_before .login_openid_btn .imgsp {
	width:24px;
	padding:24px 0 0;
}
#navi #login_before .login_openid_btn .btn_google {
	background-position:0 0px;
}
#navi #login_before .login_openid_btn .btn_yahoo {
	background-position:-25px 0px;
}
#navi #login_before .login_openid_btn .btn_twitter {
	background-position:-50px 0px;
}
#navi #login_before .login_openid_btn .btn_facebook {
	background-position:-75px 0px;
}
#navi #login_before .login_openid_btn .btn_mixi {
	background-position:-100px 0px;
}

#navi #login_before .login_openid_btn .btn_google:hover {
	background-position:0 -24px;
}
#navi #login_before .login_openid_btn .btn_yahoo:hover {
	background-position:-25px -24px;
}
#navi #login_before .login_openid_btn .btn_twitter:hover {
	background-position:-50px -24px;
}
#navi #login_before .login_openid_btn .btn_facebook:hover {
	background-position:-75px -24px;
}
#navi #login_before .login_openid_btn .btn_mixi:hover {
	background-position:-100px -24px;
}

/*------------------------------------------------
	左カラム ログイン後
--------------------------------------------------*/

#navi #login_after dl {
	clear:both;
	font-size:11px;
	line-height:20px;
	color:#666;
	/zoom:1;
	padding:10px 0;
}
#navi #login_after dl.bgnone {
	background:url(../../images/mall2/template/line.gif) repeat-x left bottom;
	padding:12px 0px 10px;
	margin:0 0px 0px 0px;
}
#navi #login_after dt {
	width:55px;
	clear:both;
	float:left;
	/zoom:1;
	text-align:left;
}
#navi #login_after .time dt,
#navi #login_after .time dd {
	width:100%;
}
#navi #login_after .time dd a{
	line-height: 1.2;
}

#navi #login_after dt.sp {
	width:95px;
}
#navi #login_after dd {
	width:95px;
	float:right;
	/zoom:1;
	text-align:right;
}
#navi #login_after dd.sp {
	width:55px;
	/white-space:nowrap;
}
#navi #login_after .imp {
	color:#eb6100;
}
#navi #login_after .logout_btn {
	clear:both;
	background:url(../../images/mall2/template/line.gif) repeat-x left top;
	padding:13px 0;
	/zoom:1;
}

#navi .logout_btn a {
	display:block;
	background:#b1b0b1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #999a9a), color-stop(0.00, #c6c6c5));
	background: -webkit-linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	background: -moz-linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	background: -o-linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	background: -ms-linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	background: linear-gradient(top, #c6c6c5 0%, #999a9a 100%);
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 8px;
}

#navi .logout_btn a:hover {
	background:#cacaca;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cacaca), color-stop(0.00, #e3e3e3));
	background: -webkit-linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
	background: -moz-linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
	background: -o-linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
	background: -ms-linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
	background: linear-gradient(top, #e3e3e3 0%, #cacaca 100%);
}

/*------------------------------------------------
	左カラム バナー
--------------------------------------------------*/

#left_banner {
	margin-bottom:20px;
}

/*------------------------------------------------
	左カラム アイテムカテゴリ
--------------------------------------------------*/

#navi .ttl_item {
	display:block;
	color:#fff;
	border-top:2px solid #6d6d6d;
	background:#8a8a8a;
	text-align:center;
	padding:7px 0px;
	text-decoration:none;
}

#navi .navi_cate {
	margin-bottom:20px;
}

#navi .navi_cate li {
	background:#f8f8f8 url(../../images/mall2/template/line.gif) repeat-x left top;
	padding-left:1em;
}

#navi .navi_cate li ul {
	padding:0px 0px 0px 1em;
}

#navi .navi_cate li ul li {
	background:none;
	margin-bottom:0px;
}

#navi .navi_cate li ul li:first-child a {
	padding-top:0px;
}

#navi .navi_cate li a {
	display:block;
	color:#666;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	line-height:1.4;
	padding:10px;
	text-indent:-1em;
}

#navi .navi_cate li a:hover {
	text-decoration:underline;
}

#navi .navi_cate li a span {
	background:url(../../images/mall2/template/arrow.gif) no-repeat left 3px;
	padding:0px 0 0px 12px;
}

#navi .navi_cate li ul li a span {
	background:url(../../images/mall2/template/arrow02.png) no-repeat left 4px;
	padding-left:8px;
}

#navi .navi_cate li li a {
	padding-top:0px;
}

/*------------------------------------------------
	左カラム リンクボタン
--------------------------------------------------*/

#navi .navi_btn p {
	margin-bottom:4px;
}

#navi .navi_btn p span {
	padding:0px 0px 0px 5px;
	border-left:1px dotted #555555;
	display:block;
}

#navi .navi_btn p a {
	display:block;
	color:#727272;
	font-size:11px;
	padding:10px 0px 10px 7px;
	text-decoration:none;
	text-align:left;
	background:#e2e2e2;
	font-weight: bold;
}

#navi .navi_btn p a:hover {
	text-decoration:none;
	background:#f3f3f3;
}

#navi .site {
	width:142px;
	margin:0px auto 15px;
}

#navi .site a {
	display:block;
	background:#e2e2e2;
	color:#727272;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	padding:10px 0px 8px;
	border-radius:5px;
}

#navi .site a:hover {
	background:#f3f3f3;
}

#navi .site a span {
	background:url(../../images/mall2/template/arrow03.png) no-repeat left;
	padding-left:15px;
}

/*------------------------------------------------
	メインコンテンツ共通
--------------------------------------------------*/

#main {
	width:814px;
	float:right;
	/zoom:1;
}

/*------------------------------------------------
	タイトル系
--------------------------------------------------*/

h1.title {
	background:#676767;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #929292), color-stop(0.00, #666666));
	background: -webkit-linear-gradient(top, #666666 0%, #929292 100%);
	background: -moz-linear-gradient(top, #666666 0%, #929292 100%);
	background: -o-linear-gradient(top, #666666 0%, #929292 100%);
	background: -ms-linear-gradient(top, #666666 0%, #929292 100%);
	background: linear-gradient(top, #666666 0%, #929292 100%);
	padding:10px;
	margin:0px 10px 20px;
	text-align:left;
}

h1.title span {
	border-left:2px solid #ffffff;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	display:block;
}

.title02 {
	background:#8a8a8a;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:9px 10px 7px;
	margin:0px 10px 10px;
	text-align:left;
}

.title03 {
	background:#e5e5e5;
	color:#555;
	font-weight:bold;
	font-size:14px;
	padding:6px 0px 4px;
	margin:0px 20px 10px;
	text-align:center;
}

/*------------------------------------------------
	ボタン系
--------------------------------------------------*/

.toTop {
	margin:0px auto 100px;
	width:170px;
}

.toTop a {
	text-align:center;
	display:block;
	text-decoration:none;
	padding:12px 0px 10px;
	background:#cccccc;
	color:#555555;
	font-weight:bold;
}

.toTop a:hover {
	background:#d9d9d9;
}

.to_inventory {
	margin:0px auto 20px;
	width:170px;
}

.to_inventory a {
	text-align:center;
	display:block;
	text-decoration:none;
	padding:12px 0px 10px;
	background:#cccccc;
	color:#555555;
	font-weight:bold;
}

.to_inventory a:hover {
	background:#d9d9d9;
}

.blue_btn {
	margin:0px auto 100px;
	width:184px;
}

.blue_btn a {
	text-align:center;
	display:block;
	text-decoration:none;
	padding:12px 0px 10px;
	background:#149bf2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #048dec), color-stop(0.00, #34b9ff));
	background: -webkit-linear-gradient(top, #34b9ff 0%, #048dec 100%);
	background: -moz-linear-gradient(top, #34b9ff 0%, #048dec 100%);
	background: -o-linear-gradient(top, #34b9ff 0%, #048dec 100%);
	background: -ms-linear-gradient(top, #34b9ff 0%, #048dec 100%);
	background: linear-gradient(top, #34b9ff 0%, #048dec 100%);
	color:#fff;
	font-weight:bold;
	font-size:16px
}

.blue_btn a:hover {
	background:#4faff2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #4faff2), color-stop(0.00, #71cdfe));
	background: -webkit-linear-gradient(top, #71cdfe 0%, #4faff2 100%);
	background: -moz-linear-gradient(top, #71cdfe 0%, #4faff2 100%);
	background: -o-linear-gradient(top, #71cdfe 0%, #4faff2 100%);
	background: -ms-linear-gradient(top, #71cdfe 0%, #4faff2 100%);
	background: linear-gradient(top, #71cdfe 0%, #4faff2 100%);
}

/*------------------------------------------------
	テキスト系
--------------------------------------------------*/

.text_attention {
	margin:0px 20px	20px;
	background:#f7f7f7;
	padding:10px 0px;
	text-align:center;
	color:#eb6100;
	font-weight:bold;
	font-size:18px;
	line-height:1.4;
}

/*------------------------------------------------
	グローバルナビゲーション
--------------------------------------------------*/

#main_navi {
	padding:10px 0 16px 0px;
	text-align:left;
	position:relative;
	z-index:10;
}

#main_navi .g_navi {
	float:left;
	width:633px;
}

#main_navi .list01 {
	width:130px;
}

#main_navi .list02 {
	width:90px;
}

#main_navi .list03,
#main_navi .list04,
#main_navi .list05 {
	width:100px;
}

#main_navi .g_navi li {
	float:left;
	border-right:1px solid #fff;
	position:relative;
}

#main_navi .g_navi li a {
	display:block;
	border-top:4px solid #b3b3b3;
	text-align:center;
	background:#f0f0f0;
	padding:20px 0px;
	font-weight:bold;
	color:#555555;
	font-size:16px;
	text-decoration:none;
	line-height:23px;
	text-align:center;
}

#main_navi .g_navi li a:hover {
	border-top:4px solid #3a3a3a;
	background:#555555;
	color:#ffffff;
}

#main_navi li.cart {
	width:107px;
}

#main_navi li.cart a {
	border-top:4px solid #eb6100;
}

#main_navi li .coin {
	background:url(../../images/mall2/template/template.png) no-repeat 0px -48px;
	width:10px;
	padding-top:17px;
	display:inline-block;
	margin-bottom:3px;
}

#main_navi li .arrow {
	background:url(../../images/mall2/template/template.png) no-repeat -10px -48px;
	width:9px;
	padding-top:8px;
	position:absolute;
	bottom:4px;
	left:50%;
	margin-left:-4px;
}

#main_navi li a:hover .arrow {
	background:url(../../images/mall2/template/template.png) no-repeat -10px -58px;
}

#main_navi li .cart {
	background:url(../../images/mall2/template/template.png) no-repeat -21px -48px;
	width:27px;
	padding-top:21px;
	display:inline-block;
}

#main_navi li a:hover .cart {
	background:url(../../images/mall2/template/template.png) no-repeat -49px -48px;
}

#main_navi li .count {
	background: #eb6100;
	color:#fff;
	font-weight:bold;
	padding:3px 5px;
	border-radius:10px;
	position:absolute;
	top:7px;
	right:3px;
	line-height:1;
}

/*------------------------------------------------
	現在のカートの内容
--------------------------------------------------*/

#cart_open {
	border:4px solid #f6d9c4;
	width:164px;
	position:absolute;
	top:10px;
	left:633px;
	z-index:9999;
	background:#ffffff;
	display:none;
}

#cart_open .title {
	border-top:2px solid #6d6d6d;
	color:#fff;
	font-weight: bold;
	text-align:center;
	padding:5px 0px;
	background:#8a8a8a;
}

#cart_open ul {
	padding:0px 10px;
}

#cart_open ul li {
	background: url("../../images/mall2/template/line.gif") repeat-x left bottom;
	padding:10px 0px;
}

#cart_open ul li dt a {
	color:#3d9fcc;
	font-weight: bold;
	text-decoration:none;
	line-height:1.4;
}

#cart_open ul li dt a:hover {
	color:#6bbde3;
}

#cart_open ul li dd {
	text-align:right;
	font-size:11px;
	margin-top:5px;
}

#cart_open .btn_box {
	width:144px;
	margin:10px auto;
}

#cart_open .cart_btn {
	margin-bottom:2px;
}

#cart_open .btn_box div a {
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	padding:10px 0px;
}

#cart_open .cart_btn a {
	background:#e3a80b;
}

#cart_open .cart_btn a:hover {
	background:#ebc255;
}

#cart_open .item_btn a {
	background:#eb6100;
}

#cart_open .item_btn a:hover {
	background:#f1914d;
}

#cart_open .btn_box a span {
	background: url("../../images/mall2/template/arrow06.png") no-repeat right;
	padding-right:20px;
}

/*------------------------------------------------
	検索フォーム
--------------------------------------------------*/

#search_box {
	float:right;
	border-top:4px solid #b3b3b3;
	background:#f0f0f0;
	padding:19px 9px 18px;
	width:163px;
}

#search_box p {
	float:left;
}

#search_box .form_input {
	background:#fff;
}

#search_box input {
	border:1px solid #b3b3b3;
	background-image:none;
	background:no-repeat 4px center;
	color:#666;
	font-size:12px;
	line-height:1.2;
	width:104px;
	padding:4px;
	height:16px;
}

#search_box .megane {
	margin-left:-1px;
}

#search_box .megane a {
	background:url(../../images/mall2/template/template.png) no-repeat 0px -70px;
	width:44px;
	padding-top:26px;
}

#search_box .megane a:hover {
	background-position:-44px -70px;
}

/*------------------------------------------------
	アイテム一覧
--------------------------------------------------*/

.common_item {
	padding-left:10px;
	margin-bottom:30px;
}

.item_list li {
	float:left;
	width:155px;
	border:3px solid #ebebeb;
	padding:18px 15px;
	text-align:left;
	margin:0px 10px 10px 0px;
}

.item_list li .header {
	margin-bottom:10px;
	min-height:81px;
}

.item_list li .header p{
	min-height:54px;
}

.item_list li .header p a {
	color:#3d9fcc;
	font-size:13px;
	font-weight: bold;
	line-height:1.4;
	text-decoration:none;
}

.item_list li .header p a:hover {
	color:#6bbde3;
}

.item_list li .attention {
	margin-top:9px;
}

.item_list .attention div {
	width:51px;
	padding:18px 0px 0px 0px;
	float:left;
	margin:0px 1px 0px 0px;
	line-height:1.2;
}

.item_list .attention div.last {
	margin-right:0px;
}

.item_list .new {
	background:url(../../images/mall2/template/template.png) no-repeat 0px -96px;
}

.item_list .limit {
	background:url(../../images/mall2/template/template.png) no-repeat -51px -96px;
}

.item_list .number {
	background:url(../../images/mall2/template/template.png) no-repeat 0px -114px;
}

.item_list .osusume {
	background:url(../../images/mall2/template/template.png) no-repeat -51px -114px;
}

.item_list li .item {
	margin-bottom:12px;
}

.item_list .icon {
	width:50px;
	float:left;
}

.item_list .icon a {
	display:block;
	background:#f3f3f3;
	border:1px solid #adadad;
	padding:7px;
}

.item_list .detail {
	width:100px;
	float:right;
	text-align:right;
}

.item_list .detail .jewel {
	padding-top:8px;
	margin-bottom:5px;
}

.item_list .detail .jewel span {
	color:#eb6100;
	font-weight:bold;
	font-size:16px;
}

.item_list li .btn01 {
	float:left;
	width:42px;
}

.item_list li .btn01 a {
	display:block;
	background:#c4c4c4;
	text-align:center;
	padding:9px 0px;
	text-decoration:none;
	color:#333;
}

.item_list li .btn01 a:hover {
	background:#dddddd;
}

.item_list .btn02,
#mylist .btn02 {
	float:right;
	width:104px;
}

.item_list .btn02 a,
#mylist .btn02 a {
	display:block;
	background:#fe8632;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ec6303), color-stop(0.00, #ff8835));
	background: -webkit-linear-gradient(top, #ff8835 0%, #ec6303 100%);
	background: -moz-linear-gradient(top, #ff8835 0%, #ec6303 100%);
	background: -o-linear-gradient(top, #ff8835 0%, #ec6303 100%);
	background: -ms-linear-gradient(top, #ff8835 0%, #ec6303 100%);
	background: linear-gradient(top, #ff8835 0%, #ec6303 100%);
	text-align:center;
	padding:6px 0px;
	color:#fff;
	text-decoration:none;
	font-weight: bold;
}

.item_list .btn02 a:hover,
#mylist .btn02 a:hover {
	background:#f1914e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f1914e), color-stop(0.00, #ffac72));
	background: -webkit-linear-gradient(top, #ffac72 0%, #f1914e 100%);
	background: -moz-linear-gradient(top, #ffac72 0%, #f1914e 100%);
	background: -o-linear-gradient(top, #ffac72 0%, #f1914e 100%);
	background: -ms-linear-gradient(top, #ffac72 0%, #f1914e 100%);
	background: linear-gradient(top, #ffac72 0%, #f1914e 100%);
}

.item_list .btn02 .cart,
#mylist .btn02 .cart {
	background:url(../../images/mall2/template/template.png) no-repeat -77px -48px;
	width:21px;
	padding-top:18px;
	display:inline-block;
	margin-right:2px;
}

.item_list .btn_disable{
	width: 113px;
	height: 30px;
	font-size: 11px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.item_list .more a {
	display:block;
	text-align:center;
	padding:5px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#555555;
}

.item_list .more a:hover {
	background:#f7f7f7;
}

.item_list .more {
	border:3px solid #ebebeb;
	width:386px;
	margin:0px auto;
}

/*------------------------------------------------
	テーブル
--------------------------------------------------*/

.table .list {
	margin: 0 auto 20px;
	width: 774px;
}

.table .list th {
	background:#f7f7f7 url("../../images/mall2/table/th_line.gif") no-repeat right center;
	color: #605e57;
	font-weight: bold;
	height: 25px;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
}

.table .list th.detail {
	text-align:left;
	padding:0px 10px;
}

.table .list th.total,
.table .list th.delete,
.table .list th.none {
    background-image:none;
}

.table .list td {
	border-bottom:1px solid #f7f7f7;
	padding:10px;
	vertical-align:middle;
	text-align:left;
}

.table .list td.icon a {
	display:block;
	background:#f3f3f3;
	border:1px solid #8b8b8b;
	padding:7px;
}

.table .list td.name a {
	color:#3d9fcc;
	font-weight: bold;
	line-height: 1.3;
	text-decoration: none;
}

.table .list td.name a:hover {
	color:#6bbde3;
}

.table .list td.jewel {
	text-align: right;
	color:#eb6100;
	font-size:11px;
}

.table .list td.num {
	text-align:center;
}

.table .list td.num select {
	width:35px;
}

.table .list td.total {
	color: #5f5f5f;
	text-align: right;
	font-weight:bold;
}

.table .list td.date {
	text-align:center;
	font-size:11px;
}

.table .list td.center {
	text-align:center;
}

.table .list td.total span {
	color:#eb6100;
	font-size:14px;
}

.table .list td.delete a {
	text-align:center;
	display:block;
	text-decoration:none;
	padding:8px 0px;
	color:#333333;
	width:42px;
	background:#c4c4c4;
}

.table .list td.delete a:hover {
	background:#dddddd;
}

.table .list td.text_s {
	font-size:11px;
}

.table .list td.rare {
	text-align:center;
	font-weight: bold;
	color:#eb6100;
}

/*------------------------------------------------
	注意事項
--------------------------------------------------*/

.common_attention {
	margin:0px 20px	20px;
	background:#f7f7f7;
	padding:15px 100px;
	text-align:left;
	line-height:1.6;
}

.common_attention h3 {
	text-align:center;
	font-weight:bold;
	margin-bottom:7px;
}

.common_attention dt {
	font-weight:bold;
	margin-bottom:5px;
}

.common_attention dd {
	margin-bottom:20px;
}

.common_attention dd li {
	text-indent:-1em;
	padding-left:1em;
}

/*------------------------------------------------
	タブ切り替え
--------------------------------------------------*/

.submenu {
	border-bottom:1px solid #6d6d6d;
	text-align:center;
	margin:0px auto 15px;
	width:794px;
	display: flex;
	justify-content: center;
}

.submenu li {
	width:194px;
	height: 48px;
	/* float:left; */
	border-left:1px solid #6d6d6d;
	margin-bottom:-1px;
}
.submenu li:last-of-type{
	border-right:1px solid #6d6d6d;
}

.submenu2 li {
	width:256px;
}

/* .submenu li.first {
	margin-left:133px;
} */

.submenu2 li.first {
	margin-left:10px;
}

.submenu a {
	height: 100%;
	box-sizing: border-box;
	display:flex;
	justify-content: center;
	align-items: center;
	border-top:3px solid #b9b9b9;
	background:#b9b9b9;
	color:#fff;
	font-size:14px;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
}

.submenu a.now,
.submenu a:hover {
	background:#fff;
	border-bottom:#fff solid 1px;
	border-top:3px solid #ab8b0c;
	color:#555555;
}

/*------------------------------------------------
	ページネーション
--------------------------------------------------*/

.pagenation {
	display: table;
	font-size: 0;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	width: 340px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	margin:0px auto 20px;
}

.pagenation li {
	display: inline-block;
	*display: inline;
  *zoom: 1;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	padding: 3px 2px;
}

.pagenation li img {
	margin: -2px 5px 0;
	vertical-align: middle;
}

.pagenation li strong {
	color: #3d9fcc;
	display: inline-block;
	padding: 2px 5px;
	font-size:13px;
	font-weight: bold;
}

.pagenation li a {
	color: #555;
	display: inline-block;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size:13px;
}

.pagenation li a:hover {
		color: #3d9fcc;
}

/*------------------------------------------------
	フッター
--------------------------------------------------*/

#footer {
	border-top:1px solid #cccccc;
	width:100%;
	min-width:990px;
	background:#dddddd;
}

#footer .footer_inner {
	width:990px;
	margin:0 auto;
	padding:15px 0px 13px;
	text-align:center;
	line-height:14px;
}

#footer .footer_inner p {
	color:#54524b;
	font-size:10px;
}

/*------------------------------------------------
	マージン
--------------------------------------------------*/

.mb20 {
	margin-bottom:20px !important;
}

.mb30 {
	margin-bottom:30px !important;
}

/*------------------------------------------------
	ライトボックス
--------------------------------------------------*/

/*Colorbox Core Style start*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*User Style*/
#cboxOverlay{
	background:repeat 0 0 #000;
	opacity:0.7 !important;
}
#colorbox{outline:0;}

.inline{
	outline:0;
}
/*Colorbox Core Style end*/

#lightbox {
	background:#fff;
	border:solid 2px #ebebeb;
	padding:30px 45px;
	width:484px;
	position:relative;
}

#lightbox .text {
	text-align:center;
	font-size:14px;
	font-weight: bold;
	margin-bottom:20px;
}

#lightbox .name {
	font-size:14px;
	font-weight: bold;
	color:#3d9fcc;
	margin-bottom:20px;
}

#lightbox .btn_box a {
	text-align:center;
	display:block;
	text-decoration:none;
	padding:12px 0px 10px;
	font-size:14px;
	font-weight: bold;
}

#lightbox .btn01 {
	float:left;
	width:170px;
	padding-right:20px;
}

#lightbox .btn02 {
	float:left;
	width:290px;
}

#lightbox .btn01 a {
	color:#555555;
	background:#dbdbdb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dbdbdb), color-stop(0.00, #f3f3f3));
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #dbdbdb 100%);
	background: -moz-linear-gradient(top, #f3f3f3 0%, #dbdbdb 100%);
	background: -o-linear-gradient(top, #f3f3f3 0%, #dbdbdb 100%);
	background: -ms-linear-gradient(top, #f3f3f3 0%, #dbdbdb 100%);
	background: linear-gradient(top, #f3f3f3 0%, #dbdbdb 100%);
}

#lightbox .btn01 a:hover {
	background:#e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #e6e6e6), color-stop(0.00, #f7f7f7));
	background: -webkit-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
	background: -moz-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
	background: linear-gradient(top, #f7f7f7 0%, #e6e6e6 100%);
}

#lightbox .btn01 span {
	background: url("../../images/mall2/template/arrow03.png") no-repeat left 5px;
	padding-left:15px;
}

#lightbox .btn02 a {
	color:#fff;
	background:#ec6303;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #ec6101), color-stop(0.00, #fe8835));
	background: -webkit-linear-gradient(top, #fe8835 0%, #ec6101 100%);
	background: -moz-linear-gradient(top, #fe8835 0%, #ec6101 100%);
	background: -o-linear-gradient(top, #fe8835 0%, #ec6101 100%);
	background: -ms-linear-gradient(top, #fe8835 0%, #ec6101 100%);
	background: linear-gradient(top, #fe8835 0%, #ec6101 100%);
}

#lightbox .btn02 a:hover {
	background:#f1914e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f1914e), color-stop(0.00, #feac71));
	background: -webkit-linear-gradient(top, #feac71 0%, #f1914e 100%);
	background: -moz-linear-gradient(top, #feac71 0%, #f1914e 100%);
	background: -o-linear-gradient(top, #feac71 0%, #f1914e 100%);
	background: -ms-linear-gradient(top, #feac71 0%, #f1914e 100%);
	background: linear-gradient(top, #feac71 0%, #f1914e 100%);
}

#lightbox .close {
	position:absolute;
	top:10px;
	right:10px;
	z-index:10;
}

#lightbox .close:hover {
	cursor:pointer;
}


#cboxClose{
	display:none;
}