@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

a{ outline:none}

body {
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.3em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #333;
	background:url(../images/bg.jpg) repeat
}

#wrapper{
	width:960px;
	background:url(../images/wrapper_bg.png) repeat-y;
	padding:0px 9px;
	margin:0px auto;
	text-align:left
}
* html #wrapper{behavior: expression(IEPNGFIX.fix(this))} 


/* リンク
---------------------------------------------------- */
a:link {color: #d53e2e; text-decoration:underline} 
a:visited {color: #d53e2e; text-decoration:underline} 
a:hover, a:active {color: #d53e2e; text-decoration:none}


/* ヘッダー
---------------------------------------------------- */
#header{
	width:920px;
	height:110px;
	border-bottom:1px solid #000;
	padding:0px 20px;
	background-color:#fff
}

.header_logo{ width:278px; float:left; margin-bottom:0px}
.header_right{ width:300px; float:right; text-align:right}
.header_right p{ width:187px; float:right;margin-bottom:0px}
h1{
	clear:both;
	font-size:100%;
	padding-top:3px;
	line-height:1.5em;
	font-weight:normal;
	font-size:10px
}


/* ヘッダーナビ
---------------------------------------------------- */
#headnavi{
	background-color:#000;
	border-top:1px solid #fff;
	padding:8px 20px 9px 20px;
	height:13px;
	width:920px;
	font-size:12px;
	line-height:120%;
}
#headnavi ul{list-style:none; width:322px; float:left}
#headnavi li a{display:block;text-decoration:none}
#headnavi li{float:left; height:13px}
#headnavi01{width:42px;}
#headnavi02{width:100px;}
#headnavi03{width:180px;}

#headnavi p{ width:159px; height:13px;float:right; margin-bottom:0px}


/* ページ本体
---------------------------------------------------- */
#pagebody{ width:920px; padding:20px 20px 0px 20px; background-color:#fff}
#content{ width:710px; float:right}
#side{ width:190px; float:left}

h2{ clear:both}
h3{ clear:both}
h4{ clear:both}


/* ナビ、サイド
---------------------------------------------------- */
#navigation{
	width:178px;
	background:url(../images/navi_bg.jpg) no-repeat;
	height:199px;
	padding:0px 6px;
	font-size:12px;
	line-height:120%;
	margin-bottom:15px
}
#navigation ul{list-style:none}
#navigation li a{display:block;text-decoration:none}
#navigation li{float:left;width:178px; height:56px; margin-bottom:9px}

.side_box{
	width:170px;
	border-left:1px solid #e5e0bd;
	border-right:1px solid #e5e0bd;
	border-bottom:1px solid #e5e0bd;
	background-color:#f3edd9;
	padding:0px 9px 9px 9px;
	margin-bottom:10px
}
.side_box p{ font-size:10px; line-height:1.5em; margin-bottom:7px}


/* フッタ
---------------------------------------------------- */
.pagetop{
	text-align:right;
	border-bottom:1px solid #ccc;
	padding-bottom:7px;
	margin-bottom:10px
}

