@charset "UTF-8";

/* -------------------------------
RESET CSS
---------------------------------*/

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, th, 
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: bottom;
	list-style:none;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	height:100%;
}
	
#wrapperALL {
	width:98%;/*1024px;*/
	max-width:1024px;
	margin:0 auto;
	overflow:hidden;
	
	height:100%;
	min-height:100%;
	
}


/* -------------------------------
header
---------------------------------*/


.ninja_onebutton
{
	position:absolute;
	right:10px;
	top:10px;
	
	width:270px;
	height:50px;
	z-index:-1;
	
	overflow:hidden;

}

#header {
	width:100%; /*960px*/
	vertical-align:middle;
	height:62px;
/*	background-image:url("/images/title.gif");
	background-repeat:no-repeat;
*/
	overflow:hidden;
}
#header img.title
{
	float:left;

}

#header table.banners
{
	margin-top:13px;
	font-size:12px;
	float:left;
}

#header table.banners tr.aucBanner td
{
	background:#ffd700;
}

#header table.banners tr.shopBanner td
{
	color:white;
	background:#b70b00
}

#header td
{
	width:80px;
	text-align:center;
	padding:1px;
}

#header tr.shopBanner td
{
	border:1px solid #bd0000;
}
#header tr.aucBanner td
{
	border:1px solid gold;
}


#header h1 {
	font-size:24px;

}

#gototop
{
	position:absolute;
	left:0;
	top:0;
	width:220px;
	height:150px;
	
}

/* -------------------------------
tooltip
---------------------------------*/

.tooltip{
    position:absolute;
    bottom:-25px;
    left:-50px;
 	width:150px;
    padding:2px 5px; 
    /*border:1px solid #ddd;*/
    background:orange;
    white-space: nowrap;
    text-align:center;
    font-size:10px;
    font-weight:bold;
    color:white;
    
    opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=90) ;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

z-index:1000;

}


/* -------------------------------
searchArea
---------------------------------*/
#searchArea {
	width:100%;/*960px*/
	height:135px;	

	background-color:white;
	
	margin-bottom:5px;
/*	
	border-top:2px solid black;
	border-bottom:2px solid black;
*/	
	
z-index:1000;

}

#searchArea.notFixed {
	position: relative;
}

#searchArea.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:1000;
	
	background:#eee;
	
	box-shadow: 0 5px 5px rgba(0,0,0,0.4);
}



/* -------------------------------
form
---------------------------------*/

form {
	position: relative;
	vertical-align:middle;
	display: inline;
}

form.search {
  margin:0;
}

input.search_box {
	background-color: white;
	border: 0;
	margin: 0px;
	height: 40px; /* 高さ40px */
	width: 500px;
	padding: 0 10px; 
	position:absolute;
	left: 20px;
	top: 5px; 
	font-size:20px;
	
	border:1px solid #eb5b06;
	
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;

	box-sizing: content-box; /* 幅にパディングを含めない */
}


input.search_box:focus { 
	background:#fcead0; /* 背景色を半透明に */
	
	border:1px solid #94b6ed;
}


input.search_button {
	border: 0;
	margin:0;
	padding: 0;
	
  position:absolute;
  left: 543px;
  top: 5px; 
	

}

