@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
}
body {
	margin: 20px;
    font-size: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color: #333333;
	background: #F4F4F4;
	text-align: center;
}
a {
  　text-decoration: none;
  　color: #333333;
}
a:visited {
    text-decoration: none;
    color: #333333;
}
a:hover {
　　text-decoration: none;
　　color: #333333;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
	background: #FFFFFF;
	padding-top: 10px;
	text-align: center;
	margin: 0 auto;
}

/* ロゴとナビゲーション
---------------------------------------------*/
#logo {
    text-align: left;
	padding: 0;
	margin:0px 0px 10px 10px;
}
#logo2 {
	padding:0px 0px 0px 70px;
}
#globalNav {
   display:none;
}
#globalNav li {
   display:none;
}
#globalNav li a {
   display:none;
}


.bland {
   display:none;
}
/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -131px 0; }
	#nav03 a { background-position: -263px 0; }
	#nav04 a { background-position: -395px 0; }
	#nav05 a { background-position: -528px 0; }

	
	/* 現在位置 */
	#nav01 a.stay { background-position:  0     -70px; }
	#nav02 a.stay { background-position: -131px -70px; }
	#nav03 a.stay { background-position: -263px -70px; }
	#nav04 a.stay { background-position: -395px -70px; }
	#nav05 a.stay { background-position: -528px -70px; }


	/* オンマウス */
	#nav01 a:hover { background-position:  0     -35px; }
	#nav02 a:hover { background-position: -131px -35px; }
	#nav03 a:hover { background-position: -263px -35px; }
	#nav04 a:hover { background-position: -395px -35px; }
	#nav05 a:hover { background-position: -528px -35px; }




/* メインイメージと2段組
---------------------------------------------*/
#contents {
    overflow: visible !important;
    overflow /**/: visible;

}
#contents2 {
    overflow: visible !important;
    overflow /**/: visible;
	text-align: center;
	margin: 0 auto;
	background: #FFFFFF;
	padding-bottom: 0px;
}
#about {
	float: left;
	width: 500px;
}
#topix {
	float: left;
	width: 235px;
	padding-left: 0px;
	height: 330px; 
    min-height: 200px;  
    overflow: auto;
    margin: 5px 0px 0px 10px; 
    padding: 1px;
    background:#ffffff;
    margin-top:0px; 
}
#topix dl {
    padding-left: 10px;
}
#topix dt {
    font-weight:bold;
}
#topix dd {
    color:#00688B;
    margin: 0px 0px 10px 0px;
}
#footer {
   display:none;
}
#about2 {
	float: left;
	width: 610px;
}
table.company {
   	width: 500px;
	font-size:110%;
	margin-left:auto;margin-right:auto;
	
}
.company th {
	color:#483D8B;
	font-size:90%;
	border-bottom: solid 0.1em #CFCFCF;
	border-left: solid 0.3em #CFCFCF;
	background-color: #ffffff;
	width:80px;
	padding:3px 0px 0px 0px;
	text-align:center;
}
.company tr {
	color:#000000;
	border-left: solid 0.3em #CFCFCF;
	margin:0px 0px 10px 30px;
	text-align:left;
}
.company td {
	color:#000000;
	padding:6px 0px 5px 30px;
	text-align:left;
}
.company td p {
	color:#000000;
	padding:0px 0px 10px 0px;
	text-align:left;
}
#about4 {
	width: 900px;
}


/*商品説明サイドメニューバー
---------------------------------------------*/

#topix2 {
　 display:none;
}
#topix2 ul{
　 display:none;
}
#topix2 li{
　 display:none;
}
#topix2 ul ul{
　 display:none;
}
#topix2 li li{
　 display:none;
}

#topix2 a a{
　 display:none;
}  
#topix2 a a:hover {
　 display:none;
}   

#topix2 a {
　 display:none;
}  
#topix2 a:hover {
　 display:none;
}   
/* 商品説明
---------------------------------------------*/
#shoeslist {
 　position:relative;
 　margin-top:0px; 
   float: left;
   width: 900px;
   height: auto;
   text-align : center ;
   overflow:visible !important;
   overflow /**/: visible;
   margin: 0px 0px 0px 0px; 
   padding: 2px;
   background: #FFFFFF;
} 
#productlist2 {
 　position:relative;
 　margin-top:0px; 
   float: left;
   width: 590px;
   max-height: 450px;
   overflow: auto;
   margin: 0px 0px 0px 0px; 
   padding: 2px;
   background: #FFFFFF;
   margin-top:0px; 
} 
#about4 h1 {
  float:left;
  display:block;
