@charset "utf-8";
/* CSS Document */

@import url("normalize.css");  



/* ===================================================================
　 PB・OEM・商品ページ用
   共通の表示定義
=================================================================== */


a {
text-decoration: none;
}

a:link { color: #008099; }

a:visited { color: #009944; }

a:hover{
color:#E48E00;
position:relative;
top:1px;
left:1px;
}

a:active { color: #8b0000; }


/* ロールオーバー画像半透明 */
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/* ロールオーバー画像半透明 */




body{
	font-family: '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'meiryo', sans-serif;
	font-size:13px;
	line-height:140%;
	color:#333;
	background:#FFF /*　url(../images/pb_bg.jpg) center top repeat-y; */
}



td{
	font-size:13px;
	line-height:140%;
	color:#333;
}

#wrap{
width:900px;
margin:0 auto 0 auto;
text-align:center;
background:#FFF;	
}


/* PB・OEM・商品ページ用ヘッダー */
#head_pb {
height:119px;
width:100%;
background:#FFF url(../images/header_pba.jpg) top center no-repeat;
margin-bottom:0px;
padding-bottom:0px;
}

#nav {
	width:900px;
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	padding-left:0px;
}

#nav li {
	position: relative;
	list-style:none;
	float:left;
	margin: 0;
	padding: 0px;
	width: 148px;
	height: 30px;
	border: solid 1px #fff;
	font-weight: bold;
	background:#C00;
}

#nav li p{
	height: 5px;
	line-height: 5px;
	text-align:center;
}

#nav li a{
	color:#fff;
}

#nav li:hover {
  color: #fff;
  background: #f3a68c;
}
#nav li ul {
  display: none;
  position: absolute;
  top: 30px;
  left: 30px;
  padding: 0px;
  width: 130px;
  background: #f3a68c;
}
#nav li ul li {
	font-size:12px;
	text-align:left;
	margin: 0px;
	padding: 5px;
	padding-left: 20px;
	width: 120px;
	height: 20px;
	border: none;
	font-weight: lighter;
	background: #FFF9E6;
	border-bottom: solid 1px #f5deb3;
}
#nav li ul li a {
	display: inline-block;
	height: 20px;
	color: #C00;
}
#nav li ul li a:hover {
	background: #f3a68c;
	color: #fff;
}






/* タブバナー */

#tab {
width: 80px;/* 最初に表示されるバナーの幅 */
height: 40px;/* バナーの高さ */
background: url(../images/english-tab.png) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 0;/* 右から0pxの位置に指定 */
top: 100px;/* 上から100pxの位置に指定（下からの場合は bottom: 100px;） */
}

#tab a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}

#tab:hover {/* カーソルが乗った時の動きを指定 */
width: 100px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
}





/* iframe iOSスクロール対策 */

.ifrm-container {
	width:346px;
	height:256px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	display: inline-block;
	margin: 5px;
}

.ifrm {
	width:100%;
	height:100%;
	border:none;
	display:block;
}







/* topへ戻る画像 */
#foot{
	height:24px;
	width:100%;
	background: url(../images/footer_31.jpg) center no-repeat;
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:15px;
}


.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}


/* topへ戻るjava */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #B40404;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.8;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}








/* コピーライト画像 */
#footer {
	height: 150px;
	clear:both;
	background-color: #F6F6F6;
	padding: 50px 20px;
}


/* 旧 #footer {
	background:url(../images/copyright2013.jpg) center no-repeat;
	height:50px;
	width:900px;
	margin:0px auto 0 auto;
	padding:0px;
} */




/* footerお問い合わせ先 */

#inquiries{
	padding:10px;
	background-color:#efda97;
	}

/* ===================================================================
   見出しの表示定義
=================================================================== */

h1{
	font-size:20px;
	font-weight:bold;
	line-height:140%;
    color:#703610;
	text-align:left;
	}


h2{
	font-size:16px;
	font-weight:bold;
	line-height:140%;
    color:#703610;
	text-align:left;
	margin-left:10px;
	}

h3{
	font-size:14px;
	font-weight:bold;
	line-height:140%;
    color:#000;
	text-align:left;
	margin-left:10px;
	}


h4{
	font-size:14px;
	font-weight:bold;
	line-height:90%;
    color:#000;
	text-align:left;
	margin-left:10px;
	margin-bottom:5px;
	}
	
h5{
	font-size:16px;
	font-weight:bold;
	}


.f20 {
	color:#FFF;
	font-size: 20pt;
	line-height: 130%;
	font-weight: bold;
}

.f16 {
	font-size: 16pt;
	line-height: 130%;
}


.f11 {
	font-size: 11pt;
	line-height: 130%;
}


.f9 {
	font-size: 9pt;
	line-height: 130%;
}

.f8 {
	font-size: 8pt;
	line-height: 130%;
}




div.hr
{
    border-bottom-style:dotted;
    border-bottom-width:1px; 
    border-color: #703610;
    height: 1px;
	margin-left:auto;
	margin-right:auto;
}

p{
	line-height:140%;
}

/*トレサ*/
.trsr{
	width:100%;
	text-align:left;
	}
	
	




/* icomoon */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?j2n791');
  src:  url('fonts/icomoon.eot?j2n791#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?j2n791') format('truetype'),
    url('fonts/icomoon.woff?j2n791') format('woff'),
    url('fonts/icomoon.svg?j2n791#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-office:before {
  content: "\e903";
  font-size: 25px;
  margin: 10px;
}
.icon-mail2:before {
  content: "\ea84";
  font-size: 25px;
  margin: 10px;
}
.icon-phone:before {
  content: "\e942";
  font-size: 25px;
  margin: 10px;
}
.icon-envelop:before {
  content: "\e945";
  font-size: 25px;
  margin: 10px;
}
.icon-facebook2:before {
  content: "\ea91";
  font-size: 25px;
  margin: 10px;
}
.icon-twitter:before {
  content: "\ea96";
  font-size: 25px;
  margin: 10px;
}
.icon-instagram:before {
  content: "\ea92";
  font-size: 25px;
  margin: 10px;
}
.icon-cart:before {
  content: "\e93a";
}

/* icomoon end */