/* -------------------------------
Bookmark
---------------------------------*/
#bookmark
{
	position:relative;
	top:55px;
	width:100%;
	height:80px;
	background:white;
	z-index:-1;
}
#bookmark #carafavorite
{
	float:left;
	margin-left:20px;
/*
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
*/
}
#bookmark #favorite .moji
{
	/*position:absolute;
	top:0px;
	left:0px;*/
	
	width:72px;
	height:100%;
	margin:0px 10px 10px 20px;
	padding:2px 5px;
	color:white;
	background:gold;
	font-size:14px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

}
#noBookmark
{
	padding:0 10px;
	width:400px;
	background:#eee;
	text-align:center;
	border: 0px solid white;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#bookmark #favorite .cara
{
	position:absolute;
	top:10px;
	left:15px;

}

#bookmark #bookmark_item
{
	position:absolute;
	top:0px;
	left:120px;
/*	height:75px;*/
	overflow:hidden;
}
#bookmark li
{
	position:relative;
	float:left;
	margin:0 5px 5px 0;
}

#bookmark #bookmark_item div.itemimg_ss_wrap
{
	width:70px;
	height:80px;
}

#bookmark #bookmark_item img.itemimg_ss
{
	display:table;
	max-width:70px;
	max-height:70px;
	margin:0 auto;
}

#bookmark_item .bm_price
{
	position:absolute;
	bottom:0;
	left:0;
	width:70px;
	height:14px;
	text-align:center;
	
	font-size:10px;
	font-weight:bold;
	color:white;
	
	background:black;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#bookmark_item span.batsu
{
	position: absolute;
	top: 26px;
	right: -3px;

	float:right;
	margin:0;
	margin-top:-26px;
	padding: 0;
	background:brown;
	color:white;
	
	width:16px;
	height:16px;
	
	font-size: 16px;
	font-weight: bold;
	padding: 0px 3px 6px 3px;

	text-align:center;
	vertical-align:middle;
	
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}

#bookmark_item span.batsu a
{
	color:white;
	text-decoration:none;

}

#bookmark_item img.shopimg_ss
{
	position: absolute;
	top: 0px;
	left: 0px;
	width:20px;
	height:20px;

}


/* -------------------------------
sidebar menu
---------------------------------*/
#side
{
	float:left;
	width:230px;
	
	line-height:30px;
	background:#eee;
	
}


#conditionTable
{
	width:100%;
}
#conditionTable td
{
	background:#eee;
	height:30px;
	width:100%;
	vertical-align:middle;
	text-align:center;


}


#conditionTable td a{
	display:block;
	width:100%;
	text-decoration:none;
	color:black;
}

#conditionTable td.off
{
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

#conditionTable td.off:hover
{
	background:#f5f5f5;
}


#conditionTable td.on
{
	background:orange;
	border:1px solid #ccc;

	-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2) inset;
	-moz-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2) inset;
    box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2) inset;

}
#conditionTable a.on
{
	color:white;
	font-weight:bold;
	text-decoration:none;
}

#menu ul
{
	margin:20px 0;
}
#menu li a
{
	display:block;
	width:100%;
	text-decoration:none;

}
#menu li a:hover
{
	background:#fafafa;
	color:red;

}
#menu li a.on
{
	background:#fff;
	color:black;
	font-weight:bold;
}
#menu li a.off
{
}

#navi
{
	margin-top:10px;
	width:230px;
	background:#eee;
}

#navi .mottoTitle
{
	background:#666;
	color:white;
	font-weight:bold;s
}
#navi .mottoList
{
	margin:5% auto;
}

#navi li
{
	overflow:hidden;
	margin:5px;
	margin-bottom:0;
}
#navi li img
{
	margin-top:5px;
	z-index:100;
}

#navi .mottoList li div.sagasu
{
	margin-top:-20px;
	margin-bottom:20px;
	z-index:1;
	visibility:hidden;
	color:yellow;

    -webkit-transition-duration:1s;
    -moz-transition-duration:1s;
    -ms-transition-duration:1s;
    -o-transition-duration:1s;
    transition-duration: 1s;

}

#navi li:hover div.sagasu
{
	visibility:visible;
	background:white;
	font-weight:bold;
	color:red;
	
    -webkit-transform:translate(0,20px);
    -moz-transform:translate(0,20px);
    -ms-transform:translate(0,20px);
    -o-transform:translate(0,20px);
    transform:translate(0,20px);
    
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
}


#navi li a
{
	display:block;
	width:100%;
	text-decoration:none;

}
#navi li a:hover
{
	background:#fff;
	color:red;

}


/* -------------------------------
mainContent
---------------------------------*/
#mainContentWrapper {
margin-left:230px;
padding-left:5px;
}


#mainContent {
	width:100%; /*844px*/
	/*min-width:450px;*/
	max-width:1000px;
	height:100%;
	overflow:hidden;
	margin:0;
	margin-top:5px;
