/* @import url('https://fonts.googleapis.com/css?family=Maitree'); */
body {
	font-family: 'Open Sans', sans-serif;*/
/*    font-family: 'Maitree', serif;*/
	
	color: #292929;
	font-size:15px;
	line-height:100%;
/* 	letter-spacing:1px; */
	-webkit-text-size-adjust: 100%;
}

a		{ color:#004c8f; }
a:hover { color:#292929; }

p {
	display:block;
	line-height:145%;
	margin:0 0 15px;
}
p.TxtS { font-size:85%; }
p.TxtBD { font-weight:bold !important; }
p.TxtRED { color:#db0817 !important; }

hr {
	height: 0;
	margin: 25px 0;
	padding: 0;
	border: 0;
	border-top: 2px dotted #9cc828;
}

.alignright { text-align:right !important; }
.aligncenter { text-align:center !important; }
.DPBK { display:block !important; }
.NoBorder { border:none !important; }


a.AnimeBtn {
	display: inline-block;
	padding:3px 7px 2px;
	font-size:85%;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	margin-bottom:3px;
}
a.AnimeBtn::before,
a.AnimeBtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #333;
}
a.AnimeBtn,
a.AnimeBtn::before,
a.AnimeBtn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a.AnimeBtn:hover {
	background-color: #fff;
	border-color: #004c8f;
	color: #004c8f;
}
a.AnimeBtn::before {
	right: 0;
}
a.AnimeBtn::after {
	left: 0;
}
a.AnimeBtn:hover::before,
a.AnimeBtn:hover::after {
	width: 0;
	background-color: #004c8f;
}
/* ----------------- */
.FLAG_ACTIVE{

	box-shadow: 2px 2px 2px;
}
.FLAG{
/*	
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1;
	*/
	/*
    -webkit-filter: grayscale(80%); 
    filter: grayscale(80%);	
	*/
	/*
	background:none;
	*/
}



.FLAG:hover {
/*
background:#0000ff;	
	box-shadow: 20px 20px 20px;
	*/
/*	
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
	*/
    -webkit-filter: grayscale(1%); 
    filter: grayscale(10%);	
	box-shadow: 2px 2px 2px;

}

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

input,
textarea,
select {
	font-size:100%;
	/*font-family: Boon;*/
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Maitree', serif;
	letter-spacing:1px;
	border-radius: 3px;  /* border-radius: 3px; */
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/*border:1px solid #CCC;*/
	padding:8px 13px;
	cursor: pointer;  /*  mouse point */
}
input:hover,
textarea:hover,
input:focus,
textarea:focus {
    -webkit-box-shadow: 0px 0px 2px rgba(0,76,143,.7);
    -moz-box-shadow: 0px 0px 2px rgba(0,76,143,.7);
    box-shadow: 0px 0px 2px rgba(0,76,143,.7);
}

/* Submit form inquiry */
.FormBtn,
.FormBtn:hover {
	border:none;
	padding:10px 20px;
	color:#ffffff;
	font-size:100%;
	letter-spacing:1px;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	background:#00a950;
}


/* Submit form inquiry */
.FormBid,
.FormBid:hover {
	border:none;
	padding:10px 20px;
	color:#ffffff;
	font-size:115%;
	letter-spacing:1px;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	background:#8c89c1;
}


.BackBtn,
.BackBtn:hover {
	border:none;
	padding:15px 40px;
	color:#FFF;
	font-size:115%;
	letter-spacing:5px;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:url(../images/bg02.gif);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.BackBtn:hover{
	background:url(../images/bg11.gif);
}

.WhiteBox {
	display:block;
	width:100%;
	/* padding:20px 25px 10px; */
	background:#FFF;
	border:1px solid #CCC;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}



#wrapper{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	position: relative;
	z-index: 10;
}


.inner{
	display:block;
	width:990px;  /*  width:960px; */
	margin:0 auto 5px;
	
}
.ContentsMain {
	margin:0 auto;
	/* padding:20px 0;*/
	background: none;
}
.ContentsSecond{
	margin:0 auto;
	padding:20px 0;
	background:#efefef;
}
.ContentsThird{
	margin:0 auto;
	padding:20px 0 15px;
	background:url(../images/bg05.gif);
}


#header{
	width:100%;
    position: relative;
	background-color: #FFFFFF;
}
#header .headerInfo{
	background-color: #000000;
	color:#FFF;
/*	background:url(../images/bg03.gif);*/
	border-bottom:1px solid #EBEBEB;
	padding:13px 0 0;  /*padding:5px 0 0;  */
	font-size:100%; /* 85%*/
	letter-spacing:1px;
	line-height:135%;
}
#header dl {
	display:block;
	padding: 0;
}
#header dt {
	width:50%;
	display:block;
	float:left;
}
#header dd {
	width:50%;
	display:block;
	float:right;
	text-align:right;
	padding-top:12px;
}
#header dd img {
	margin-left:15px;
}



