/* CSS Document */
/*-------------------------------*/

/*************** [PC/TABLETS] #wrapHead ***************/
#wrapHead {
	background: #ffffff;
	height: 80px;
}
#wrapHead .eleUnit {
	width: auto;
	min-width: 960px;
	height: 53px;
	padding: 0 15px 27px;
	background: #ffffff;
}
#wrapHead p.cmnLogo{
	margin: 0;
	padding: 26px 0 0 0;
}
/* NOTE: BEGIN ADD ON 11/04/2016 */
#wrapHead p.cmnLogo img {
	width: 180px;
	max-width: 180px;
}
/* NOTE: END ADD ON 11/04/2016 */
#wrapHead p.ipv6_ready {
	position: absolute;
	top: 20px;
	left: 200px;
}
#wrapHead div#btnApplication {
	position: absolute;
	top: 8px;
	left: 264px;
}
#wrapHead div#btnApplication a {
	display: block;
	overflow: hidden;
	width: 150px;
	height: 50px;
	text-indent: -9999px;
	background: url(../images/btn_application.png) no-repeat 0 0;
}
#wrapHead div#btnApplication a:hover {
	background-position: 0 -59px;
}
#wrapHead div#btnShopinfo {
	position:absolute;
	left:445px;
	top:23px;
}
#wrapHead div#btnShopinfo a {
	display: block;
	overflow: hidden;
	width: 125px;
	height: 35px;
	text-indent: -9999px;
	background: url(../images/btn_shopinfo.png) no-repeat 0 0;
}
#wrapHead div#btnShopinfo a:hover {
	background-position: 0 -35px;
}
#wrapHead div.cmnSupport {
	position: absolute;
	top: 23px;
	left: 580px;
	height: 35px;
	width:245px;
}
#wrapHead div.cmnSupport dt a, #wrapHead div.cmnSupport dd a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#wrapHead div.cmnSupport dt.supportIdx {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px 0 0 20px;
}
#wrapHead div.cmnSupport dt.supportIdx a {
	width:115px;
	height: 35px;
	background: url(../images/cmn_head_support_201709.png) no-repeat 0 0;
/*	border-radius: 20px 0 0 20px;*/
}
#wrapHead div.cmnSupport dt.supportIdx a:hover {
	background-position:0 -35px;
}
#wrapHead div.cmnSupport dd.kensaku {
	position: absolute;
	top: 5px;
	left: 127px;
}
#wrapHead div.cmnSupport dd.faqIdx {
	position: absolute;
	top: 0;
	left: 0;
}
#wrapHead div.cmnSupport dd.faqIdx a {
	width: 125px;
	height: 35px;
	background: url(../images/cmn_head_support_201709.png) no-repeat 0 0;
}
#wrapHead div.cmnSupport dd.faqIdx a:hover {
	background-position:0 -35px;
}
#wrapHead div.cmnSupport dd.contactIdx {
	position: absolute;
	top: 0;
	left:125px;
}
#wrapHead div.cmnSupport dd.contactIdx a {
	width:117px;
	height: 35px;
	background: url(../images/cmn_head_support_201709.png) no-repeat 100% 0;
}
#wrapHead div.cmnSupport dd.contactIdx a:hover {
	background-position: 100% -35px;
}

#wrapHead div#functional_nav {
	z-index: 1;
	position: absolute;
	top: 20px;
	right: 0;
	width: 142px;
	height: 50px;
}
#wrapHead div#functional_nav .nav {
	vertical-align: top;
	font-size: 0;
}
#wrapHead div#functional_nav .nav > li {
	display: inline-block;
	width: 71px;
	height: 50px;
	vertical-align: top;
	background: url(../images/btn_functional.png) no-repeat;
	cursor: pointer;
}
#wrapHead div#functional_nav .nav li.search { background-position: 0 0; }
#wrapHead div#functional_nav .nav li.search:hover,
#wrapHead div#functional_nav .nav li.search.active { background-position: 0 -60px; }
#wrapHead div#functional_nav .nav li.language { background-position: -71px 0; }
#wrapHead div#functional_nav .nav li.language:hover,
#wrapHead div#functional_nav .nav li.language.active { background-position: -71px -60px; }