/*	float:left;*/
	
}

#mainContent2 {
	width:100%; /*844px*/
	/*min-width:450px;*/
	max-width:1000px;
	height:100%;
	overflow:hidden;
	margin:0;
	margin-top:5px;
/*	float:right;*/
	
/*	background:aqua;*/
}


#mainContent .item_wrap
{
/*	background:#34bb79;*/

}

#mainContent2 .item_wrap
{
/*	background:#fdbc3c;*/

}
/*----------------------
mainContent Header
------------------------*/
#headerAuc
{
	position:relative;
/*	background-image:url(/images/caraauc.gif);*/
	background-repeat:no-repeat;
	/*background-size:130px;*/
	background-position:left 5% bottom -20px;
	/*
	-webkit-border-radius: 100px 100px 0 0 ;
	-moz-border-radius: 100px 100px 0 0 ;
	border-radius: 100px 100px 0 0 ;
	*/
	
	

}

#headerAucTitle
{
	width:100%;
	height:20%;
	text-align:left;
	font-size:28px;
    color: black;
    background:#ffd700;
    padding-left:20px;
}
#headerAucTitle img
#headerShopTitle img
{
	margin:0 10px;
	float:left;
}



#headerShop
{
	position:relative;
	background-repeat:no-repeat;
	/*background-size:90px;*/
	background-position:left 5% bottom 0;
	/*
	-webkit-border-radius: 100px 100px 0 0 ;
	-moz-border-radius: 100px 100px 0 0 ;
	border-radius: 100px 100px 0 0 ;
	*/
}

#headerShopTitle
{
	width:100%;
	text-align:left;
	font-size:28px;
	
    color: white;
	background:#b70b00;
    padding-left:20px;

}


.note
{
	position:absolute;
	bottom:0px;
	right:0px;
	font-size:12px;
}
#headerAuc .note
{
	right:130px;
}


#closedprice
{
	position:absolute;
	bottom:1px;
	right:10px;
	height:31px;
	padding-top:9px;
	color:black;
	font-size:14px;
	text-decoration:none;
	background:gold;
	width:200px;
	font-weight:bold;

}
#closedprice:hover
{
	color:red;
	background:yellow;
}
/* -------------------------------
link_area
---------------------------------*/
div.link_area ul.unit_words li
{
	margin-right: 10px;
	font-size:14px;
	float:left;
}

div.link_area ul.unit_words li a:link, a:visited
{
	color:#0053f9;
	text-decoration:underline;
}

div.link_area ul.unit_words li a:hover
{
	color:red;
}


#link_area ul.unit_words li
{
	margin-right: 10px;
	font-size:14px;
	float:left;
}

#link_area ul.unit_words li a:link, a:visited
{
	color:#0053f9;
	text-decoration:underline;
}

#link_area ul.unit_words li a:hover
{
	color:red;
}


/* -------------------------------
mainContent item
---------------------------------*/
#mainContent .item.item_header 
{
	margin:0px 5px 10px 3px;
	height:auto;

	box-shadow: 0 0 3px #ccc, 2px 2px 5px #555;
	-moz-box-shadow: 0 0 3px #ccc, 2px 2px 5px #555;
	-webkit-box-shadow: 0 0 3px #ccc, 2px 2px 5px #555;
}


.item_wrap .item.item_header:hover
{/*ヘッダー部だけ変えない*/
	margin:0 0 3px 0;
}

#mainContent .item.item_header td
{
	background:#eee;
	text-align:center;
	padding:0 2px;

}
#mainContent .item.item_header a
{
	display:block;
	width:100%;
	height:100%;
	font-size:14px;
	margin:10px 1px;
}

#mainContent .item_wrap .item .item_img_header {
	width:20%;
	min-width:60px;
	max-width:100px;

}

#mainContent2 .item.item_header 
{
	margin:0px 5px 10px 3px;
	height:auto;

	box-shadow: 0 0 3px #ccc, 2px 2px 5px #555;
	-moz-box-shadow: 0 0 3px #ccc, 2px 2px 5px #555;
	-webkit-box-shadow: 0 0 3px #ccc, 2px 2px 5px #555;

}


