@charset "utf-8";
@import url(lightbox.css);

/************************************************/
/*  Commonnes                                   */
/************************************************/

/** div#wrap = 600px ****************************/

ol#topic-path{
  list-style:none;
  font-size:smaller;
  color:#777;
  padding:10px;
  margin:0;
  border-bottom:1px dotted #ccc;
}

ol#topic-path li{
  display:inline;
}

ol#topic-path li a{
  padding-right:10px;
  background : url(../img/icon_03.gif) no-repeat 100% 50%;
}


h2.pagetitle{
  margin:0 -10px 10px;
}

h2.pagetitle img{
  display:block;
}


div.section{
  clear:both;
  margin-top:25px;
}

div.section h3{
  font-size:1.25em;
  font-weight:normal;
  color:#37c;
  padding:3px 0 3px 7px;
  margin-bottom:10px;
  border-left:3px solid #555;
}



/************************************************/
/*  Goods List                                  */
/************************************************/

div.itemlist{
  width:610px;
  margin:0 -5px;
}

div.itemlist div.item{
  position:relative;
  float:left;
  width:285px;
  padding:5px;
  margin:0 5px 10px 5px;
  background:#efefef;
}

div.item img{
  vertical-align:middle;
}

div.item dl{
  padding:0;
  margin:0;
}

div.item dl dt{
  font-size:smaller;
  color:#13a;
  margin-top:5px;
}

div.item dl dd{
  margin:0;
}

div.item dl dd strong{
  color:#f00;
}

div.item dl dd s{
  font-weight:bold;
}




div.item em.new{
  display:block;
  position:absolute;
  top:-5px;
  right:-5px;
  width:36px;
  height:35px;
  background : url(../img/img_new.png) no-repeat 0px 0px;
}

table.shoes-list em.new{
  display:block;
  position:absolute;
  z-index:100;
  top:-5px;
  right:-142px;
  width:36px;
  height:35px;
  background : url(../img/img_new.png) no-repeat 0px 0px;
}

div.item em.remited{
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:65px;
  height:65px;
  background : url(../img/img_remited.png) no-repeat 0px 0px;
}

div.item em.service{
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:65px;
  height:65px;
  background : url(../img/img_service.png) no-repeat 0px 0px;
}

div.item em.soldout{
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:65px;
  height:65px;
  background : url(../img/img_soldout.png) no-repeat 0px 0px;
}

div.item em.stock{
  display:block;
  position:absolute;
  top:-5px;
  right:-5px;
  width:36px;
  height:35px;
  background : url(../img/img_stock.png) no-repeat 0px 0px;
}


div.item em.new span,
table.shoes-list em.new span,
div.item em.remited span,
div.item em.service span,
div.item em.soldout span,
div.item em.stock span{
  visibility:hidden;
}




/************************************************/
/*  Goods Detail                                */
/************************************************/

div.gallery{
  width:600px;
  padding-top:15px;
}

div.gallery:after{
  content:".";
  height:0;
  clear:both;
  display:block;
  visibility:hidden;
}

div.gallery p{
  float:left;
  width:500px;
}

div.gallery p img{
  display:block;
  border:1px solid #aaa;
}


div.gallery ul{
  list-style:none;
  float:right;
  width:72px;
  padding:0 10px 10px;
  margin:0;
  background:#eee;
}

div.gallery ul li{
  float:left;
  width:72px;
  margin:10px 0 0 0;
}

div.gallery ul li a{
  display:block;
  text-decoration:none;
  border:1px solid #aaa;
}

div.gallery ul li a:hover{
  border:1px solid #7cf;
}

div.gallery ul li a img{
  display:block;
}


div.section div.detail h4{
  font-size:1.15em;
  font-weight:normal;
  color:#ac3;
}


div.section div.detail p{
  margin-top:10px;
}

div.section div.detail p img.float{
  float:left;
}




div.section div.detail dl{
  width:600px;
  padding:0;
  margin:10px 0 0 0;
  background:#ddd;
  /*background : url('../img/back_detail-dt.gif') repeat-y 0px 0px;*/
}

div.section div.detail dl dt{
  display:inline;
  float:left;
  clear:both;
  text-indent:5px;
  width:200px;
  padding:7px 0;
  border-top:1px solid #fff;
}

div.section div.detail dl dd{
  padding:7px;
  margin:0 0 0 200px;
  border-top:1px solid #fff;
  background:#fff;
}


/*
div.section div.detail dl dt{
  float:left;
  width:155px;
  padding:7px 0 7px 5px;
  border-top:1px solid #fff;
}

div.section div.detail dl dd{
  padding:7px 0 7px 5px;
  margin:0 0 0 160px;
  border-top:1px solid #fff;
}
*/


div.section div.detail dl dd strong{
  color:#f00;
}

div.section div.detail dl dd em{
  color:#f00;
}

div.section div.detail dl dd span{
  font-size:smaller;
}


div.section div.detail dl dd ul{
  list-style:none;
  padding:0;
  margin:0;
}