　height:auto;
  padding:1px 5px 3px 0px;
  margin: 3px 0px 3px 40px;
  color:#FFFFFF;
  font-size: 120%;
  background:#FFFFFF;
}
#about4 p{
  display:none;
}
#about4 h2 {
  float:left;
  padding:10px 10px 3px 0px;
  margin: 3px 0px 0px 0px;
  color:#FFFFFF;
  font-size:150%;
  font-weight:normal;
  color: #338877;
  
}
 #about4 h2 a{
  width /**/: 100px;
  text-decoration: none;
} 
 #about4 h2 a:hover{
  width /**/: 100px;
  text-decoration: none;
} 
table.shoeslist{
    table-layout:fixed; width:700px;
　  border-top:0;
    border-left:0;
    font-size:100%;
    border-collapse:collapse;
    background-color:#FFFFFF;
    empty-cells:hide;
    margin-left : auto ; margin-right : auto ; text-align : left ;
    margin:0px 0px 3px 50px; 
    padding:0px 0px 3px 10px;
    border-style: none;
}
.shoeslist tr{
    height:25px;
    border-right:0;
    border-bottom:0;
    color:#000000;
    background-position:left top;
    padding:0px 0px 0px 0px;
    border-style: none;
    
}
.shoeslist td{
    color:#000000;
    border-right:0;
    border-bottom:0;
    padding: 2px;
    margin:0px 0px 0px 0px; 
    text-align: left; 
    border-style: none;
}
#shops td a{
text-decoration: none;
}
#shops td a:hover { 
  color:#FFFFFF; 
  text-decoration:none; 
}

td.photo{
    color:#0000FF;
    max-height: 150px; 
    min-height: 40px; 
    font-size:120%;
    background-color:#FFFFFF;
    padding: 1px;
    margin:0px 0px 0px 0px; 
    text-align:center; 
    border-style:none;
    position:relative; 
    bottom:0px;
    vertical-align:bottom;
}
td.photo2{
    color:#0000FF;
    height:200px;
    font-size:120%;
    background-color:#FFFFFF;
    padding: 1px;
    margin:0px 0px 0px 0px; 
    text-align:center; 
    border-style:none;
    position:relative; 
    bottom:0px;
    vertical-align:bottom;
}
td.series{
    color:#0000CD;
    font-size:140%;
    background-color:#b0c4de;
    padding:0px 0px 0px 5px; 
    margin:0px 0px 10px 0px; 
    text-align: left;
    font-weight: normal;
    text-decoration: none; 
    vertical-align:top;
}
#series td a{
color:#0000CD;
text-decoration: none;
}
#series td a:visited { 
  color: #68228B;
  text-decoration: none
}
#series td a:hover { 
  color:#1E90FF; 
  text-decoration: none
} 
#series td a:active { 
  color: #00CD66;
  font-weight: none;
  text-decoration: none
}
td.series2{
    color:#000000;
    max-height: 150px; 
    min-height: 40px; 
    font-size:120%;
    background-color:#CDC8B1;
    padding:0px 0px 0px 5px; 
    margin:0px 0px 10px 0px; 
    text-align: left;
    font-weight: normal;
    text-decoration: none; 
    vertical-align:top;
}