#mainContent2 .item.item_header td
{
	background:#eee;
	text-align:center;
	
	padding:0 2px;
	
}
#mainContent2 .item.item_header a
{
	display:block;
	width:100%;
	height:100%;
	font-size:14px;
	margin:10px 1px;

}

.item.item_header a:hover
{
	color:red;
}
#mainContent2 .item_wrap .item .item_img_header {
	width:10%;
	min-width:80px;
	max-width:80px;

}

.no_item
{
	padding:30px 0;
}
.no_item table
{
	margin-top:20px;
}
.no_item td
{
	margin:10px 0;
	height:40px;
}
#mainContent .no_item
{
	border:1px solid gold;

}

#mainContent2 .no_item
{
	border:1px solid #b70b00;

}

.no_item td a:hover
{
	color:red;
}


.item_wrap {
	width:100%;
	height:100%;
	overflow:hidden;
	float:left;
	
	padding:5px 0 10px 0;
	margin-bottom:10px;
	
}



.item_wrap .item_table{
	min-height:100px;
	max-height:150px;

}

.item_wrap td{
vertical-align:middle;

}


.item_wrap .left{
	width:100%;
/*	float:left;*/
}

.item_wrap .item {
	position:relative;
	padding:1px;
	margin:0px 5px 0px 3px;

/*
border-bottom:1px solid #ddd;
border-top:1px solid #eee;
*/
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;

}

.item_wrap .item:hover
{
	margin:-2px 7px 2px 1px;


	box-shadow: 0 0 3px #ccc, 2px 2px 5px #555;
	-moz-box-shadow: 0 0 3px #ccc, 2px 2px 5px #555;
	-webkit-box-shadow: 0 0 3px #ccc, 2px 2px 5px #555;
}


.item.img:hover
{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";

position:relative; top: -1px; left:-1px;
}

.item a:hover
{
	color:orange;
}

.item_wrap .item .shop_name {
	width:1%;
	min-width:5px;
	max-width:5px;
	overflow:hidden;
	text-align:center;

	
}
#mainContent .item_wrap .item .shop_name {
	border-left:4px solid gold;

}
#mainContent2 .item_wrap .item .shop_name {
	border-left:4px solid #b70b00;

}

.item_wrap .item .shop_name img{
	width:40px;
	width:40px;

}
#mainContent .item_wrap .item .item_img {

	width:20%;
	min-width:70px;
	max-width:70px;
	height: 80px;/*固定しないと無理*/
	padding:0;
	text-align:center;
	
	background:#eee;
	border:1px solid #bbb;
}

#mainContent .item_wrap .item .item_img img {
	max-width:99%;
	max-height:70px;

}

.item_wrap .item .item_img img:hover {
	opacity:0.6;
}


#mainContent .item_wrap .item .item_title {
	position:relative;
	width:33%;
	min-width:120px;
	overflow:hidden;
	
	padding-left:5px;
	
	word-break:break-all;
}

#mainContent .item_wrap .item .item_title:hover {
	color:orange;
}
#mainContent .item_wrap .item .item_title .uptitle.shipping {
	position:absolute;
	top:0px;
	left:2px;
	
	padding:0px 2px;
	font-size:11px;
