/**
 * レガロSTYLE SHEET
 * http://wwww.webproduction.jp/
*/

/**
 * 著作権について * 
 * このシステムは、有限会社レガロによって制作されています。
 * 有限会社レガロは、このシステムの著作を保持しています。
 * 無断で複製、改変、販売することは出来ません。
*/


#relationmenu {
width : 100%;
height : 32px;
margin : 5px auto 10px auto;
padding : 0;
display : block;
border-bottom : solid 2px #447AD7;
position : relative;
}

#relationmenu ol{
height : 30px;
margin : 0 auto 0 auto;
padding : 0;
list-style-type : none;
z-index : 2;
}

#relationmenu li{
height : 25px;
margin : 0 1px 0 1px;
padding : 5px 20px 0 20px;
border-top : solid 1px #fafafa;
border-left : solid 1px #f0f0f0;
border-right : solid 1px #f0f0f0;
border-bottom : solid 2px #D30303;
background-color : #f5f5f5;
background-image : url('/lib-img/shop/bgimg_gray_h30.gif');
float : left;
}

li#maincate{
padding : 5px 40px 0 40px;
border-top : solid 1px #dddddd;
border-left : solid 1px #dddddd;
border-right : solid 1px #dddddd;
border-bottom : solid 2px #447AD7;
z-index : 2;
}

#relationmenu li a {
color : #555555;
text-decoration : none;
}

#relationmenu li a:hover {
color : #447AD7;
text-decoration : none;
}

li#maincate a{
color : #447AD7;
}


#search_box {
height : 25px;
text-align : right;
margin : 0 auto 10px auto;
padding : 3px 10px 3px 3px;
display : block;
border : solid 1px #dddddd;
background-image : url('/lib-img/shop/bgimg_gray_h30.gif');
}


#select_box {
width : 95%;
margin : 0 auto 10px auto;
padding : 2%;
border : solid 1px #dddddd;
background-color : #f5f5f5;
}

#select_box ol{
width : 95%;
margin : 0 auto 10px auto;
padding : 2%;
list-style-position : inside;
list-style-image : url("/lib-img/shop/icon_arrow_gray10.gif");
}

#select_box li{
margin : 3px auto 3px;
padding : 0;
}

#sitecatebox {
clear : both;
width : 95%;
text-align : left;
margin : 20px auto 20px auto;
padding : 10px;
}

#sitecatebox h3{
color : #D30303;
margin : 0;
}



/**
 * 商品一覧ページスタイル設定
**/



ol#sort_box {
height : 30px;
text-align : center;
margin : 10px auto 10px auto;
padding : 5px;
list-style-position : inside;
list-style-image : url("/lib-img/shop/icon_arrow_red10.gif");
border : solid 1px #dddddd;
background-color  :#f5f5f5;
}

#sort_box li{
margin : 0 7px 0 7px;
padding : 7px 0 7px 0;
float : left;
}

li.noarrow{
list-style-type : none;
list-style-image : url("");
}

li.current{
color : #999999;
list-style-image : url("/lib-img/shop/icon_arrow_gray10_under.gif");
}

#selectview_box {
margin : 0 auto 10px auto;
padding : 7px;
border : solid 1px #dddddd;
background-color : #f5f5f5;
}

.pager {
width : 620px;
height : 30px;
text-align : center;
margin : 5px auto 5px auto;
padding : 2px;
display : block;
}

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

.pager li{
text-align : center;
display : block;
float : left;
}

.pager li.current_num{
width : 16px;
height : 20px;
margin : 0 2px 0 2px;
padding : 0 5px 0 5px;
color : #555555;
background-color : #dddddd;
}

.pager li a {
width : 10px;
height : 20px;
margin : 0 2px 0 2px;
padding : 0 5px 0 5px;
border : solid 1px #f0f0f0;
text-decoration : none;
}

.pager li a:hover {
color : #ffffff;
background-color : #555555;
}

.Itembox_l{
border-top :solid 1px #dddddd;
width : 48%;
margin : 10px auto 5px auto;
padding : 5px;
display : block;
float : left;
}

.Itembox_r{
border-top :solid 1px #dddddd;
width : 48%;
margin : 10px auto 5px auto;
padding : 5px;
display : block;
float : right;
}


.item_box{
width : 235px;
display : block;
margin : 5px 0 0 0;
float : right;
}

p.item_box {
font-size : 90%;
line-height : 130%;
}

.item_box a{
color : #0000FF;
}

h3.item_title{
font-size : 90%;
margin : 0 auto 0 auto;
padding : 0;
}

.item_price {
color : #D30303;
font-weight : bold;
}

.item_point {
color : #ABA000;
}

.item_text {
color : #555555;
font-family : monospace;
}


/* データが空の場合の表示ボックス*/
#emptyitem_box {
text-align : center;
font-size : medium;
color : #999999;
margin : 10px auto 10px auto;
padding : 30px;
border : solid 1px #dddddd;
background-color : #fafafa;
}