@charset "utf-8";

/* ============================================================

[ information ]
概要 : ナビゲーション設定

[ index ]
■ グローバルナビ
■ メガメニュー表示部
■ ぱんくずナビ
■ このページを印刷する
■ サイドナビ
■ フッターナビ
■ ページナビ（第4階層）

============================================================ */


/* ---------------------------------------------------------
■ グローバルナビ
--------------------------------------------------------- */
#naviWrap {
	margin-top: 0px;
	border-bottom: 1px solid #dadde0;
	border-top: 1px solid #dadde0;
*margin-top: -15px;
}
#naviWrap.menuOn {
	border-bottom: 1px solid #003b90;
}
#navi {
	margin: 0px auto;
	width: 950px;
*zoom: 1;
}

#navi ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#navi li {
	display:inline-block;
	margin: 0px 0px 0px 0px;
	padding: 11px 25px 11px 25px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-bottom: none;
    *display: inline;
}
body.fsizel #navi li {
	/* padding: 11px 20px 11px 20px; */
	border-top: none;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 13px;
}
#navi li.naviSearch {
	padding: 13px 9px 0px;
}
#navi li img.naviSearchImg {
	margin-bottom: 3px;
	vertical-align: text-bottom;
}
#navi li.menuOn {
	margin: 0px 0px -1px 0px;
	padding: 14px 25px 12px 25px;
	background-color: #f0f2f5;
	border: 1px solid #003b90;
	border-top: none;
	border-bottom: none;
}
#navi .naviSearch.menuOn {
	padding: 14px 9px 12px;
}

body.fsizel #navi .naviSearch.menuOn {
	padding: 13px 10px 12px;
	margin-left: 10px;
	margin-right: 10px;
}

#navi li .naviItem {
	display:inline-block;
	padding: 0 5px 6px;
*display: inline;
*padding: 5px 5px 6px;
*zoom:1;
}
#navi li.current .naviItem {
	/* padding: 0 5px 1px; */
	/* border-bottom: 5px solid #003b90; */
}
#navi li a {
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
	color: #0a101a;
	overflow:hidden;
	outline:none;
	letter-spacing: 0.03em;
}
#navi li.current a {
	/* color: #003b90; */
}
#navi li a.megaLinkIcon {
	padding-right: 17px;
	background: url(/english/common/img/icons/ico_gnavi_mega_off.gif) no-repeat right center;
}
#navi li a:hover {
	text-decoration: none;
	color: #003b90;
}
#navi li.naviSearch a {
	font-size: 94%;
	padding: 3px 0 3px 22px;
	background: url(/english/common/img/icons/icon_search.png) no-repeat left center;
}

/* ---------------------------------------------------------
■ メガメニュー表示部
--------------------------------------------------------- */

#megaMenuWrap.menuOn {
	background-color: #f0f2f5;
	border-bottom: 5px solid #003b90;
}
#megaMenu {
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#megaMenuWrap .megaMenuItem {
	display: none;
}

.megaMenuClose {
	position: absolute;
	display: none;
	top: 20px;
	right: 0;
	padding: 7px 29px 6px 15px;
	background: #fff url(../img/icons/icon_close_red.png) no-repeat right 15px center;
	border: 1px solid #737780;
	font-size: 94%;
	color: #45484d;
	z-index: 100;
	cursor: pointer;
background: #fff url(../img/icons/icon_close_red.png) no-repeat right center\9;
}
.megaMenuClose:hover {
	padding: 6px 28px 5px 14px;
	background-position: right 14px center;
	border: 2px solid #737780;
}

.megaMenuItemHeading {
	margin: 0;
	padding-top: 1px;
}
.megaMenuItemHeading a {
	display: inline-block;
	padding-right: 13px;
	background: url(../img/icons/ico_arrow_right_red_01.gif) no-repeat right center;
	font-size: 109%;
	font-weight: bold;
	color: #0a101a;
*display: inline;
}
.megaMenuItemHeading a:hover {
	text-decoration: none;
	color: #003b90;
}

