@charset "utf-8";



/*--------------------

*reset

--------------------*/



#header-nav,

#header-nav div,

#header-nav ul,

#header-nav li,

#header-nav p,

#header-nav span,

#header-nav a,

#header-nav img,

#header-nav input{

	margin:0px;

	padding:0px;

	border:0px;

	

	/*Old CSS File Fix*/

	box-sizing:content-box;

	-moz-box-sizing:content-box;

	-webkit-box-sizing:content-box;

	-o-box-sizing:content-box;

	-ms-box-sizing:content-box;

	

	font-size:inherit;

	font-weight:inherit;

	letter-spacing:inherit;

	line-height:inherit;

	text-align:inherit;

	vertical-align:inherit;

	color:inherit;

	

	float:none;

	width:auto;

	height:auto;

}

#header-nav li{

	list-style:none;

}

#header-nav a{

	text-decoration:none;

}

#header-nav img{

	display:block;

}

#header-nav input{

	appearance:none;

	-webkit-appearance:none;

	-moz-appearance:none;

	-o-appearance:none;

	-ms-appearance:none;

	border-radius:0;

	-webkit-border-radius:0;

	-moz-border-radius:0;

	-o-border-radius:0;

	-ms-border-radius:0;

}



/*--------------------

*structure

--------------------*/



#header-nav{

	z-index:3;

	min-width:964px;

	font-family:"Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;

	color:#8A8A8A;

	background-color:#fff;

}

#header-nav:after{

	content:"";

	z-index:2;

	position:absolute;

	display:block;

	width:100%;

	height:8px;

	background:url("../img/bg_nbar.png") repeat-x top center;

}

#header-nav .bar,

#header-nav .nav{

	position:relative;

	font-size:0;

	background:url("../img/bg_hbar.jpg") repeat-x bottom left;

}

#header-nav .bar{

	height:64px;

	text-align:right;

}

#header-nav .nav{

	height:84px;

	text-align:center;

}



/*--------------------

.bar

--------------------*/



#header-nav .bar *{

	display:inline-block;

	vertical-align:top;

	letter-spacing:0 !important;

}



#header-nav .bar h1{

	position:absolute;

	display:inline-block;

	top:21px;

	left:50%;

	margin-left:-467px;

}

#header-nav .bar h1 > a{

	display:block;

	width:153px;

	height:18px;

	font-size:0;

	background:url("../img/icn_logo.jpg") no-repeat top left;

}



/* 180302 */

#header-nav .bar > ul{

	position:absolute;

	top:21px;/*15*//* 180302 */

	right:50%;

	margin-right:-467px;

}

/*#header-nav .bar ul{

	position:absolute;

	top:15px;

	right:50%;

	margin-right:-467px;

}*/

#header-nav .bar li{

	margin-left:10px;

}

#header-nav .bar li:first-child:before{

	/*content:"";

	display:inline-block;

	width:15px;

	height:30px;

	background:url("../img/bg_search-l.png") no-repeat top left;*/

}

/*#header-nav .bar input.gsc-input{

	width:135px;

	height:30px;

	background:url("../img/bg_search-m.png") repeat-x top left;

	font-size:14px;

	line-height:30px;

	text-align:left;



	transition:all 0.5s ease;

	-webkit-transition:all 0.5s ease;

	-moz-transition:all 0.5s ease;

	-o-transition:all 0.5s ease;

	-ms-transition:all 0.5s ease;

}*/



/* 180302 */

#header-nav .bar input.mf_finder_searchBox_query_input{

	width:135px;

	height:30px;

	background:url("../img/bg_search-m.png") repeat-x top left;

	font-size:14px;

	line-height:30px;

	text-align:left;

	padding-right:30px;

	padding-left:30px;

	min-height:auto;

	box-sizing:border-box;

	border-radius:15px;

	-webkit-border-radius:15px;

	-moz-border-radius:15px;

	-o-border-radius:15px;

	-ms-border-radius:15px;



	/*css3 anim*/

	transition:all 0.5s ease;

	-webkit-transition:all 0.5s ease;

	-moz-transition:all 0.5s ease;

	-o-transition:all 0.5s ease;

	-ms-transition:all 0.5s ease;

}



#header-nav .bar input:focus{

	outline:0;

	width:200px;

	width:135px\9; /*IE8 bug fix*/

}

#header-nav .bar input+img{

	cursor:pointer;

}