#mainNavArea {
	width:100%;
	display:block;
	background:url(../images/nav_bg.gif); /* bg nav main menu  left & right*/
	margin:0;
}
nav#mainNav{
	*zoom: 1;
	z-index:21;
	width:960px;
	margin:0 auto;
	background:url(../images/nav_bg.gif); /* bg nav main menu*/
	clear:both;
	letter-spacing:1px;
	line-height:115%;
}
nav#mainNav:before, nav#mainNav:after{
	content: "";
	display: table;
}
nav#mainNav:after{
	clear: both;
}
nav#mainNav ul li{
	float: left;
	position: relative;
}
nav#mainNav ul li:last-child{
	border-right:1px solid #2d2d2d;  
}
nav#mainNav ul li a{
	display: block;
	text-align: center;
	font-size:15px;  /*17*/
	color:#FFF;
	width:191px;  /*191*/
	border-left:1px solid rgba(3, 60, 56, 0.7);  /* border-left:1px solid #2d2d2d; */
	padding:17px 0 13px;
	text-decoration:none;
}
nav#mainNav ul li a span,nav#mainNav ul li a strong { display:block; }
nav#mainNav ul li a span {
	color:#c9c9c9;
	font-size:14px;
	margin-top:5px;
}

nav#mainNav li ul {
	list-style: none;
  	position: absolute;
  	z-index: 9999;
  	top: 100%;
  	left: 0;
  	margin: 0;
  	padding: 0;
}
nav#mainNav li ul li { width: 100%; }
nav#mainNav li ul li a {
	font-size:91%;  /* 80%*/
	letter-spacing:0;
	padding: 10px 5px 8px 10px;
	border-bottom: 1px solid #2d2d2d;
	border-left: 1px solid #2d2d2d;
	border-right: 1px solid #2d2d2d;
	background:url(../images/nav_active_bg.gif);
	text-align: left;
}
nav#mainNav li ul li:first-child { border-top:1px solid #2d2d2d;}
nav#mainNav li ul li:last-child { border-right:none;}
nav#mainNav li:hover > a { background:url(../images/menu_bg.gif); }
#fade-in li ul{
	visibility: hidden;
	opacity: 0;
	transition: 0s;
}
#fade-in li:hover ul{
	visibility: visible;
	opacity: 1;
}
#fade-in li ul li a{
	visibility: hidden;
	opacity: 0;
	transition: .0s; /* delay haver menu 0.5s*/
}
#fade-in li:hover ul li a {
	visibility: visible;
	opacity: 1;
}
nav div.panel {
	display:block !important;
	float:left;
}
a#menu { display:none; }
nav#mainNav li.active a,nav#mainNav li a:hover { background:url(../images/menu_bg.gif)bottom; }


.FooterBnrArea {
	width:100%;
	margin:0 auto;
	padding:25px 0 10px;
	background:#efefef;
}
.FooterBnrArea ul { display:block; }
.FooterBnrArea li {
	display:block;
	float:left;
	margin:0 6px 6px 0;
}
.FooterBnrArea li:last-child { margin-right:0;}
.FooterBnrArea li img {
	width:185px; /* 132 */
	height:75px;/* 44 */
}
#footer{
	width:100%;
	margin:0;
	padding:30px 0 0;
	background:url(../images/bg_footer.gif);
	letter-spacing:1px;
	font-size:105%;
}
#footer ul {
	display:block;
	margin-bottom:20px;
}
#footer ul li{
	display:block;
	font-size:85%;
    float: left;
    margin: 0 0 5px 0;
	padding:0 12px 0 12px;
   	border-left: 1px solid #FFF;
}
#footer ul li.StockList {
	border-right: 1px solid #FFF;
	margin-right:10px;
}
/*#footer ul li:last-child { border:none; }
*/#footer ul li.STxt {
	font-size:75%;
	border:none;
	margin-right:5px;
	margin-bottom:7px;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}
#footer a:hover {
	color:#004c8f;
	border-bottom:1px dotted #004c8f;
}
.address {
	display:block;
	padding:30px 0 50px;
	background:#333;
	margin:0;
	font-size:110%;
}
.address dl { display:block; }
.address dt {
	display:block;
	float:left;
	padding-right:20px;
}
.address dd {
	display:block;
	text-align:left;
	padding-top:10px;
}
.address p {
	margin-bottom:0;
	font-size:85%;
	color:#FFF;
}


#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index:22;
}
#pagetop a {
    width: 108px;
    height: 108px;
    display: block;
    text-align: center;
}
#pagetop a:hover {
    color: #000;
}