/* Products */
.megaMenuProWrap {
	margin: 20px -25px 5px 0;
}
.megaMenuProItem {
	float: left;
	width: 218px;
	margin: 0 25px 0 0;
}
.megaMenuProItem dt {
	position: relative;
	width: 216px;
	margin: 0 0 0 0;
	background: #fff;
	border: 1px solid #c8cbcf;
}
.megaMenuProItem dt a {
	font-weight: bold;
	color: #0a101a;
}
.megaMenuProItem dt a:hover {
	text-decoration: none;
	color: #003b90;
}
.megaMenuProItem dt a:hover img {
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.megaMenuProItem dt div {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 196px;
	padding: 6px 10px 4px 10px;
	background:  url(../img/bg_white_op70.png) repeat;
}
.megaMenuProItem dt a div span {
	padding-right: 11px;
	background: url(../img/icons/ico_info.gif) no-repeat right center;
}
.megaMenuProItem dd {
	margin: 0;
}
.megaMenuProItem dd ul {
	margin: 0 0 0 0;
	padding: 6px 0 0 0;
}
.megaMenuProItem dd ul li {
	margin: 6px 0 6px 14px;
	list-style:  url(../img/icons/ico_info.gif);
}
.megaMenuProItem dd ul li a {
	color: #45484d;
}
.megaMenuProItem dd ul li a:hover {
	text-decoration: none;
	color: #0068b3;
}
.megaMenuProItem dt a div span img,
.megaMenuProItem dd ul li a img{
	margin-left: 5px;
	vertical-align: middle;
}
.megaMenuProItem dd p {
	margin: 12px 0;
}
.megaMenuProItem dd p span {
	font-size: 10px;
}
.megaMenuProItem .megaMenuProItem__borderedBox {
	margin-top: -1px;
	background: #fff;
	border: 1px solid #c8cbcf;
	padding: 0 10px;
}

/* Corporate */
.megaMenuCrpWrap {
	margin: 20px -25px 0 0;
}

.megaMenuCrpItem {
	float: left;
	width: 300px;
	margin: 0 25px 0 0;
}
.megaMenuCrpItem dt {
	position: relative;
	width: 298px;
	margin: 0 0 0 0;
	background: #fff;
	border: 1px solid #c8cbcf;
}
.megaMenuCrpItem dt a {
	font-weight: bold;
	color: #0a101a;
}
.megaMenuCrpItem dt a:hover {
	text-decoration: none;
	color: #003b90;
}
.megaMenuCrpItem dt a:hover img {
	filter: Alpha(opacity=70);
	opacity: 0.7;
}
.megaMenuCrpItem dt a div {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 278px;
	padding: 6px 10px 4px 10px;
	background:  url(../img/bg_white_op70.png) repeat;
}
.megaMenuCrpItem dt a div span {
	padding-right: 11px;
	background: url(../img/icons/ico_info.gif) no-repeat right center;
}
.megaMenuCrpItem dd {
	margin: 0;
}
.megaMenuCrpItem dd ul {
	margin: 0 0 0 0;
	padding: 6px 0 0 0;
}
.megaMenuCrpItem dd ul li {
	margin: 6px 0 6px 14px;
	list-style:  url(../img/icons/ico_info.gif);
}
.megaMenuCrpItem dd ul li a {
	color: #45484d;
}
.megaMenuCrpItem dd ul li a:hover {
	text-decoration: none;
	color: #0068b3;
}

/* Search */
#megaSrh input#searchInput {
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	width: 677px;
	height: 34px;
	font-size: 117%;
	line-height: 1;
	border: 1px solid #dadde0;
	vertical-align: top;
}
#megaSrh input#searchBtn {
	vertical-align: top;
}
#megaSrh input#searchBtn:hover {
	filter: Alpha(opacity=70);
	opacity:0.7;
}



/* ---------------------------------------------------------
■ ローカルナビ
--------------------------------------------------------- */

#localNaviWrap {}
#localNavi {
	width: 950px;
	margin: 0 auto;
	border-bottom: 1px solid #dadde0;
/zoom: 1;
}

#localNavi ul {
	float:right;
	margin: 0px;
	padding: 0px;
}

#localNavi li {
	display:inline-block;
	margin: 0px 0px 0px 1px;
	padding: 12px 0px;
/display: inline;
/zoom: 1;
}
#localNavi li.current {
	padding: 12px 0px 9px;
	border-bottom: 3px solid #003b90;
	color: #003b90;
}
#localNavi li span {
	display:inline-block;
	margin: 0px 0px 0px -1px;
	padding: 0px 20px;
	border-left: 1px solid #dadde0;
/display: inline;
/zoom: 1;
}
#localNavi li:first-child span {
	border-left: 0px;
}