div.section div.detail dl dd img{/* Tennis Wear */
  vertical-align:middle;
  margin-right:10px;
}




/************************************************/
/*  Home                                        */
/************************************************/

div#counter{
  text-align:center;
  padding-top:50px;
}

div#information{
  position:relative;
  float:left;
  width:340px;
  padding:10px 0 0 10px;
}

div#information ul#slide{
  position:relative;
  list-style:none;
  height:150px;
  padding:0;
  margin:0;
}



p.banner img{
  margin-top:10px;
}



div#information div.section h2{
  line-height:31px;
  font-size:1.15em;
  font-weight:normal;
  color:#13a;
  padding-left:5px;
  margin-bottom:7px;
  background : url(../img/back_information-h2.gif) repeat-x 0px 0px;
}

div#information div.section h2 span{
  padding:0 0 0 15px;
  background : url(../img/icon_04.gif) no-repeat 0px 50%;
}

div#information div.section ul{
  list-style:none;
  padding:0;
  margin:0;
}

div#information div.section ul li{
  padding:5px 12px;
  border-bottom:1px dotted #aaa;
  background : url(../img/icon_03.gif) no-repeat 5px 10px;
}

div#information div.section dl{
  padding:0;
  margin:0 0 0 7px;
}

div#information div.section dl dt{
  font-weight:bold;
  font-size:smaller;
  color:#fff;
  padding:2px;
  margin-bottom:5px;
  background:#999;
}

div#information div.section dl dd{
  margin:0 0 10px 0;
}

div#information div.section dl dd ul{
  font-size:0.85em;
}


div#information div.section p.detail{
  text-align:center;
  color:#fff;
  padding:5px;
  background:#699f00;
}



div#information div.section.news h2{
  line-height:45px;
  height:45px;
  padding:0 7px;
  color:#fff;
  margin:0;
  background:url('../img/back_news.gif') 100% 0 no-repeat #e00;
}

div#information div.section.news ul{
  padding:0 7px 7px;
  margin:0;
  background:#e00;
}

div#information div.section.news ul li{
  padding:5px;
  border:0;
  background:#fff;
}

div#information div.section.news ul li strong{
  color:#37c;
}




/************************************************/
div#information div.map{
  padding:10px;
  border-top:2px solid #fd0;
  border-bottom:2px solid #fd0;
  background:#fea;
}

div#information div.map h2{
  line-height:1em;
  color:#5a0;
  padding:0;
  margin-bottom:3px;
  background:none;
}

div#information div.map h2 img{
  vertical-align:middle;
  margin-right:3px;
}

div#information div.map address{
  font-style:normal;
  color:#c00;
  font-weight:bold;
}
/************************************************/


div#side{
  float:right;
  width:250px;
  padding:10px 10px 0 0;
}

div#side div.calendar{
  text-align:center;
  padding-bottom:7px;
  margin-bottom:25px;
  background : url(../img/back_calendar02.gif) no-repeat 0px 100%;
}

div#side div.calendar h2{
  line-height:30px;
  font-size:1.1em;
  font-weight:normal;
  color:#13a;
  padding:7px 0 10px;
  background : url(../img/back_calendar01.gif) no-repeat 0px 0px;
}



div#side div.calendar dl{
  text-align:left;
  padding:0 10px;
  margin:0;
  background : url(../img/back_calendar03.gif) repeat-y 0px 0px;
}

div#side div.calendar dl dt{
  font-size:0.75em;
  font-weight:bold;
  color:#35a;
}

div#side div.calendar dl dd{
  padding-bottom:7px;
  margin:3px 0 0 0;
}


div#side div.calendar p{
  padding:0 7px 7px;
  background : url(../img/back_calendar03.gif) repeat-y 0px 0px;
}


div#side div.calendar table{
  text-align:center;
  width:236px;
  margin:0 7px;
  border-collapse:separate;
  background:#aaa;
}

div#side div.calendar table th{
  font-weight:normal;
  color:#fff;
  padding:2px 0;
  background : #555555 url(../img/back_calendar-th.gif) repeat-x 0px 50%;
}

div#side div.calendar table th.sun{color:#f77;}
div#side div.calendar table th.sat{color:#99f;}

div#side div.calendar table td{
  padding:2px 0;
  background:#fff;
}

div#side div.calendar table td.rh{
  color:#fff;
  background:#05f;
}

div#side div.calendar table span.red{color:#f00;}
div#side div.calendar table span.blue{color:#00f;}



/*** 臨時休業 ***/
div#side div.calendar table td.temp{
  color:#fff;
  background:#f39;
}
/****************/



div#side ul{
  list-style:none;
  padding:0;
  margin:0 0 25px 0;
}

div#side ul li{
  margin-bottom:5px;
}

div#side ul li img{
  vertical-align:middle;
}



/************************************************/
/*  Profile                                     */
/************************************************/

div.section div.greeting{
  float:left;
  width:479px;
}