h1 {
	width:100%;
	text-align:center;
	padding:0;
	font-size:160%;  /* font-size:200%; */
	font-weight:bold;
	/*letter-spacing:1px; */
	line-height:150%;
/*	text-shadow: 1px 1px #d7d7d7;*/
}
h1 span {
	display:block;
	font-size:55%;
	letter-spacing:2px;
}
h2 {
	display:block;
	color:#333;
	font-size:235%;
	font-weight:bold;
	padding:0 0 20px;
}
h2 span {
	display:block;
	font-size:55%;
	font-weight:normal;
	padding-top:10px;
	letter-spacing:1px;
}
h3 {
	display:block;
	clear:both;
	font-size:150%;
	/*font-weight:bold;*/
	padding:0 10px 10px;
	margin:20px 20px 10px;
	border-bottom:1px dotted #d7d7d7;
}


#BreadCrumbs {
	width:100%;
/*	background:url(../images/bg03.gif);*/
	display:block;
	margin:0;
	padding:13px 0 5px;
	font-size:100%; /* font-size:85%;*/
	letter-spacing:1px;
}
#BreadCrumbs ul { display: block; }
#BreadCrumbs ul li {
	float: left;
	padding:1px 15px 3px 18px;
	background:url(../images/icon_bread.png)no-repeat 0 0;
}
#BreadCrumbs ul li:First-child {
	padding-left:0;
	background-image:none;
}


/*--- PC ---*/
@media only screen and (min-width: 960px){
	.slidemenu { display:none; }
}
@media only screen and (max-width:959px){
	.inner { width:96%;  }
	#header .headerInfo .inner { padding-left:40px; }
	nav#mainNav { display:none; height:0; width:0; }
	/*slidemenu*/
	.button {
    	width: 37px;
    	height: 37px;
    	position: absolute;
    	display: block;
    	background-repeat: no-repeat;
		
		background:url(../images/sp_menu.png) no-repeat;
		
    	background-position: center;
		margin:5px;
	}
	.menu-button-left {
    	left: 0px;
    	border-right: 1px solid #ddd;
	}
	.slidemenu { background:url(../images/menu_mobile_bg.gif); }  /* backgroup mobile maim menu*/
	.slidemenu a {
    	display: block;
		padding:5px 0 4px 8px;
    	text-decoration: none;
		color:#FFF;
		letter-spacing:1px;
    	border-bottom: 1px dotted #292929;
	}
	.slidemenu a:hover{
		background:url(../images/menu_mobile_hover_bg.gif)bottom;
	}
	.slidemenu ul li ul li {
		font-size:85%;
		padding-left:18px;
	}
	.slidemenu .slidemenu-header { position: relative; }
	.slidemenu .slidemenu-header a {
		padding-top: 12px;
		padding-bottom:9px;
	}
	/*plugin*/
	#main {
	  z-index: 1;
	  margin:0;
	  background-color: none;
	}
	.slidemenu {
	  top: 0;
	  width: 250px;
	  position: fixed;
	  visibility: hidden;
	  z-index: -1;
	}
	.slidemenu .slidemenu-body {
	  height: 100%;
	  overflow: hidden;
	  position: relative;
	}
	.slidemenu .slidemenu-body .slidemenu-content { position: relative; }
	.slidemenu-left { left: 0; }
	.slidemenu-right { right: 0; }
}
/*------*/
@media only screen and (max-width:640px){
	h1 span {
		margin-top:10px;
		letter-spacing:0;
	}
	.ContentsThird { padding:15px 0; }
	#header dl {
		padding:10px 0;
	}
	#header dt {
		width:100%;
		float:none;
		padding-top:5px;
		padding-bottom:10px;
		text-align:center;
	}
	#header dd {
		width:100%;
		float:none;
		text-align:center;
		padding-top:10px;
	}
	#header dd span { display: inline-block; }
	#header dd.searchform { width:auto; }
	#searchform { margin:0 auto;}
	/* ------------- */
	.innerBread { padding:4px 10px; }
	
	/*--- ------------ ---- */  
	#header dd a.jp ,
	#header dd a.eng {
		display: block;
		padding-right:10px;
	}
	/* ---- */
	#footer ul { margin-bottom:10px; }
	#footer ul li {
    	margin-right: 0;
		line-height:100%;
    	padding: 5px 12px 2px;
		letter-spacing:0;
		font-size:95%;
	}
	#footer ul li.StockList { float:none; border-right:none; }
	.address{ padding:15px 0 100px; }
}
/*--- -------*/
@media only screen and (max-width:480px){
	h1 {
		font-size:185%;
		letter-spacing:5px;
	}
	.address dt {
		width:100%;
		text-align:center;
		float:none;
		padding-right:0;
	}
	a.AnimeBtn {
		letter-spacing:0;
	}
}