#header-nav .bar li+li:hover img{

	opacity:0.6;

	

	/*IE fix*/

	filter:alpha(opacity=60)\9;

	-ms-filter:"alpha(opacity=60)"\9;

}



/*gsc*/

.gsc-control-cse{padding:0 !important;}

.gsc-clear-button{display:none !important;}

.gsc-search-button{display:none !important;}



/*.gsc-input{position:relative;padding-left:15px;padding-right:36px;}

.gsc-input:before{content:"";position:absolute;display:inline-block;left:0px;width:15px;height:30px;vertical-align:top;	background:url("/common/2016/img/bg_search-l.png") no-repeat top left;}

.gsc-input input{border:none;display:inline-block;width:135px;font-size:14px;font-weight:bold;line-height:30px;height:30px;vertical-align:top;color:#333;background:url("/common/2016/img/bg_search-m.png") repeat-x top center !important;border:none !important;}

.gsc-input img{position:absolute;display:inline-block;top:0px;right:0px;cursor:pointer;height:30px;vertical-align:top;background:#fff;}*/





/* 180302 */

.mf_finder_searchBox_query_wrap{position:relative;padding-left:15px;padding-right:36px;}

.mf_finder_searchBox_query_wrap:before{content:"";position:absolute;display:inline-block;left:0px;width:15px;height:30px;vertical-align:top;background:url("/common/2016/img/bg_search-l.png") no-repeat top left;}

.mf_finder_searchBox_query_wrap input{border:none;display:inline-block;width:135px;font-size:14px;font-weight:bold;line-height:30px;height:30px;vertical-align:top;color:#333;background:url("/common/2016/img/bg_search-m.png") repeat-x top center ;}/*#gsc-i-id1*/

.mf_finder_searchBox_query_wrap img{position:absolute;display:inline-block;top:0px;right:0px;cursor:pointer;height:30px;vertical-align:top;background:#fff;}

.mf_finder_searchBox_items{position:relative;}

#gcse01-submit01{position:absolute;right:0;}

.mf_finder_searchBox_submit{display:none !important;}

ul.mf_finder_searchBox_suggest_items {

    position: absolute !important;

    top:31px;

    left:0;

    margin: 0 !important;

    width: 100% !important;

    background-color: rgba(0,0,0,.8) !important;

    list-style-type: none !important;

    padding: 0 1px 1px !important;

    border-width: 0 1px 1px !important;

    border-color: silver !important;

    border-style: solid !important;

    z-index: 5 !important;

}

.mf_finder_searchBox_query_wrap ul li {

    float: none !important

}

li.mf_finder_searchBox_suggest_item {

    border-top: 1px dotted silver !important;

    display:block !important;

    font-size:14px !important;

    text-align:left !important;

    padding-left:0px !important;

    margin-left:0 !important;

}



li.mf_finder_searchBox_suggest_item:first-child {

    border-top: none  !important

}



li.mf_finder_searchBox_suggest_item a {

    display: inline-block !important;

    width: 100% !important;

    padding: 2px !important;

    text-decoration: none !important;

    color: #fff !important;

}



li.mf_finder_searchBox_suggest_item_cur {

    background-color: rgba(80,80,80,.8) !important;

}

/*--------------------

.nav

--------------------*/



#header-nav .nav{

	z-index:3;

}



#header-nav .nav > ul > li{

	display:inline-block;

}

#header-nav .nav > ul > li > span{

	position: relative;

	overflow:hidden;

	display:inline-block;

	height:80px;

	margin:0 0 4px -1px;

}

#header-nav .nav > ul > li > span > .hit{

	z-index: 2;

	position: absolute;

	top: 0;

	background: url("../img/bg_clear.png") repeat top left;

}

#header-nav .nav > ul > li > span > .hit.tp{

	left: 0;

	right: 0;

	height: 20px;

}

/*

#header-nav .nav > ul > li > span > .hit.lf{

	bottom: 0;

	left: 0;

	width: 20px;

}

#header-nav .nav > ul > li > span > .hit.rt{

	bottom: 0;

	right: 0;

	width: 20px;

}

*/

/*#header-nav .nav > ul > li:hover > span img{

	margin-top:-80px;

}*/

#header-nav .nav ul ul{

	margin-left:-1px;

}

#header-nav .nav ul ul > li{

	font-size:12px;

	line-height:18px;

	color:#fff;

}

#header-nav .nav > ul > li+li+li+li+li+li span,

#header-nav .nav > ul > li+li+li+li+li+li a{

	font-size:14px;

	font-weight:bold;

}

