/* 全体
----------------------------------------------- */

body {
	margin:0;
	font-size:85%;
	line-height:120%;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック";*/
	font-family : sans-serif;
	color:#444444;
	background:#FFFFFF;
	background-image:url(http://www.dansko-japan.com/img/back.gif);
	background-repeat:repeat-y;
	background-position:top center;
}

img {
        border:0;
}



/* ヘッダー
----------------------------------------------- */

#header {
        width:800px;
        margin:0;
        padding-top:5px;
}

.h-left {
        width:300px;
        text-align:left;
        float:left;
}

.h-center {
        padding-top:15px;
        width:280px;
        text-align:left;
        float:left;
}

.h-right {
        width:200px;
        font-size:80%;
        padding-top:5px;
        text-align:right;
        float:right;
}



/* サイト枠
----------------------------------------------- */

#container {
        width:800px;
        margin:0;
}



/* フォント
----------------------------------------------- */

h1 {
        font-size:100%;
        color:#665353;
        padding-top:5px;
        margin:0 0 5px 0;
}

h2 {
        font-size:100%;
        color:#665353;
        text-align:left;
        padding:5px 10px 5px 0;
        border-bottom:3px double #665353;
}

h3 {
        font-size:95%;
        color:#333333;
        text-align:left;
        padding:5px 10px;
        background:#eeeeee;
        border-bottom:1px solid #665353;
        font-weight:normal;
        clear:both;
}

h4 {
        font-size:110%;
        color:#2f1717;
        text-align:left;
        padding:5px 10px;
        margin-bottom:0;
        border-bottom:1px solid #eeeeee;
}

h5 {
        font-size:90%;
        color:#2f1717;
        text-align:left;
        padding:5px 2px 2px 0;
        margin-bottom:2px;
        border-bottom:1px dotted #665353;
        clear:left;
}

span.f1 {
        color:#cc0000;
        font-size:150%;
        font-weight:bold;
}

span.f2 {
        color:#cc0000;
        font-size:100%;
}

span.f3 {
        color:#665353;
        font-size:80%;
}

span.f4 {
        color:#b6aa9f;
        font-size:50%;
}

span.f5 {
        color:#665353;
        font-size:90%;
}

span.f6 {
        color:#cc0000;
        padding:0 3px 0 3px;
        font-size:100%;
        font-weight:bold;
}

span.shop {
        width:100%;
        text-align:left;
        padding:3px;
        border-bottom:1px solid #eeeeee;
}

span.price {
        color:#cc0000;
        font-size:120%;
        font-weight:bold;
}


a:link,a:visited {
        color:#665353;
        text-decoration:none;
}
a:hover {
        color:#665353;
        text-decoration:none;
}

.uchikeshi {/*打ち消し線*/
        text-decoration: line-through;
}


/* ダンスコとは？
----------------------------------------------- */

.about {
          background-image:url(http://www.dansko-japan.com/img/about.jpg);
          background-repeat:none-repeat;
          height:150px;
}

.about p {
          text-align:left;
          font-size:90%;
          padding:35px 230px 0 10px;
}



/* トップ―お店紹介
----------------------------------------------- */

.site {
          text-align:left;
	  font-size:90%;
          padding:0;
}



/* コンテンツ
----------------------------------------------- */

#contents {
          width:600px;
          text-align:left;
          float:right;
          margin-top:20px;
}

/*
#img img {
          border:1px solid #eeeeee;
          margin-right:5px;
}
*/

#contents p {
          text-align:left;
          padding-left:10px;
}

#top-contents img {
          padding-bottom:5px;
}

.contents-left {
          width:395px;
          padding:0;
          float:left;
}

.contents-right {
          width:395px;
          padding:0;
          float:right;
}



/* サイドナビゲーション
----------------------------------------------- */

#side-navi {
          width:180px;
          float:left;
          margin-top:20px;
}


#side-navi dd {
	  font-size:95%;
          text-align:left;
	  margin-left:0;
	  padding:7px 0 7px 20px;
	  border-bottom:1px dotted #eeeeee;
}

.side-bottom {
	  font-size:80%;
          text-align:center;
	  margin:10px 0;
}          


/* フッター
----------------------------------------------- */

#footer {
	  background-image:url(http://www.dansko-japan.com/img/footer-back.jpg);
	  background-repeat:none-repeat;
          height:110px;
          margin:0;
          padding-top:10px;
          text-align:center;
	  font-size:90%;
          clear:both;
}



/* 送料・決済について
----------------------------------------------- */

.pay {
          text-align:left;
          padding:5px;
          font-size:80%;
          border:1px solid #eeeeee;
}


/* 会社概要
----------------------------------------------- */

dl.data {
	  width:98%;
          text-align:left;
	  background-color:#eeeeee;
	  border-bottom:1px solid #cccccc;
}

dl.data dt, dl.data dd {
	  background-color:#eeeeee;
	  margin-left:0;
	  margin-bottom:0;
	  font-size:95%;
	  line-height:150%;
}

dl.data dt {
	  padding:2px 0 2px 10px;
	  float:left;
	  width:140px;
	  border-top:1px solid #cccccc;
	  clear:left;
}

dl.data dd {
	  background-color:#fff;
	  margin-left:150px;
	  margin-bottom:0;
	  border-top:1px solid #cccccc;
	  padding:2px 0 2px 10px;
	  text-indent:-0.2em;
}



/* サイトマップ
----------------------------------------------- */

dl.sitemap dt {
          padding:20px 0 10px 30px;
          text-align:left;
          font-weight:600;
}