/*
	border:1px solid green;
*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}

.item_wrap .item .item_title .uptitle {
	position:absolute;
	top:0px;
	left:2px;
}
.item_wrap .item .item_title .uptitle li{
	float:left;
	padding:0px 2px;
	font-size:11px;
	margin-right:2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.item_wrap .item .item_title .uptitle .shop_rakuten, 
.item_wrap .item .item_title .uptitle .shop_rakuoku 
{
	background:#bd0000;
	color:white;
	font-weight:bold;
}
.item_wrap .item .item_title .uptitle .shop_yafuoku {
	background:gold;
	color:black;
	font-weight:bold;
}
.item_wrap .item .item_title .uptitle .shop_yahoo {
	color:red;
	font-weight:bold;
	border: 1px solid orange;
}
.item_wrap .item .item_title .uptitle .shop_ponpare {
	color:black;
	font-weight:bold;
	border: 1px solid red;
}

.item_wrap .item .item_title .uptitle .shop_amazon {
	background:#232f3e;
	color:#fc9a18;
}

.item_wrap .item .item_title .uptitle .shop_mobaoku {
	color:white;
	background:#ff9900;
	font-weight:bold;
}


.item_wrap .item .item_title .uptitle .shipping {
	background:green;
	color:white;

}
.item_wrap .item .item_title .uptitle .newitem {
	background:red;
	color:white;
}


#mainContent2 .item_wrap .item .item_img {

	width:10%;
	min-width:70px;
	max-width:70px;
height: 80px;/*固定しないと無理*/
	padding:0;
	text-align:center;
	
	background:#eee;
	border:1px solid #bbb;
}

#mainContent2 .item_wrap .item .item_img img {
	max-width:99%;
	max-height:70px;

}

#mainContent2 .item_wrap .item .item_title {
	position:relative;
	width:30%;
	min-width:100px;
	max-width:100px;
	overflow:hidden;
	
	padding-left:5px;
	
	word-break:break-all;
}

#mainContent2 .item_wrap .item .item_title .store {
	position:absolute;
	bottom:0px;
	right:5px;
	color:gray;
	font-size:11px;
}
.item_wrap .item .item_title div {
	font-size:13px;
	color:#0066cc;
	
}

.item_wrap .item .item_title div:hover {
	color:orange;
}

.item_wrap .item .item_title .emphasis{
	font-size:13px;
	font-weight:bold;
	background:yellow;
}



.item_wrap a:link {
	text-decoration:none;
}


.item_wrap .item .item_price {
	position:relative;
	width:13%;
	min-width:80px;
	text-align:center;
	padding:0 3px;
	
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.item_wrap .item .item_price div{
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#mainContent2 .item_wrap .item .item_price .point {
	position:absolute;
	top:2px;
	padding:0 3px;
	background:red;
	color:white;
	font-size:10px;
	font-weight:bold;
}


.item_wrap .item .item_bookmark a
{
	position:absolute;
	top:2px;
	right:2px;
	padding:0 4px;
	text-decoration:none;
	color:orange;
	font-size:12px;
	font-weight:bold;
	border:1px solid #ddd;
	background:white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.item_wrap .item .item_bookmark a:hover
{
	background:lemonchiffon;
	color:orangered;
	text-decoration:none;
	border:1px solid #ccc;
	
	box-shadow: 0 0 3px #ccc, 1px 1px 2px #ccc;
	-moz-box-shadow: 0 0 3px #ccc, 1px 1px 2px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc, 1px 1px 2px #ccc;
}


#mainContent .item_wrap .item .item_price2 {
	width:12%;
	min-width:70px;
	width:100px;
	text-align:center;
	border-right:1px solid #ddd;
}
#mainContent .item_wrap .item .item_price2 div{
	font-size:14px;
	color:#000;
}



.item_wrap .item .item_bids {
	width:8%;
	min-width:40px;
	text-align:center;
	
	border-right:1px solid #ddd;
	
}


.item_wrap .item .item_bids div{
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	
	color:#666/*#55198b*/;
	
}
.item_wrap .item .item_bids .bids2{
	color:#008000;
	font-weight:bold;
}
.item_wrap .item .item_bids .bids1{
	color:#008000;
	font-size:14px;
	font-weight:bold;
}


.item_wrap .item .item_lefttime {
	width:8%;
	min-width:40px;
	text-align:center;
}


.item_wrap .item .item_lefttime div {
	font-size:14px;
	height: 16px;
	color: #666;

}

.item_wrap .item .item_lefttime .left_time1 {
	font-size:14px;
	color:#ff00ff;
	font-weight:bold;
}
.item_wrap .item .item_lefttime .left_time2 {
	font-weight:bold;
	color:brown;
}
.item_wrap .item .item_lefttime .left_time3 {
	color:brown;
}