#header-nav .nav ul ul a,

#header-nav .nav ul ul span{

	display:block;

	color:#fff;

}

#header-nav .nav li > ul,

#header-nav .nav > ul > li > div{

	display:none;

}

#header-nav .nav li:hover > ul,

#header-nav .nav > ul > li:hover > div{

	display:block;

}

#header-nav .nav li.jq:hover > ul,

#header-nav .nav > ul > li.jq:hover > div{

	display:none; /*reset for jQuery*/

}



/*.sl*/



#header-nav .nav .sl,

#header-nav .nav .sl ul{

	position:absolute;

	min-height:370px;

	padding:15px 0;

	text-align:left;

	background:url("../img/bg_sub1.png") repeat top left;

}

#header-nav .nav .sl ul{

	top:0;

	left:260px;

	background-image:url("../img/bg_sub2.png");

}

#header-nav .nav .sl ul ul{

	background-image:url("../img/bg_sub1.png");

}



#header-nav .nav .sl li{

	width:200px;

	padding:0 30px;

}

#header-nav .nav .sl ul.w220 > li{

	width:220px;

}

#header-nav .nav .sl ul.w260 > li{

	width:260px;

}



#header-nav .nav .sl li > a.pt,

#header-nav .nav .sl li > span{

	padding:11px 0;

	background:url("../img/bg_sl-off.png") no-repeat center right;

}

#header-nav .nav .sl li:hover > a.pt,

#header-nav .nav .sl li:hover > span{

	color:#C3002F;

	background-image:url("../img/bg_sl-on.png");

}

#header-nav .nav .sl li > a{

	padding:11px 0;

	background:url("../img/bg_sll-off.png") no-repeat center right;

}

#header-nav .nav .sl li:hover > a{

	color:#C3002F;

	background-image:url("../img/bg_sll-on.png");

}

#header-nav .nav .sl li+li > a,

#header-nav .nav .sl li+li > span{

	border-top:1px solid #fff;

}

#header-nav .nav .sl li > a img{

	display:inline-block;

	width:18px;

	margin-right:4px;

	vertical-align:top;

}



/*.sl .si*/



#header-nav .nav .sl .si{

	padding:15px 30px;

}

#header-nav .nav .sl .si img{

	width:100%;

}

#header-nav .nav .sl .si+li > a{

	border-top:none;

}



/*.sl .sr*/



#header-nav .nav .sl .sr{

	text-align:center;

}

#header-nav .nav .sl .sr img{

	width:100%;

	margin-bottom:6px;

}

#header-nav .nav .sl .sr li:first-child{

	margin-top:150px;/*80 161203*/

}

#header-nav .nav .sl .sr li a{

	padding:0 0 20px;

	background:none;

}

#header-nav .nav .sl .sr li+li img{

	margin-top:20px;

}



/*.sl.sc*/



#header-nav .nav .sl.sc{

	margin-left:-93px;

}

#header-nav .nav .sl.sc li:first-child > a,

#header-nav .nav .sl.sc li:first-child+li > a{

	padding:0;

	margin:11px 0;

	border-top:none;

	background-position:top right;

}

#header-nav .nav .sl.sc li:first-child:hover > a span,

#header-nav .nav .sl.sc li:first-child+li:hover > a span{

	color:#C3002F;

}

#header-nav .nav .sl.sc p{

	font-weight:normal;

	font-size:11px;

	line-height:14px;

	margin:8px 0;

}

#header-nav .nav .sl.sc img{

	width:100%;

	padding-bottom:12px;

	border-bottom:1px solid #fff;

}



/*.sw*/



#header-nav .nav .sw{

	position:absolute;

	left:0;

	width:100%;

	text-align:left;

	background:url("../img/bg_sub1.png") repeat top left;

}

#header-nav .nav .sw ul{

	cursor:default;

	width:844px;

	margin:0 auto;

	padding:10px 0 30px;

}

#header-nav .nav .sw li{

	display:inline-block;

	width:230px;

	padding:0 25px;

	margin:20px 0;

	vertical-align:top;

}



#header-nav .nav .sw li:first-child,

#header-nav .nav .sw li:first-child+li,

#header-nav .nav .sw li:first-child+li+li+li,

#header-nav .nav .sw li:first-child+li+li+li+li{

	border-right:1px solid #fff;

}

#header-nav .nav .sw li:first-child+li+li+li:before{

	content:"";

	display:block;

	position:absolute;

	width:790px;

	margin-top:-20px;

	border-top:1px solid #666;

}



