/* ------- 各種設定------- */
* {
  margin: 0;
  padding: 0;
}

/* ------- seo ------- */
.seo{
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
text-align: right;
width: 850px;
color:#999999;
font-size:8px;
}
.seo a    {color:#999999;text-decoration:none;}
.seo a:link  {color:#999999;text-decoration:none;}
.seo a:visited  {color:#999999;text-decoration:none;}
.seo a:hover  {color:#999999;text-decoration:none;}
/* ------- seo ------- */


BR{letter-spacing:normal;}


form {
padding: 0px;
margin: 0px;
}

blockquote {
padding: 10px 20px 10px 20px;
border: 1px dotted #999999;
margin-left: auto; 
margin-right: auto;
}

h1 {font-size:10px;}
h2 {font-size:12px;}
h3 {font-size:16px;}

p{
text-align:left;
line-height:   1.5em;
padding: 2px 10px 2px 10px;
}

img{
border: none;
vertical-align:middle;
}

.link{
font-size:12px;
text-align:right;
padding: 15px 10px 15px 10px;
}
.link a    {color:#5f5f5f;text-decoration:none;}
.link a:link  {color:#5f5f5f;text-decoration:none;}
.link a:visited  {color:#5f5f5f;text-decoration:none;}
.link a:hover  {color:#990000;text-decoration:none;}

.banner{
margin: 0px 0px 20px 0px;
text-align:center;
}

.banner2{
margin: 0px 0px 10px 0px;
text-align:center;
}

.banner3{
margin: 20px 0px 10px 0px;
text-align:center;
}

body {
letter-spacing: normal
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
margin: 0px;
padding: 0px;
text-align: center;
background-color:#ffffff;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}


#inbox {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 850px;
background-color:#ffffff;
background-image: url(images/inbox.jpg);
background-repeat: repeat-y;
border: 1px solid #8a8a8a;
}

a        {color:#333333;text-decoration:underline;}
a:link    {color:#333333;text-decoration:underline;}
a:visited    {color:#333333;text-decoration:underline;}
a:active    {color:#333333;text-decoration:underline;}
a:hover    {color:#990000;text-decoration:underline;}

.clearboth { 
clear: both; 
}

/* ------- ■■ヘッダー部分■■ ------- */
#header {
margin-left: auto; 
margin-right: auto;
margin-bottom: 10px;
padding: 0px 0px 0px 0px;
width: 850px;
}

#header-left {
margin-left: auto; 
margin-right: auto;
margin-bottom: 10px;
float: left;
padding: 0px 0px 0px 0px;
width: 600px;
height: 200px;
}

#header-right {
margin-left: auto; 
margin-right: auto;
margin-bottom: 10px;
float: right;
padding: 0px 0px 0px 0px;
width: 245px;
height: 195px;
border: 0px solid #999999;
}

#header2 {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 850px;
}

/* ------- メニュー部分 ------- */
.menu {
width: 850px;
margin:0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background-image: url(images/menu-bg.jpg);
background-repeat: repeat-x;
height: 32px;
  }

.menu a {
font-size: 12px;
padding: 10px 25px 8px 21px;
color:#333333;
text-decoration:none;
float:left;
}
.menu a:link    {color:#ffffff;text-decoration: none;}
.menu a:visited  {color:#ffffff;text-decoration: none;}
.menu a:active   {color:#990000;text-decoration:none;}
.menu a:hover  {color:#990000;text-decoration: none;background-color: #cccccc;}
.menu span  {color:#666666;display:none  }
/* ------- メニュー部分 ------- */

/* ------- 検索窓 ------- */

.search-box {
width: 850px;
height: 40px;
background-image: url(images/search-bg.jpg);
background-repeat: no-repeat;
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
color:#333333;
border: 0px dotted #999999;
}

.search-box-link{
font-size:12px;
float: left;
padding: 5px 0px 5px 290px;
border: 0px dotted #999999;
}
.search-box-link a    {color:#5f5f5f;text-decoration:none;}
.search-box-link a:link  {color:#5f5f5f;text-decoration:none;}
.search-box-link a:visited  {color:#5f5f5f;text-decoration:none;}
.search-box-link a:hover  {color:#990000;text-decoration:none;}


/* ------- 検索窓 ------- */

/* ------- ■■ヘッダー部分■■ ------- */


/* ------- ■■サイド部分■■ ------- */
#side {
float: right;
padding: 0px 0px 0px 0px;
margin: 5px 10px 20px 0px;
overflow: hidden;
width: 200px;
text-align: left;
border: 0px solid #999999;
}


.boxtitle {
font-size: 12px;
color:#333333;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #999999;
}

.box {
background-color:#ffffff;
font-size: 12px;
text-align: left;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
color:#333333;
border: 1px solid #999999;
}

.box a     {color:#333333;text-decoration:none;}
.box a:link  {color:#333333;text-decoration:none;}
.box a:visited  {color:#333333;text-decoration:none;}
.box a:hover  {color:#333333;text-decoration:none;}

.box ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 15px 5px 15px;
padding-left: 3em; /*2em（2文字）分、右に動かす*/
text-indent: -1.3em; /*最初の行だけ2em（2文字）分、左に動かす*/
}

.boxtitle_area {
font-size: 12px;
font-weight: bold;
color:#333333;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
}

.box_area {
border: 1px solid #eaeaea;
background-color:#f8f8f8;
font-size: 10px;
text-align: left;
margin: 20px 15px 20px 15px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
}

.box_area ul li{
font-size: 10px;
text-align: left;
list-style-type: none;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #eaeaea;
}

.box_seo {
border: 1px solid #eaeaea;
background-color:#f8f8f8;
text-align: left;
margin: 20px 0px 20px 0px;
padding: 10px 10px 10px 10px;
line-height: 1em;
color:#999999;
}

.box_mag2 {
border: 1px solid #999999;
font-size: 12px;
text-align:center;
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
background-color:#ffffff;
}

.boxtitle_mag2 {
font-size: 12px;
color:#333333;
text-align:center;
margin: 0px 0px 10px 0px;
padding: 10px 0px 10px 0px;
background-image: url(images/mailma-title-bg.jpg);
background-repeat: repeat-x;
}

.box_toriatukaierea {
border: 0px solid #999999;
font-size: 10px;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
background-color:#ffffff;
}

.boxtitle_toriatukaierea {
font-size: 12px;
color:#333333;
text-align:center;
margin: 0px 0px 5px 0px;
padding: 10px 0px 10px 0px;
background-image: url(images/mailma-title-bg.jpg);
background-repeat: repeat-x;
border: 1px solid #999999;
}

.boxtitle_brand1ran {
font-size: 12px;
color:#333333;
text-align:left;
margin: 20px 0px 5px 0px;
padding: 10px 0px 10px 20px;
background-image: url(images/brand1ran-title-bg.jpg);
background-repeat: repeat-x;
border: 1px solid #999999;
}


/* ------- ■■サイド部分■■ ------- */


/* ------- ■■メイン部分■■ ------- */
#main {
float: left;
padding: 0px 0px 0px 0px;
margin: 5px 0px 20px 0px;
overflow: hidden;
width: 630px;
border: 0px solid #999999;
}

/* ------- ＴＯＰページ ------- */

.newbox { /* 新着情報の親ボックス */
width: 600px;
height: 250px;
float: right;
background-color: #ffffff;
margin: 0px 0px 10px 0px;
padding: 0px 13px 0px 0px;
border:0px solid #999999;
position: relative;
}

.newbox ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 0px 0px 0px;
padding-left: 3em; /*2em（2文字）分、右に動かす*/
text-indent: -1.1em; /*最初の行だけ2em（2文字）分、左に動かす*/
line-height: 1.4em;
border-top: 1px dotted #cccccc;
}

.newbox-left{ /* 新着情報左の子ボックス */
width: 290px;
height: 250px;
position: absolute;
top: 0px;
left: 0px;
font-size: 12px;
text-align: left;
padding: 0px 0px 0px 0px;
line-height: 1.8em;
color:#333333;
border:1px dotted #999999;
background-color: #ebe9e9;
} 

.newbox-right1{ /* 新着情報右上の子ボックス */
width: 295px;
height: 122px;
position: absolute;
top: 0px;
left: 300px;
font-size: 12px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.8em;
color:#333333;
border:1px solid #999999;
} 

.newbox-right2{ /* 新着情報右下の子ボックス */
width: 295px;
height: 122px;
position: absolute;
top: 119px;
left: 300px;
font-size: 12px;
text-align: left;
margin: 3px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.8em;
color:#333333;
border:1px solid #999999;
} 

.linkkizibox{
width: 295px;
height: 250px;
position: absolute;
top: 0px;
left: 300px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:1px solid #999999;
text-align: left;
} 

.linkkizibox ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 0px 0px 5px;
padding-left: 1em; /*2em（2文字）分、右に動かす*/
text-indent: -1.1em; /*最初の行だけ2em（2文字）分、左に動かす*/
border-top: 0px dotted #cccccc;
border-bottom: 0px dotted #cccccc;
}

.newbox_title{
margin: 0px 10px 0px 0px;
padding: 5px 10px 3px 10px;
color:#000000;
border-bottom: 1px dotted #cccccc;
font-size: 14px;
}


.top-box{ /* 取扱商品のボックス */
margin: 0px 15px 20px 15px;
padding: 0px 0px 0px 0px;
text-align: left;
border: 1px solid #666666;
font-size: 12px;
}

.top-box h2{display:inline;
font-weight : normal;
}

.top-box table{
width: 580px;
margin: 0px 10px 10px 10px;
padding: 0px 0px 0px 0px;
border: 0px solid #666666;
font-size: 12px;
text-align: left;
}

.top-box td{
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 3px;
border: 0px dotted #666666;
font-size: 12px;
text-align: left;
}

.top-box a    {color:#333333;text-decoration:none;}
.top-box a:link  {color:#333333;text-decoration:none;}
.top-box a:visited  {color:#333333;text-decoration:none;}
.top-box a:active  {color:#333333;text-decoration:none;}
.top-box a:hover  {color:#990000;text-decoration:none;}


.column_box_5l { /* 5行の親ボックス */
width: 600px;
height: 170px;
float: left;
background-color: #ffffff;
margin: 0px 0px 10px 15px;
padding: 0px 0px 0px 0px;
border:0px solid #999999;
position: relative;
}

.column_box_4l { /* 4行の親ボックス */
width: 600px;
height: 135px;
float: left;
background-color: #ffffff;
margin: 0px 0px 10px 15px;
padding: 0px 0px 0px 0px;
border:0px solid #999999;
position: relative;
}

.column_box_3l { /* 3行の親ボックス */
width: 600px;
height: 100px;
float: left;
background-color: #ffffff;
margin: 0px 0px 10px 15px;
padding: 0px 0px 0px 0px;
border:0px solid #999999;
position: relative;
}

.column_box_2l { /* 2行の親ボックス */
width: 600px;
height: 64px;
float: left;
background-color: #ffffff;
margin: 0px 0px 10px 15px;
padding: 0px 0px 0px 0px;
border:0px solid #999999;
position: relative;
}

.column_1{ /* 左子ボックス */
width: 190px;
position: absolute;
top: 0px;
left: 0px;
font-size: 12px;
text-align: left;
padding: 5px 0px 5px 5px;
line-height: 1.8em;
color:#333333;
} 

.column_1 a  {color:#333333;text-decoration:none;}
.column_1 a:link  {color:#333333;text-decoration:none;}
.column_1 a:visited{color:#333333;text-decoration:none;}
.column_1 a:active{color:#333333;text-decoration:none;}
.column_1 a:hover  {color:#990000;text-decoration:none;}

.column_1 ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 0px 0px 5px;
padding-left: 3em; /*2em（2文字）分、右に動かす*/
text-indent: -1.1em; /*最初の行だけ2em（2文字）分、左に動かす*/
}

.column_1 h2{display:inline;
font-weight : normal;
}

.column_2{ /*センター子ボックス */
width: 190px;
position: absolute;
top: 0px;
left: 195px;
font-size: 12px;
text-align: left;
padding: 5px 0px 5px 5px;
line-height: 1.8em;
color:#333333;
} 

.column_2 a  {color:#333333;text-decoration:none;}
.column_2 a:link  {color:#333333;text-decoration:none;}
.column_2 a:visited{color:#333333;text-decoration:none;}
.column_2 a:active{color:#333333;text-decoration:none;}
.column_2 a:hover  {color:#990000;text-decoration:none;}

.column_2 ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 0px 0px 5px;
padding-left: 3em; /*2em（2文字）分、右に動かす*/
text-indent: -1.1em; /*最初の行だけ2em（2文字）分、左に動かす*/
}

.column_2 h2{display:inline;
font-weight : normal;
}

.column_3{ /* 右子ボックス */
width: 190px;
position: absolute;
top: 0px;
left: 390px;
font-size: 12px;
text-align: left;
padding: 5px 0px 5px 5px;
line-height: 1.8em;
color:#333333;
} 

.column_3 a  {color:#333333;text-decoration:none;}
.column_3 a:link  {color:#333333;text-decoration:none;}
.column_3 a:visited{color:#333333;text-decoration:none;}
.column_3 a:active{color:#333333;text-decoration:none;}
.column_3 a:hover  {color:#990000;text-decoration:none;}

.column_3 ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 0px 0px 5px;
padding-left: 3em; /*2em（2文字）分、右に動かす*/
text-indent: -1.1em; /*最初の行だけ2em（2文字）分、左に動かす*/
}

.column_3 h2{display:inline;
font-weight : normal;
}

.top-ad{ /* 広告のボックス */
margin: 0px 15px 20px 15px;
padding: 14px 0px 14px 10px;
text-align: left;
border: 1px solid #666666;
font-size: 12px;
}

.shoerepair-box{ /* シューリペア工房のボックス */
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
text-align: left;
border: 0px solid #666666;
font-size: 12px;
float: left;
}

.shoerepair-box img{
margin: 0px 0px 10px 0px;
}

.shoerepair-box table{
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px dotted #666666;
font-size: 12px;
text-align: left;
}

.shoerepair-box td{
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 3px;
border: 0px dotted #666666;
font-size: 12px;
text-align: left;
}

.shoerepair-box a    {color:#333333;text-decoration:none;}
.shoerepair-box a:link  {color:#333333;text-decoration:none;}
.shoerepair-box a:visited  {color:#333333;text-decoration:none;}
.shoerepair-box a:active  {color:#333333;text-decoration:none;}
.shoerepair-box a:hover  {color:#990000;text-decoration:none;}


/* ------- ＴＯＰページ ------- */


/* ------- ページ ------- */
.kizi {
margin: 0px 15px 20px 15px;
text-align: left;
border: 1px solid #eaeaea;
}


.kizi_title {
text-align: left;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 55px;
border-bottom: 1px solid #eaeaea;
background-color:#ffffff;
background-image: url(images/kizi-title-bg.jpg);
background-repeat: no-repeat;
}
.kizi_title a    {color:#333333;text-decoration:none;}
.kizi_title a:link  {color:#333333;text-decoration:none;}
.kizi_title a:visited  {color:#333333;text-decoration:none;}
.kizi_title a:active  {color:#333333;text-decoration:none;}
.kizi_title a:hover  {color:#333333;text-decoration:none;}


.kizi_body   {
font-size: 12px;
text-align: left;
color:#333333;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
}

.kizi_body ul{
padding: 10px 15px 5px 15px;
list-style-type: none;
}

.kanrenbox{
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
font-size: 12px;
background-color:#f8f8f8;
background-image: url(images/kanrenbox_bg.jpg);
background-repeat: repeat-x;
margin: 15px 15px 15px 15px;
padding: 10px 10px 10px 10px;
}

.kanrenbox ul li{
list-style-type: none;
padding: 3px 20px 3px 20px;
}

.kanrenbox_title{
margin: 0px 0px 0px 0px;
padding: 10px 15px 0px 15px;
}

.new_mh {
float: left;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #999999;
width: 376px;
height: 380px;
}

.new_mh img{
margin: 2px 2px 2px 3px;
}

.new_mh2 {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #999999;
width: 376px;
height: 374px;
}

.new_mh2 img{
margin: 2px 2px 2px 3px;
}

.midokoro{
float: left;
width: 560px;
height: 40px;
font-size: 16px;
font-weight: bold;
background-image: url(images/midokoro.jpg);
background-repeat: no-repeat;
margin: 10px 0px 10px 0px;
padding: 13px 0px 0px 120px;
}

/* ------- ページ ------- */

/* ------- ページ移動リンク ------- */
.lpagemove {
font-size: 12px;
margin:10px 10px 20px 10px;
float:left;
}
.lpagemove a       {color:#333333;text-decoration:none;}
.lpagemove a:link    {color:#333333;text-decoration:none;}
.lpagemove a:visited  {color:#333333;text-decoration:none;}
.lpagemove a:hover    {color:#333333;text-decoration:none;}

.rpagemove {
font-size: 12px;
margin:10px 10px 20px 10px;
float:right;
}
.rpagemove a       {color:#333333;text-decoration:none;}
.rpagemove a:link    {color:#333333;text-decoration:none;}
.rpagemove a:visited  {color:#333333;text-decoration:none;}
.rpagemove a:hover    {color:#333333;text-decoration:none;}
/* ------- ページ移動リンク ------- */

/* ------- ■■メイン部分■■ ------- */





/* ------- ■■フッダー部分■■ ------- */
#footer {
width: 850px;
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
padding: 0px 0px 0px 0px;
}

.copyright{
color:#5f5f5f;
line-height: 1.5em;
font-size: 10px;
text-align:center;
padding: 15px 0px 15px 0px;
}
.copyright a    {color:#5f5f5f;text-decoration:none;}
.copyright a:link  {color:#5f5f5f;text-decoration:none;}
.copyright a:visited  {color:#5f5f5f;text-decoration:none;}
.copyright a:hover  {color:#5f5f5f;text-decoration:none;}
/* ------- ■■フッダー部分■■ ------- */

/* ------- ■■ページ内で使用するパーツ■■ ------- */
.bloc1 {
padding: 10px 20px 10px 20px;
border: 1px dotted #999999;
margin-left: auto; 
margin-right: auto;
}

.bloc2 {
padding: 10px 20px 10px 20px;
border: 1px solid #999999;
margin-left: auto; 
margin-right: auto;
}

.bloc3 {
padding: 10px 20px 10px 20px;
border: 1px dotted #999999;
margin-left: auto; 
margin-right: auto;
background-color: #faf7c0;
}

.midashi {
text-align: left;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-left: 10px solid #000000;
border-bottom: 1px solid #000000;
background-color:#f8f8f8;
}
.midashi a    {color:#333333;text-decoration:underline;}
.midashi a:link  {color:#333333;text-decoration:underline;}
.midashi a:visited  {color:#333333;text-decoration:underline;}
.midashi a:active  {color:#333333;text-decoration:underline;}
.midashi a:hover  {color:#333333;text-decoration:underline;}

hr.example {
height: 1px;
border: none;
border-top: 1px #b2b2b2 solid;
}


/* ------- ■会社案内ページ ------- */
.kaisha {
background-image: url(images/kaisha-box.gif);

font-size: 12px;
text-align: center;
margin: 5px 5px 10px 5px;
padding: 2px 10px 0px 10px;
line-height: 1.5em;
color:#333333;
} 

.ranking {
font-size: 12px;
border: 1px solid #eaeaea;
background-color:#f8f8f8;
margin: 20px 15px 20px 15px;
padding: 0px 0px 20px 0px;
line-height: 1.5em;
}

/* ------- ■商品紹介ページ091104岡本作成 ------- */

.shohin-category {
font-size: 12px;
line-height: 1.5em;
}

/* ------- ■マスコミ掲載ページ100115岡本作成 ------- */

.bookmidasi{
text-align: left;
line-height: 1.5em;
padding: 0px 0px 0px 0px;
width: 360px;
margin: 0px 0px 0px 180px;
border-bottom: 2px solid #b00204;
font-size:14px;
}

.bookhonbun{
text-align: left;
line-height: 1.5em;
padding: 0px 0px 0px 0px;
width: 300px;
margin: 0px 0px 0px 180px;
height: 160px;
width: 360px;
}

.bookmidasi2{
text-align: left;
line-height: 1.5em;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 2px solid #b00204;
font-size:14px;
}

/* ------- ■記事ランキング部分100819岡本作成 ------- */

#poprank{
padding: 15px 30px 15px 50px;
text-align: left;
font-size: 12px;
line-height: 1.5em;
font-weight : normal;
}
#poprank a, {color:#333333; text-decoration:none;}
#poprank a:link, {color:#333333; text-decoration:none;}
#poprank a:visited, {color:#333333; text-decoration:none;}
#poprank a:active {color:#333333; text-decoration:none;}
#poprank a:hover {color:#990000; text-decoration:none;}

#poprank h3{display:inline;} 

.box-ranking{
margin: 0px 15px 20px 15px;
padding: 0px 0px 0px 0px;
text-align: left;
border: 1px solid #999999;
font-size: 12px;
}

.ranking-boxtitle {
font-size: 12px;
color:#333333;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
border-bottom: 1px dotted #999999;
}

