@charset "UTF-8";
/* CSS Document */http://admin.shop-pro.jp/shop/design/img/incre.gif
a{
text-decoration:none;
}
li{http://admin.shop-pro.jp/shop/design/img/incre.gif
list-style:none;
}
.main_area{
	 margin-left:16px;
	 width:718px;
	 background-repeat:repeat-x repeat-y;
	 font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', 'Hiragino Kaku Gothic Pro', '¥á¥¤¥ê¥ª', Meiryo, Osaka, '£Í£Ó £Ð¥´¥·¥Ã¥¯', 'MS PGothic', sans-serif;
         float:right;
         margin-top:8px;
}


.ranking {
      width: 713px;
}


.ranking ul {
      width: 713px;
}

.ranking ul li {
      float: left;
      margin-top: 20px;
      margin-left: 5px;

}
.ranking .one strong {
      position: absolute;
      margin-left: -300px;
      margin-top: 145px;
      color: #FF0000;
}

.ranking .two strong {
      position: absolute;
      margin-left: -220px;
      margin-top: 145px;
      color: #FF0000;
}

.ranking .three strong {
      position: absolute;
      margin-left: -300px;
      margin-top: 145px;
      color: #FF0000;
}

.ranking .four strong {
      position: absolute;
      margin-left: -220px;
      margin-top: 145px;
      color: #FF0000;
}
.ranking .one {
      width: 350px;
      height: 180px;
      border-right: 1px solid #666666;
}

.ranking .two {
      width: 230px;
      height: 180px;
      border-right: 1px solid #666666;
}

.ranking a {
      color: #603813;
}

.ranking a :hover {
     color: #FECB00;
}




/*-----------------------------------*/

.media{
	width:713px;
	height:570px;
	margin: 40px 0 15px 3px;
        
}

.media_inner{
	background-repeat:repeat-x repeat-y;
	width:696px;
	height:246px; 
	margin:0px auto;
        padding-left: 15px;
}

.media_inner ul {
        padding-top: 20px;
}


.media_inner li {
       float: left;
       /*margin: 20px 7px;*/
       width: 169px;
       height :245px;
       font-size: 12px;
       text-align: center
}
.media_inner li img{
  max-width:auto;
  height:200px;
}






.item_menu {
       width: 723px;
height: 640px;
margin-bottom: 20px;
}



.menu_banner01 {
       margin-top: 20px;
       margin-left: 5px;
       width: 713px;
       height: 284px; 
       
}

.menu_inner_women {
      float: left;
	 
}

.menu_inner_women ul {
       margin-left: 5px;
       margin-top: 10px;

}



.menu_inner_women li {
      float: left;
      margin: 3px;
}



.menu_banner02 {
      margin-top: 10px;
      margin-left: 5px;
      width: 713px;
      height: 284px;
     
}

.menu_inner_mens {
      float: left;
	  margin: 40px auto;
}

.menu_inner_mens ul {
       margin-left: 5px;
       margin-top: 10px;
}

.menu_inner_mens li {
      float: left;
      margin: 3px;
}



/* ½é´üÀßÄê
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

.slideline {
        width: 713px;
        height: 600px;
        background: #5D5891;
        margin-left: 5px;
}

.slidein {
       width: 703px;
       height: 590px;
       margin: 0 5px;
       background: #ADAAC7;
} 


/* slider
--------------------------------------------------------- */
.slideFrame {
	/*overflow: hidden;*/
        padding: 12px; 

}


.slideCell {
	display: block;
	float: left;
        padding: 6px;
        width: 154px;
        height: 250px;
        font-size:11px;

}



/* controller */
.slideCtrl {
	display: none;
	position: absolute;
	top: 0;
	width: 90px;
	height: 100%;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #333;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
}

.slideCtrl.left { left: 0; }
.slideCtrl.right { right: 0; }


/* slider-0
--------------------------------------------------------- */
#slider-0.slideFrame {
	height: 200px;
}


/* sample
--------------------------------------------------------- */
#sample {
	padding: 35px 0 25px;
}

