body{margin:0;padding:0;}
form{margin:0;padding:0;}
select{width:100px;}
button{padding:0;font-size:70%;}
img{border:0;}

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

a:hover, a:active {
 color: orange;
}

table{
	margin:0 0 2% 0;
	font-size:80%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	background-color:#A0DF3A;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

#top{margin:0 0 auto 0;padding:3px 10px;font-size:80%;border-bottom:1px solid #dcdcdc;background-color:#efefef;}
#top p{margin:0;padding:0;}

#header{
	clear:both;
	padding:1%;
	/*background:url(http://www.matomete-hikaku.com/img/sample1.jpg) repeat-x bottom;*/
	/*height:135px;*/
}
#header h1{font-size:80%;font-weight:normal;margin:0;padding:0;}
#header span{font-size:80%;margin:0 5px 0 0;}
#header .left{float:left;width:40%;margin:0 35px 0 0;}
#header .left p{font-size:80%;margin:0;padding:0;}
#header .left p strong{color:red;}
#header .right{margin:0 0 0 40%;}
#header .right p{font-size:80%;margin:0;padding:0;}
#header .right input,select{font-size:120%;}



#headline{clear:both;color:#fff;background-color:#A0DF3A;border-top:1px solid #efefef;border-bottom:3px solid #efefef;padding:8px 10px;margin:0 0 20px 0;}
#headline p{font-size:80%;margin:0;padding:0;}
#headline a{color:#fff;}


#container{margin:auto 1%;width:98%;}
#container h2{font-size:100%;}

#container #left{
	width:20%;
	float:left;
	margin-bottom:20px;
	font-size:80%;
	line-height:120%;
	margin:0 0 10px 0;
	background-color:#A0DF3A;
	padding:1%;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#container #left p{font-size:100%;margin:10px;padding:0;}
#container #left ul{
	margin:0;padding:10px 25px;
	background-color:#fff;
}

#container #left ul p.price{
	position:absolute;
	text-align:center;
	padding:5px;
	color:#fff;
	background-color:red;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#container #left #SpecForm{
	width:100%;
	background-color:#fff;
}

#container #right{
	margin-left:23%;
}
#container #right h3{
	font-size:100%;
	padding:1.3%;
	background-color:#A0DF3A;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#container #right p.name{
	font-size:100%;
	padding:0;
	margin:0 0 10 0;
/*
	padding:1.3%;
	border-left:10px solid #A0DF3A;
	border-top:1px solid #A0DF3A;
	border-bottom:1px solid #A0DF3A;
	border-right:1px solid #A0DF3A;
*/
/*
	background-color:#A0DF3A;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
*/
}

#container #right #PriceList{
	padding:2%;
	margin:0 0 10px 0;
	border:5px solid #A0DF3A;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#container #right #PriceSort{
	font-size:80%;
	padding:2%;
	margin:0 0 10px 0;
	border:5px solid #A0DF3A;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#container #right p.date{
	font-size:80%;
	margin:2% 0;
}

#container #right p.more{
	font-size:80%;
}

#container #right p.more span{
	margin-right:10px;
}

#container #right div.details {
	margin:0 0 2% 0;
	padding:0 0 2% 0;
	overflow: hidden;
	border-bottom: 2px dotted #CCC;
	zoom: 1;
}


#container #right div.details div.left {
	width: 15%;
	float: left;
	background-color:#fff;
}

#container #right div.details div.left p.point{
	position:absolute;
	font-size:80%;
	font-weight:bold;
	padding:5px;
	color:#fff;
	background-color:red;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#container #right div.details div.left p.price{
	position:absolute;
	text-align:center;
	font-size:120%;
	margin:0 auto;
	padding:5px 10px;
	color:#fff;
	background-color:red;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#container #right div.details div.left p.price span{
	font-size:50%;
}

#container #right div.details div.left p.mini-font{
	font-size:80%;
}


#container #right div.details div.right {
	margin: 0 0 0 20%;
}

#container #right div.details div.right span.price{
	font-size:80%;
	margin: 0 0 0 10px;
	padding:5px;
	color:#fff;
	background-color:red;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#container #right div.details div.right span.price span{

}

#container #right div.details div.right span.option{
	font-size:80%;
	font-weight:bold;
	margin-right:5px;
	padding:5px;
	color:#fff;
	background-color:green;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#container #right div.details div.right span.info{
	font-size:80%;
}

#container #right div.details div.right p.info{
	font-size:80%;
}

#container #right div.details div.right p.low{
	color:red;
	font-weight:bold;
	font-size:80%;
}

#container #right div.details div.right p.low span{
	font-size:180%;
}

#container #right div.spec{
	margin:2% 0;
	padding:2%;
	font-size:80%;
	background-color:#efefef;
	border:5px solid #A0DF3A;
}



#container #right div.item {
	margin:0 0 2% 0;
	padding:0 0 2% 0;
	overflow: hidden;
	zoom: 1;
}

#container #right div.item div.left {
	font-size:80%;
	width: 15%;
	float: left;
	background-color:#fff;
}

#container #right div.item div.left p.price{
	position:absolute;
	text-align:center;
	font-size:100%;
	margin:0 auto;
	padding:5px 10px;
	color:#fff;
	background-color:red;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#container #right div.item div.right p{
	font-size:80%;
}

#container #right div.item div.right {
	margin: 0 0 0 20%;
}

#container #right div.item div.right ul{
	font-size:80%;
}

#container #right div.item div.right span.price{
	margin-right:5px;
	padding:5px;
	color:#fff;
	background-color:green;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


#container #right div.item div.right span.info{
	font-size:80%;
}




#footer{
clear:both;
font-size:80%;
padding:2%;
border-top:1px solid #A0DF3A;
background-color:#fffad4;
}

#footer .left{
	width:50%;
	float: left;
}

#footer .right{
	margin:0 0 0 50%;
}


/****************************** ページャー *******************/

div#pager {
 clear:both;
 margin:0;
 padding: 2%;
}

div#pager a:link, div#pager a:visited {
 padding: 2px 6px;
 text-decoration: none;
 border: 1px solid #A0DF3A;
}

div#pager a:hover, div#pager a:active {
 color: #FFF;
 border: 1px solid #A0DF3A;
 background: #F59623;
}