#wrapHead div#functional_nav .search_box {
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	width: 335px;
	box-sizing: border-box;
	padding: 15px;
	background-color: #3189d6;
}
#wrapHead div#functional_nav .search_box #srchInput {
	width: 250px;
	height: 30px;
	box-sizing: border-box;
	margin: 0 5px 0 0;
	padding: 0 10px;
	border-radius: 6px;
	border: none;
	vertical-align: sub;
	font-size: 14px;
	background: #fff url(//i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) no-repeat 10px center;
}
#wrapHead div#functional_nav .search_box input[type="text"] {
	width: 250px !important;
	height: 30px !important;
	box-sizing: border-box !important;
	margin: 0 5px 0 0 !important;
	padding: 0 10px !important;
	border-radius: 6px !important;
	border: none !important;
	vertical-align: sub !important;
	font-size: 14px !important;
	background-position: 3% 50% !important;
}
#wrapHead div#functional_nav .search_box .gsc-search-box,
#wrapHead div#functional_nav .search_box .gsib_a{
	margin: 0;
	padding: 0;
}
#wrapHead div#functional_nav .search_box .gsc-input-box{
	width: 250px;
	height: 30px;
	overflow: hidden;
	border-radius: 6px;
}
#wrapHead .gsc-search-box .gsc-input{padding-right: 5px;}
#wrapHead .gsc-search-button-v2,
#wrapHead .gsc-search-button-v2:hover,
#wrapHead .gsc-search-button-v2:focus,
#wrapHead div#functional_nav .search_box #srchBtn{
	position: relative;
	top: 0;
	width: 50px;
	height: 24px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-shadow: 0 2px 0 0 rgb(107,80,0);
	border: none;
	border-radius: 4px;
	text-align: center;
	color: #664d1b;
	font-size: 12px;
	font-weight: bold;
	background-color: #f0c800;
	cursor: pointer;
}
#wrapHead .gsc-search-button-v2:hover,
#wrapHead div#functional_nav .search_box #srchBtn:hover{
	top: 1px;
	box-shadow: 0 1px 0 0 rgb(107,80,0);
}
#wrapHead .gsc-search-button-v2 svg{display: none;}
#wrapHead .gsc-search-button-v2:after{content: "検索";}

#wrapHead div#functional_nav .search_box #srchInput.nomark { background-image: none; }


#wrapHead div#functional_nav .language_box {
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	width: 100%;
	line-height: 1;
	font-size: 14px;
	background-color: #3189d6;
}
#wrapHead div#functional_nav .language_box li {
	border-bottom: 1px solid #66a8e1;
}
#wrapHead div#functional_nav .language_box li span,
#wrapHead div#functional_nav .language_box li a,
#wrapHead div#functional_nav .language_box li a:visited {
	display: block;
	padding: 15px 15px 15px 25px;
	background: url(../images/bg_language_arrow.png) no-repeat;
}
	#wrapHead div#functional_nav .language_box li span,
	#wrapHead div#functional_nav .language_box li a:hover {
		color: #3189d6;
		background-color: #c8e9fa;
		background-position: 15px -21px;
	}
	#wrapHead div#functional_nav .language_box li a,
	#wrapHead div#functional_nav .language_box li a:visited {
		color: #fff;
		text-decoration: none;
		background-position: 15px 19px;
	}

#wrapHead div.cmnLanguage {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 163px;
	height: 50px;
	background: url(../images/cmn_head_language.gif) no-repeat;
}
#wrapHead div.cmnLanguage dt,
#wrapHead div.cmnLanguage dd {
	width:75px;
	height:15px;
	position: absolute;
}
#wrapHead div.cmnLanguage dt.langJ {
	top: 1px; left: 11px;
}
#wrapHead div.cmnLanguage dd.langE {
	top: 1px; left: 88px;
}
#wrapHead div.cmnLanguage dd.langC {
	top: 18px; left: 11px;
}
#wrapHead div.cmnLanguage dd.langT {
	top: 34px; left: 11px;
}
#wrapHead div.cmnLanguage dd.langK {
	top: 18px; left: 88px;
}
#wrapHead div.cmnLanguage a, #wrapHead div.cmnLanguage span{
	display: block;
	text-indent: -9999px;
	font-size:0;
	line-height:0;
	width:75px;
	height:15px;
	overflow: hidden;
}
#wrapHead div.cmnLanguage dt.langJ a:hover {
	background: url(../images/cmn_head_language.gif) no-repeat -11px -51px;
}
#wrapHead div.cmnLanguage dd.langE a:hover {
	background: url(../images/cmn_head_language.gif) no-repeat -88px -51px;
}
#wrapHead div.cmnLanguage dd.langC a:hover {
	background: url(../images/cmn_head_language.gif) no-repeat -11px -68px;
}
#wrapHead div.cmnLanguage dd.langT a:hover {
	background: url(../images/cmn_head_language.gif) no-repeat -11px -84px;
}
#wrapHead div.cmnLanguage dd.langK a:hover {
	background: url(../images/cmn_head_language.gif) no-repeat -88px -68px;
}
#wrapHead div.cmnLanguage dt.langJ span {
	background: url(../images/cmn_head_language.gif) no-repeat -11px -101px;
}
#wrapHead div.cmnLanguage dd.langE span {
	background: url(../images/cmn_head_language.gif) no-repeat -88px -101px;
}
#wrapHead div.cmnLanguage dd.langC span {
	background: url(../images/cmn_head_language.gif) no-repeat -11px -118px;
}
#wrapHead div.cmnLanguage dd.langT span {
	background: url(../images/cmn_head_language.gif) no-repeat -11px -134px;
}
#wrapHead div.cmnLanguage dd.langK span {
	background: url(../images/cmn_head_language.gif) no-repeat -88px -118px;
}
#wrapHead div.hpMenu,
#wrapHead div.hpSubMenus {
	display: none;
}