#localNavi li a {
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
	color: #0a101a;
	overflow:hidden;
	outline:none;
}
#localNavi li.current a {
	color: #003b90;
}
#localNavi li a:hover {
	text-decoration: none;
	color: #003b90;
}


/* ---------------------------------------------------------
■ ぱんくずナビ
--------------------------------------------------------- */
#breadCrumbs {
	margin-bottom: 20px;
	padding: 0px;
	font-size: 94%;
}

#breadCrumbs ul {
	float: left;
	margin: 0px;
/*	padding: 0px 0px 10px;*/
/*	padding: 5px 0px 0px;*/
}

#breadCrumbs ul li {
	display: inline;
	width: auto;
	font-weight: bold;
	list-style: none;
	line-height: 1.76;
}

#breadCrumbs ul li.top {
	padding-left: 0px;
	background: none;
}

#breadCrumbs ul li a:after {
	margin: 0 5px;
	content: url(../img/icons/ico_bread_sep.gif);
	border: none;
}

#breadCrumbs ul li.breadIcon:after {
	margin: 0 5px;
	content: url(../img/icons/ico_bread_sep.gif);
}

#breadCrumbs ul li a:link    { color: #45484d; text-decoration: none; font-weight: normal; }
#breadCrumbs ul li a:visited { color: #45484d; text-decoration: none; font-weight: normal; }
#breadCrumbs ul li a:hover   { color: #0068b3; text-decoration: underline; font-weight: normal; }
#breadCrumbs ul li a:active  { color: #0068b3; text-decoration: underline; font-weight: normal; }




/* ---------------------------------------------------------
■ このページを印刷する
--------------------------------------------------------- */
#pagePrint {
	float: right;
	margin: 0px;
	padding: 0px;
}
#pagePrint span {
	display: inline-block;
	padding: 0px 20px 0px 0px;
	background: url(../img/icons/ico_print.gif) no-repeat right center;
	min-height: 18px;
	text-decoration: none;
	color: #0068b3;
	cursor: pointer;
background: url(../img/icons/ico_print.gif) no-repeat right center\9;
}
	* html #pagePrint span { height: 18px; }

#pagePrint span:hover {
	text-decoration: underline;
}

/* ---------------------------------------------------------
■ サイドナビ
--------------------------------------------------------- */
#contentWrap #sideNaviWrap {}

#contentWrap #sideNavi {
	margin-bottom: 30px;
	padding: 0px;
}

/* カテゴリータイトル
---------------------------------- */
#sideNavi p {
	font-size: 115%;
	line-height: 1.3;
}

#sideNavi p a {
	display: block;
	padding: 10px;
	font-weight: bold;
	color: #45484d;
	text-decoration: none;
	background-color: #f0f2f5;
	border-top: 4px solid #003b90;
}

/* 左メニュー共通
---------------------------------- */
#sideNaviWrap p,
#sideNaviWrap li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-break: strict;
}

#sideNavi ul {
	margin: 0px;
	border-bottom: 1px solid #dadde0;
}

#sideNavi ul ul {
	margin: 0px;
	border: none;
}

#sideNavi ul li a {
	display: block;
	color: #45484d;
	text-decoration: none !important;
}

#sideNavi ul li span {
	display: block;
	background: none;
}

* html #sideNavi ul li span { zoom: 1; }

/* 現在のページ */
#sideNavi ul li span.current a {
	color: #ffffff;
	background: #003b90 url(../img/icons/ico_snavi_current.gif) no-repeat 10px 18px;
}

/* 第1階層
---------------------------------- */
#sideNavi ul li {
	line-height: 1.5;
	border-top: 1px solid #dadde0;
}

#sideNavi ul li a {
	padding: 11px 10px 10px 20px;
	background: url(../img/icons/ico_info.gif) no-repeat 10px 16px;
	min-height: 19px;
}
	* html #sideNavi ul li a { zoom: 1; height: 20px; }

#sideNavi ul li a:hover { background-color: #edf4ff; }

/* 第2階層
---------------------------------- */
#sideNavi ul ul { margin-left: 10px; }
#sideNavi ul li li {
	background: none;
	border-top: 1px dotted #dadde0;
}

#sideNavi ul li li a {
	padding: 6px 10px 5px 20px;
	background: url(../img/icons/ico_info.gif) no-repeat 10px 11px;
	min-height: 19px;
}
#sideNavi ul li li span.current a {
	color: #ffffff;
	background: #003b90 url(../img/icons/ico_snavi_current.gif) no-repeat 10px 14px;
}

