@charset 'utf-8';


/*
.bnr_box {background: #f7f7f7; padding: 10px 0;}
.bnr_box div a {display: inline-block; margin: 5px 7px;;}

@media screen and (max-width: 640px) {
	.bnr_box .wrap {text-align: center;}
	.bnr_box div a {width: 40%;}
}*/


header .wrap {height:auto; padding-bottom:10px;}
#gnav ul li ul li a{color: #000000;}
#logo {
    padding: 50px 0 36px;
}
.headerlink {display:table;
	table-layout: fixed;
    position: relative;
    margin: -25px auto 0px;
    padding: 0px;
    width: 400px;
	height:35px;
    font-size: 16px;
    text-align: center;
    z-index: 3;}
.headerlink a.pc {display:table-cell !important; vertical-align: middle}
.headerlink a {display:table-cell;border:1px solid #000000;}
.headerlink a:hover {color:#000000; text-decoration: none;}
.headerlink a:nth-child(1):hover {
  background-color:#f15a24;
}
.headerlink a:nth-child(2):hover {
  background-color:#efa122;
}
.headerlink a:nth-child(3):hover {
  background-color:#f8ec05;
}

@media screen and (min-width: 641px){
#gnav .frame {
    height: 80px !important;
}	
#gnav ul {


}	
#gnav ul > li{
}		
#gnav ul li span {
    height:55px;
	display:block;
	line-height:55px;
	padding: 0 30px;
}
#gnav ul li.menu span {
    height:55px;
	display:block;
	line-height:30px;
	padding: 0 120px;
}

#gnav ul li ul {
    display: table !important;
	margin-top:-33px;
	table-layout: fixed;
}
.device_click #gnav ul li:hover ul { display:table !important; }
#gnav ul li ul li {
    display: table-cell;height:40px;
}
#gnav ul li ul li a { display:block;color:#ffffff; text-decoration: none;background:none;padding:3px;font-size:0.8em;}	
#gnav ul li ul li a:nth-child(1){
  background:none;
}
#gnav ul li ul li:nth-child(2) a {
   border-left: solid #dfa095 1px;
   border-right: solid #dfa095 1px;
}
#gnav ul li ul li:nth-child(1):hover a {
  background-color:#f15a24;
	color:#000000;
}
#gnav ul li ul li:nth-child(2):hover a {
  background-color:#efa122;color:#000000;
	border:none;
}
#gnav ul li ul li:nth-child(3):hover a {
  background-color:#f8ec05;color:#000000;
}	
	
	   
	
}






/*.dummy*/
@media screen and (max-width: 640px){
.headerlink {
    display: none !important;
}
.headerlink a.pc  {
    display: none !important;
}	
}
@media screen and (max-width: 360px){
#logo {
    padding: 28px 0 36px;
}
}
@media screen and (max-width: 640px){
#logo {
    padding: 22px 0 0;
}
}
@media screen and (max-width: 640px){
#main {
    padding-top: 15px !important;/*home.php��top.css��Ǎ���*/
}
}