@charset "utf-8";
/* CSS Document */
#content{
	padding-top:25px;
}
.pagetop_blue{
	background: #f5f5f5 !important;
}
div.info{
	padding:5px;
	margin:1% auto;
	color:#333;
	line-height:1.3;
	text-align:left;
	background:#E5E5E5;
	border:2px solid #B5B5B5;
	width: 80%;
	text-align: center
}
#item{
	background:#fff;
	padding:15px;
	overflow:hidden;
}
#item_title{
/*	background:url(../../img/icon_03.jpg) no-repeat;*/
	color:#144690;
	font-size:20px;
	padding:12px 0 0 5px;
	height:25px;
	width:50%;
	float:left;
}
#item_title2{
/*	background:url(../../img/icon_03.jpg) no-repeat;*/
	color:#144690;
	font-size:20px;
	padding:6px 0 0 0;
	margin:16px 0 5px 0;
	height:25px;
	float:left;
}
#item_title3{
	color:#144690;
	font-size:20px;
	padding:6px 0 0 0;
	margin:0 0 5px 0;
	height:25px;
	float:left;
}
#item_title4{
	color:#144690;
	font-size:20px;
	padding:6px 0 0 0;
	margin:16px 0 5px 0;
	height:25px;
}
#item_title5{
	color:#144690;
	font-size:20px;
	padding:6px 0 0 0;
	margin:0 0 5px 0;
	height:25px;
}
#item_title6{
	color:#144690;
	font-size:20px;
	padding:0 0 0 0;
	margin:0 0 5px 0;
	height:25px;
	float:left;
}
#item_btn{
	border:1px solid #144690;
	padding:10px 7px 7px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	width:16%;
	float:right;
	text-align:center;
	font-size:15px;
	color:#144690;
}

a:hover #item_btn{
	background:#144690;
	color:#fff;	
}
#item_btn2{
	border:1px solid #144690;
	padding:10px 7px 7px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	width:90%;
	float:right;
	text-align:center;
	font-size:15px;
	color:#144690;
}

a:hover #item_btn2{
	background:#144690;
	color:#fff;	
}
.shopNewsArea a{
	color: #333;
}

#item ul li{
	padding-top:20px;
	font-size:15px;
}
#item ul li p{
	padding-bottom:5px;
}
@media screen and (max-width: 960px) {
div.info{
	width: 100%;
}
#item_btn{
	width:90%;
	margin:1% auto;
}
#item_btn2{
	width:90%;
	margin:1% auto;
}
#item{
	padding:0;
	margin:1%;
}
#item ul{
	display: table;
    margin: 0!important;
    padding: 0!important;
    width: 100%;
}
#item ul li{
	display: table-cell;
	width:50%;
}
#item ul li a {
    padding: 1%;
    border: 1px solid white;
    text-decoration: none;
    display: block;
    background: #eee;
}
#item ul li a:hover {
    color: white;
    background: #144690;
}
#item ul li img{
	width:100%;
}
}
.item_left{
	float:left;
}
.item_right{
	float:right;
}
.shop_width{
	width: 340px;
	height: 156px;
	background-color: #fff;
	border: 1px solid #d1d1d1;
}
.shop_width:hover{
	border: 1px solid #144690;
}
.item_in{
	margin: 10px auto;
	width: 320px;
	background: url(/img_tops/shop_arrow.jpg) no-repeat right center;
	overflow: hidden;
}
.item_img{
	width: 100px;
}
.item_txt{
	width: 210px;
	line-height: 150%;
}
.item_name{
	font-weight: bold;
	font-size: 18px;
	padding: 8px 0;
}
@media screen and (max-width: 960px) {
.shop_width{
	width:48%;
	margin:1% auto;
}
.item_in{
	width: auto;
	text-align:center;
}
.item_img{
	width: auto;
	text-align:center;
}
.item_txt{
	width: auto;
}
}

.top_bunner{
	overflow: hidden;
}
.top_bunner li{
	float: left;
	border: 1px solid #d1d1d1;
	width: 23.7%;
	margin: 0.5%;
}
.top_bunner li img{
	width:100%;
}
.top_bunner li:last-child{
	margin-right: 0;
}
.top_bunner li:hover{
	border: 1px solid #144690;
}
@media screen and (max-width: 960px) {
.top_bunner{
	width:80%;
	margin:1% auto;
}
.top_bunner li{
	width:45%;
	margin:1%;
}
}
.company{
	width: 100%;
	overflow: hidden;
}
.company_in_right{
	margin-left: 1%;
	width: 50%;
	float: left;
	margin-top: 10px;
}
.company_in{
	width: 49%;
	float: left;
	margin-top: 10px;
}
.company_in img,.company_in_right img{
	float: left;
	width: 130px;
	border: 1px solid #d1d1d1;
}
.company_in img:hover,.company_in_right img:hover{
	border: 1px solid #144690;
}
.company_txt{
	float: left;
	width: 196px;
	font-size: 14px;
	line-height: 160%;
	padding-left: 8px;
}

.company_txt span{
	font-size: 13px;
}
h4{
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 5px;
}
.bunner{
	margin-top: 10px;
	border: 1px solid #d1d1d1;
}
.bunner:hover{
	border: 1px solid #144690;
}
#news_release{
	background: #fff;
	padding: 15px;
	margin: 40px 0 30px;
}
hr{
	border: 0 none; 
    height: 1px; 
    color: #cacaca;
    background-color: #cacaca;
	margin: 10px 0;
}
dl{
	font-size: 14px;
	overflow: hidden;
	line-height: 160%;
}
dt{
	width: 130px;
	float: left;
}
dd{
	width: 530px;
	float: left;
	margin-bottom: 5px;
}
@media screen and (max-width: 960px) {
.bunner{
	width:47%;
	float:left;
	margin:1%;
}
.bunner img{
	width:100%;
}
}
/* header スマホ用*/
.header#sp{
	display:none;
}
@media screen and (max-width: 960px) {
.header#pc{
	display:none;
}
#header {
	width:100%;

}
.header#sp {
	display: flex;
	justify-content: space-between;
	background: #eee;
	float:right;
	margin:5%;
	padding:1%;
}
div.logo img{
	width:70%;
	padding: 2% 0 0 2%;
}
ul.nav a:link,ul.nav a:visited{
	color:#FFF;
	text-decoration:none;
}
ul.nav{
	margin-top:15%;
}
ul.nav li{
	width:100%;
	list-style:none;
	padding:3%;
	border-bottom:1px solid #ccc;
}
nav input.keyword{
	width:auto;
}
.nav-wrap.open {
  display: block;
	z-index:1000;
}
.nav-wrap.close {
  display: none;
}
.nav-button {
    display: block;
    cursor: pointer;
}
.nav-wrap {
    position: fixed;
	overflow-y: scroll;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
	color:#FFF;
}
.nav-button,
.nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
}
.nav-button {
    z-index: 1001;
    position: relative;
    width: 40px;
    height: 36px;
	margin: 2%;
}
.nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
}
.nav-button span:nth-of-type(1) {
    top: 0;
}
.nav-button span:nth-of-type(2) {
    top: 16px;
}
.nav-button span:nth-of-type(3) {
    bottom: 0;
}
.nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
}
.nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
.nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
}
}