@charset "utf-8";

body {
	background: #FFF;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

body.top { background-image: url(/css/images/back_img.jpg); }
body.main {  }

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

A:link
{
	color: blue;
	text-decoration: none;
}
A:visited
{
	color: blue;
	text-decoration: none;
}
A:active
{
	color: blue;
	text-decoration: none;
}
A:hover { color: red; }

img	{ border: 0; }

div.base	{ display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.header	{ background-repeat: no-repeat; display: block; height: 174px; position: relative;  }
div.main	{ display: block; overflow-x: hidden; overflow-y: hidden; position: relative; width: 1100px; }
div.content	{ display: block; float: left; overflow-x: hidden; overflow-y: hidden; padding: 0px 0px 0px 0px; margin: 0px 20px 0px 10px; width: 850px; }
div.sidebar	{ display: block; float: left; letter-spacing: normal; margin: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px 0px 0px 0px; text-align: left; width: 170px; }
div.footer	{ clear: both; display: block; padding: 5px 0px 0px 0px; }

h1	{ font-size: 20px; text-align: left; padding: 0px 10px 10px 10px;  }
.top_title	{ font-size: 150%; text-align: left; padding: 0px 10px 10px 10px;  }
.top_link	{ font-size: 100%; float: right; top: 0px; }
.top_msg	{ font-size: 110%; float: left; text-align: left; padding: 5px 5px 5px 5px; margin: 0px 20px 0px 15px; border: 1px dotted red; width: 1020px; }
.top_bar	{ text-align: center; }
.top_menu	{ text-align: left;  padding: 4px 0px 0px 15px; }
.footer_bar	{ text-align: center;  }

/* Top Page */
div.listmain	{ display: block; border: 1px solid gray; float:left; margin: 0px 0px 10px 0px; word-break: normal; width: 848px; text-align: left; }
p.listkeyword	{ font-size: 16px; border:solid 4px #ff6600; color:#ffffff; background-color:#ff6600; width: 840px; margin: 0px; }
p.listkeyword a	{ color:#ffffff; }
p.listkeyword span	{ display:block; border-bottom:solid 2px #ffffff; }

span.list	{ font-size: 120%; padding: 0% 1% 0% 1%; line-height: 135%; }
span.sz0	{ font-size: 130%; }
span.sz1	{ font-size: 120%; }
span.sz2	{ font-size: 100%; }
span.sz3	{ font-size:  90%; }
span.sz4	{ font-size:  95%; }
span.sz5	{ font-size:  90%; }
span.sz6	{ font-size:  85%; }
span.sz7	{ font-size:  80%; }
span.sz8	{ font-size:  75%; }
span.sz9	{ font-size:  70%; }

span.adult	{ font-size:  80%; color: red; font-weight: bold; }

/* Page Menu */
div.page	{ clear: both; text-align: center; vertical-align: bottom; }
div.page span	{ font-size: 120%; margin: 5px; }

div.item	{ width: 200px; height: 250px; vertical-align: top; border: 1px solid gray; float:left; margin: 0px 5px 5px 0px; padding: 5px 5px 0px 0px; }
div.no_item	{ font-size: 150%; font-weight: bold; margin: 20px; }
div.otonagai	{ width: 841px; border: 1px solid red; vertical-align: top; margin: 0px 0px 5px 0px;}
ul.otonagai	{ list-style-image: url(/img/otona_icon.gif); line-height: 100%; }

/* item data table */
td		{ word-break: break-all; line-break: normal; line-height: 110%; }
td.title	{ font-size: 100%; text-align: left; }
td.title a	{ color: #3300FF; }
td.title a:hover{ color: #FF0099; }
td.img		{ text-align: top; text-align: left; width: 150px; height: 130px; }
td.price	{ font-size: 100%; text-align: left; width: 100px; color: red; vertical-align: top; }
td.price span.l	{ font-size: 16px; }
td.price span.s	{ font-size: 10px; }
td.label	{ font-size: 80%; }
td.type		{ font-size: 80%; font-weight: bold; }
td.availability	{ font-size: 80%; text-align: left; vertical-align: top; color: #339933; }
td.author	{ font-size: 80%; }
td.shosai	{ vertical-align: top; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
td.buy		{ vertical-align: top; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
tr.up		{ list-style-position: outside; margin-top: 50px; }

/* Side bar */
div.side_list	{ display: block; border: 1px solid #FF6600; background-color: #FFFFCC; margin-bottom: 10px; text-align: left; }
p.side_listkeyword	{  font-size: 12px;  text-align: left;  font-weight: normal; }
span.side_list	{ font-weight: normal; font-size: 80%; padding: 0% 2% 0% 2%; line-height: 150%; }
/*
p.side_listkeyword span	{ display:block; color: red; font-weight: bold; }
*/
div.side_list span	{ color: #FF6600; font-weight: bold; line-height: 100%; }
div.side_list li{ font-size: 85%; list-style-type: square; list-style-position: outside; margin: 0px 0px 0px -20px; line-height: 110%; }
div.side_list a	{ color: #0033FF; }
div.side_list a:hover	{ color: #66CC00; }

img.left	{ float:left; }
img.right	{ float:right; }
img.clear	{ clear: both; }
div.clear	{ clear: both; }

.copyright	{ text-align: center; }

/*

.msg	{ font-size: 8pt; }
.top	{ font-size: 10pt; text-align: right; }
.logo   { height: 25px; text-align: center; vertical-align: middle;}
.date   { font-size: 10pt; width: 35px; height: 20px; text-align: center; vertical-align: middle; }
.num	{ font-size: 12pt; width: 35px; height: 35px; text-align: right;  vertical-align: middle; }
.num10	{ font-size: 12pt; width: 35px; height: 35px; text-align: right;  vertical-align: middle;  font-weight: bold; background-image: url(../img/ranking.gif); background-repeat: no-repeat; background-position: left center; }
.num_ng	{ font-size: 8pt;  width: 35px; height: 35px; text-align: right;  vertical-align: middle; }
.num_top{ font-size: 8pt; }
.error	{ font-size: 12pt; color: red; }

.main	{ font-size: 10pt; width: 900px; text-align: left; vertical-align: top; word-break: break-all; line-break: normal; table-layout: fixed; }
.rank	{ font-size: 10pt; width: 35px;  text-align: right; vertical-align: top; }
.url	{ font-size: 10pt; width: 465px; text-align: left; vertical-align: top; word-break: break-all; line-break: normal; table-layout: fixed; }
*/


ul.obtabs {
	list-style: none;
	margin: 1px 0 -1px 0;
	padding: 0;
	position: absolute;
	font-size: 120%;
}

ul.obtabs li.first {
	margin-left: 0;
}

ul.obtabs li {
    float: left;
    display: block;
    height: 24px;
    padding-right: 12px;
    margin-left: -5px;
    position: relative;
    background: url(images/tabright-back.gif) 100% 0 no-repeat;
    border-bottom: 1px solid #bbb8a9;
    white-space: nowrap;
}

ul.obtabs span {
    height: 24px;
    line-height: 24px;
    padding-left: 7px;
    background: url(images/tableft-back.gif) no-repeat;
}

html>body ul.obtabs span {
    display: block;
}

ul.obtabs li#current {
    z-index: 1;
    font-weight: bolder;
    border-bottom: 1px solid #fff;
    height: 25px;
    background-image: url(images/tabright.gif);
}

ul.obtabs li#current span {
    background-image: url(images/tableft.gif);
}

ul.obtabs a {
    color: #00c;
}

ul.obtabs a.new {
    color: #c00;
}