td.series a { 
text-decoration: none; 
} 
td.series a:hover { 
    color:#0000EE;
    text-align: left;
    text-decoration: underline; 
    vertical-align:top;
} 
td.series b{
font-size:85%;
color:#363636;
}
td.p2{
   margin: 3px;
   padding: 2px 8px 0px 8px;
   height:100%;
   font-size: 110%;
   text-indent: 10px;
   line-height:1.9em;
   background-color:#FFFFFF;
   vertical-align:top;
   word-break: break-all; 
   
}
td.p2.a{
text-decoration: none;
}
table.spec{
    table-layout:fixed; width:500px;
    text-align:left;
    line-height:1.2em;
    font-size:100%;
    height:15px;
    border-collapse:collapse;
    color:#000000;
    background-color:#FFFFFF;
    empty-cells:show;
    margin-left : auto ; margin-right : auto ; text-align : left ;
    margin:0px 0px 3px 45px; 
    padding:0px 0px 3px 10px;
    font-weight: nomal;
    word-break: keep-all;
    border: 1px #000000 solid;
    
}
.spec tr{
    height:100%;
    border-right:0;
    border-bottom:0;
    color:#000000;
    padding:0px 0px 0px 0px; 
    
}
.spec td{
    color:#000000;
    border-right:0;
    border-bottom:0;
    padding: 2px;
    max-width: 50px
    margin:0px 0px 0px 0px; 
    text-align: left;
}
table.size{
    table-layout:fixed; 
    width:500px;
    line-height:1.2em;
    font-size:100%;
    height:30px;
    border-collapse:collapse;
    color:#000000;
    background-color:#FFFFFF;
    empty-cells:show;
    text-align : center ;
    margin:0px 0px 3px 45px; 
    padding:1px 2px 1px 2px;
    font-weight: nomal;
    word-break: keep-all;
    border: 1px #000000 solid;
}
.size td{
    color:#000000;
    border-right:0;
    border-bottom:0;
    padding: 2px;
    margin:0px 0px 0px 0px; 
    text-align: center;
    border: 1px #000000 solid;
}
td.p{
   max-height: 150px; 
   min-height: 40px; 
   font-size: 100%;
   line-height:1.7em;
   text-indent: 12px;
   padding:4px 5px 3px 10px;
   margin:0px 5px 0px 5px; 
   background-color:#ffffff;
   vertical-align:baseline;
   text-align: left;
   word-break:break-all;
} 
td.p2{
   max-height: 150px; 
   min-height: 40px; 
   font-size: 100%;
   line-height:1.7em;
   padding:4px 5px 3px 10px;
   margin:0px 5px 0px 5px; 
   background-color:#ffffff;
   vertical-align:baseline;
   text-align: left;
   word-break:break-all;
}       
#shoeslist dl{
 margin: 50px 0px 0px 70px;
 font-size:90%;
 height:40px;
 letter-spacing: 0.1em;
 border-left:0px solid #CCCCCC;
 border-right:0px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
}
#shoeslist dt {
  padding: 1px 0;
  text-align: center;
  background: #FFFFFF;
  border-top:1px solid #E4caca;
}
#shoeslist dd{
  padding: 2px 0;
} 

/* 商品説明の奥の個別商品ページ
---------------------------------------------*/
#shoeslist h2 {
 border-top:1px solid #CCCCCC;
}
 #shoeslist2 li {
  float: left;
  width: 150px;
  margin:10px 7px 10px 7px;
  text-align: center;
  list-style: none;
}
#shoeslist2 li {
  float: left;
  width: 200px;
  margin:10px 1px 10px 1px;
  padding:3px 23px 5px 27px;
  text-align: center;
  list-style: none;
}
#shoeslist li p {
  padding:3px 10px 5px 10px ;
  width: 150px;
  margin:50px 20px 20px 30px;
  text-align: left;
}
#shoeslist h3 {
  display:block;
  width:140px;
　height:150px;
  margin:5px 1px 5px 1px;
  padding:3px 0px 5px 40px;
  color:#FFFFFF;
  }
#productlist h3 span {
　width:auto;
　height:40px;
  display:block;
  margin:5px 1px 5px 1px;
  padding:3px 0px 5px 0px;
  color:#FFFFFF;
  text-align: center;
  font-size: 120%;
  font-weight:bold;
  background:#006633;
}
#productlist2 h3 {
  display:absolute;
  display:block;
  width:200px;
　height:150px;
  margin:5px 1px 5px 20px;
  padding:3px 0px 5px 20px;
  color:#FFFFFF;
}
#shoeslist2 h3 span {
　width:auto;
　height:40px;
  display:block;
  margin:20px 1px 5px 20px;
  padding:3px 0px 5px 0px;
  color:#FFFFFF;
  text-align: center;
  font-size: 120%;
  font-weight:bold;
  background:#006633;
}
table.product2{
    table-layout:fixed;
    width:550px;
　  border-top:0;
    border-left:0;
    font-size:100%;
    border-collapse:separate;
    background-color:#FFFFFF;
    empty-cells:show;
    margin:0px 20px 3px 0px; 
    padding:5px 0px 3px 5px;
}
.product2 tr{
    height:auto;
    border-right:0;
    border-bottom:0;
    color:#000000;
    background-position:left top;
    padding:0px 5px 0px 0px; 
    
}
.product2 td{
    color:#000000;
    border-right:0;
    border-bottom:0;
    padding: 5px;
    margin:0px 0px 0px 0px; 
    text-align: left; 
}
.product2 td p {
   margin: 3px;
   font-size: 110%;
   line-height:1.7em;
}
.product2 td h3 {
  display:absolute;
  display:block;
  width:200px;
　height:auto;
  margin:5px 1px 5px 10px;
  padding:3px 0px 5px 10px;
  color:#FFFFFF;
}
#product2 td a{
text-decoration: none;
}
#product2 td a:hover { 
  color:#FFFFFF; 
  text-decoration:none; 
} 
#shoeslist2 dl{
 float:none;
 margin: 10px 0px 0px 10px;
 font-size:90%;
 height:10px;
 letter-spacing: 0.1em;
 border-left:0px solid #CCCCCC;
 border-right:0px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
}
#shoeslist2 dt {
  padding: 4px 0;
  text-align: center;
  background: #FFFFFF;
  border-top:1px solid #E4caca;
}
#shoeslist2 dd{
  padding: 2px 0;
} 