.item_wrap .item .item_reviewAverage {
	font-size:12px;
	font-weight:bold;
	color:darkorange;
	text-align:center;
	min-width:40px;
	width:8%;
	border-right:1px solid #ddd;


}


.item_wrap .item .item_shipping {
	font-size:12px;
	color:green;
	text-align:center;
	min-width:40px;
	width:5%;

}


div.motto2
{
	background:#eee;
	font-size:12px;
	vertical-align:middle;
	width:31%;
	margin:0 1%;
	text-align:center;
	overflow:hidden;
	height:32px;
	float:left;
}


div.motto2:hover
{
	background:silver;
}

div.mottotext_wrap2
{
	margin:0;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
}


div.mottotext2
{
	position:relative;
	top:20%;
	margin:0;
	height:100%;
	text-align:center;
	color:black;
}


/* -------------------------------
mainContent bannerArea_center
---------------------------------*/

.clear
{
clear:both;
}

div.motto
{
	background:#eee;
	font-size:18px;
	vertical-align:middle;
	width:100%;
	text-align:center;
	overflow:hidden;
	height:40px;
}
div.motto:hover
{
	background:silver;
}

div.mottotext_wrap
{
	margin:0;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
}


div.mottotext
{
	position:relative;
	top:20%;
	margin:0;
	height:100%;
	text-align:center;
	color:red;
	font-weight:bold;
}


/* -------------------------------
mainContent rankingArea
---------------------------------*/
#mainContent #rankingArea {
	width:1000px;
	height:100%;
	overflow:hidden;
	clear:both;	
}

#mainContent #rankingArea .Item {
	width:238px;
	height:210px;
	padding:15px;
	float:left;
}

#mainContent #rankingArea .Item .item_img {
	text-align:center;
	margin-bottom:3px;
}

#mainContent #rankingArea .Item .item_desc {
	height:45px;
	overflow:hidden;
}

#mainContent #rankingArea .Item .item_img a:hover {
	opacity:0.6;	
}

#mainContent #rankingArea .Item .item_desc a:link,
#mainContent #rankingArea .Item .item_desc a:visited {
	color:#0000de;
	text-decoration:underline;
}

#mainContent #rankingArea .Item .item_desc a:hover {
	color:#0000de;
	text-decoration:none;
}


/* -------------------------------
クリック表示ボタン
---------------------------------*/

/*全体*/
.hidden_box {
    margin: 2em 0em;/*前後の余白*/
	width:95%;
	background:lightyellow;
	virtical-align:middle;
}

/*ボタン装飾*/
.hidden_box label {
	display:block;
	width:95%;
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
    
	background:pink;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}









/* -------------------------------
footer
---------------------------------*/
#footer {
	position:relative;
	width:100%;
	height:70px;
	margin:0;
	overflow:hidden;
	
	background-repeat:no-repeat;
	background:#999;
}

#footer.noQuery {
	position:absolute;
	bottom:0;
	z-index:100;
}


#footer ul
{
	position:absolute;
	right:30px;
	bottom:10px;
	text-align:right;
}

#footer ul li {
	float:left;
	font-size:12px;
	line-height:25px;
	margin-left:20px;
}

#footer ul li a:link,
#footer ul li a:visited {
	text-decoration:none;
	color:#FFF;	
}

#footer ul li a:hover {
	color:#FFF;
	text-decoration:underline;
}


/*TOOL*/
.disnon {
  display: none;
}

.px12
{
	font-size:12px;
}
.redyellow
{
	color:red;
	background-color:yellow;
}
.fontbold
{
	font-weight:bold;
}
.backauccolor
{
	background-color:#34bb79;
}

.auccolor
{
	color:#34bb79;
}
.shopcolor
{
	color:#fbbd3b;
}
.backcolor
{
	color:#fced86;
}
.shopback
{
	background-color:#fbbd3b;
}
.whitecolor
{
	color:white;
}
.bottom
{
	vertical-align:bottom;
}