/*************** [HP] #wrapHead ***************/
@media screen and (max-width:640px){
	#wrapHead {
		width: 100%;
		max-width: 100%;
		min-width: auto;
		height: auto;
		min-height: 44px;
		/* margin: 10px 0px 0px; */
		margin: 0px 0px 0px;
	}
	#wrapHead div.eleUnit {
		position: relative;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		height: 44px;
		min-height: 100%;
		margin: 0px;
		padding: 0px;
		border-top: 1px solid #EAEAEA;
		border-bottom: 1px solid #EAEAEA;
	}
	#wrapHead p.cmnLogo {
		max-width: calc(100% - 146px);
		max-width: -webkit-calc(100% - 146px);
		height: 100%;
		min-height: 100%;
		margin: 0px;
		padding: 0px;
	}
	#wrapHead p.cmnLogo a {
		position: relative;
		display: block;
		max-width: 180px;
		height: 100%;
		vertical-align: middle;
		margin: 0px 10px 0px 10px;
	}
	#wrapHead p.cmnLogo a img {
		position: absolute;
		top: 4px;
		left: 0;
		right: 0;
		bottom: 0;
		display: inline-block;
		width: auto;
		max-width: 100%;
		height: auto;
		max-height: 44px;
		margin: auto;
	}
	#wrapHead p.ipv6_ready {
		display: none;
	}
	#wrapHead div#btnApplication { display: none; }
	#wrapHead div#functional_nav { display: none; }
	#wrapHead div.cmnSupport {
		display: none;
	}
	#btnShopinfo { display:none; }
	#wrapHead div.cmnLanguage {
		display: none;
	}
	#wrapHead div.hpMenu {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
	#wrapHead div.hpMenu ul {
		display: table-row;
	}
	#wrapHead div.hpMenu ul li {
		display: table-cell;
		border-left: 1px solid #EAEAEA;
	}
	#wrapHead div.hpMenu ul li a {
		position: relative;
		display: block;
		width: 44px;
		height: 44px;
		background: #fff;
	}
	#wrapHead div.hpMenu ul li a.active {
		background: #DDE4EE;
	}
	#wrapHead div.hpMenu ul li a img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 28px;
		height: 28px;
		margin: auto;
	}
	#wrapHead div.hpSubMenus {
		display: block;
	}
	#wrapHead div.hpSubMenus div.hpSubMenu {
		display: block;
		background: #DDE4EE;
	}
	#wrapHead div.hpSubMenus div.searchMenu {
		display: none;
		padding: 10px 0px;
	}
	#wrapHead div.hpSubMenus div.searchMenu #srchBoxHp .icon_loupe {
		display: inline-block;
		vertical-align: top;
		padding: 0px 5px 0px 10px;
	}
	#wrapHead div.hpSubMenus div.searchMenu #srchBoxHp .icon_loupe img {
		width: auto;
		height: 19px;
	}
	#wrapHead div.hpSubMenus div.searchMenu #srchBoxHp #srchFormHp {
		display: inline-block;
		vertical-align: top;
    	width: calc(100% - 50px);
    	width: -webkit-calc(100% - 50px);
	}
	#wrapHead div.hpSubMenus div.searchMenu #srchBoxHp #srchFormHp #srchInputHp {
	    height: 20px;
		width: calc(100% - 90px);
    	width: -webkit-calc(100% - 90px);
	    max-height: 18px;
	    line-height: 18px;
	    vertical-align: top;
	    margin-top: -2px;
	    border: 1px solid #aaa;
	    font-size: 14px;
	}
	#wrapHead div.hpSubMenus div.searchMenu #srchBoxHp #srchFormHp #srchBtnHp {
		-webkit-appearance: none;
		border: none;
		color: rgba(0,0,0,0);
		background-color: rgba(0,0,0,0);
		background-image: url(/images/btn_search2.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		width: 52px;
		height: 23px;
		max-height: 23px;
		margin-left: 5px;
		vertical-align: top;
	}
	#wrapHead div.hpSubMenus div.langMenu {
		display: none;
	}
	#wrapHead div.hpSubMenus div.langMenu ul {
		width: 100%;
		height: 47px;
	}
	#wrapHead div.hpSubMenus div.langMenu ul li {
		float: left;
		width: 20%;
		text-align: center;
	}
	#wrapHead div.hpSubMenus div.langMenu ul li a {
		display: block;
		border-left: 1px solid #fff;
		padding: 0px;
		text-align: center;
		font-size: 0px;
		line-height: 0px;
	}
	#wrapHead div.hpSubMenus div.langMenu ul li:first-child a {
		border: none;
	}
	#wrapHead div.hpSubMenus div.langMenu ul li a img {
		height: 47px;
	}
	#wrapHead div.hpSubMenus div.siteMenu {
		display: none;
	}
	#wrapHead div.hpSubMenus div.siteMenu ul li {
		border-top: 1px solid #fff;
		line-height: 1;
		font-size: 14px;
		background: url(../images/icon_sitemenu.png) no-repeat;
		background-size: 23px auto;
	}	
		#wrapHead div.hpSubMenus div.siteMenu ul li:first-child { border: none; }
		#wrapHead div.hpSubMenus div.siteMenu ul li.m01 { background-position: 10px 8px; }
		#wrapHead div.hpSubMenus div.siteMenu ul li.m02 { background-position: 10px -28px; }
		#wrapHead div.hpSubMenus div.siteMenu ul li.m03 { background-position: 10px -63px; }
		#wrapHead div.hpSubMenus div.siteMenu ul li.m04 { background-position: 10px -99px; }
		#wrapHead div.hpSubMenus div.siteMenu ul li.m05 { background-position: 10px -135px; }
		#wrapHead div.hpSubMenus div.siteMenu ul li.m06 { background-position: 10px -171px; }
		#wrapHead div.hpSubMenus div.siteMenu ul li.m07 { background-position: 10px -208px; }
		#wrapHead div.hpSubMenus div.siteMenu ul li.m08 {
			background: url(../images/icon_sitemenu_02.png) no-repeat;
			background-size: 35px auto;
		}
	
	#wrapHead div.hpSubMenus div.siteMenu ul li a {
		position: relative;
		display: block;
		height: 35px;
		box-sizing: border-box;
		padding: 10px 10px 0 45px;
		color: #4d4d4d;
		text-decoration: none;
	}
	#wrapHead div.hpSubMenus div.siteMenu ul li a img {
		width: 100%;
	}
	#wrapHead div.hpSubMenus div.siteMenu ul li a span {
		position: absolute;
		top: 0px;
		left: 55px;
		display: block;
		vertical-align: middle;
	}
	#wrapHead div.hpSubMenus div.siteMenu ul li a i {
		display: inline-block;
		width: 30px;
		height: 100%;
		margin-left: 15px;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}
	#wrapHead div.hpSubMenus div.siteMenu ul li a i.icon_faq {
		background-image: url(../images/icon_faq.png);
	}
	#wrapHead div.hpSubMenus div.siteMenu ul li a i.icon_inquiry {
		background-image: url(../images/icon_inquiry.png);
	}
	/* NOTE: BEGIN DELETE ON 11/04/2016
	#wrapHead {
		height: 130px;
	}
	#wrapHead .eleUnit {
		min-width: 300px;
		width: 100%;
		margin: 0;
		padding:0;
		height:auto;
	}
	#wrapHead p.cmnLogo {
		position:absolute;
		top: 30px;
		left: 10px;
		padding: 0;
	}
	#wrapHead p.ipv6_ready {
		clear: both;
		position:absolute;
		top: 27px;
		right: 0;
	}
	#wrapHead div.cmnSupport {
		clear: both;
		position: absolute;
		top: 70px;
		left: 0;
		height: 59px;
		width: 100%;
		border-radius: 0;
		background:#dde4ee url(../images/cmn_head_support_sp_back.gif) repeat-x;
		background-size: auto 59px;
	}
	#wrapHead div.cmnSupport dt.supportIdx {
		left: 0;
	}
	#wrapHead div.cmnSupport dt.supportIdx a,#wrapHead div.cmnSupport dt.supportIdx a:hover{
		width: 90px;
		height: 29px;
		background: url(../images/cmn_head_support_sp.gif) no-repeat 0 0;
		background-size: auto 59px;
	}
	#wrapHead div.cmnSupport dd.kensaku {
		top: 3px;
		left:94px;
	}
	#wrapHead div.cmnSupport dd.kensaku .btn {
		left:196px;
	}
	#wrapHead div.cmnSupport dd.faqIdx {
		top: 30px;
		left: 0;
	}
	#wrapHead div.cmnSupport dd.faqIdx a, #wrapHead div.cmnSupport dd.faqIdx a:hover {
		width: 180px;
		height: 29px;
		background: url(../images/cmn_head_support_sp.gif) no-repeat 0 -30px;
		background-size: auto 59px;
	}
	#wrapHead div.cmnSupport dd.contactIdx {
		top: 30px;
		left: 181px;
	}
	#wrapHead div.cmnSupport dd.contactIdx a, #wrapHead div.cmnSupport dd.contactIdx a:hover {
		width: 140px;
		height: 29px;
		background: url(../images/cmn_head_support_sp.gif) no-repeat -180px -30px;
		background-size: auto 59px;
	}
	#wrapHead div.cmnLanguage {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 300px;
		height: 12px;
		margin:0;
		overflow:hidden;
		background: url(../images/cmn_head_language-sp.gif) no-repeat;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dt,
	#wrapHead div.cmnLanguage dd {
		display: block;
		width:56px;
		height:12px;
		margin:0;
		position: absolute;
	}
	#wrapHead div.cmnLanguage a, #wrapHead div.cmnLanguage span{
		width:56px;
		height:12px;
	}
	#wrapHead div.cmnLanguage dt.langJ {
		top: 0; left: 0;
	}
	#wrapHead div.cmnLanguage dd.langE {
		top: 0; left: 61px;
	}
	#wrapHead div.cmnLanguage dd.langC {
		top: 0; left: 122px;
	}
	#wrapHead div.cmnLanguage dd.langT {
		top: 0; left: 183px;
	}
	#wrapHead div.cmnLanguage dd.langK {
		top: 0; left: 244px;
	}
	#wrapHead div.cmnLanguage dt.langJ a:hover {
		background: url(../images/cmn_head_language-sp.gif) no-repeat 0 0;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dd.langE a:hover {
		background: url(../images/cmn_head_language-sp.gif) no-repeat -61px 0;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dd.langC a:hover {
		background: url(../images/cmn_head_language-sp.gif) no-repeat -122px 0;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dd.langT a:hover {
		background: url(../images/cmn_head_language-sp.gif) no-repeat -183px 0;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dd.langK a:hover {
		background: url(../images/cmn_head_language-sp.gif) no-repeat -244px 0;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dt.langJ span {
		background: url(../images/cmn_head_language-sp.gif) no-repeat 0 -12px;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dd.langE span {
		background: url(../images/cmn_head_language-sp.gif) no-repeat -61px -12px;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dd.langC span {
		background: url(../images/cmn_head_language-sp.gif) no-repeat -122px -12px;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dd.langT span {
		background: url(../images/cmn_head_language-sp.gif) no-repeat -183px -12px;
		background-size: 300px 24px;
	}
	#wrapHead div.cmnLanguage dd.langK span {
		background: url(../images/cmn_head_language-sp.gif) no-repeat -244px -12px;
		background-size: 300px 24px;
	}
	NOTE: END DELETE ON 11/04/2016 */
} /* /@media screen and (max-width:640px) */

