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

#headWrap { height: 71px;}
#header{
	border-bottom: 1px solid #cbcbcb;
	position: fixed;
	top:0;
	left:0;
	z-index: 30;
	width:100%;
	background-color: #FFFFFF;
	min-width:990px;
}

#header .frame{
	width:100%;
  margin-bottom: 0;
	position: relative;
}

#header .logo{
	width: 143px;
	padding:18px 0;
	float:left;
	margin-left: 54px;
}
#header .logo img { width: 100%;}
@media only screen and (max-width: 1200px){
	#header .logo{
	}
}
@media only screen and (max-width: 1055px){
	#header .logo{
		width: 14%;
		margin-left: 5px;
	}
}




/* ---------------------------------
	#gnavi
---------------------------------- */

#gnavi{
	float:right;	
	width:801px;
}
#gnavi .btns1{
	
}
#gnavi .btns1 li{
	float:left;
}
#gnavi .btns1 li.act,
#gnavi .btns1 li:hover{
	
}

#gnavi .btns1 a{
	display:block;
}
#gnavi .btns1 li.last{
	
}
#gnavi .btns2 {
	
}
#gnavi .btns2 li{
	float:left;
}
#gnavi .btns2 li .searchBtn{
	cursor:pointer;
}
#gnavi .btns2 li.last{
	
}
#gnavi .btns1 {
	
}

#gnavi .nav1{
	background: url("/common/img/gnavi_product_on.gif") no-repeat;
}

#gnavi .nav2{
	background: url("/common/img/gnavi_support_on.gif") no-repeat;
}

#gnavi .nav3{
	background: url("/common/img/gnavi_special_on.gif") no-repeat;
}

#gnavi .nav4{
	background: url("/common/img/gnavi_company_on.gif") no-repeat;
}

#gnavi .nav5{
	background: url("/common/img/gnavi_search_on.gif") no-repeat;
}

#gnavi .nav6{
	background: url("/common/img/gnavi_online_on.gif") no-repeat;
}


#gnavi a{
	display: block;
}


#gnavi a:hover{
	background-color: transparent;
}
#gnavi .on a img,
#gnavi a:hover img{
	visibility: hidden;
}

/* ---------------------------------
	#megaMenu
---------------------------------- */

#megaMenu{
}



#megaMenu .megaBox{
	display:none;
}
.bnrMenu1{
	position:fixed;
	top:71px;
	left:0;
	z-index:10;
	width:100%;
	background:#e2e6ef;
	border-bottom:2px solid #cccccc;
	padding:60px 0px 60px;
}
#megaMenu .bnrMenu1 .frame{
	width:auto;
	padding:0;
}

.bnrMenu1  a:hover,
.bnrMenu1  a:active,
.bnrMenu1  a:visited,
.bnrMenu1  a:link{
	color: #00379e;
	text-decoration: none;
}

.bnrMenu1 .column{
	width:100%;
}

.bnrMenu1 .menuTtl{
	width: 188px;
	vertical-align: top;
	text-align:left;
}
.bnrMenu1 .menuTtl a{
	display: table;
	vertical-align: middle;
	width:100%;
}

.bnrMenu1 .menuTtl a span{
	height: 80px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 33px;
	color: #00379e;
	font-size: 12px;
	background-image: url("/common/img/link_icon_2.png");
	background-repeat: no-repeat;
	background-position: 16px center;
	background-color: #FFFFFF;
	font-weight:bold;
}

.bnrMenu1 .menuList{

}

.bnrMenu1 .menuList li{
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	width:235px;
	height:80px;
}

.bnrMenu1 .menuList a{
	display: table;
	width: 100%;
	background-color: #FFFFFF;
}

.bnrMenu1 .menuList li.last{
	margin-right: 0;
}

.bnrMenu1 .menuList .img{
	display: table-cell;
	width:80px;
}

.bnrMenu1 .menuList .txt{
	display: table-cell;
	color: #00379e;
	font-size: 12px;		
	background-image: url("/common/img/link_icon_2.png");
	background-repeat: no-repeat;
	background-position: 16px center;
	vertical-align: middle;
	line-height: 1.5;
	padding: 10px 10px 10px 33px;
	font-weight:bold;
}

.bnrMenu1 .menuList .utxt{
	margin-top:10px;
	text-align:center;
	font-size:14px;
	color:#333333;
}


