/*Page Layout（2段組み）*/
#container{width:970px;text-align:center;margin:0px auto;background-color:#ffffff;}
#header{width:970px;padding:0px 0px 0px 0px;}
#hidari{float:left;width:190px; background-color: #8F9C5A;}
#migi{float:right;width:760px;padding:0 0 0 10px;}
#main{float:right;width:760px;padding:0 0 0 10px;}
#footer{clear:both;width:970px;padding:15px 0px;}


/*ページトップリンク　グローバルナビ*/
#globalnavi{
  margin: 0;
  padding: 0;
  width: 930;
  height: 31px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;
  float:left;
  width: 155px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 31px;
  background-image: url(toplink_green5.jpg);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -155px 0;}
#menu3 a{background-position: -310px 0;}
#menu4 a{background-position: -465px 0;}
#menu5 a{background-position: -620px 0;}
#menu6 a{background-position: -775px 0;}

#globalnavi a:hover{
  background-image: url(toplink_green5.jpg);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -31px;}
#menu2 a:hover{background-position: -155px -31px;}
#menu3 a:hover{background-position: -310px -31px;}
#menu4 a:hover{background-position: -465px -31px;}
#menu5 a:hover{background-position: -620px -31px;}
#menu6 a:hover{background-position: -775px -31px;}


/*h1の文字サイズ指定*/
.rednoir-one {
font-size: 14px;
}



/*商品をlistのfloatで並べる*/
* {	margin: 0;	padding: 0;}


	  
ul {
   margin-left: 50px;
   align: center;
   }
   
li {		float: left;	list-style: none;}
	  
	  
	  
	  
/*box 左右で並べる*/
.box-hidari {
 float: left;
 width: 280px;
 height: 200px;
 border: 2px solid #d78515;
 background-color: #FBF0E1;
 margin: 0px 0px 10px 20px;
 line-height: 130%;
 font-size: 15px;
 border: 0px;
 box-shadow: 3px 5px 10px 0px #717171;
 border-radius: 20px;
 padding: 20px 30px;
}


.box-migi {
 float: right;
 width: 280px;
 height: 200px;
 border: 2px solid #d78515;
 background-color: #FBF0E1;
 margin: 0px 20px 10px 20px;
 line-height: 130%;
 font-size: 15px;
 border: 0px;
 box-shadow: 3px 5px 5px 0px #717171;
 border-radius: 20px;
 padding: 20px 30px;
}


#grid1 {
        width: 500px;
		float: left;
		margin: 5px 130px 20px 130px;
		 background-color: #FBF0E1;
		 color: #3D3D3D;
		border-radius: 20px;
		box-shadow: 3px 5px 5px 0px #717171;
        line-height: 150%;
		}



#grid2 {
        width: 650px;
		float: left;
		margin: 5px 130px 20px 130px;
		 background-color: #FBF0E1;
		 color: #3D3D3D;
		border-radius: 20px;
		box-shadow: 3px 5px 5px 0px #717171;
        line-height: 150%;
		}


#grid-wide {
        width: 720px;
		float: left;
	
		 background-color: #FBF0E1;
		 color: #3D3D3D;
		border-radius: 20px;
		box-shadow: 3px 5px 5px 0px #717171;
        line-height: 150%;
		}


#topfashion {
        width: 680px;
		height: 850px;
		float: left;
		margin: 5px 50px 20px 35px;
		 background-color: #FBF0E1;
		 color: #3D3D3D;
		border-radius: 20px;
		box-shadow: 3px 5px 5px 0px #717171;
        line-height: 150%;
		}







/*見出しボックス-StepUPなど*/
.dai {text-align: left; font-size:14px; color: #ffffff; font-weight: bold; width: 700px; background-color: #8E4D31; text-indent:0.5em;align:left;margin-bottom:0px;}
.midashibox2{text-align:left;width:648px;border:0px solid #f9ad5d;}



body {scrollbar-face-color:#bdc1bf; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#989572;
scrollbar-highlight-color:#e1e6e6; scrollbar-shadow-color:#85673f; scrollbar-3dlight-color:;
scrollbar-darkshadow-color:#c0c2c1; line-height: 1.3;
}

/*webkitのスクロールバー指定*/

::-webkit-scrollbar {
	width: 15px;
}

::-webkit-scrollbar-track {
	background: none;
}
/*webkitのスクロールバーグラデーション色指定*/
::-webkit-scrollbar-thumb {
	background: -webkit-linear-gradient(left, #E6EBD6, #353D23);
	border: 1px solid #333;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
}



/*画像リンクの枠線を消す*/
a img {
 border-style:none;
 } 
 
 /*行間をあける　幅指定*/
 body{
line-height: 130%;
}
td{
line-height: 130%;
}
p{
line-height: 150%;
}

  /*liタグ内フォントサイズとアンダーライン指定*/
td,li {
font-size: 13px;
font-decotation: underline;
}
 /*見出しにシャドウをつける*/
 h2,h4 {text-shadow: 2px 2px 2px #bbbbbb;}
 
 }
 
a:link { text-decoration:under-line; color:#0000ff; }
a:visited { text-decoration:under-line; color:#456afe; }
a:active { text-decoration:underline overline; color:#0000ff; }
a:hover { text-decoration:underline overline; color:#0000ff; }
 
 table {text-align: left;}
 

/* ↑ここまで　2012css　からトップ専用に写し いらないものは削除 */





/*商品をlistのfloatで並べる 基本型*/
#grid {	width: 680px;
      margin-left: 52px;
	  }
li {	margin: 15px;	float: left;	list-style: none;}

body{
line-height: 150%;
}


h2 {font-size: 15px;}

h3 {
 font-size: 15px;
 
 text-align: left; 
 font-size:14px; 
 color: #ffffff; 
 font-weight: bold; 
 width: 700px; 
 background-color: #617838; 
 text-indent:0.5em;
 align:left;
 margin-left: 20px;
 margin-bottom: 10px;
 border-radius: 15px 0px 0px 0px;
 padding-left: 10px;
 }


.shopping4 {
 float: middle;
 background-image: url(yokosimabhana1.gif);
 width: 735px;
 height: 40px;
 border: 0px;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 border-radius: 25px;
}
.shopping1 {
 float: middle;
 background-image: url(yokosimabhana1.gif);
 width: 735px;
 height: 80px;
 border: 0px;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 border-radius: 25px;
}

.shopping2 {
 float: left;
 width: 430px;
 height: 160px;
 border: 2px solid #d78515;
 background-color: #fff1e8;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 border-radius: 25px;
 text-align: center;
 font-size: 13px;
}

.shopping3 {
 float: right;
 width: 280px;
 height: 160px;
 border: 2px solid #d78515;
 background-color: #fff1e8;
 padding: 10px;
 margin: 0px 0px 10px 0px;
 border-radius: 25px;
 text-align: center;
 font-size: 13px;
}

.koshin1{
         width: 400px;
		 height: 30px;
		 border-radius: 25px;
		 background-color: #DEE4D3;
         margin: 5px 123px 10px 170px;
		 }