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

/* upper-gnav,bottom-gnav */

.l-content .upper-gnav,
.l-content .bottom-gnav,
.l-content .upper-gnav02,
.l-content .bottom-gnav02,
.l-content .upper-gnav03,
.l-content .bottom-gnav03,
.l-content .upper-gnav04,
.l-content .bottom-gnav04
{
	width: 950px;
    margin: 0 auto;
}
.l-content .upper-gnav03 {
    margin-bottom: 40px;
}


/* upper-gnav*/
.l-content .upper-gnav li,
.l-content .upper-gnav li a,
.l-content .upper-gnav02 li,
.l-content .upper-gnav02 li a,
.l-content .upper-gnav03 li,
.l-content .upper-gnav03 li a,
.l-content .upper-gnav04 li,
.l-content .upper-gnav04 li a{
	float: left;
    position: relative;
    height: 68px;
    background: url("/maker/misumi/mold/products/injection_molding/img_v3/upper_gnav_20231212.png") no-repeat;
	text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
}

.l-content .upper-gnav03 li,
.l-content .upper-gnav03 li a{
    height: 71px;
}

.l-content .upper-gnav .btn01 a,
.l-content .upper-gnav .btn01_on,
.l-content .upper-gnav .btn03 a,
.l-content .upper-gnav .btn03_on,
.l-content .upper-gnav02 .btn05 a,
.l-content .upper-gnav02 .btn05_on,
.l-content .upper-gnav02 .btn07 a,
.l-content .upper-gnav02 .btn07_on,
.l-content .upper-gnav03 .btn09 a,
.l-content .upper-gnav03 .btn09_on,
.l-content .upper-gnav03 .btn11 a,
.l-content .upper-gnav03 .btn11_on
{
    width: 237px;
}

.l-content .upper-gnav .btn02 a,
.l-content .upper-gnav .btn02_on,
.l-content .upper-gnav02 .btn06 a,
.l-content .upper-gnav02 .btn06_on,
.l-content .upper-gnav03 .btn10 a,
.l-content .upper-gnav03 .btn10_on
{
	width: 236px;
}

.l-content .upper-gnav .btn04 a,
.l-content .upper-gnav .btn04_on,
.l-content .upper-gnav02 .btn08 a,
.l-content .upper-gnav02 .btn08_on,
.l-content .upper-gnav03 .btn12 a,
.l-content .upper-gnav03 .btn12_on
{
    width: 240px;
}

.l-content .upper-gnav04 .btn13 a,
.l-content .upper-gnav04 .btn13_on
{
    width: 950px;
}

.l-content .upper-gnav li a:hover,
.l-content .upper-gnav02 li a:hover,
.l-content .upper-gnav03 li a:hover,
.l-content .upper-gnav04 li a:hover
{
	cursor: pointer;
}

.l-content .upper-gnav .btn01 a {
    background-position: 0 0;
}

.l-content .upper-gnav .btn02 a {
    background-position: -237px 0;
}

.l-content .upper-gnav .btn03 a {
    background-position: -473px 0;
}

.l-content .upper-gnav .btn04 a {
    background-position: -710px 0;
}

.l-content .upper-gnav02 .btn05 a {
    background-position: 0 -68px;
}

.l-content .upper-gnav02 .btn06 a {
    background-position: -237px -68px;
}

.l-content .upper-gnav02 .btn07 a {
    background-position: -473px -68px;
}

.l-content .upper-gnav02 .btn08 a {
    background-position: -710px -68px;
}

.l-content .upper-gnav03 .btn09 a {
    background-position: 0 -136px;
}

.l-content .upper-gnav03 .btn10 a {
    background-position: -237px -136px;
}

.l-content .upper-gnav03 .btn11 a {
    background-position: -473px -136px;
}

.l-content .upper-gnav03 .btn12 a {
    background-position: -710px -136px;
}

.l-content .upper-gnav04 .btn13 a {
    background-position: 0 -204px;
}

/*hover*/
.l-content .upper-gnav .btn01 a:hover {
    background-position: 0 -275px;
}

.l-content .upper-gnav .btn02 a:hover {
    background-position: -237px -275px;
}

