@charset "utf-8";
/* 全ページ共通 */


html {
	overflow:auto;
	height:100%;
	margin:0;
	padding:0;
	font-size:small;
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",arial,sans-serif;
	color:#313131;
}


/* ハックでIE6,7のみに適用 */
.ul.global_menu li {
    display: inline;
    zoom: 1;
}

/* クリアフィックス*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/* Hides from IE-mac  */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



body {
	overflow: auto;
	height:100%;
	width:100%;
	text-align: center;
}


header,#container,footer{
    min-width: 1080px;
}


header, nav, article, section, footer {
    display:block;
}


#container{
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

header{
	margin:0 auto;
}


#headerlogo{
	margin:0 auto;
    padding-top: 20px;

}

#headerlogo img{
    width: 330px;
}


/*---- グローバルナビゲーション --------*/
nav{
    margin: 15px auto;
}

    .gnav{
	  display:block;
      overflow: hidden;
      position: relative;
	  text-align:center;
      width:100%;
    }

    .gnav li{
        display:inline-block;
        text-align:center;
        background-image: url(../img/gnav_ch.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 28px;
        padding-left:16px;
        font-family:"Rounded Mplus 1c";
    }

/*---- グローバルナビゲーション/アクティブページ表示用 --------*/
    #index .gnav li:nth-child(1){
        background-image:url(../img/gnav_ch_actv.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 28px;
        padding-left:16px;
        color:#59b517;
    }

    #about .gnav li:nth-child(2){
        background-image:url(../img/gnav_ch_actv.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 28px;
        padding-left:16px;
        color:#59b517;
    }

    #item .gnav li:nth-child(3){
        background-image:url(../img/gnav_ch_actv.png);
        background-size: 26px;
        padding-left:16px;
        color:#59b517;
    }
    #shop .gnav li:nth-child(4){
        background-image:url(../img/gnav_ch_actv.png);
        background-size: 26px;
        padding-left:16px;
        color:#59b517;
    }
    #company .gnav li:nth-child(5){
        background-image:url(../img/gnav_ch_actv.png);
        background-size: 26px;
        padding-left:16px;
        color:#59b517;
    }

    #contact .gnav li:nth-child(6){
        background-image:url(../img/gnav_ch_actv.png);
        background-size:  26px;
        padding-left:16px;
        color:#59b517;
    }

    #recruit .gnav li:nth-child(7){
        background-image:url(../img/gnav_ch_actv.png);
        background-size:  26px;
        padding-left:16px;
        color:#59b517;
    }


    .gnav li a{
        display: block;
        padding: 10px 20px;
        text-decoration: none;
        color: #556b2f;
    }

    .gnav li a:hover{
        color:#00aa00;
    }


#headerimg{
    width: 100%;
    height: auto;
}

#headerimg img{
	width:100%;
}



/*----テキスト--------*/
p{
    line-height: 2.0;
    letter-spacing: 1.5px;
}

.m{
    line-height: 2.0;
    font-size: 11pt;
    letter-spacing: 2px;
}

.l{
    line-height:1.8;
    font-size:18px;
    letter-spacing: 3px;
}

.ll{
    font-size:20px;
    line-height: 1.8;
    letter-spacing: 3px;
}


.xl{
    font-size: 25px;
    letter-spacing: 5px;
}

.right{text-align: right;}
.left{text-align: left;}

/*---- カラー設定 --------*/
.ef857d{color:#ef857d;}

.ff6600{color:#ff6600;}

.c946c45{color:#946c45;}

.c618e34{color:#618e34;}

.c59b517{color:#59b517;}

.d9e367{color:#d9e367;}

.e99e3f{color:#e99e3f;}


.fafad2{
    background-color:#fafad2;
}

.f7f7f7{
    background-color: #f7f7f7;
}

.f5f5f5{
    background-color:#f5f5f5;
}
.ffffe0{
    background-color:#ffffe0;
}

.fffcf9{
    background-color:#fffcf9;
}
.bg04{
    background-image: url(../img/bg04.jpg);
    background-repeat: repeat;
}

/*----web font--------*/
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c";
}

.wf-sawarabigothic { font-family: "Sawarabi Gothic"; 
}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }




/*---- ページトップ --------*/
.pagetop{
    width:100%;
    margin:30px auto 0 auto;
}




/*---- フッター --------*/

footer{
	width:100%;
    height: 250px;
	border-bottom:0;
	color: #fff;
    font-weight: bold;
	text-align:center;
    background-image: url(../img/bg03.jpg);
    background-repeat: repeat;
}



.f-nav{
    width: 100%;
    padding-top: 30px;
}

.box{
    display: block;
    width: 100%;
    height: auto;
}

.f-logo,.com{
    display: inline-block;
    margin:30px 30px 0 30px;
 }

.f-logo {  width: 80px;}

.com{ width: 280px;}

    .com a{
        text-decoration: none;
        color:#fff;
    }

.box img{width: 100%;}

.add{
	padding-top:10px;
	font-size:12px;
}

.number{font-size: 15px;}



.f-menu li{
    display: inline-block;
    height:15px;
    padding: 3px 30px 0 5px;
    border-left:3px solid green;
    text-align:left;
    font-family: "Rounded Mplus 1c";
}

.f-menu li a{
    display: block;
    text-decoration: none;
    color: #fff;
}


/*------ 以下レスポンシブデザイン用---------- */


/* 表示領域が480px以下 */
 
@media screen and (max-width:480px) { 
    
    
header,#container,footer{
    min-width: 200px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#headerlogo{
	margin:0 auto;
    padding: 5px 0;

}
.none{
        display: none;
    }
    
img{max-width: 100%;}
    
    
#headerlogo img{
    width:200px;
    height: auto;
}

    
/*---- フッター@480 --------*/
footer{
    height: auto;
    padding-top: 5%;
}

.f-logo,.com{
    display: block;
    margin: 0 auto;
 }
    
.f-logo{
    width: 25%;
}
    .f-logo img{width: 100%;}
    
.com{
    width: 80%;
    padding: 5%;
}
    .com a{color:#fff}

.add{
	padding-top:10px;
	font-size:13px;
}

.number{font-size: 16px;}

}