A { text-decoration : none; }
A:hover { text-decoration: underline; }

a:link{
color: #009acd;
}
a:visited{
color: #009acd;
}
a:hover{
color: #ff3399;
font-weight: bold;
}
a:active{
color: #F200B2;
}

SELECT {
font-size:10pt;
border:1px solid #009acd ;
}

INPUT {
font-size:10pt;
border-left:1px solid #009acd;
border-right:1px solid #009acd;
border-top:1px solid #009acd;
border-bottom:1px solid #009acd;
background-color:#FFFFFF; color:#333333;
}

TEXTAREA {
border-left:1px solid #009acd;
border-right:1px solid #009acd;
border-top:1px solid #009acd;
border-bottom:1px solid #009acd;
background-color:#FFFFFF; color:#333333;
}

ul {
  list-style:none;
  margin:0px; padding:0px;
/*  font-size: 14px;*/
}

li {
  display: inline;
  margin:0px; padding:0px;
  list-style-type:none;
}

ul li a:link{
color: #009acd;
}
ul li a:visited{
color: #009acd;
}
ul li a:hover{
color: #009acd;
font-weight: bold;
}
ul li a:active{
color: #ff3399;
}

h1 {
   text-align: left;
   font-size: 18px;
/* color: #ff3399;*/
   color: #3333ff;
   margin-bottom: 1px;
   display: inline;
}

h2 {
   text-align: center;
   font-size: 16px;
   color: #666666;
   margin-top: 1px;
   margin-bottom: 1px;
}

@media screen and (min-width: 900px) {

h3 {
   text-align: left;
   font-size: 16px;
   margin-top: 1px;
   margin-bottom: 1px;
}

p {
font-size:14px;
margin:0;
}

}/*-- h3 800---*/

@media screen and (max-width: 899px) {

h3 {
   text-align: left;
   font-size: 15px;
   margin-top: 1px;
   margin-bottom: 1px;
}

p {
font-size:14px;
margin:0;
}

}/*-- h3 799---*/



hr {
    width:100%;
	float:left;
	border-width:1px;
	border-style:dashed;
	border-color:#BAE568;
}


#page {
font-size:20px;
margin:0;
}

#body{
	width:100%;
	margin-left: 1px;
	margin-right: 1px;
	overflow:hidden;
}

.clear{ clear:both;visibility:hidden;height:0;background-color: #FFF;}

.clear hr { display:none; }

#headeradbox{
	width:100%;
	height:auto;
}

#headeradbox1{
	float: left;
/*	width:240px;*/
	width:auto;
	height:auto;
	text-align:left;
}


#headeradbox2{
	float: left;
/*	width:70%;*/
	width:auto;
	height:auto;
	text-align:left;
}

#headeradbox3{
	float: right;
	width:auto;
	height:auto;
}

/*------ 左メニュー ---------*/

@media screen and (min-width: 900px) {

#listbodyleft
{
	float: left;

	width: 170px;
/*	width: 15%;*/

	height:100%;

/*	overflow:hidden;*/
	text-align: left;
	background-color: #FFF;
}
.listbodyleftspace
{
	float: left;
	width: 170px;
/*	width: 15%;*/

	height:100%;
	font-size: 14px;
	background-color: #FFF;
	text-align: center;
}

}/*--800---*/

@media screen and (max-width: 899px) {

#listbodyleft
{
display:none;
/*visibility:hidden;
height:0;
width:0;*/
}
.listbodyleftspace
{
display:none;
/*visibility:hidden;
height:0;
width:0;*/
}

}

/*------ 右アイテムリスト ---------*/


.listtitle{
font-size: 16px;
font-weight:bold;
}

.listcat{
color:#ff69b4;
font-weight:bold;
}

.listend{
color:#777777;
font-weight:bold;
}

.listh1box{
background-color:#99ffcc;
text-align:center;
}

.listh1star{
color:#ffff00;
font-size: 18px;
}

.star{
color:#ff34b3;
font-size: 18px;
}
.listh2{
   text-align: left;
   font-size: 16px;
   color: #4169e1;
   margin-top: 0px;
   margin-bottom: 0px;
}

.listlink{
   text-align: left;
   font-size: 12px;
   margin-top: 0px;
   margin-bottom: 20px;
}


.underline{
text-decoration:underline;
}

.itempic
{
float: left;
	width: 130px;
	background-color: #FFF;
	text-align: left;
/*	margin-right: 5px;*/
}


@media screen and (min-width: 900px) {

.listbodyright
{
	float: right;
/*margin-left: 170px;*/

	width:80%;
	overflow:hidden;
	background-color: #FFF;
}
.listitemright
{

	float: right;
/*margin-left: 170px;*/

	width:80%;
	overflow:hidden;
	color:#4169E1;
	font-weight: bold; 
	background-color: #FFF;
}

.itemtitlebox
{
	float: left;
	width: 85%;
	text-align: left;
	background-color: #FFF;
}

.itemtitle
{
/*	float: left;*/
margin-left: 130px;

	width: 77%;
	text-align: left;
	background-color: #FFF;

}

.itemends
{
	float: left;
	font-size: 16px;
	color:#666666;
	font-weight:bold;
	text-align: right;
	background-color: #FFF;

}
.itembids
{
	float: left;
	font-size: 16px;
	color:#666666;
	font-weight:bold;
	text-align: right;
	background-color: #FFF;
}

.itemprice
{
/*	float: left;*/
	float: right;
	width: 15%;
	font-size: 16px;
	text-align: right;
	background-color: #FFF;
}

.itemprice2
{
	display:none;
	font-size: 16px;
	font-weight:bold;

/*visibility:hidden;
height:0;
width:0;*/
}


}/*--800---*/

