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

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


body {
font-size : small;
color: #000000;
text-align : center;
margin: 0;
padding: 0;
font-family :"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"Ms Pゴシック",sans-serif;
}


#container {
width : 1000px;
display : block;
text-align : center;
margin : 30px auto 0 auto;
padding: 0;
background-color : #ffffff;

}


h1 {
color : #000000;
width : 100%;
text-align : right;
font-size : small;
font-weight : normal;
margin : 0 auto 0 auto;
padding : 0;
}

h2, h3 {
font-weight : normal;
color : #000000;
font-size : small;
}

p {
line-height : 160%;
margin : 10px 0 10px 0 ;
padding : 0;
}

strong {
font-weight : normal;
color : #ED1C24;
}

a:link {
color : #121243;
}

a:visited {
color : #121243;
}

a:hover {
color : #2E3192;
}

#header_box {
width : 100%;
height : 70px;
margin : 0 auto 0 auto;
padding : 0;
text-align : center;
display : block;
overflow : hidden;
background-color : #ffffff;
background-image : url("../lib-img/head-bg.jpg");
background-repeat : repeat-x;
border-bottom : solid 1px #CCCCCC;
}

#head_inbox {
width : 1000px;
height : 70px;
margin : 0 auto 0 auto;
padding : 0;
text-align : left;
display : block;
overflow : hidden;
}

#header {
width : 350px;
height : 70px;
margin : 0;
padding : 0;
text-align : left;
display : block;
overflow : hidden;
float : left;
}

#tool_box{
text-align : right;
width : 650px;
height : 30px;
margin : 5px auto 0 auto;
padding : 0;
display : block;
overflow : hidden;
float : right ;
}

#g_menu{
text-align : center;
width : 550px;
height : 35px;
margin : 0;
padding : 0;
display : block;
overflow : hidden;
float : right;
}

#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/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 #37429B;
background-color : #447AD7;
}


#subnavi {
text-align : left;
font-size : x-small;
color : #555555;
margin : 0 0 10px 0;
padding : 0 5px 3px 5px;
border-bottom :dotted 1px #999999;
clear : both;
}


#subnavi a:link {
color : #555555;
}

#subnavi a:visited {
color : #555555;
}

#subnavi a:hover {
color : #000000;
}

#searchbox {
width : 100%;
margin : 20px;
padding : 0;
}

#mainbox {
width : 730px;
text-align : center;
margin : 0 auto 0 auto;
padding : 0;
display : block;
overflow : hidden;
float : right;
}

#maininbox {
width : 710px;
text-align : left;
margin : 0 auto 0 auto;
padding : 0;
display : block;
overflow : hidden;
}

#maininbox h2{
height : 30px;
font-size : medium;
margin : 0 1px 0 1px;
padding : 10px 20px 0 20px;
border-top : solid 1px #dddddd;
border-left : solid 1px #dddddd;
border-right : solid 1px #dddddd;
border-bottom : solid 2px #39B54A;
background-color : #f5f5f5;
background-image : url('../lib-img/bgimg_gray_h40.gif');
}

#sidebox {
width : 270px;
text-align : left;
margin : 0 auto 0 auto;
padding : 0;
display : block;
overflow : hidden;
float : left;
}

#sideinbox {
width : 255px;
text-align : left;
margin : 0;
padding : 0;
display : block;
overflow : hidden;
}

#sideinbox h2{
height : 25px;
margin : 0 auto 0 auto;
padding : 5px 10px 0 10px;
border-top : solid 2px #D30303;
border-left : solid 1px #dddddd;
border-right : solid 1px #dddddd;
background-color : #f5f5f5;
background-image : url('../lib-img/bgimg_gray_h30.gif');
}

#sidecategory_list ol{
font-weight : bold;
list-style-type : none;
margin : 0 auto 20px auto;
padding : 0;
border-top : solid 1px #dddddd;
border-bottom : solid 1px #dddddd;
}

#sidecategory_list li{
width : 238px;
display : block;
height : 25px;
margin : 0 auto 0 auto;
padding : 5px 10px 0 5px;
border-left : solid 1px #dddddd;
border-right : solid 1px #dddddd;
border-bottom : dotted 1px #dddddd;
background-color : #f5f5f5;
background-image : url('../lib-img/bgimg_gray_h30.gif');
}

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

#sidecategory_list li a:hover{
color : #D30303;
}

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

#select_box ol{
list-style-position : inside;
list-style-image : url("/lib-img/icon_arrow_gray10.gif");
}

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

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

#footnavi {
clear : both;
width : 1000px;
text-align : center;
margin : 0 auto 0 auto;
padding : 0;
}

#groupsite {
width:978px;
border:solid 1px #dddddd;
background-color:#fafafa;
text-align:left;
margin:10px auto 10px auto;
padding:10px;
}

#groupsite ul{
font-size : 80%;
width:300px;
margin:0 5px 0 5px;
padding:5px;
float:left;
}

#groupsite li a{
text-decoration : none;
}

address {
width : 100%;
color : #002849;
background-color : #ffffff;
clear : both ;
font-style: normal;
font-weight: normal;
padding : 10px 0 10px 0;
margin : 10px auto 0 auto;
}


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



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/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/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 : 335px;
margin : 10px 5px 5px 5px;
padding : 5px;
display : block;
float : left;
}

.Itembox_r{
border-top :solid 1px #dddddd;
width : 335px;
margin : 10px 5px 5px 5px;
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;
}

.itemtable {
border : solid 1px  #dddddd;
}

.td_itemimage {
border-top : solid 1px  #dddddd;
border-right : dotted 1px  #dddddd;
}

.td_itemname {
background-color : #f5f5f5;
}

.td_itemlink {
background-color : #f5f5f5;
}

.td_itemlink a {
color : #ff0000;
}

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