/*************** #wrapFoot ***************/
/*-------------------------------*/
#wrapFoot {
	border-top: 1px solid #d4b8be;
	background: #ffffff;
}

#wrapFoot_inner {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width:960px;
}

#wrapFoot .eleUnit {
	padding: 17px 0;
	background: #ffffff;
	overflow:hidden;
	width: auto;
}

@media screen and (max-width:640px){

	#wrapFoot_inner {
		width: auto;
		flex-wrap: wrap;
	}

	#wrapFoot .eleUnit {
		min-width: 300px;
		width: 100%;
		margin: 0;
		padding:0;
		order: 2;
	}
}

/*-------------------------------*/
#wrapFoot .cmnFreecall {
	margin: 17px 0;
	width: 422px;
	border: 4px solid #e2e2e2;
	border-radius: 20px;
	flex-shrink: 0;
}

#wrapFoot .cmnFreecall a {
	padding: 9px 24px 18px;
	display: block;
}

#wrapFoot .cmnFreecall img {
	width: 374px;
	height: auto;
}

#wrapFoot .cmnFreecall a[href^="tel:"] {
    pointer-events: none;
}

@media screen and (max-width:640px){

	#wrapFoot .cmnFreecall {
		margin: 10px 10px 18px 12px;
		width: 100%;
		border: none;
		order: 1;
		flex-shrink: inherit;
	}
	#wrapFoot .cmnFreecall a {
		padding: 0 15px 0 0;
		background: url(../images/icon_link2.gif) no-repeat 100% 50%;
		background-size: 4px auto;
	}
	
	#wrapFoot .cmnFreecall img {
		width: 100%;
	}
	
	#wrapFoot .cmnFreecall a[href^="tel:"] {
	    pointer-events: inherit;
	}

}

