@charset "utf-8";

/*---------------------
  html,body
---------------------*/

  html,
  body {
    height: 100%;
    margin: 0;
    padding: 0;
  }

  html {
    overflow-y: scroll;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    color: #000;
    font: 14px/1.5 "メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }
  
  /*
   body {
    color: #000;
    font: 14px/1.5 "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }

 @font-face{
	font-family:"Yu Mincho";
	src:url("./yumin.ttf");
}
*/
 
	a{ color:#fff; text-decoration:underline; cursor: pointer;}
	
a img:hover{
	opacity: 0.8 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
}	

/*---------------------
  wrapper
---------------------*/

  #wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

/*---------------------
  header
---------------------*/

.box-inner{
	width:1000px;
	margin:0 auto;
}

@media screen and (max-width: 1050px) {
	.box-inner{
		width:100%;
		margin:0 auto;
	}
}

/*ロゴ*/
	#logoArea{
		padding:7px 0;
		border-bottom:1px solid #D6D6D6;
		background:#fff;
	}
	#logoArea h1,p{ float:left;}
	#logoArea form{ float:right;}
	
	#logoArea h1{ margin-right:20px;}
	#logoArea p { margin-top:2px;}
	#logoArea form { margin-top:20px;}

/*フォーム*/
	.formarea{
		position:relative;
	}
	.stext {
		border: 1px solid #ccc;
		font-size: 12px;
		height: 28px;
		line-height: 26px;
		text-overflow: ellipsis;
		width: 300px;
	}
	.stext:focus {
		border-color: #000;
		outline: 0;
	}
	.sbtn {
		background: url("../img/search_icon.png") 0 0 no-repeat;
		border: none;
		height: 15px;
		position: absolute;
		right: 6px;
		top: 9px;
		text-indent: -9999px;
		width: 15px;
	}

@media screen and (max-width: 1050px) {
	#logoArea h1,p,
	#logoArea form{ float:none; width:100%; text-align:center;}

	
	#logoArea form{ width:50%; margin:15px auto 0 auto;}
	.stext{ width:100%;}
}

@media screen and (max-width: 480px) {
	#logoArea h1,p,
	#logoArea form{ float:none; text-align:center;}

	#logoArea h1 img, #logoArea p img{ max-width:170px;}
	
	#logoArea form{ width:50%; margin:15px auto 0 auto;}
	.stext{ width:100%;}
}
/*---------------------
  nav -> menu.css
---------------------*/


/*---------------------
  main
---------------------*/

/*新商品*/
	#newArrivals{
		padding:20px 0 0 0;
		border-bottom:5px solid #999933;
	}
	.simply-scroll-container { 
		position: relative;
	}
	.simply-scroll-clip { 
		position: relative;
		overflow: hidden;
	}
	.simply-scroll-list { 
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.simply-scroll-list li {
		float: left; /* Horizontal scroll only */
		padding: 0;
		margin: 0;
		width: 220px;
		margin-right:20px;
	}
	.simply-scroll-list li img {
		display: block;
	}
	.simply-scroll-list li dt{
		color:#000;
		font-weight:bold;
		margin:5px 0;
	}
	.simply-scroll-list li dd{
		font-size:0.9em;
		color:#000;
		padding:0;
		margin:0;
	}
	.simply-scroll-list li dd span{
		display:block;
		text-align:right;
		color:#00698C;
	}
	
/*ブランドバナー*/
	#blandBnr{
		clear:both;
		padding:20px 0;
		background:#000;
	}
	#blandBnr li {
		float:left;
		width:19%;
		margin-bottom:20px;
		text-align:center;
	}
	#blandBnr li img{
		border:1px solid #000;
	}
	#blandBnr li img:hover{
		border:1px solid #fff;
	}

@media screen and (max-width: 480px) {
	#blandBnr ul{
		padding:0 10px;
	}
	#blandBnr li {
		float:none;
		display:inline-block;
		width:48%;
		
	}
	#blandBnr li img{
		width:100%;
	}
	#blandBnr li:nth-child(odd){margin:0 1% 2% 0;}
	#blandBnr li:nth-child(even){margin:0 0 2% 0;}
	
}