.footlink{ width:600px; float:right; text-align:right}
.footlink li{
	font-size:10px;
	list-style:none;
	display:inline;
	border-right:#999 1px solid;
	padding:0px 5px
}
.footlink li.last{border:none; padding-right:0px}
.footlink li a:link { color:#666;text-decoration:none} 
.footlink li a:visited { color:#666;text-decoration:none}
.footlink li a:hover,
.footlink li a:active{ color:#666;text-decoration:underline}

address{
	text-align:right;
	font-style:normal;
	font-size:10px;
	color:#666;
	padding-bottom:100px
}

.footlogo{ width:157px; float:left}


/* トップ
---------------------------------------------------- */
.top_box{width:345px; margin-bottom:20px}
/*.top_box p img{ float:right; width:125px}*/

.top_info{
	background:url(../images/top_infobg.gif) no-repeat bottom;
	min-height:40px;
	_height:40px;
	margin-bottom:20px
}
.top_info2{	background:url(../images/top_info.gif) no-repeat top;padding:10px 0px 0px 0px}
.top_info dl{
	float:right;
	width:610px;
	display:inline;
	line-height:1.0em
}
.top_info dt{
	float:left;
	width:89px;
	color:#444;
	font-weight:bold;
	border-right:1px solid #333;
	padding-right:10px;
	margin-bottom:10px
}
.top_info dd{
	float:left;
	width:490px;
	padding-left:20px;
	margin-bottom:10px
}
.top_info dd img{ vertical-align:middle}


/* 靴のお手入れについて
---------------------------------------------------- */
.oteire_left{ width:520px; float:left; margin-bottom:20px}
.oteire_right{ width:170px; float:right}

.oteire_img{ width:70px; float:left; border:1px solid #ddd; margin:0px 10px 10px 0px}
.oteire_left p{ width:438px; float:left;margin-bottom:10px}
.oteire_left p img{ margin-bottom:5px}

.oteire_left2{ margin-bottom:20px}
.oteire_left2 p{ width:628px; float:left;margin-bottom:10px}
.oteire_left2 p img{ margin-bottom:5px}

.oteire_text{
	border-top:1px solid #d53e2e;
	border-bottom:1px solid #d53e2e;
	padding:10px;
	color:#d53e2e
}


/* クチコミ
---------------------------------------------------- */
.review_table{
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse;
	border:1px solid #ccc
}
.review_table th{
	width:25%;
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 10px;
	background-color:#eee;
	font-weight:normal;
	text-align:left
}
.review_table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 10px
}

.review_table th span{ color:#d53e2e; font-size:10px}
.review_table td span{ color:#666; font-size:10px; margin-bottom:0px}

.form02{width:200px}
.form03{width:350px}
.form04{width:100%}
.form_h{ height:80px}

input{ vertical-align:middle}

.review_search{ background-color:#eee; border:1px solid #ccc; padding:10px; margin-bottom:20px}
.review_search td{padding-right:15px}

.review_box{
	width:400px;
	float:left;
	margin-bottom:20px;
}
.review_box h4,
.review_box2 h4{ margin-bottom:7px}
.review_time{
	height:21px;
	border:1px solid #ccc;
	padding:7px 9px
}
.review_icon{float:left;vertical-align:middle; margin-right:7px}
.review_icon img{ float:left;  margin-right:2px; margin-top:1px}
.review_time h5{ float:left; font-size:10px; color:#666; font-weight:normal; padding-top:2px; margin-right:10px}
.review_time p{ float:right; margin-bottom:0px}
.review_comment{ border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.review_comment h6{
	background-color:#eee;
	border-bottom:1px solid #ccc;
	padding:7px 9px;
	font-size:100%;
	color:#444
}
.review_comment p{
	padding:7px 9px;
	margin-bottom:0px
}

.review_box2{
	width:300px;
	float:right;
	margin-bottom:20px
}

.review_paging{ text-align:left; border-bottom:1px dotted #aaa; padding-bottom:10px}
.review_paging img{ vertical-align:middle}


/* 商品一覧（カタログ注文02）共通部分
---------------------------------------------------- */
.pan-kuzu {margin-bottom:10px; font-size:100%; line-height:normal;}

.layout-left{width:199px; float:right;}
.layout-right{width:501px; float:left;}

.common{ padding:5px 3px 5px 7px; background-color:#e5e0bd; border-bottom:1px solid #fff; color:#76543a; font-size:100%; text-align:center}
.searchbox {padding:10px; background-color:#f3edd9; border-bottom:1px solid #e5e0bd; margin-bottom:15px; text-align:center;}


/* 商品一覧（カタログ注文02）一覧ページ
---------------------------------------------------- */
div.paging {color: #ccc;margin-bottom:7px;}
div.paging div.disabled {color: #ddd;display: inline;}
div.paging span.current {color: #000;}

.pro-box {border:1px solid #e5e0bd; width:499px; margin-bottom:10px /* overflow:hidden; */ }
.pro-box h3{padding:9px; border-bottom:1px dashed #e5e0bd; font-size:100%; line-height:normal; background-color:#f3edd9;}
.pro-box img{ width:110px; float:left;border-top:9px solid #fff;border-bottom:9px solid #fff;border-left:9px solid #fff}
.controlbox { width:362px; float:right;border-top:9px solid #fff;border-right:9px solid #fff}
.controlbox p{ margin-bottom:9px}
.click-btn{ width:176px; margin-bottom:0px}
.click-btn a{padding:3px; line-height:normal;text-align:center; display:block; text-decoration:none; background-color:#76543a; color:#fff; width:}
.click-btn a:visited{ color:#fff; text-decoration:none}
.click-btn a:hover,
.click-btn a:active{ color:#fff; background-color:#958166;text-decoration:none}


/* 商品一覧（カタログ注文02）詳細ページ
---------------------------------------------------- */
.pro-d-box { width:499px;border:1px solid #e5e0bd; margin:0px auto; margin-bottom:10px;}
.pro-d-box h3{padding:9px; border-bottom:1px dashed #e5e0bd; font-size:100%; line-height:normal; background-color:#f3edd9; margin-bottom:10px;}
.pro-d-box-img{width:110px; float:left;border-left:9px solid #fff;border-bottom:4px solid #fff;}
.pro-d-box-img img{ margin-bottom:5px}
.data-text{width:362px;float:right;border-right:9px solid #fff;border-bottom:9px solid #fff}
.data-text p{ margin-bottom:9px}
.click-btn3 {padding:5px 0px 3px 0px; text-align:center; background-color:#f3edd9; border-bottom:1px solid #e5e0bd}

.detail-plus { width:481px;padding:10px; background-color:#eee; margin-bottom:10px}
.detail-plus img{ float:left; width:110px}
.detail-plus p{	width:362px;float:right; margin-bottom:0px}


/* 商品一覧（カタログ注文02）カートページ
---------------------------------------------------- */
.carts{ border-collapse:collapse; width:100%}
.carts th{ border:1px solid #e5e0bd; padding:5px; background-color:#f3edd9; color:#555;}
.carts td{ border:1px solid #e5e0bd; padding:5px;}
.carts2{ border-collapse:collapse; width:100%; margin-bottom:10px}
.carts2 th{ border:1px solid #e5e0bd; padding:5px; background-color:#f3edd9; color:#555; width:25%; font-weight:normal}
.carts2 td{ border:1px solid #e5e0bd; padding:5px;}
fieldset{padding:10px;}

.pa10-3{padding:10px; background-color:#eee;margin-bottom:10px; margin-top:10px; font-size:140%; line-height:normal; font-weight:bold;}
.pa10-3 span{ font-size:70%; font-weight:normal}

.thanks{ padding-top:10px; border-top:1px dotted #aaa}

.comtext{text-align:center; padding:10px; border:1px solid #ccc;}



/* 汎用スタイルシート
---------------------------------------------------- */
p{margin-bottom:1.2em}
img {border: 0px; vertical-align:bottom}
table{ margin-top:1px}

.clear {clear: both}

.tar{text-align:right}
.tac{text-align:center}

.f-left{float:left}
.f-right{float:right}

.red{ color:#d53e2e}

.link{ background:url(../images/mark_link.gif) no-repeat left center; padding-left:13px}

.ul_s{  list-style:square; line-height:1.5em; margin-bottom:20px}
.ul_s li{margin-left:20px}
.ol{
	border-top:1px dotted #666;
	padding-top:10px;
	padding-left:15px;
	line-height:1.5em;
	margin-bottom:15px
}
.ol li{ margin-left:15px}
.p_border{border-top:1px dotted #666;	padding-top:10px;}

.box{ background-color:#eee; padding:10px;}

.table{	width:100%; margin-bottom:20px}
.table th{
	padding:8px 12px;
	width:25%;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	background-color:#e5e0bd;
	color:#444
}
.table td{
	padding:8px 12px;
	border-bottom:1px solid #fff;
	background-color:#f3edd9;
}
.text-s{ font-size:10px;}

.title{
	font-size:120%;
	color:#663f21;
	background:url(../images/border.gif) no-repeat bottom;
	padding-bottom:10px;
	margin-bottom:15px
}
.title2{
	font-size:100%;
	color:#663f21;
	border-left:5px solid #663f21;
	line-height:1.5em;
	padding-left:7px;
	margin-bottom:7px
}

.mb0{ margin-bottom:0px}
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mt10{ margin-top:10px}
.mr20{ margin-right:20px}
.ml10{ margin-left:10px}