/*-------------------------------*/
#wrapFootNav {
	background: #5d5d5d;
	height: 60px;
}
#wrapFootNav .eleUnit {
	width: auto;
	min-width: 960px;
	height: 60px;
	padding: 0;
	background: #5d5d5d;
}
@media screen and (max-width:640px){

	#wrapFootNav {
		height: auto;
	}

	#wrapFootNav .eleUnit {
		min-width: 300px;
		width: 100%;
		height:auto;
	}

}
#wrapFootNav ul {
	width:960px;
	min-width: 962px;
	overflow:hidden;
	margin:0 auto;
}
#wrapFootNav li {
	float: left;
}
#wrapFootNav li a, #wrapFootNav li span {
	display: block;
	height: 55px;
	overflow: hidden;
	text-indent: -9999px;
}
/**/
#wrapFootNav li.fN01 a {
	width: 90px;
	background: url(../images/cmn_fnav.gif) no-repeat 0 0;
}
#wrapFootNav li.fN01 a:hover {
	background: url(../images/cmn_fnav.gif) no-repeat 0 -60px;
}
/**/
#wrapFootNav li.fN02 a, #wrapFootNav li.fN02 span.act {
	width: 135px;
	background: url(../images/cmn_fnav.gif) no-repeat -90px 0;
}
#wrapFootNav li.fN02 a:hover {
	background: url(../images/cmn_fnav.gif) no-repeat -90px -60px;
}
#wrapFootNav li.fN02 span.act,#wrapFootNav li.fN02 span.act a{
	background: url(../images/cmn_fnav.gif) no-repeat -90px -120px;
}
/**/
#wrapFootNav li.fN03 a, #wrapFootNav li.fN03 span.act {
	width: 150px;
	background: url(../images/cmn_fnav.gif) no-repeat -225px 0;
}
#wrapFootNav li.fN03 a:hover {
	background: url(../images/cmn_fnav.gif) no-repeat -225px -60px;
}
#wrapFootNav li.fN03 span.act,#wrapFootNav li.fN03 span.act a{
	background: url(../images/cmn_fnav.gif) no-repeat -225px -120px;
}
/**/
#wrapFootNav li.fN04 a, #wrapFootNav li.fN04 span.act {
	width: 125px;
	background: url(../images/cmn_fnav.gif) no-repeat -375px 0;
}
#wrapFootNav li.fN04 a:hover {
	background: url(../images/cmn_fnav.gif) no-repeat -375px -60px;
}
#wrapFootNav li.fN04 span.act,#wrapFootNav li.fN04 span.act a{
	background: url(../images/cmn_fnav.gif) no-repeat -375px -120px;
}
/**/
#wrapFootNav li.fN05 a, #wrapFootNav li.fN05 span.act {
	width: 165px;
	background: url(../images/cmn_fnav.gif) no-repeat -500px 0;
}
#wrapFootNav li.fN05 a:hover {
	background: url(../images/cmn_fnav.gif) no-repeat -500px -60px;
}
#wrapFootNav li.fN05 span.act {
	background: url(../images/cmn_fnav.gif) no-repeat -500px -120px;
}
/**/
#wrapFootNav li.fN06 a, #wrapFootNav li.fN06 span.act {
	width: 110px;
	background: url(../images/cmn_fnav.gif) no-repeat -665px 0;
}
#wrapFootNav li.fN06 a:hover {
	background: url(../images/cmn_fnav.gif) no-repeat -665px -60px;
}
#wrapFootNav li.fN06 span.act {
	background: url(../images/cmn_fnav.gif) no-repeat -665px -120px;
}
/**/
#wrapFootNav li.fN07 a, #wrapFootNav li.fN07 span.act {
	width: 185px;
	background: url(../images/cmn_fnav.gif) no-repeat -775px 0;
}
#wrapFootNav li.fN07 a:hover {
	background: url(../images/cmn_fnav.gif) no-repeat -775px -60px;
}
#wrapFootNav li.fN07 span.act {
	background: url(../images/cmn_fnav.gif) no-repeat -775px -120px;
}
.fnavi_br {
	display: none;
}
@media screen and (max-width:640px){

	#wrapFootNav ul {
		min-width: 300px;
		width: 100%;
	}
	#wrapFootNav li {
		display: none;
	}
	#wrapFootNav li.fN01 {
		margin: 5px auto;
		display: block;
		border-right: 1px solid #373737;
	}
	#wrapFootNav li.fN01 a,
	#wrapFootNav li.fN01 a:hover,
	#wrapFootNav li.fN01 span.act {
		margin:0 auto;
		width: 60px;
		height: 50px;
		background: url(../images/icon_footer_home.png) no-repeat center center;
		background-size: 30.5px auto;
	}
	#wrapFootNav li.fN02 {
		margin: 5px auto;
		padding: 0 20px;
		border-left: 1px solid #7b7b7b;
		border-right: 1px solid #373737;
		display: table;
		width: calc(50% - 32px - 40px);
	}
	#wrapFootNav li.fN02 a,
	#wrapFootNav li.fN02 a:hover,
	#wrapFootNav li.fN02 span.act {
		margin: 0 auto;
		padding-left: 20px;
		height: 50px;
		width: auto;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		text-indent: 0;
		text-decoration: none;
		color: #fff;
		line-height: 1.2;
		background: none;
		position: relative;
		background: url(../images/icon_footer_first.png) no-repeat 0 center;
		background-size: 12.5px auto;
	}
	
	#wrapFootNav li.fN03 {
		margin: 5px auto;
		padding: 0 20px;
		border-left: 1px solid #7b7b7b;
		display: table;
		width: calc(50% - 32px - 40px);
	}
	#wrapFootNav li.fN03 a,
	#wrapFootNav li.fN03 a:hover,
	#wrapFootNav li.fN03 span.act {
		padding-left: 24px;
		height: 50px;
		width: auto;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		text-indent: 0;
		color: #fff;
		line-height: 1.2;
		text-decoration: none;
		background: url(../images/icon_footer_customer.png) no-repeat 0 center;
		background-size: 18px auto;
	}
	.fnavi_br {
		display: block;
	}

}
/*-------------------------------*/
#wrapFoot ul.cmnFLink1 {
	margin-bottom: 3px;
	zoom:1;
	clear: both;
	min-height: 2em;
	overflow: hidden;
}
#wrapFoot ul li {
	float: left;
	font-size: 0.9em;
	line-height: 150%;
	padding: 0 10px 0 0;
	margin: 0 10px 8px 0;
	border-right: 1px solid #2e2e2e;
}
#wrapFoot ul li.fL04 {
	float:none;
}
#wrapFoot ul li.fL05 {
	clear:both;
}
#wrapFoot ul li.fL05,#wrapFoot ul li.fL06,#wrapFoot ul li.fL07,#wrapFoot ul li.fL08,#wrapFoot ul li.fL09,#wrapFoot ul li.fL10{
	font-size: 0.7em;
}
#wrapFoot ul li a, #wrapFoot ul li a:hover {
	text-decoration: none;
	color: #2e2e2e;
}
#wrapFoot ul li a:hover {
	text-decoration: underline;
}
#wrapFoot ul li.fL04,#wrapFoot ul li.fL10 {
	border-right: none;
}
@media screen and (max-width:640px){
	#wrapFoot ul.cmnFLink1{
		margin: 0;
		min-width:320px;
		width:100%;
		border-top: 1px solid #cdcdcd;
	}
	#wrapFoot ul li{
		width:50%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border-right: none;
		min-width:160px;
	}
	#wrapFoot ul li span{
		display:block;
		border-right:1px solid #cdcdcd;
		border-bottom:1px solid #cdcdcd;
	}
	#wrapFoot ul li span.dyn{
		display:none;
	}
	#wrapFoot ul li.fL02 span,#wrapFoot ul li.fL04 span,#wrapFoot ul li.fL06 span,#wrapFoot ul li.fL08 span,#wrapFoot ul li.fL10 span{
		border-right:none;
	}
	#wrapFoot ul li a{
		display:block;
		margin:0 10px 0 0;
		padding:10px;
		background:url(../images/icon_link2.gif) no-repeat 100% 50%;
		background-size:4px auto;
	}
	#wrapFoot ul li.fL04,#wrapFoot ul li.fL05{
		float:left;
		clear:none;
	}
	#wrapFoot ul li.fL05,#wrapFoot ul li.fL06,#wrapFoot ul li.fL07,#wrapFoot ul li.fL08,#wrapFoot ul li.fL09,#wrapFoot ul li.fL10{
		font-size: 0.9em;
	}
}
/*-------------------------------*/

