/* fontsize
-----------------------------------------*/
.fontS { font-size: 81.3% }
.fontM { font-size: 87.5% }
.fontL { font-size: 100% }

.h1 {font-size: 0.8em; display: inline; font-weight: normal; float: left; margin: 10px 0px 5px 5px; color: #fff;}


/* mod_headerbox_size
-----------------------------------------*/
.mod_headerbox_size {
    width: 145px;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
}
.mod_headerbox_size ul, .mod_headerbox_size p {
    float: left;
}
.mod_headerbox_size ul li {
  float: left;
  width:19px;
  height: 19px;
  overflow: hidden;
  margin-left:3px;
  margin-right:2px;
}
.mod_headerbox_size ul li span {
  display: block;
  cursor: pointer;
}
.mod_headerbox_size ul li.active span {
  margin-top: -19px;
}
.mod_headerbox_size ul li span:hover{
	margin-top:-19px;
}

/* mod_headerbox_size
-----------------------------------------*/
#nav-wrap {
    margin-top: 0px;
}
 
/* menu icon */
#menu-icon {
    display: none; /* hide menu icon initially */
}
 
#nav,
#nav li {
    margin: 0;
    padding: 10px 0px;
}
#nav li {
    list-style: none;
    float: left;
    margin-right: 0px;
	width:90%;
}
 
/* nav link */
#nav a {
vertical-align: middle;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 15pt;
    font-weight: bold;
    text-decoration:none;
    /*text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);*/

}
#nav a:hover {
    color: #000;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4), 1px 1px 1px rgba(255, 255, 255, 0.5);
}
 
/* nav dropdown */
#nav ul {
    background: #fff;
    padding: 2px;
    position: absolute;
    border: solid 1px #ccc;
    display: none; /* hide dropdown */
    width: 200px;
}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
}
#nav li:hover > ul {
    display: block; /* show dropdown on hover */
}

@media screen and (max-width: 1024px) {
 
    /* nav-wrap */
    #nav-wrap {
        position: relative;
    }
 
    /* menu icon */
    #menu-icon {
        color: #000;




        cursor: pointer;

        display: block; /* show menu icon */
    }
    #menu-icon:hover {

    }
    #menu-icon.active {

    }
     
    /* main nav */
    #nav {
        clear: both;
        position: absolute;
        top: 60px;
        width: 270px;
        z-index: 10000;
        padding: 5px;
        background: #f8f8f8;
        border: solid 1px #999;
        right:0;
        display: none; /* visibility will be toggled with jquery */
    }
    #nav li {
        clear: both;
        float: none;
        margin: 5px 0 5px 10px;
    }
    #nav a,
    #nav ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #666;
        border: none;
    }
    #nav a:hover,
    #nav ul a:hover {
        background: none;
        color: #000;
    }
     
    /* dropdown */
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #nav ul li {
        margin: 3px 0 3px 15px;
    }
 
    .h1 {display: none;}
    
}
#top_bg {
    position: relative;
    width:100%;
    max-height: 280px;
    overflow: hidden;
}

#top_bg img {
    float: left;
    width:100%; min-height: 290px;
}

#top_bg_sp {
    position: relative;
    width:100%;
    max-height: 720px;
}
#top_bg_sp img {
width:100%;
height:auto;
}




hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
    margin: 5px;
}


@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?zffkal');
	src:url('fonts/icomoon.eot?#iefixzffkal') format('embedded-opentype'),
		url('fonts/icomoon.woff?zffkal') format('woff'),
		url('fonts/icomoon.ttf?zffkal') format('truetype'),
		url('fonts/icomoon.svg?zffkal#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
content: "\e600"; font-size:200%; color:#008335;
}
.icon-phone2:before {
content: "\e600"; font-size:330%; color:#008335;
}

.icon-menu:before {
	content: "\e601"; font-size:250%; color:#008335;
}