/*
 * this file is css for only [/products_menu.html]
 */
 .mod-productsMenuBanner{margin:-10px 0 20px;overflow:hidden;*zoom:1}
 .mod-productsMenuBanner a{float:right}
 .mod-productsMenuBanner img{display:block;margin:0 0 0 auto}
@media (max-width:640px){
 .mod-productsMenuBanner a{float:none}
 .mod-productsMenuBanner img{max-width:100%;height:auto}
}
 .mod-productsMenuNav{clear:both;margin:20px 0}
 .mod-productsMenuNav ul{
    font-size:0.846em;
    list-style:none;
    margin:0;
    padding:0;
    border-bottom:1px solid #D7D7D7;
    background:url(/share2/images/mod-productsMenuNav/bg_02.png) no-repeat 0 100%;
    letter-spacing: -0.5em;
    *zoom:1}
 .mod-productsMenuNav ul:after{content:'';display:block;clear:both;height:0}

 .mod-productsMenuNav li{
    _position:relative;
    /* float:left; */
    float: none;
    display:  inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
    width:170px;
    margin:  0 0 -1px -1px;
    padding:.8em 0 .8em 19px;
    border:1px solid #D7D7D7;
}
 .mod-productsMenuNav a{
    color:#333333;
    white-space:nowrap;
    overflow:hidden;
    display:block;
    margin:-0.8em 0 -0.8em -19px;
    padding:.8em 0 .8em 19px;
    background:url(/share2/images/mod-productsMenuNav/bg_01.png) repeat-x 0 50%;
    *zoom:1
}

 .mod-productsMenuNav a:hover{text-decoration:none;background-position:-640px 50%}
 @media (max-width:640px){
    .mod-productsMenuNav{margin:20px 0}
    .mod-productsMenuNav ul{font-size:1em;border:none;border-radius:4px;background:none;box-shadow:0 0 10px rgba(0, 0, 0, 0.1)}
    .mod-productsMenuNav li{float:none;display:block;width:auto;margin:0 0 -1px;padding:0}
    .mod-productsMenuNav li:first-child,
    .mod-productsMenuNav li:first-child a{border-radius:4px 4px 0 0}
    .mod-productsMenuNav li:last-child,
    .mod-productsMenuNav li:last-child a{border-radius:0 0 4px 4px}
    .mod-productsMenuNav a{white-space:normal;margin:0;padding:.8em 0 .8em 19px}
}
.mod-productsMenuProducts{clear:both;margin:20px 0 40px;padding:0 1px}.mod-productsMenuProducts ul{list-style:none;margin:0;padding:7px 0;border-left:1px solid #E2E2E2;*zoom:1}.mod-productsMenuProducts ul:after{content:'';display:block;clear:both;height:0}.mod-productsMenuProducts li{float:left;width:189px;height:69px;margin:-7px 0;padding:0;border-top:7px solid #f6f6f6;border-bottom:7px solid #f6f6f6}.mod-productsMenuProducts img{display:block;position:relative}.mod-productsMenuProducts .mod-productsMenuProducts-text{height:0;overflow:hidden}@media (max-width:640px){.mod-productsMenuProducts{clear:both;padding:0}.mod-productsMenuProducts ul{font-size:1.143em;list-style:none;margin:0;padding:0;border:none;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*zoom:1}.mod-productsMenuProducts ul:after{content:'';display:block;clear:both;height:0}.mod-productsMenuProducts li{position:relative;float:none;width:100%;height:auto;margin:-1px 0 0;border:1px solid #ccc;overflow:visible;background:url(/share2/images/mod-productsMenuProducts/bg_02.png) repeat-x}.mod-productsMenuProducts li:hover{background:url(/share2/images/mod-productsMenuProducts/bg_03.png)}.mod-productsMenuProducts li:first-child,.mod-productsMenuProducts li:first-child a{border-top-left-radius:4px;border-top-right-radius:4px}.mod-productsMenuProducts li:last-child,.mod-productsMenuProducts li:last-child a{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.mod-productsMenuProducts a{color:#333333;display:table;width:100%;vertical-align:middle;height:62px;padding:0}.mod-productsMenuProducts a:hover{color:#333333;text-decoration:none}.mod-productsMenuProducts .mod-productsMenuProducts-image{display:table-cell;width:80px}.mod-productsMenuProducts img{position:absolute;clip:rect(0, 62px, 62px, 0);top:0;left:10px;margin:0 0 0}.mod-productsMenuProducts .mod-productsMenuProducts-text{display:table-cell;vertical-align:middle}}.mod-productsMenuProductsContainer{*zoom:1}.mod-productsMenuProductsContainer:after{content:'';display:block;clear:both;height:0}.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item{float:left;width:190px;margin-right:10px}@media (max-width:640px){.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item{float:none;width:auto;margin:0}}.mod-productsMenuProductsMiscFull,.mod-productsMenuProductsMisc3col{padding:7px 0;margin:-20px 0 0;background:#F6F6F6}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-header,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-header{font-size:1.077em;padding:20px 10px 3px;margin:-7px 0 7px;background:#fff}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content{padding:0;border:1px solid #E3E3E3;margin:0 0;background:white url(/share2/images/mod-productsMenuProductsMisc/bg_01.png) repeat-x 0 100%;*zoom:1}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content:after,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content:after{content:'';display:block;clear:both;height:0}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content ul{margin:0;padding:15px 15px 10px;list-style:none}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content li,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content li{margin:0 0 .5em;padding:0 0 0 10px;*zoom:1}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content span.mod-productsMenuProductsMisc-content-sub,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content span.mod-productsMenuProductsMisc-content-sub{color:#999;font-size:0.769em;display:block}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content a,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content a{display:block;padding:0 0 0 10px;margin:0 0 0 -10px;background:url(/share2/images/mod-productsMenuProductsMisc/ico_01.png) no-repeat 0 0.4em;*zoom:1}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul{margin:0 0 0 10px;width:280px;float:left;*display:inline}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul:first-child{margin-left:-3px}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul.ex-productsMenuProductsMisc-first-child{margin-left:-3px}.mod-productsMenuProductsMisc3colContainer{margin:0 0 50px -10px;*zoom:1;*zoom:1}.mod-productsMenuProductsMisc3colContainer:after{content:'';display:block;clear:both;height:0}.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc3col{float:left;*display:inline;width:310px;margin:0 0 0 10px}.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc3col:first-child + .mod-productsMenuProductsMisc3col + .mod-productsMenuProductsMisc3col + .mod-productsMenuProductsMisc3col{clear:both}.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc-content{min-height:138px;_height:138px}@media (max-width:640px){.mod-productsMenuProductsMiscFull,.mod-productsMenuProductsMisc3col{padding:7px 0;margin:20px 0;background:#F6F6F6}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-header,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-header{font-size:1.286em;padding:0 10px 3px}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content{padding:15px;-pie-background:linear-gradient(#fff 0%,#f5f5f5 100%);background-image:url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23fff%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23f5f5f5%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);background-image:-webkit-gradient(linear, , color-stop(0%, #fff),color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(#fff 0%,#f5f5f5 100%);background-image:-moz-linear-gradient(#fff 0%,#f5f5f5 100%);background-image:-ms-linear-gradient(#fff 0%,#f5f5f5 100%);background-image:-o-linear-gradient(#fff 0%,#f5f5f5 100%);background-image:linear-gradient(#fff 0%,#f5f5f5 100%);*zoom:1}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content:after,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content:after{content:'';display:block;clear:both;height:0}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content ul{margin:0;padding:0;list-style:none}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content li,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content li{margin:0 0 .5em;padding:0 0 0 14px}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content span,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content span{font-size:0.857em}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content a,.mod-productsMenuProductsMisc3col .mod-productsMenuProductsMisc-content a{font-size:1.143em;display:block;padding:.2em 0 .2em 14px;margin:0 0 0 -14px;background:url(/share2/images/mod-productsMenuProductsMisc/ico_02.png) no-repeat 0 0.6em}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul{margin:0;width:auto;float:none}.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul:first-child,.mod-productsMenuProductsMiscFull .mod-productsMenuProductsMisc-content ul.first-child{margin-left:0}.mod-productsMenuProductsMisc3colContainer{margin:0 0 60px}.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc3col{float:none;width:auto;margin:0 0 20px}.mod-productsMenuProductsMisc3colContainer .mod-productsMenuProductsMisc-content{min-height:0;_height:auto}}


/* ==========================================================================
	mod-productsMenuNav
	========================================================================== */

.mod-productsMenuNav li.ex-longTxt {
    _position:relative;
    /* float:left; */
    float: none;
    display:  inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
    width:170px;
    margin:0 0 -1px -1px;
    padding:.4em 0 .3em 19px;
    border:1px solid #D7D7D7;
    line-height:1.2; 
    overflow: hidden;
}
.mod-productsMenuNav li.ex-longTxt a{
    margin:-0.4em 0 -0.3em -19px;
    padding:.4em 0 .3em 19px;
}

@-moz-document url-prefix() { /* for Firefox */
	.mod-productsMenuNav li.ex-longTxt-sp {
		padding:0.4em 0 0.25em 19px;
	}
}
@media (max-width:640px){
	.mod-productsMenuNav li.ex-longTxt {float:none;display:block;width:auto;margin:0 0 -1px;padding:0}
	.mod-productsMenuNav li.ex-longTxt br {display:none;}
	.mod-productsMenuNav li.ex-longTxt a{white-space:normal;margin:0;padding:.8em 0 .8em 19px}
}


/* ==========================================================================
	mod-productsMenuProductsContainer-item
	========================================================================== */

.mod-productsMenuProductsContainer {
	margin: 0 0 40px;
	padding: 0;
}
.mod-productsMenuProductsContainer .mod-productsMenuProducts {
	margin: 0;
	padding: 0;
}
.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item {
	float:left;
	width:190px;
	margin: 0;
	padding: 0;
	margin-right:10px;
}
.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item2 {
	float:left;
	width:380px;
	margin: 0;
	padding: 0;
	margin-right:10px;
}
.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item3 {
	float:left;
	width:570px;
	margin: 0;
	padding: 0;
	margin-right:10px;
}
.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item .mod-heading2-long {
    padding: 0px 0px 0px 5px;
}
@media (max-width:640px){
	.mod-productsMenuProductsContainer {
		margin: 0;
		padding: 0;
	}
	.mod-productsMenuProductsContainer .mod-productsMenuProducts {
		margin: 20px 0 40px;
		padding: 0;
	}
	.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item {
		float:none;width:auto;margin:0;
	}
	.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item2 {
		float:none;width:auto;margin:0;
	}
	.mod-productsMenuProductsContainer .mod-productsMenuProductsContainer-item3 {
		float:none;width:auto;margin:0;
	}
#header img {
    width: auto;
}

}

/*2017-0616 QR追加*/

#gray_box .left {
    width: 85%;
    float: left;
}

@media (max-width:640px){

#gray_box .left {
    float: none;
}


}