@media screen and (max-width: 899px) {

.listbodyright
{
    width:100%;
    margin-left: 0px;
    overflow:hidden;
	background-color: #FFF;
}
.listitemright
{
    width:100%;
    margin-left: 0px;
    overflow:hidden;
    color:#4169E1;
    font-weight: bold; 
	background-color: #FFF;
}

.itemtitlebox
{
	float: left;
	width: 100%;
	text-align: left;
	background-color: #FFF;

}

.itemtitle
{
/*	float: left;*/
margin-left: 130px;

/*	width: 80%;*/
	text-align: left;
	background-color: #FFF;


}

.itemprice
{
	display:none;
	font-size: 14px;
	font-weight:bold;

/*visibility:hidden;
height:0;
width:0;*/
}
.itemprice2
{
	float: left;
	font-size: 14px;
	color:#666666;
	font-weight:bold;
	text-align: right;
	background-color: #FFF;
}

.itemends
{
	float: left;
	font-size: 16px;
	color:#666666;
	font-weight:bold;
	text-align: right;
	background-color: #FFF;

}
.itembids
{
	float: left;
	font-size: 16px;
	color:#666666;
	font-weight:bold;
	text-align: right;
	background-color: #FFF;
}


}/*--799---*/


.itemends2
{
display:none;
/*visibility:hidden;
height:0;
width:0;*/
}
.itembids2
{
display:none;
/*visibility:hidden;
height:0;
width:0;*/
}

.listitem
{
	background-color: #BAE568;
}



/*------ search ---------*/

#searchbody{
	width:100%;
	margin-left: 1px;
	margin-right: 1px;
	overflow:hidden;
}

#searchbody hr {
	width:100%;
	float:left;
	border-width:1px;
	border-style:dashed;
	border-color:#BAE568;
}


.searchres
{
        width:90%;
        overflow:hidden;
	background-color: #FFF;
}
.listsearch
{
        width:90%;
        overflow:hidden;
        color:#4169E1;
        font-weight: bold; 
	background-color: #FFF;
}
.listsearchtitle
{
	float: left;
	width: 80%;
        font-size: 14px;
	background-color: #BAE568;
        text-align: center;
}
.listsearchends
{
	float: left;
	width: 15%;
        font-size: 14px;
        text-align: right;
	background-color: #BAE568;

}
.listsearchbids
{
	float: left;
	width: 10%;
        font-size: 14px;
        text-align: center;
	background-color: #BAE568;
}
.listsearchprice
{
	float: left;
	width: 20%;
        font-size: 14px;
        text-align: right;
	background-color: #BAE568;
}
.searchtitlebox
{
	float: left;
	width: 80%;
	background-color: #FFF;
}
.searchends
{
	float: left;
	width: 15%;
        font-size: 16px;
        text-align: right;
	background-color: #FFF;

}
.searchbids
{
	float: left;
	width: 10%;
        font-size: 16px;
        text-align: center;
	background-color: #FFF;
}
.searchprice
{
	float: left;
	width: 20%;
        font-size: 16px;
        text-align: right;
	background-color: #FFF;
}
.searchpic
{
	float: left;
	width: 90px;
	background-color: #FFF;
        text-align: left;
}
.searchtitle
{
	float: left;
	width: 75%;
        text-align: left;
	background-color: #FFF;
}


/*------ itemlist pic ---------*/

@media screen and (min-width: 801px) {

#itemlist{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:3px 0px;
	background-color:#ffffff;
	text-align:center;
}

.itemlistbox{
	float:left;
	width:160px;
	height:265px;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:5px;
	margin-right:5px;

	border: 1px solid #ffcccc;
}

.itemlisttxt{
	width:160px;
    text-align:left;
	margin-top:3px;
	margin-bottom:3px;
}

}/*--801---*/

@media screen and (max-width: 800px) {

#itemlist{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:1px 0px;
	background-color:#ffffff;
	text-align:center;
}

.itemlistbox{
	width:150px;
	height:265px;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:3px;
	margin-right:3px;
	border: 1px solid #ffcccc;
}

.itemlisttxt{
	width:150px;
    text-align:left;
	margin-top:3px;
	margin-bottom:3px;
}

}/*--800---*/

.itemlistimg{
	margin-top:3px;
	margin-bottom:3px;
    text-align:center;
}

/*------ footer ---------*/

#footer{
	width:90%;
	height:150px;
	padding:5px 0px;
	background-color:#ffffff;
}

#footer h3{
	color:#1E90FF;
	font:120% "Comic Sans MS";
    margin:0;
	padding:0;
	text-shadow: 0px 0px 3px #069690;
   text-align:left;
}

#footer p{
	margin:0;
	padding:0;
	font-size:11pt;
	color:#ff6699;
}

.footertitle{
	width:100%;
	margin:0;
	padding:0;
	background-color:#ffffff;
}

.footerline{
	height: 20px;
	border:0;
	background: url("http://xoxo.guruguru.net/auction/images/hr-line.gif") 0 repeat;
}

.footerbox1{
	width:220px;
	float:left;
    text-align:left;
}
.footerbox2{
	width:220px;
	float:left;
    text-align:left;
}

.footerbox1 ul li{
	margin:10px;
    display: block;
	padding:2px 0px 2px 10px;
    background:url("http://xoxo.guruguru.net/auction/images/arrow.gif") left 5px no-repeat;
}


.footerbox2 ul li{
	margin:10px;
    display: block;
	padding:2px 0px 2px 10px;
    background:url("http://xoxo.guruguru.net/auction/images/arrow.gif") left 5px no-repeat;
}