.news_inner {
margin: 5px 7px 20px;
border: solid 1px #ccc;
height: 300px;
background-color: #f6f9fa;
overflow: scroll;
padding: 5px 5px 0px 5px;
font-size: 14px;
}
.news_inner hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.ninki{
	 margin-left:16px;
	 width:718px;
	 background-repeat:repeat-x repeat-y;
	 font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', 'Hiragino Kaku Gothic Pro', '¥á¥¤¥ê¥ª', Meiryo, Osaka, '£Í£Ó £Ð¥´¥·¥Ã¥¯', 'MS PGothic', sans-serif;
         float:left;
         margin-top:8px;
}

.nyuukajouhou{
	 margin-left:16px;
	 width:718px;
	 background-repeat:repeat-x repeat-y;
         float:left;
         margin-top:8px;
}

.title_r {
    float: right;
    width: 626px;
    margin: 20px 0 0 10px;
}

.li02 {
    margin-left: 10px !important;
}

.li03 {
    margin-top: 10px !important;
}

a:hover img {
  opacity: 0.7;

}

.top_pr {
    color: red;
    margin: 10px 0 0 10px;
    font-weight: bold;
}



.introduce{
    position:relative;
 
}
.introduce span{
    position:absolute;
    bottom:90px;
    left:-10px;
    width:520px;
    text-align:center;
    color:black;
    line-height:300%;
    font-family:"¥Ò¥é¥®¥Î³Ñ¥´ StdN W6";
   
   
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.aisatsu{
  background-color:#3b3a30;
  color:#ffffff;
  text-align: center;
  padding:10px;
  
 
}

.aisatsu p {
    line-height: 1.5em;
}

.tokutyo{
  background-color:#fff2df;
  color:#3b3a30;
  text-align:center;
  padding:10px; 
  }
  
.cordinate{
  display:block;
  float:left;
  width:690px;
  background-color:#fff2df;
  color:#3b3a30;
  text-align:center;
  padding:10px; 
  margin-top: 20px;
}


.tokutyo p {
    line-height:2em;
}

h2 {
  font-size: 105.28571% !important;
  font-weight: normal !important;
  margin: 5px 0 .5rem !important;
  padding: 0 20px !important;
}

h3 {
  font-size: 105.28571% !important;
  font-weight: normal !important;
  margin: 5px 0 .5rem !important;
  padding: 0 20px !important;
}

h4 {
  font-size: 102.28571% !important;
  font-weight: normal !important;
  margin: 2px 0 .2rem !important;
  padding: 0 10px !important;
}

.picl img{
  display:block;
  float:left;
  width:345px;
  height:345px;
  margin-top:15px;

}


.textr{
  display:block;
  float:left;
  width:345px;
  height:345px;
  margin-top:15px;
  margin-left:8px;
}



.textl{
  display:inline;
  float:left;
  width:345px;
  height:345px;
  margin-top:15px;
}

.picr img{
  display:block;
  float:left;
  width:345px;
  height:345px;
  margin-top:17px;
}

.owarini{
  display:block;
  float:left;
  width:690px;
  background-color:#fff2df;
  color:#3b3a30;
  text-align:center;
  padding:10px; 
  margin-top: 20px;
}


#CONTENTS h3{
    letter-spacing: 1px;
    clear: both;
    color: #333333;
    background-color: #F2F2F2;
  ¡¡margin-top:1px;
    font-size: 12px;
    padding: 6px 0 6px 10px;
    text-align:center;

}
.okyakusama_inner {
    margin: 5px 4px 20px;
    border: solid 3px #ccc;
    width: 94%;
    height: 450px;
    background-color: #f6f9fa;
    overflow: scroll;
    padding: 5px 5px 0px 5px;
    font-size: 14px;
}

.menu_inner_fc {
    position: relative;
    margin-bottom: 10px;
    padding: 2% 5px 2.9%;
    overflow: hidden;
}


.menu_inner_fc ul {
    position: relative;
    width: 100% !important;
    float: left;
    margin: 20px auto;
    padding: 0;
}

.menu_inner_fc ul li:nth-child(2n+1) {
    margin: 0;
    float: left;
    display: inline-block;
    width: 47%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.menu_inner_fc ul li:nth-child(2n) {
    float: left;
    width: 47%;
    margin: 0 0 3% 3%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
}