/* 第3階層
---------------------------------- */
#sideNavi ul ul ul { margin-left: 10px; }
#sideNavi ul li li li {}

#sideNavi ul li li li a {
	padding: 6px 10px 5px 20px;
	background: url(../img/icons/ico_info.gif) no-repeat 10px 11px;
	min-height: 19px;
}
#sideNavi ul li li li span.current a {
	color: #ffffff;
	background: #003b90 url(../img/icons/ico_snavi_current.gif) no-repeat 10px 14px;
}

/* ツールナビ
---------------------------------- */
#toolNavi {
	margin-bottom: 30px;
	padding: 0px;
	background-color: #f5f6f7;
	border-bottom: 1px solid #dadde0;
}

#toolNavi p {
	margin: 0;
	padding: 10px;
	font-size: 94%;
	font-weight: bold;
	line-height: 1.76;
	border: 1px solid #dadde0;
	border-bottom: none;
}

#toolNavi ul {
	margin:0px;
	padding: 7px 0px;
	border: 1px solid #dadde0;
	border-bottom: none;
}

#toolNavi ul li {
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}

#toolNavi ul li.firstChild {}

#toolNavi ul li a {
	display: block;
	padding: 7px 10px 7px 20px;
	background: url(/english/common/img/icons/ico_info.gif) no-repeat 10px 12px;
	min-height: 20px;
}
#toolNavi ul li a:hover   {}
#toolNavi ul li a.current:hover ,
#toolNavi ul li a.current {
	background: url(/english/common/img/icons/ico_info_current.gif) no-repeat 10px 15px;
	text-decoration: none;
	font-weight: bold;
	color:#45484d;
}

/* window icon */
#toolNavi ul li a.naviWindowIcon {
}
#toolNavi ul li a.naviWindowIcon img {
	margin-top: -2px;
	margin-left: 5px;
	vertical-align: middle;
}

#toolNavi ul li div {
	margin: 0em 0px 0px 20px;
	padding: 0 5px 7px 0;
	font-size: 94%;
}

/* 下バナー
---------------------------------- */
.sideBanner a {
	display: block;
	margin: 7px 0px 20px;
	line-height: 1.5;
}
.sideBanner a.marginBtm00 {
	margin: 0px;
}

#sideNaviWrap .sideBanner p {
	margin: 0px 0px 20px;
}
#sideNaviWrap .sideBanner p.linkType_00 {
	margin: 2px 0px 20px 4px;
	padding-left: 11px;
}
#sideNaviWrap .sideBanner p.linkType_00.small {
	margin: 2px 0px 27px 4px;
	padding-left: 11px;
	background-position: 0px 6px;
}

.sideBanner a:hover img {
	filter: Alpha(opacity=80);
	opacity:0.8;
}

/* 商標登録注意書き用囲みボックス
---------------------------------- */
#sideNaviWrap div.colorBox {
	width: auto;
	border: 3px solid #e4e4e4;
	padding: 8px;
}

#sideNaviWrap div.colorBox p {
	line-height: 1.6;
}

/* ---------------------------------------------------------
■ フッターナビ
--------------------------------------------------------- */
#footerNaviWrap {
	background: url(../img/bg_content_02.gif) repeat-y center top;
}

#footerNavi {
	margin: 8px auto;
	padding: 2px 0px;
	width: 948px;
	background: url(../img/fnavi_bg.gif) repeat-y left top;
}

#footerNaviWrap .itemWrap {
	margin-left: 12px;
	margin-right: -19px;
	overflow: hidden;
/zoom: 1;
}


#footerNaviWrap .item {
	float: left;
	margin-right: 19px;
	width: 170px;
}

#footerNaviWrap .item ul {
	margin: 0px;
}

#footerNaviWrap .item ul li {
	margin: 0px;
	padding: 0px 14px;
	list-style: none;
	font-weight: bold;
	line-height: 1.6;
}

#footerNaviWrap .item ul li li {
	padding-left: 11px;
	background: url(../img/icons/ico_fnavi.gif) no-repeat 2px 6px;
	font-weight: normal;
	font-size: 83%;
}

#footerNaviWrap .footerLine {
	margin-top: 0.5em !important;
	padding-top: 0.5em;
	border-top:1px solid #b4d0ee;
}