div.section div.greeting p{
  text-indent:0.5em;
  margin-top:10px;
}

div.section div.greeting-photo{
  float:right;
  text-align:center;
  width:111px;
  padding-top:25px;
}


div.access address{
  float:left;
  width:330px;
  margin-top:10px;
}

div.access address img{
  vertical-align:middle;
}

div.access dl{
  padding:10px 10px 5px;
  margin:10px 0 0 330px;
  background:#ddd;
}

div.access dl dt{
  color:#c00;
}

div.access dl dd{
  margin:0 0 5px 5px;
}


div.store-photo{
  text-align:center;
  width:540px;
  margin:15px 26px 0;
}

div.store-photo img{
  float:left;
  margin:0 5px 10px;
  border:2px solid #ccc;
}


/** Map.html ************************************/

div.access-map ol{
  list-style:none;
  padding:0;
  margin:0;
}

div.access-map ol li{
  float:left;
  width:224px;
  padding:5px 5px 5px 61px;
  margin:16px 16px 0  0;
  border:1px solid #ccc;
}

div.access-map ol li.turn2,div.access-map ol li.turn4{
  margin-right:0;
}

div.access-map ol li.turn1{
  background : #eeeeee url(../profile/img/img_turn1.gif) no-repeat 0px 0px;
}

div.access-map ol li.turn2{
  background : #eeeeee url(../profile/img/img_turn2.gif) no-repeat 0px 0px;
}

div.access-map ol li.turn3{
  background : #eeeeee url(../profile/img/img_turn3.gif) no-repeat 0px 0px;
}

div.access-map ol li.turn4{
  background : #eeeeee url(../profile/img/img_turn4.gif) no-repeat 0px 0px;
}



/************************************************/
/*  Order                                       */
/************************************************/

div.order dl{
  padding:0;
  margin:15px 0 0 0;
  border-width:0 1px 1px;
  border-style:solid;
  border-color:#3af;
  background : url(../order/img/back_order-dt.gif) repeat-y 0px 0px;
}

div.order dl dt{
  float:left;
  color:#fff;
  width:170px;
  padding:7px;
  border-top:1px solid #aef;
}

div.order dl dt.first{
  border-top:1px solid #3af;
}

div.order dl dd{
  padding:7px;
  margin:0 0 0 184px;
  border-top:1px solid #3af;
  border-left:1px solid #3af;
}

div.order dl dd ul{
  list-style:none;
  padding:0;
  margin:0;
}

div.order dl dd ul li{
  padding-left:10px;
  margin-left:5px;
  background : url(../img/icon_03.gif) no-repeat 0px 50%;
}



/************************************************/
/*  Link                                        */
/************************************************/

div.link dl{
  padding:0;
  margin:0 0 0 10px;
}

div.link dl dt{
  margin-top:10px;
}

div.link dl dt a{
  padding-right:19px;
  background : url(../link/img/icon_link.gif) no-repeat 100% 50%;
}

div.link dl dd{
  margin:0;
}

div.link dl dd a,
div.link dl dd a:visited{
  font-size:0.85em;
  color:#777;
}


/** link-information.html ***********************/

ul.link-information{
  list-style-position:inside;
  color:#c00;
  padding:10px;
  margin:10px 0;
  border-top:2px solid #fd0;
  border-bottom:2px solid #fd0;
  background:#fea;
}

ul.link-information li em{
  color:#333;
}

div.link p{
  margin-top:10px;
}

div.link p img{
  vertical-align:middle;
}

div.link p textarea{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  width:598px;
  height:4em;
  margin-top:5px;
  border:1px solid #aaa;
}



/************************************************/
/*  One Point                                   */
/************************************************/

div.onepoint p{
  width:600px;
  padding-top:15px;
}

div.onepoint p:after{
  content:".";
  height:0;
  clear:both;
  display:block;
  visibility:hidden;
}

div.onepoint p img{
  float:left;
  margin:0 10px 0 0;
}

div.onepoint p strong{
  color:#f70;
}

div.onepoint p em{
  font-weight:bold;
}

div.onepoint div.section{
  padding:10px;
  border:1px solid #7ae;
  background:#eff8ff;
}

div.onepoint div.section h4{
  color:#e07;
}

div.onepoint div.section p{
  width:auto;
}




/************************************************/
/*  Sitemap                                     */
/************************************************/

ul.sitemap{
  list-style:none;
  width:300px;
  padding:0;
  margin:0;
}

ul.sitemap li{
  margin-top:10px;
  background : url(../img/back_sitemap01.gif) no-repeat 0px 0px;
}

ul.sitemap li a{
  display:block;
  line-height:28px;
  padding:0 24px;
  background : url(../img/back_sitemap02.gif) no-repeat 100% 0px;
}

ul.sitemap li ul{
  list-style:none;
  padding:0;
  margin:0 0 0 20px;
}

ul.sitemap li ul li{
  background : url(../img/back_sitemap03.gif) no-repeat 0px 0px;
}