#header-nav .nav .sw li > div{

	margin-bottom:12px;

	border-bottom:1px solid #C3002F;

}

#header-nav .nav .sw li > div:after{

	content:"";

	display:block;

	border-top:1px solid #fff;

}

#header-nav .nav .sw li > p{

	margin-bottom:10px;

}

#header-nav .nav .sw li > img{

	width:100%;

	margin-bottom:15px;

}

#header-nav .nav .sw li > span{

	display:block;

}

#header-nav .nav .sw li > span img{

	width:100%;

	margin-bottom:15px;

}

#header-nav .nav .sw li > span img:hover{

	opacity:0.6;

	

	/*IE fix*/

	filter:alpha(opacity=60)\9;

	-ms-filter:"alpha(opacity=60)"\9;

}

#header-nav .nav .sw li > a{

	display:block;

	overflow:hidden;

	width:230px;

	height:30px;

}

#header-nav .nav .sw li > a:hover img{

	margin-top:-30px;

}



#header-nav .nav .sw .l1{

	height:1.5em;

}

#header-nav .nav .sw .l2{

	height:3em;

}
#header-nav .nav .sw .l25{

	height:3.5em;

}
#header-nav .nav .sw .l3{

	height:4.5em;

}

#header-nav .nav .sw .l4{

	height:6em;

}

#header-nav .nav .sw .l5{

	height:7.5em;

}

#header-nav .nav .sw .l6{

	height:9em;

}

#header-nav .nav .sw .l7{

	height:10.5em;

}

#header-nav .nav .sw .l8{

	height:12em;

}



/*.sw.ss*/



#header-nav .nav .sw.ss{

	cursor:default;

	left:auto;

	width:auto;

	padding:10px 0 20px;

}

#header-nav .nav .sw.ss li{

	width:200px;

	padding:0 30px;

	border-right:none;

}



/*--------------------

.monotone override

--------------------*/



.monotone #header-nav .bar,

.monotone #header-nav .nav{

	background-image:url("../img/bg_hbarg.jpg");

}



.monotone #header-nav .bar h1 > a{

	background-image:url("../img/icn_logog.jpg");

}



.monotone #header-nav .nav .sl li:hover > a.pt,

.monotone #header-nav .nav .sl li:hover > span{

	color:#666;

	background-image:url("../img/bg_sl-g.png");

}

.monotone #header-nav .nav .sl li:hover > a{

	color:#666;

	background-image:url("../img/bg_sll-g.png");

}

.monotone #header-nav .nav .sl .sr li a{

	background:none;

}



.monotone #header-nav .nav .sw li > div{

	border-color:#8A8A8A;

}

.monotone #header-nav .nav .sw li >  a:hover img{

	margin-top:0px;

	opacity:0.6;

	

	/*IE fix*/

	filter:alpha(opacity=60)\9;

	-ms-filter:"alpha(opacity=60)"\9;

}



/*--------------------

.narrow override

--------------------*/



.narrow #header-nav{

	position:absolute;

	top:0;

	left:0;

	right:0;

	min-width:964px;

}

.narrow #header-nav+*{

	margin-top:108px;

}



.narrow #header-nav .bar{

	height:56px;

	background:none;

}

.narrow #header-nav .bar h1{

	z-index:4;

	top:21px;/*170510 70*/

}

.narrow #header-nav .bar li:first-child:before{

	width:0;

	height:0;

	background-image:none;

}



.narrow #header-nav .nav{

	height:52px;

	text-align:right;

}

.narrow #header-nav .nav > ul{

	position:absolute;

	right:50%;

	margin-right:-482px;

}

.narrow #header-nav .nav > ul > li > span{

	height:48px;

}

.narrow #header-nav .nav > ul > li:hover > span img{

	margin-top:-48px;

}



.narrow #header-nav .nav .sl{

	min-height:0;

}

.narrow #header-nav .nav .sl li{

	width:200px;

}

.narrow #header-nav .nav > ul > li:first-child+li+li+li+li .sl{

	margin-left:-109px;/*170510 -135*/

}

.narrow #header-nav .nav > ul > li:first-child+li+li+li+li+li .sl{

	margin-left:-109px;

}

.narrow #header-nav .nav > ul > li+li+li+li+li+li span,

.narrow #header-nav .nav > ul > li+li+li+li+li+li a{

	font-size:12px;

	font-weight:normal;

}