#footerNaviWrap .item a { color: #333333; }

/* ---------------------------------------------------------
■ ページナビ（第4階層）
--------------------------------------------------------- */
.pageNaviWrap {
	margin: 40px 0 15px;
}
.pageNavi {
	padding: 10px 25px;
	background-color: #f0f2f5;
	border: 1px solid #dadde0;
}

.pageNaviWrap ul { margin: 0px; }
.pageNaviWrap li {
	display: inline-block;
	margin: 0px 0px;
	padding: 0px;
	list-style: none;
/display: inline;
/zoom: 1;
}

.pageNaviWrap li a {
	display: inline-block;
	padding: 6px 30px 6px 10px;
	background: url(../img/icons/ico_info.gif) no-repeat 0px 13px;
	min-height: 20px;
}
	* html .pageNaviWrap li a { height: 16px; }

.pageNaviWrap li.current {}
.pageNaviWrap li.current a {
	background: url(../img/icons/ico_info_current.gif) no-repeat 0px 14px;
	text-decoration: none;
	font-weight: bold;
	color:#45484d;
}


/* ---------------------------------------------------------
clearfix
--------------------------------------------------------- */
#navi:after,
#localNavi:after,
.megaMenuProWrap:after,
.megaMenuCrpWrap:after,
#breadCrumbs:after,
#footerNaviWrap:after { content : ''; display : block; clear : both; overflow: hidden; }
#navi,
#localNavi,
.megaMenuProWrap,
.megaMenuCrpWrap,
#breadCrumbs,
#footerNaviWrap  { /zoom : 1; }


/* ---------------------------------------------------------
■■レスポンシブ用sytle■■ 
    - 2018/06 : 追加
--------------------------------------------------------- */

/* タブレット・スマホ以下 */
@media screen and  (max-width:750px){
    
    #naviWrap{
        margin-top: 0;
    }
    #navi li.menuOn{
        border: none;
    }
    #navi li .naviItem{
        padding: 0;
        height: auto;
        margin: 0;
    }
    #naviWrap.menuOn{
        border-bottom: #f0f2f5 solid 1px;
    }
    #naviWrap{
        margin-top: 0;
        border-bottom: none;
        background: none;
    }
    #naviWrap::after{
        content: "";
        display: block;
        clear: both;
    }
    #naviWrap #navi{
        width: auto;
    }
    #naviWrap #navi ul{
        float: none;
    }
    #naviWrap #navi li{
        display: none;
    }
    #naviWrap #navi li.naviSearch{
        display: block;
        position: fixed;
        top: 11px;
        right: 52px;
        z-index: 105;
        background: none;
        padding: 0;
        margin: 0;
    }
    #naviWrap #navi li.naviSearch.menuOn{
        top: 12px;
        right: 53px;
    }
    #naviWrap #navi li.naviSearch a{
        display: block;
        padding: 1px 10px 1px 26px;
        background-position: left 8px center;
        background-size: 13px;
        border-radius: 15px;
        font-size: 12px;
        line-height: inherit;
        color: #373433;
        background-color: #f5f5f5;
    }
    #headerWrap{
        width: 100%;
    }
    .megaMenuClose{
        padding: 8px 29px 7px 15px;
    }
    .megaMenuClose:hover{
        padding: 7px 29px 6px 15px;
    }
    #megaMenu{
        width: 100%;
    }
    #megaSrh{
        padding: 20px 5px !important;
        box-sizing: border-box;
    }
    #megaSrh form#searchBox{
        display : -ms-flexbox;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: stretch;
        -ms-flex-flow: row nowrap;
        -ms-justify-content: flex-start;
        -ms-flex-align: stretch;
        box-sizing: border-box;
        width:74%;
        width:-webkit-calc(100% - 90px);
        width:-moz-calc(100% - 90px);
        width:calc(100% - 90px);
				font-size: 13px;
    }
    #megaSrh input#searchInput{
        -webkit-appearance: none;
        border-radius: 0;
        width: 78%;
				width:-webkit-calc(100% - 69px);
        width:-moz-calc(100% - 69px);
        width:calc(100% - 69px);
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
				height: 32px;
    }
    #megaSrh input#searchBtn{
        -webkit-appearance: none;
        border-radius: 0;
        height: 32px !important;
        height: auto;
    }
    .megaMenuClose{
        right: 6px;
    }
    

}