/*** for PC Browser ***/
@media (min-width:401px)
{
/*メインナビの設定
------------------------*/

#header_navi {
         width:900px;
         margin:0;
         padding:0;
    clear:both;
}

#mainnavi1 {
	background-image:url(/secure/760307/mainnavi_back.gif);
	background-repeat:repeat;
	padding-left:30px;
        margin:0px 0px 0px 0px;
	font-size:1%;
	height:80px;
        clear:both;
        position: relative;
        z-index:15;
}

#mainnavi1 a {
    text-indent:-10000px;
    width:170px;
    display: block;
	float:left;
	list-style-type: none;
	text-decoration:none;
    margin:0;
	padding:0;
	height:40px;
}

#mainnavi1 ul {
	margin:0;
	padding:0;
}

#mainnavi1 li {
    display:inline;
	padding:0;
	margin:0;
}

#mainnavi1 :hover {
    background-color:#FFFFFF;
    background-position:bottom;
}

.mainnavi_1_1_1 {
    background-image:url(/secure/760307/mainnavi_001.gif);
}

.mainnavi_1_2_1 {
    background-image :url(/secure/760307/mainnavi_002.gif);
}

.mainnavi_1_3_1 {
    background-image :url(/secure/760307/mainnavi_003.gif);
}

.mainnavi_1_4_1 {
    background-image :url(/secure/760307/mainnavi_004.gif);
}

.mainnavi_1_5_1 {
    background-image:url(/secure/760307/mainnavi_005.gif);
}

.mainnavi_1_6_1 {
    background-image:url(/secure/760307/mainnavi_006.gif);
}

.mainnavi_1_7_1 {
    background-image :url(/secure/760307/mainnavi_007.gif);
}

.mainnavi_1_8_1 {
    background-image :url(/secure/760307/mainnavi_008.gif);
}

.mainnavi_1_9_1 {
    background-image :url(/secure/760307/mainnavi_009.gif);
}

.mainnavi_1_10_1 {
    background-image:url(/secure/760307/mainnavi_010.gif);
}

/*メインナビの設定
------------------------*/

#header_navi {
         width:900px;
         margin:0;
         padding:0;
    clear:both;
}

#mainnavi2 {
	background-image:url(/secure/760307/mainnavi_back.gif);
	background-repeat:repeat-x;
	padding-left:30px;
        margin:0px 0px 0px 0px;
	font-size:1%;
	height:40px;
        clear:both;
        position: relative;
        z-index:15;
}

#mainnavi2 a {
    text-indent:-10000px;
    width:170px;
    display: block;
	float:left;
	list-style-type: none;
	text-decoration:none;
    margin:0;
	padding:0;
	height:40px;
}

#mainnavi2 ul {
	margin:0;
	padding:0;
}

#mainnavi2 li {
    display:inline;
	padding:0;
	margin:0;
}

#mainnavi2 :hover {
    background-color:#FFFFFF;
    background-position:bottom;
}

.mainnavi_2_1_1 {
    background-image:url(/secure/760307/mainnavi_001.gif);
}

.mainnavi_2_2_1 {
    background-image :url(/secure/760307/mainnavi_002.gif);
}

.mainnavi_2_3_1 {
    background-image :url(/secure/760307/mainnavi_003.gif);
}

.mainnavi_2_4_1 {
    background-image :url(/secure/760307/mainnavi_004.gif);
}

.mainnavi_2_5_1 {
    background-image:url(/secure/760307/mainnavi_005.gif);
}

.mainnavi_2_6_1 {
    background-image:url(/secure/760307/mainnavi_006.gif);
}

.mainnavi_2_7_1 {
    background-image :url(/secure/760307/mainnavi_007.gif);
}

.mainnavi_2_8_1 {
    background-image :url(/secure/760307/mainnavi_008.gif);
}

.mainnavi_2_9_1 {
    background-image :url(/secure/760307/mainnavi_009.gif);
}

.mainnavi_2_10_1 {
    background-image:url(/secure/760307/mainnavi_010.gif);
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/*メインナビの設定
------------------------*/

#header_navi {
         width:320px;
         margin:0;
         padding:0;
         clear:both;
}

#mainnavi1 {
	background-image:url(/secure/760307/mainnavi_back.gif);
	background-repeat:repeat;
	padding-left:20px;
       	margin:0px 0px 0px 0px;
	font-size:0%;
	height:auto;
        clear:both;
        position: relative;
        z-index:15;
        float:left;
}


#mainnavi1 a {
    text-indent:-10000px;
    width:138px;
    display: block;
    float:left;
    list-style-type: none;
    text-decoration:none;
    margin:0;
    padding:0;
    height:40px;
}

#mainnavi1 ul {
	margin:0;
	padding:0;
}

#mainnavi1 li {
        float:left;
	padding:0;
	margin:0;
        border-right:1px solid #ECE9D8;
        border-left:1px solid #ECE9D8;
        display: block;

}

#main_navi1 :hover {
        background-color:#FFFFFF;
        background-position:center bottom;
}

.mainnavi_1_1_1 {
    background:url(/secure/760307/mainnavi_01.gif) no-repeat center top;
}

.mainnavi_1_2_1 {
    background:url(/secure/760307/mainnavi_02.gif) no-repeat center top;
}

.mainnavi_1_3_1 {
    background:url(/secure/760307/mainnavi_03.gif) no-repeat center top;
}

.mainnavi_1_4_1 {
    background:url(/secure/760307/mainnavi_04.gif) no-repeat center top;
}

.mainnavi_1_5_1 {
    background:url(/secure/760307/mainnavi_05.gif) no-repeat center top;
}
.mainnavi_2_6_1 {
    background:url(/secure/760307/mainnavi_06.gif) no-repeat center top;
}

.mainnavi_2_7_1 {
    background:url(/secure/760307/mainnavi_07.gif) no-repeat center top;
}

.mainnavi_2_8_1 {
    background :url(/secure/760307/mainnavi_08.gif) no-repeat center top;
}

.mainnavi_2_9_1 {
    background :url(/secure/760307/mainnavi_09.gif) no-repeat center top;
}

.mainnavi_2_10_1 {
    background :url(/secure/760307/mainnavi_10.gif) no-repeat center top;
}
}