.l-content .upper-gnav .btn03 a:hover{
    background-position: -473px -275px;
}

.l-content .upper-gnav .btn04 a:hover {
    background-position: -710px -275px;
}

.l-content .upper-gnav02 .btn05 a:hover {
    background-position: 0 -343px;
}

.l-content .upper-gnav02 .btn06 a:hover {
    background-position: -237px -343px;
}

.l-content .upper-gnav02 .btn07 a:hover {
    background-position: -473px -343px;
}

.l-content .upper-gnav02 .btn08 a:hover {
    background-position: -710px -343px;
}

.l-content .upper-gnav03 .btn09 a:hover {
    background-position: 0 -411px;
}

.l-content .upper-gnav03 .btn10 a:hover {
    background-position: -237px -411px;
}

.l-content .upper-gnav03 .btn11 a:hover {
    background-position: -473px -411px;
}

.l-content .upper-gnav03 .btn12 a:hover {
    background-position: -710px -411px;
}

.l-content .upper-gnav04 .btn13 a:hover {
    background-position: 0 -479px;
}

/*on*/
.l-content .upper-gnav .btn01_on {
    background-position: 0 -550px;
}

.l-content .upper-gnav .btn02_on {
    background-position: -237px -550px;
}

.l-content .upper-gnav .btn03_on {
    background-position: -473px -550px;
}

.l-content .upper-gnav .btn04_on {
    background-position: -710px -550px;
}

.l-content .upper-gnav02 .btn05_on {
    background-position: 0 -618px;
}

.l-content .upper-gnav02 .btn06_on {
    background-position: -237px -618px;
}

.l-content .upper-gnav02 .btn07_on {
    background-position: -473px -618px;
}

.l-content .upper-gnav02 .btn08_on {
    background-position: -710px -618px;
}

.l-content .upper-gnav03 .btn09_on {
    background-position: 0 -686px;
}

.l-content .upper-gnav03 .btn10_on {
    background-position: -237px -686px;
}

.l-content .upper-gnav03 .btn11_on {
    background-position: -473px -686px;
}

.l-content .upper-gnav03 .btn12_on {
    background-position: -710px -686px;
}

.l-content .upper-gnav04 .btn13_on {
    background-position: 0 -754px;
}

/* bottom-gnav*/
.l-content .bottom-gnav li,
.l-content .bottom-gnav li a,
.l-content .bottom-gnav02 li,
.l-content .bottom-gnav02 li a,
.l-content .bottom-gnav03 li,
.l-content .bottom-gnav03 li a,
.l-content .bottom-gnav04 li,
.l-content .bottom-gnav04 li a
{
	float: left;
    position: relative;
    height: 44px;
    background: url("/maker/misumi/mold/products/injection_molding/img_v3/bottom_gnav_20231212.png") no-repeat;
	text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
}

.l-content .bottom-gnav03 li,
.l-content .bottom-gnav03 li a
{
    height: 47px;
}


.l-content .bottom-gnav .btn01 a,
.l-content .bottom-gnav .btn01_on,
.l-content .bottom-gnav .btn03 a,
.l-content .bottom-gnav .btn03_on,
.l-content .bottom-gnav02 .btn05 a,
.l-content .bottom-gnav02 .btn05_on,
.l-content .bottom-gnav02 .btn07 a,
.l-content .bottom-gnav02 .btn07_on,
.l-content .bottom-gnav03 .btn09 a,
.l-content .bottom-gnav03 .btn09_on,
.l-content .bottom-gnav03 .btn11 a,
.l-content .bottom-gnav03 .btn11_on
{
    width: 237px;
}
.l-content .bottom-gnav .btn02 a,
.l-content .bottom-gnav .btn02_on,
.l-content .bottom-gnav02 .btn06 a,
.l-content .bottom-gnav02 .btn06_on,
.l-content .bottom-gnav03 .btn10 a,
.l-content .bottom-gnav03 .btn10_on
{
    width: 236px;
}

.l-content .bottom-gnav .btn04 a,
.l-content .bottom-gnav .btn04_on,
.l-content .bottom-gnav02 .btn08 a,
.l-content .bottom-gnav02 .btn08_on,
.l-content .bottom-gnav03 .btn12 a,
.l-content .bottom-gnav03 .btn12_on
{
	width: 240px;
}