.tdata{
　position:absolute;
　left:0px;
　top:0px;
　visibility:hidden;
　font-size:9pt; color:#000000; 
　background-color:#FFFFFF;
　layer-background-color:#FFFFFF;
　border:1px solid #000000;
　padding:1px;
}
#l_product_nameback {
  display:none;
}
/* 取り扱い店
---------------------------------------------*/
#topix3 {
   display:none;
}
#region {
   overflow:visible !important;
   overflow /**/: visible;
   width: 570px;
   margin: 5px 0px 0px 10px; 
   padding: 0px;
   background:#E0EEE0;
}
#region h2 {
   margin: 0px 0px 10px 5px;
   padding: 5px 5px 2px 1px;
   border-bottom: 1px solid #8B8878;
   font-size: 160%;
}   
#region h3 {
   margin: 0px 0px 0px 200px;
   padding: 1px 5px 5px 1px;
   font-size: 110%;
}    
#shops {
　 font-size: 90%;
   height: auto; 
   overflow:visible !important;
   overflow /**/: visible;   
   margin: 5px 0px 0px 10px; 
   padding: 1px;
   background:#E0EEE0;
   margin-top:0px; 
}
#shops h3 {
   color: #696969;
   margin: 10px 0px 0px 3px;
   padding: 0;
   font-size: 140%;
   background: #fffFFF;
}
#shops h4 {
   color: #1E90FF;
   margin: 10px 0px 0px 10px;
   padding: 0;
   font-size: 140%;
}
#shops p {
   margin: 3px;
   font-size: 110%;
}
table.shops{
    overflow:visible !important;
    overflow /**/: visible;   
    height: auto; 
    table-layout:fixed;
　  border-top:0;
    border-left:0;
    font-size:100%;
    border-collapse:collapse;
    background-color:#E0EEE0;
    empty-cells:show;
    margin:0px 0px 3px 70px; 
    padding:0px 0px 3px 10px;
 }
.shops tr{
    border-right:0;
    border-bottom:0;
    color:#000000;
    background-position:left top;
    padding:0px 0px 0px 0px; 
}
.shops td{
    color:#000000;
    border-right:0;
    border-bottom:0;
    padding: 2px;
    margin:0px 0px 0px 0px; 
    text-align: left;
    line-height: 1.7em;
}
#shops td a{
  　text-decoration: none;
  　color: #333333;
}
#shops td a:visited { 
  　text-decoration: none;
  　color: #333333;
}
#shops td a:hover { 
  　text-decoration: none;
  　color: #333333;
} 
#shops td a:active { 
  　text-decoration: none;
  　color: #333333;

}
/* お問い合わせページ
---------------------------------------------*/
#inquiry{
   height:350px;
   width:500px;
   padding:50px 5px 3px 10px;
   margin:0px auto;
   background-color:#ffffff;
}
#inquiry h1{
   max-height: 150px; 
   min-height: 30px; 
   width:400px;
   font-size: 140%;
   padding:4px 5px 3px 10px;
   margin:0px 5px 0px 5px; 
   color:#00008B;
   border-bottom: solid 1px #666;
   border-left: 10px solid silver;
   text-align:left;
}
#inquiry p{
   height: 60px; 
   width:400px;
   padding:20px 0px 0px 20px;
   margin:0px 5px 0px 5px; 
   font-size: 130%;
   line-height:1.7em;
   background-color:#ffffff;
   text-align:left;
} 
table.form{
    table-layout:fixed; width:500px;
    text-align:left;
    line-height:1.5em;
    font-size:100%;
    height:15px;
    border-collapse:collapse;
    color:#000000;
    background-color:#FFFFFF;
    empty-cells:show;
    margin-left : auto ;
    margin-right : auto ;
    padding:0px 0px 3px 10px;
    font-weight: nomal;
    border: 0px #000000 solid;

}
.form tr{
    height:100%;
    border-right:0;
    border-bottom:0;
    color:#000000;
    background-position:left top;
    padding:0px 0px 0px 0px; 
    
}
.form td{
    border-right:0;
    border-bottom:0;
    padding: 2px;
    margin:0px 0px 0px 0px; 
    text-align: left;
    height:100%;
    line-height: 1.7em;
}
.form_title {
	COLOR: #000000; 
	PADDING-TOP: 2px; 
	WHITE-SPACE: nowrap; 
	BACKGROUND-COLOR: #EEEEE0;
}
.form_cell {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 2px; 
	PADDING-TOP: 2px; 
	BACKGROUND-COLOR: #FFFFFF;
}
.form_title em {
	font-style: normal;
	font-size:10px;
	color: #FF0000;
	padding-left: 10px;
}
table.formtop{
	color:#FF8247;
	font-size:100%;
	border-bottom: solid 0.1em #CFCFCF;
	background-color: #ffffff;
	width:500px;
	text-align: center;
	margin: 0 auto;
	padding:3px 0px 0px 0px;
}
table.formtop2{

	width:600px;
	text-align: center;
	margin: 0 auto;

}
.formtop2 tr td h1{
    text-align:center;
　　font-weight: normal; 
	color:#ffffff;
	font-size:150%;
	border-bottom: none;
	border-left: none;
	background-color: #548B54;
	width:500px;
	margin-left:auto;margin-right:auto;
	padding:5px 0px 5px 0px;
}
.notice{
   color:#000000;
   text-align: center;
   padding: 10px 0px 0px 0px;
} 
.submit{
   text-align: center;
   padding: 10px 20px 0px 20px;
}
table.formtop3{
	width:600px;
	margin-left:auto;margin-right:auto;
	text-align:center;
	margin-top:20px;
}  