@media screen and (max-width:640px){

	#wrapFoot p.copyright {
		display: none;
	}

}
/*-------------------------------*/

/*-------------Yahoo ｶｽﾀﾑｻｰﾁ*/
#srchBox
{
	position: relative;
	color:#000000;
	text-align:left;
}
#srchBox *
{
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
}
#srchBox a img
{
	border:none;
}
#srchBox #srch
{
}
#srchBox #srch #srchForm
{
	white-space:nowrap;
}
#srchBox #srchInput
{
	/*width:123px;*/
	/*margin-right:6px;*/
	/*vertical-align:bottom;*/
	width: 119px;
	height: 24px;
	border: none;
	margin: 0;
	padding: 0;
}
#srchBox #srchBtn
{
	position: absolute;
	left: 123px;
	top: 1px;
	width: 25px;
}
#srchBox ul
{
	margin-top:6px;
	text-align:left;
}
#srchBox li
{
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
}
#srchBox li input
{
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
}
*:+html #srchBox li input
{
	margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
	margin:6px 6px 6px 0;
	text-align:right;
}
#srchBox #srchLogo a
{
	color:#666666;
	text-decoration:none;
	font-size:85%;
}
#srchBox #srchLogo a:hover
{
	text-decoration:underline;
}
#srchBox.watermark
{
	padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
	/*padding:1px 1px 2px 1px;*/
	/*border:1px solid #a5acb2;*/
	background: #fff url(//i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
	background: #fff;
}
#srchBox.watermark #srchLogo
{
	display: none;
}
@media screen and (max-width:640px){
	#srchBox.watermark #srchInput {
		font-size: 16px;
	}
}


