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

*{
	/* Universal CSS reset */
	margin: 0 auto; 
	padding:0; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	font-family: Verdana , 'Lucida Grande' , Meiryo , sans-serif ;
	}

ul{
	  list-style:none;
}

a img{
	border:none;
}

a:hover img {
	border:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


.top {
 background-color:#f4f5f7;
 height:20px;
 line-height:20px;
}
 
.top ul {
 width:1200px;
 margin:0 auto;
 list-style:none;
}

.top li{
 float:left;
 font-size:11px;
 padding:0 10px;
 border-right:1px solid #333;
}


.top li:last-child {
 border-right:none;
}

 

.info {
 width:1200px;
 height:60px;
 margin:20px auto;
    position: relative;
}

.logo {
 float:left;	
 width:200px;
 margin:0 auto;
 padding-top:0px;
 font-size:10px;
 text-align:right;
} 
 
.center {
width: 410px;
    margin: 0;
    padding-top: 15px;
    position: absolute;
    top: 0;
    right: 300px;
}
.center p {
text-align:right;
}



.center li {
 float:right;
 font-size:11px;
 padding:0 10px;
 border-left:1px solid #333;
}

.info .center li:first-child {

 border-right:1px solid #333;
}

.info .center li:last-child {
 padding-left:0;
 border-left:none;
}

 
.info .center li a {
 text-decoration:none;
 color:#333;
}

.info .center li a:hover{
 color:#BA0B13;
 text-decoration:underline;
}
 
.mark {
 float:right;
 font-size:10px;
 text-align:right;
 margin-top:-10px !important;
 padding-right:15px;
    position: absolute;
    top: -10px;
    right: 180px;
}
.soy {
	float: right;
	margin-top: -10px !important;
	padding-right: 15px;
	position: absolute;
	top: 10px;
	right: 855px;
}
.soy.no2 {
	float: right;
	margin-top: -10px !important;
	padding-right: 15px;
	position: absolute;
	top: 10px;
	right: 717px!important;
}
.soy img {
width:120px;
}

.shop {
 float:right;
 font-size:10px;
 text-align:right;
 padding-top:15px;
}

.navi {
 z-index: 19999;
 position:relative;	
 clear:both;
 background-color:#125a9e;
 font-size:14px;
 min-width:800px;
}
 
.navi ul {
 height:56px;
 text-align:center;
  list-style:none;
}
 
.navi li {
 display:inline-block;
 vertical-align:central;
 border-right: 1px solid #3c7fbf;
}

.navi li:last-child {
 display:inline-block;
 vertical-align:central;
 border-right: 0px;
}

.navi li a {
	margin-left:-5px;
    padding:10px 10px;
    display: block;
    text-align: center;
    text-decoration: none;
	font-size:14px;
    color: #ffffff;
}
 
.navi li a span {
    display: block;
    margin: 3px 0 0 0;
    color: #cccccc;
    text-transform: uppercase;
    font-size: 70%;
    letter-spacing: 1px;
}
 

.navi li a:hover{
	color:#fff;
	border:none;
	text-decoration:none;
    background: #3c7fbf;
}

.search {
 margin-top:10px;
 height:60px;
 background-color:#f9f8f2;
 clear:both;
}


.search .wrapper {
 width:950px;
 height:60px;
 margin:0 auto;
}
 
.search .wrapper * {
 float:left;
}

 
.text_box {
 width:390px;
 height:31px;
 border:3px solid #125a9e;
 line-height:25px;
 font-size:12px;
 text-indent:10px;
 margin-top:15px;
}
 
.searchBtn {
 margin-right:15px;
 margin-top:15px;
 border:3px solid #125a9e;
}
 
.search .wrapper dt {
 margin-right:15px;
}
 
.search .wrapper dd {
 height:20px;
 font-size:11px;
 margin-top:22px;
 margin-right:10px;
 padding-right:10px;
 border-right:1px solid #ccc;
}
 
.search .wrapper dd:last-child {
 margin-right:none;
 padding-right:none;
 border-right:none;
}


.search .wrapper a {
	color:#125A9E;
}

.search .wrapper a:hover{
	color:#BA0B13;
}



.search-h {
 margin:0 auto;
 height:60px;
 background-color:#125a9e;
 clear:both;
}

.search-h .wrapper {
 width:950px;
 height:60px;
 margin:0 auto;
}
 
.search-h .wrapper * {
 float:left;
}

.text_box-h {
 width:330px;
 height:31px;
 border:3px solid #f4f5f7;
 line-height:25px;
 font-size:12px;
 text-indent:10px;
 margin-top:15px;
}

.menu	{
	height:30px;
	width:1200px;
	margin:0 auto;
	clear:both;
	}
	
.text20{
	color:#BF181F;
	font-size:13px;
	position:relative;
	padding-top:5px;
	padding-left:5px;
	float:left;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(250, 250, 250, 1);
	text-decoration: none;
	}
.text21{
	color:#125A9E;
	font-size:13px;
	position:relative;
	padding-top:5px;
	padding-left:5px;
	float:left;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(250, 250, 250, 1);
	text-decoration: none;
	}
.img22{
	position:relative;
	padding-top:6px;
	float:left;
	padding-left:25px;
   }	



.button {
	display: inline-block;
	width: 160px;
	height: 34px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #125A9E;
	color: #fff;
	font-size:14px;
	line-height: 34px;
	overflow: hidden;
	border-radius: 4px;
	font-weight:bold;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button:hover {
	color: #fff;
}
.button::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	top: 0;
	background-color: #C4151B;
}

h3.ttl{width:1200px;
	margin:0.2% auto 0.2%;
	clear:both;
	display: block;
	font-size: 15px;
	border-bottom: 1px dashed #666;
	line-height: 1.4em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.banner	{
	width:1200px;
	margin:0 auto;
	clear:both;
	}
.banner img	{width: 100%;}
	
#top_contents{
	padding-top:15px !important;
	height:60px;
	width:950px;
	margin:0 auto;
	clear:both;
	}
	
.banner02{
	width:1200px;
	margin:0 auto;
	clear:both;
	}

.banner02 img {
	width:calc(100% / 2 - 6px);
	}
.banner03{
	width:1200px;
	margin:0 auto;
	clear:both;
	}

.banner03 img {
	width:calc(100% / 3 - 4px);
	}
.banner04{
	width:1200px;
	margin:0 auto;
	clear:both;
	}

.banner04 img {
	width:calc(100% / 4 - 5px);
	}
.banner05{
	width:1200px;
	margin:0 auto;
	clear:both;
	}

.banner05 img {
	width:calc(100% / 5 - 5px);
	}
.banner06{
	width:1200px;
	margin:0 auto;
	clear:both;
	}