dl.sitemap dd {
          padding:5px 0 10px 60px;
          text-align:left;
          background-image:url(img/listmark.gif);
          background-position:left;
          background-repeat:no-repeat;
}



/* カート
----------------------------------------------- */

#cart {
          width:600px;
}

.cart-left {
          width:290px;
          text-align:left;
          padding-left:10px;
          float:left;
}

.cart-right {
          width:290px;
          text-align:left;
          float:right;
}



/* パンくず
----------------------------------------------- */

#bread {
	  text-align:right;
	  font-size:70%;
          margin:0;
}



/* カテゴリサムネイル
----------------------------------------------- */

.thumbnail {
	  text-align:left;
	  width:600px;
	  float:left;
	  font-size:85%;
	  margin-bottom:5px;
	  padding-left:1px;
          line-height:120%;
	  padding-bottom:5px;
          border-bottom:1px dotted #ccc;
}

.thumbnail img {
	  /*border:1px solid #ccc;*/
	  width:180px;
	  float:left;
	  margin-right:10px;
}


/* サイズ表
----------------------------------------------- */

.tb {
	  font-size:80%;
}

.tb table.cal {
	  width:600px;
	  margin:5px 0 10px 0;
	  background-color:#999999;
}

.tb table.cal td.on, td.title{
	  background-color:#FFFFFF;	
	  width:16%;
	  text-align:center;
	  color:#333333;
	  padding:5px;
}

.tb table.cal td.off {
	  background-color:#eeeeee;
	  width:20%;
	  text-align:center;
	  color:#333333;
	  padding:5px;
}



/* お知らせ
----------------------------------------------- */

.list {
	  text-align:left;
	  margin-right:30px;
}

ul.top-list {
          text-align:left;
          margin:0;
          padding:0;
          list-style:none;
}

ul.top-list li {
          background-image:url(img/news-list.gif);
          background-position:left;
          background-repeat:no-repeat;
          padding:7px 10px 7px 30px;
}



/* 商品一覧
----------------------------------------------- */

dl.itemlist {
          margin:0;
          padding:0;
}

dl.itemlist dd {
          padding:5px 0 10px 20px;
          text-align:left;
          background-image:url(img/itemlistmark.gif);
          background-position:left;
          background-repeat:no-repeat;
}

p.box {
          padding:5px;
          border:1px dotted #ccc;
	  width:564px;
	  float:left;
	  margin:10px;
	  font-size:90%;
	  background-color:#eee;
}

p.item{
	  font-size:95%;
}

.cart-left img {
	  /*border:1px solid #ccc;*/
	  width:180px;
	  margin:10px;
}

table.zaiko {
	  width:598px;
	  margin:1px;
	  font-size:90%;
	  border-collapse:collapse;
}

table.zaiko td.on{	
	  text-align:center;
	  color:#333333;
	  border:1px solid #ccc;
	  padding:5px;
}

div.cart-title{	
	  border-bottom:1px dotted #ccc;
	  margin:10px
	  padding:2px;
}


/* TOPへ
----------------------------------------------- */

#pagetop {
          height:10px;
          margin:0;
          padding:0;
          text-align:right;
	  font-size:90%;
}

/* カレンダー
----------------------------------------------- */

table.callender {
	  width:598px;
	  margin:1px;
	  font-size:90%;
	  border-collapse:collapse;
}

td.title {	
	  text-align:left;
	  font-weight:bold;
}

td.youbi {	
	  text-align:center;
	  color:#ffffff;
	  border:1px solid #ccc;
	  padding:5px;
	  background-color:#4f2305;
	  border-collapse:collapse;
}

td.open {	
	  text-align:center;
	  color:#333333;
	  border:1px solid #ccc;
	  padding:5px;
	  border-collapse:collapse;
}

td.close {	
	  text-align:center;
	  color:#333333;
	  border:1px solid #ccc;
	  padding:5px;
	  background-color:#eee;
	  border-collapse:collapse;
}

/* おすすめ
----------------------------------------------- */

.thumbnail-m {
	  text-align:left;
	  width:115px;
	  float:left;
	  font-size:10px;
	  margin:0 2px 0 0;
	  padding:0 2px 0 0;
	  line-height:110%;
}

.thumbnail-m img {
	  /*border:1px solid #ccc;*/
	  width:115px;
	  float:left;
	  margin:2px 2px 2px 0;
	  padding:2px 2px 2px 0;
}

/* ランキング
----------------------------------------------- */

.thumbnail-b {
	  text-align:left;
	  width:150px;
	  float:left;
	  font-size:10px;
	  margin:0 2px 0 0;
	  padding:0 2px 0 0;
	  line-height:110%;
}

.thumbnail-b img {
	  /*border:1px solid #ccc;*/
	  width:150px;
	  float:left;
	  margin:2px 2px 2px 0;
	  padding:2px 2px 2px 0;
}

/* フットウエアの特徴
----------------------------------------------- */

.f-left {
        width:180px;
        text-align:center;
        float:left;
}

.f-right {
        width:420px;
        text-align:left;
        float:left;
}

.top_img {
	  text-align:left;
	  font-size:10px;
	  width:340px;
	  margin:0;
	  padding:0;
}

.top_img img {
	  width:340px;
	  float:left;
	  margin:0;
	  padding:0;
}


table.toppage {
	  width:800px;
	  margin:0;
	  padding:20px;
	  border-collapse:collapse;
	  border:1px solid #f1e5db;
}

td.toppage {
	  text-align:left;
	  font-weight:none;
	  margin:0;
	  padding:10px;
}

/* おしらせ、メディア情報
----------------------------------------------- */

.time {
	  text-align:right;
	  font-size:85%;
	  font-weight:none;
}