.bnrMenu1 .menuList .noplate{
	padding-left:80px;
	width:auto;
}
.bnrMenu1 .menuList .noplate a{
	background:none;
	width:auto;
	height:80px;
}




/* --- サイト内検索 --- */
#magaBox_search{
	position:fixed;
	top: 0;
	right: 240px;
	z-index: 50;
	display:none;
}


#magaBox_search input{
	width: 520px;
	height: 70px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #e2e6ee;
	border: none;
	color: #4B6CAF;
	font-size: 14px;
	letter-spacing: 0.1em;
}

/* --- オンラインショッピング --- */
#bnrMenu_ec .menuList li{
	width:278px;
}

/*
#bnrMenu_product{
	display:none !important;
}
#bnrMenu_customer{
	display:none !important;	
}
#bnrMenu_feature{
	display:none !important;		
}
#bnrMenu_corporate{
	display:block !important;		
}
#bnrMenu_ec{
	display:none !important;		
}
*/

@media only screen and (max-width: 768px){
	#header{
		position:static;
		min-width:100%;
		top:0;
	}
	#header .logo{
		padding:15px 0;
	}
	#megaBox_search{
		position:absolute;
	}
	#megaMenu .megaBox{
		position:absolute;	
	}
	#gnavi{
		width:618px;	
	}
	#gnavi li img{
		width:auto;
		height:54px;	
	}
	#gnavi li img{
		width:auto;
		height:54px;	
	}
}

/* ---------------------------------
	SP用
---------------------------------- */
/* ヘッダーメニュー */
.sp_device #headWrap {
  width: 100%;
  position: relative;
  top: 0;
  z-index: 100;
}
.sp_device #header{
	min-width:100%;
	top:0;
}

.sp_device #header .frame{
	width:100%;
	position: relative;
}

.sp_device #headWrap {
	height:auto;
}
.sp_device #header .logo{
	width: 33.46%;
	max-width: 125px;
	margin-left: 0;
	padding: 18px 0 0 18px;
}
.sp_device #header .logo img{
	
}

.sp_device #main img{
	width:100%;
	height:auto;	
}
#spNavi {
	width: 34.66%;
	max-width:130px;
	float: right;
}
#spNavi ul.spBtn li {
	width: 50%;
	float: left;
}
#spNavi ul.spBtn li a {
	width: 100%;
	padding-top: 100%;
	float: left;
}
#spNavi ul.spBtn li.search a {
	background: url(/common/img/search_sp.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#spNavi ul.spBtn li.menu a {
	background: url(/common/img/menu_sp.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#spNavi ul.spBtn li.search.open a {
	background: url(/common/img/search_sp_on.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
#spNavi ul.spBtn li.menu.open a {
	background: url(/common/img/menu_sp_on.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#spNavi ul { *zoom: 1;}
#spNavi ul:after { content: ''; display: table; clear: both;}


/* サイト内検索 */
.spSearch{
	width: 65.33%;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
}
.spSearch input{
	width: 100%;
	line-height: 65px;
	min-height: 65px;
	padding: 0 4%;
	background-color: #e2e6ee;
	border: none;
	color: #333;
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
	box-sizing: border-box;
}

/* アコーディオンメニュー */
.spMenu {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	z-index: 20;
	display: none;
}
.spMenu ul.menu1 {
	background: #e2e6ee;
}
.spMenu ul.menu1 li {
	background: url(/common/img/sp_menu_ico01.png) no-repeat 95% center;
	-webkit-background-size: 4% auto;
	background-size: 4% auto;
}
.spMenu ul.menu1 li:nth-child(n+6) {
	background: url(/common/img/sp_menu_ico02.png) no-repeat 95% center;
	-webkit-background-size: 4% auto;
	background-size: 4% auto;
}
.spMenu ul.menu1 li img {
	width: 73.33%;
	max-width:375px;
	margin: 0 auto;
}
.spMenu ul.menu2 {
	background: #d6d6d6;
}
.spMenu ul.menu2 li {
	color: #666666;
	font-size: 15px;
	font-weight: bold;
}
.spMenu ul {
	border-top: 1px solid #cccccc;
}
.spMenu ul li a {
	padding: 8px 0;
	border-bottom: 1px solid #cccccc;
	display: block;
}
.spMenu .menu2 li a {
	padding: 12px 0;
}