@charset "utf-8";

*{margin:0;padding:0;}



/*-------------------------------------------------
  HTML
-------------------------------------------------*/
img{border:none;}

body{
 text-align: center;
 font-family: normal arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}



/*-------------------------------------------------
  Layout
-------------------------------------------------*/
#containar {
 margin: 10px auto;
 width: 900px;
 text-align: left;
}

#header {
 width: 100%;
 height: 61px;
 background: #fff url(img/header_bg.jpg) repeat-x left bottom;
}

#contents {
 display: inline;
 float: left;
 width: 500px;
 margin: 0 0 0 210px;
}

#sideL {
 float: left;
 width: 200px;
 margin: 0 0 0 -710px;
}

#sideR {
 float: left;
 width: 180px;
 margin: 0 0 0 10px;
}

#footer {
 clear: both;
 width: 100%;
}



/*---------------------------------------
 Header
---------------------------------------*/
#header h1 {
 margin: 0;
 padding:0;
 width: 210px;
 height: 30px;
 display: inline;
 float: left;
 text-indent: -9999px;
 background: url(img/logo.gif) no-repeat left top;
}



/*---------------------------------------
 Navigation
---------------------------------------*/
#navi {
 margin: 0;
 padding: 0;
 width: 680px;
 height: 31px;
 overflow: hidden;
}

#navi li {
 padding-top: 3px;
 list-style:none;
 width: 136px;
 float: left;
}

#navi li a {
 display: block;
 line-height: 30px;
 font-size: 12px;
 font-weight: bolder;
 color: #666666;
 text-align: center;
 background: url('img/taboff.gif') no-repeat center bottom;
}

#navi li a:hover,
#navi li a.active {
 color: #ffffff;
 background: url('img/tabon.gif') no-repeat center top;
}



/*---------------------------------------
 Side Box Left
---------------------------------------*/
.sideboxL {
 padding: 2px 7px 2px 5px;
 background: url('img/boxtopL_bg.gif') no-repeat left top;
}

.sideboxL h4 {
 margin-right: 5px;
 margin-bottom: 5px;
 padding: 5px;
 font-size: 90%;
 color: #666666;
 background: url('img/line_red.gif') repeat-x left bottom;
}

.sideboxL_bottom {
 height: 20px;
 background: url('img/boxbottomL_bg.gif') no-repeat left bottom;
}

.sideboxL_bottom hr {
 display:none;
}



/*---------------------------------------
 Side Box Right
---------------------------------------*/
.sideboxR {
 padding: 2px 7px 2px 5px;
 background: url('img/boxtopR_bg.gif') no-repeat left top;
}

.sideboxR h4 {
 margin-right: 5px;
 margin-bottom: 5px;
 padding: 5px;
 font-size: 90%;
 color: #666666;
 background: url('img/line_red.gif') repeat-x left bottom;
}

.sideboxR_bottom {
 height: 20px;
 background: url('img/boxbottomR_bg.gif') no-repeat left bottom;
}

.sideboxR_bottom hr {
 display:none;
}

.sideboxR table {
 width: 165px;
 border-collapse: collapse;
 border-spacing: 0;
 font-size: 70%;
}

.sideboxR td {
 padding: 5px 0;
 border-bottom: 1px dotted #cccccc;
}



/*---------------------------------------
 Side Menu
---------------------------------------*/
ul.sidemenu {
 margin: 0;
 padding: 0;
 font-size: 80%;
}

ul.sidemenu li {
 padding-left: 25px;
 list-style: none;
 line-height: 26px;
 background: url('img/folders.gif') left top no-repeat;
}

ul.sidemenu li ul li {
 margin-left: -20px;
 background-image: url('img/folder.gif');
}



/*---------------------------------------
 Contents
---------------------------------------*/
#contents .title {
 margin-bottom: 5px;
 padding-top: 5px;
 line-height: 150%;
 text-align: center;
 font-size: 90%;
 font-weight: bold;
 color: #666666;
 background: #eeeeee url('img/line_red.gif') repeat-x left top;
}