.l-content .bottom-gnav04 .btn13 a,
.l-content .bottom-gnav04 .btn13_on
{
	width: 950px;
}

.l-content .bottom-gnav li a:hover,
.l-content .bottom-gnav02 li a:hover,
.l-content .bottom-gnav03 li a:hover,
.l-content .bottom-gnav04 li a:hover
{
	cursor: pointer;
}

.l-content .bottom-gnav .btn01 a {
    background-position: 0 0;
}

.l-content .bottom-gnav .btn02 a {
    background-position: -237px 0;
}

.l-content .bottom-gnav .btn03 a {
    background-position: -473px  0;
}

.l-content .bottom-gnav .btn04 a {
    background-position: -710px  0;
}

.l-content .bottom-gnav02 .btn05 a {
    background-position:  0 -44px;
}

.l-content .bottom-gnav02 .btn06 a {
    background-position: -237px -44px;
}

.l-content .bottom-gnav02 .btn07 a {
    background-position: -473px -44px;
}

.l-content .bottom-gnav02 .btn08 a {
    background-position: -710px -44px;
}

.l-content .bottom-gnav03 .btn09 a {
    background-position:  0 -88px;
}

.l-content .bottom-gnav03 .btn10 a {
    background-position:  -237px -88px;
}

.l-content .bottom-gnav03 .btn11 a {
    background-position:  -473px -88px;
}

.l-content .bottom-gnav03 .btn12 a {
    background-position:  -710px -88px;
}
.l-content .bottom-gnav04 .btn13 a {
    background-position:  0 -132px;
}


/*hover*/
.l-content .bottom-gnav .btn01 a:hover {
    background-position: 0 -179px;
}

.l-content .bottom-gnav .btn02 a:hover {
    background-position: -237px -179px;
}

.l-content .bottom-gnav .btn03 a:hover{
    background-position: -473px -179px;
}

.l-content .bottom-gnav .btn04 a:hover {
    background-position: -710px -179px;
}

.l-content .bottom-gnav02 .btn05 a:hover {
    background-position:  0 -223px;
}

.l-content .bottom-gnav02 .btn06 a:hover {
    background-position:  -237px -223px;
}

.l-content .bottom-gnav02 .btn07 a:hover {
    background-position:  -473px -223px;
}

.l-content .bottom-gnav02 .btn08 a:hover {
    background-position:  -710px -223px;
}

.l-content .bottom-gnav03 .btn09 a:hover {
    background-position:  0 -267px;
}

.l-content .bottom-gnav03 .btn10 a:hover {
    background-position:  -237px -267px;
}

.l-content .bottom-gnav03 .btn11 a:hover {
    background-position:  -473px -267px;
}

.l-content .bottom-gnav03 .btn12 a:hover {
    background-position:  -710px -267px;
}

.l-content .bottom-gnav04 .btn13 a:hover {
    background-position:  0 -311px;
}


/*on*/
.l-content .bottom-gnav .btn01_on {
	background-position: 0 -358px;
}

.l-content .bottom-gnav .btn02_on {
	background-position: -237px -358px;
}

.l-content .bottom-gnav .btn03_on {
    background-position: -473px -358px;
}

.l-content .bottom-gnav .btn04_on {
    background-position: -710px -358px;
}

.l-content .bottom-gnav02 .btn05_on {
    background-position:  0 -402px;
}

.l-content .bottom-gnav02 .btn06_on {
    background-position: -237px -402px;
}

.l-content .bottom-gnav02 .btn07_on {
    background-position: -473px -402px;
}

.l-content .bottom-gnav02 .btn08_on {
    background-position: -710px -402px;
}

.l-content .bottom-gnav03 .btn09_on {
    background-position:  0 -446px;
}

.l-content .bottom-gnav03 .btn10_on {
    background-position:  -237px -446px;
}

.l-content .bottom-gnav03 .btn11_on {
    background-position:  -473px -446px;
}

.l-content .bottom-gnav03 .btn12_on {
    background-position:  -710px -446px;
}

.l-content .bottom-gnav04 .btn13_on {
    background-position:  0 -490px;
}