/*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:20%; background-color: #8F9C5A;}
#migi{float:right;width:760px;padding:0 0 0 10px;}
#main{float:right;width:78%;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;
}
/*classで名づけしたh3の文字サイズ指定　文字サイズをh3でも大きくしたい場合はclassで指定*/
.midasdhi-h3 {
font-size: 20px;
}


/*iframeにclassで名前を付けて、cssで指定　上トピックスのiframeを指示*/
iframe.uetopics{ 
                padding:1px; width:960px; height: 90px;
				border:solid #C0C0C0 4px; border-radius: 8px;
                }




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


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

.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%;
		}








/*見出しボックス-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;}


/*IE用　トップページの左スクロールのはず*/
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: 150%;
}
td{
line-height: 130%;
}
p{
line-height: 150%;
}

  /*liタグ内フォントサイズとアンダーライン指定*/
td,li {
font-size: 13px;
font-decotation: underline;
}



 /*見出しにシャドウをつける*/
 h2,h3,h4 {text-shadow: 2px 2px 2px #bbbbbb;}
 
 
 h1 {
 font-size: 24px;
 }
 
 h2 {
 font-size: 24px;
 }
 
 h3,h4 {
 font-size: 20px;
 }
 
 
 
 
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;}
 
 
 
 /*ここから　area*/
 .area {
  position: center;
  margin-left: 35px;
  }
 .area {
        width: 690px;
 
		/*IE10用 flexboxレイアウトの指定  '13.5gatu  */
	display: -ms-flexbox;
-ms-flex-direction:row;//initial
-ms-flex-align:center;
-ms-flex-pack:justify;
	
	
		/* boxレイアウトの指定  この指定なくともIE用でどちらもきれいに並ぶ　でもこれがもとのもの*/
		display: box;
		display: -webkit-box;
		display: -moz-box;

		/* 配置したボックスを左右中央寄せにする */
		box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;

		border: 1px solid #fff;
		border-radius: 5px;
	}
	.item {
		width: 170px;
		height: 250px;
		font-size: 12px;
		line-height: 100px;
		text-align: center;
		color: #444;
		margin: 0px;
	}	
	.item:nth-child(1) {background-color: #ffffff;}
	.item:nth-child(2) {background-color: #ffffff;}
	.item:nth-child(3) {background-color: #ffffff;}
	.item:nth-child(4) {background-color: #ffffff;}/*area内指定ここまで*/