/*バナー*/
	#bnrs{
		clear:both;
		padding:20px 0 10px 0;
		border-bottom:5px solid #999933;
	}
	#bnrs li {
		float:left;
		margin:0 6px 10px 0;
	}
	#bnrs li:nth-child(4),
	#bnrs li:nth-child(8){ margin:0 0 7px 0;}
	
	#bnrs li:nth-child(5){ clear:both;}
	
@media screen and (max-width: 1050px) {

	#bnrs li {
		float:none;
		display:inline-block;
	}
	#bnrs ul{ margin:0 auto; text-align:center;}
	
	#bnrs li:nth-child(1){ width:47%; margin:0 1% 2% 0;}
	#bnrs li:nth-child(2){ width:47%; margin:0 0 2% 0;}
	#bnrs li:nth-child(3){ width:47%; margin:0 1% 2% 0;}
	#bnrs li:nth-child(4){ width:47%; margin:0 0 2% 0;}
	#bnrs li:nth-child(5){ width:97%; margin:0 0 2% 0;}
	#bnrs li:nth-child(6){ width:47%; margin:0 0 2% 0;}
	#bnrs li:nth-child(7){ width:47%; margin:0 1% 2% 0;}
	#bnrs li:nth-child(8){ width:47%; margin:0 0 2% 0;}

	#bnrs li img{ width:100%;}
	
	#imaure img{ width:100px;}
}

/*フェイスブック・現在の受注状況*/
	#news{
		clear:both;
		padding:20px 0;
		background:#FFF;
	}
	#imaure,
	.fb-page{
		border:none; width:49%; height:500px;
	}
	
	
	.fb-page{ float:right; border:3px solid #999933; overflow:hidden;}
	#imaure{ float:left; border:3px solid #999933; background:#fff; overflow:scroll;}

@media screen and (max-width: 1050px) {
	#news{ padding:0px 0;}
	#news .box-inner{ padding:10px;}
	#imaure{ padding:10px; height:500px; overflow:scroll;}
	.fb-page{ width:100%;}
}

@media screen and (max-width: 480px) {
	#imaure,
	.fb-page{ border:none; overflow:scroll; width:100%; height:450px; margin-bottom: 20px;}
	.fb-page, #imaure{ float:none;}
	#fbaaaa{ padding:0 20px;}
	#imaure{ padding:0 10px;}
	
}

/*---------------------
  footer
---------------------*/

/**/
#footer {
	padding:20px 0;
	color:#524C4B;
}

#footer dd a{
	color:#3FB2D8;
}

#footerL{
	width:48%;
	float:left;
}
#footerR{
	width:48%;
	float:right;
}

#footer dt{
	clear:both;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px dotted #524C4B;
	margin-bottom:10px;
}
#footer dd{
	margin-bottom:20px;
	font-size:0.9em;
}
#footer dd p{ width:100%; margin:0 0 1em 0; text-align:left;}

#ssl{
	clear:both;
	border:1px solid #000;
	padding:12px;
	}
#ssl table{
	width:100%;
}
#ssl th{ width:115px; padding-right:12px;}

#ssl strong{ display:block;}

.tright{ display:block;  clear:both; text-align:right;}

.tel2 img{ float:right;}
.tel2 p{ float:left;}

#copyright{
	clear:both;
	background:#000;
	min-height:120px;
	border-top:5px solid #999933;
	padding:20px;
	text-align:center;
	color:#fff;
}
#copyright p{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	clear:both;
	margin-bottom:1em;
}

@media screen and (max-width: 1050px) {
	#footer{
		padding:20px 10px;}
	#footerL,#footerR{
		float:none;
		width:100%;
	}
	#footer img{
		width:auto;
	}

	.tel2 img{ float:none; width:100%;}
 .tel2 a:first-child{ display:block; margin-bottom:10px;}
 
}

/*---------------------
  print
---------------------*/

@media print {
  html,
  body{
    background: none;
  }
}

/*追記*/
.matrix_table table td div {
    display: block;
    width: 80px !important;
}