/* 本文のレイアウト
---------------------------------------------*/
#about h3, #newsRelease h3 {
	color: #FFFFFF;
	background: #3452B2;
}
#about .section {
	margin: 16px 18px 0 18px;
	border-bottom: 1px solid #ccc;
}
#about .section p {
	margin: 10px 0;
}
#about .section .link {
	background: #FFFFFF;
	padding-left: 14px;
}
#newsRelease dl {
	margin: 16px 18px 0 18px;
}
#newsRelease dl dt {
	font-size: 90%;
	color: #666666;
	margin-top: 10px;
}
/* ブランド別歴史
---------------------------------------------*/

#logos{
     padding:10px 10px 3px 0px;
     margin: 3px 0px 0px 0px;
}
#hpics{
     float:left;
     padding: 10px 20px 20px 50px;
}
#hpics2{
     float:right;
     padding: 10px 20px 0px 50px;
}
#history{
    text-align : left ;
    padding: 10px 20px 20px 50px;
    overflow:hidden;
}
#history h2 {
    font-size: 120%;
}
#history p {
   margin: 3px;
   font-size: 110%;
   line-height:1.7;
   padding: 0px 20px 10px 10px;
}
/* メンテナンス
---------------------------------------------*/
#pics{
     float:left;
     padding: 5px 20px 5px 5px;
     margin: 0px 5px 100px 10px;
}
#pics2{
     float:right;
     padding: 5px 5px 5px 20px;
     margin: 0px 0px 90px 5px;
}
#pics3{
    margin: 10px 0px 0px 20px;
	text-align:center;
}
#pics4{
    margin: 10px 0px 0px 30px;
	text-align:center;
}
#pics5{
    margin: 10px 10px 20px 25px;
	text-align:center;
}
#pics6{
     float:left;
     padding: 5px 20px 5px 5px;
     margin: 0px 5px 10px 10px;
}
#pics7{
     float:right;
     padding: 5px 5px 5px 20px;
     margin: 0px 0px 20px 5px;
}
 
#maintenance{
   width: 700px;
   height: auto; 
   overflow:visible !important;
   overflow /**/: visible;
   margin: 5px 0px 0px 10px; 
   padding: 1px;
   background:#E0EEE0;
   margin-top:0px; 
}
#maintenance h2 {
    color:#FFFFFF;
    padding: 2px 5px 2px 5px;
    font-size: 120%;
    background:#528B8B;
    text-align:left;

}
#maintenance h3 {
　　color:#1E90FF;
    padding: 2px 5px 2px 5px;
    font-size: 115%;
    text-align:left;
}
#maintenance h4 {
　　color:#333333;
    padding: 2px 5px 2px 5px;
    font-size: 110%;
    text-align:left;
}
#maintenance p {
   margin: 3px;
   font-size: 110%;
   line-height:1.7;
 　text-indent: 12px;
   padding: 0px 20px 10px 10px;
   text-align:left;
}
#maintenance p2 {
   margin: 3px;
   font-size: 110%;
   line-height:1.9;
   padding: 0px 20px 10px 10px;
}
#caution{
   margin: 3px;
   font-size: 110%;
   line-height:1.2;
   padding: 0px 20px 10px 30px;
   text-align:left;
}