/* --Topheader---------*/

#wrapHead p.cmnLogo.tophead img {
	width: 120px;
	max-width: 120px;
}
#wrapHead div#btnApplication.tophead{left: 200px;}
#wrapHead div#btnShopinfo.tophead{left:385px;}
#wrapHead div.cmnSupport.tophead{left: 520px;}
#wrapHead div#functional_nav.tophead{width: 214px;}
#wrapHead div#functional_nav.tophead li:first-child{
	background-image: none;
}
#wrapHead div#functional_nav.tophead img:hover{opacity: 0.7;}

div#foot_cnci{
	background-color: #f3f7f9;
	border-top: solid 1px #dee7e9;
}
div#foot_cnci .cnci_logo{
	width: 93px;
	margin: 0 auto;
	padding: 30px 0 0;
}
div#foot_cnci .cnci_logo img{
	width: 100%;
	height: auto;
}
div#foot_cnci .cnci_list{
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 20px;
}
div#foot_cnci .cnci_list ul{
	float: left;
	margin-top: 20px;
}
div#foot_cnci .cnci_list ul:nth-child(1){width: 320px;}
div#foot_cnci .cnci_list ul:nth-child(2){width: 270px;}
div#foot_cnci .cnci_list li{margin-bottom: 18px;}
div#foot_cnci .cnci_list li a{
	font-size: 95%;
	text-decoration: none;
	display: inline-block;
	background-image: url(../images/ft_cursor.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 20px;
}
div#foot_cnci .cnci_list li a:hover{text-decoration: underline;}

@media screen and (max-width:640px){
	#wrapHead p.cmnLogo.tophead img{ margin:auto -5px; width: 95px;}
	#wrapHead div.hpMenu .mente{
		width:45px;
		height: auto;
		margin-top: 3px;
		margin-right: 3px;
	}
	#wrapHead div.hpMenu ul li:first-child{border-left: none;}
	div#foot_cnci{display: none;}
}

/*end*/