#contents #pager {
 text-align: center;
 margin-bottom: 50px;
}

#contents .pagelink,
#contents .pagelinkcur {
 padding: 3px 5px;
 border: 1px solid #cccccc;
 background-color: #eeeeee;
}



/*---------------------------------------
 Search Box
---------------------------------------*/
#searchbox {
 padding: 0 5px 20px 5px;
 text-align: center;
 line-height: 150%;
}

#searchbox p {
 margin: 10px;
 font-size: 90%;
}



/*---------------------------------------
 Search Form
---------------------------------------*/
#searchfrm .keywordtext {
 width: 250px;
 font-size: 80%;
}



/*---------------------------------------
 Item Box
---------------------------------------*/
.itembox {
 margin-bottom: 30px;
 padding: 0;
 border-top: 1px solid #eeeeee;
 border-left: 1px solid #eeeeee;
 border-right: 1px solid #eeeeee;
}

.itembox table {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}

.itembox table td.lineL {
 border-bottom: 1px solid #cccccc;
}

.itembox table td.lineR {
 border-bottom: 1px solid #cccccc;
}

.itembox table tr.shadow {
 background-color: #f6f7f8;
}

.itembox h2 {
 margin-bottom: 5px;
 padding: 10px;
 font-size: 95%;
 color: #999999;
 border-bottom: 1px dotted #cccccc;
}

.itembox img {
 margin: 5px;
}

.itembox p {
 margin: 5px;
 font-size: 90%;
 line-height: 130%;
}

.itembox span.price {
 font-weight: bolder;
 font-size: 120%;
 color: #ff0000;
}

.itembox p.links {
 margin-bottom: 20px;
}

.itembox p.links a {
 width: 100%;
 
 display: block;
 padding-left: 20px;
 font-size: 80%;
 background: url(img/arrow_orange.png) no-repeat left center;
}



/*---------------------------------------
 PR Box
---------------------------------------*/
.prbox {
 padding-top: 5px 0;
}

ul.prbox {
 list-style-type: none;
}

ul.prbox li {
 list-style: none;
 border-bottom: 1px dotted #cf0000;
}

ul.prbox a {
 display: block;
 padding: 5px;
 background-color: #eeeeee;
 color: #000;
 font-size: 90%;
 text-decoration: none;
 zoom: 1;
}

ul.prbox a:hover {
 color: #fff;
 background-color: #cf0000;
}



/*---------------------------------------
 Banner
---------------------------------------*/
.banner {
 width: 155px;
 margin: 10px auto;
 text-align: center;
}



/*---------------------------------------
 Error
---------------------------------------*/
#error {
 margin: 20px:
}

#error p {
 padding: 0.5em;
 font-size: 90%;
 font-weight: bolder;
 color: #cf0000;
}


/*---------------------------------------
 Footer
---------------------------------------*/
#footer {
 padding: 1px;
 text-align: center;
 border-top: 3px solid #aa0700;
}

#footer address {
 margin-bottom: -30px;
 padding: 10px 10px 0 0;
 text-align: right;
 font-size: 80%;
 font-style: normal;
 border-top: 1px solid #aa0700;
}

#footer p.credit {
 font-size: 14px;
 text-align: left;
}

#footer p.credit img {
 margin: 15px;
}

#footer span.ama {
 margin-right: 230px;
}




/****************** wordBreak ***/
.wordBreak {
 white-space:-moz-pre-wrap; /*  Mozilla用 */
 white-space:-pre-wrap; /*  Operaの4-6用 */
 white-space:-o-pre-wrap; /*  Opera 7用 */
 white-space:pre-wrap; /*  CSS3用） */
 word-wrap:break-word; /*  IE 5.5+用 */
 word-break:break-all; /*  IE用 */
}