@charset "utf-8";

/*============================================
 2010.09
 top.css
============================================*/

#topView {
	background: #fff none repeat scroll 0 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
    margin: 0 auto 15px;
    padding: 3px 3px 34px;
    position: relative;
    width: 930px;
}
.bx-wrapper {
	margin-bottom: 0;
}
.bx-wrapper .bx-viewport {
	left:0;
	border:none;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom:-22px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	width: 8px;
	height: 8px;
	background: #c1c1c1;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #4cbfd7;
}
#scrollInfo{
width:970px;
margin:0 auto 9px;
background:url(/english/img/bg_scrollInfo.gif) 32px 0 no-repeat;
color:#348191;
}
#scrollInfo ul{
margin:0 0 0 145px;
padding:0 20px 0 0;
}
#scrollInfo li.cautionTxt{
font-weight:bold;
}
#topgnav{ 
width:950px;
height:54px;
margin:0 auto;
padding:15px 0 0 20px;
background:url(/english/img/bg_gnav.jpg) 0 0 no-repeat;
}
#topgnav ul{
background:url(/english/img/gnav.jpg) 0 -38px no-repeat;
height:38px;
text-indent:-9999px;
} 
#topgnav li{
float:left;
}
#topgnav li a{
display:block;
overflow:hidden;
}
#topgnav li.nav1{
}
#topgnav li.nav1 a{
width:156px;
height:38px;
background:url(/english/img/gnav.jpg) 0 0 no-repeat;
}
#topgnav li.nav1 a:hover{
background:none;
}
#topgnav li.nav2{
}
#topgnav li.nav2 a{
width:155px;
height:38px;
background:url(/english/img/gnav.jpg) -156px 0px no-repeat;
}
#topgnav li.nav2 a:hover{
background:none;
}
#topgnav li.nav3{
}
#topgnav li.nav3 a{
width:155px;
height:38px;
background:url(/english/img/gnav.jpg) -311px 0 no-repeat;
}
#topgnav li.nav3 a:hover{
background:none;
}
#topgnav li.nav4{
}
#topgnav li.nav4 a{
width:155px;
height:38px;
background:url(/english/img/gnav.jpg) -466px 0 no-repeat;
}
#topgnav li.nav4 a:hover{
background:none;
}
#topgnav li.nav5{
}
#topgnav li.nav5 a{
width:155px;
height:38px;
background:url(/english/img/gnav.jpg) -621px 0 no-repeat;
}
#topgnav li.nav5 a:hover{
background:none;
}
#topgnav li.nav6{
}
#topgnav li.nav6 a{
width:154px;
height:38px;
background:url(/english/img/gnav.jpg) -776px 0 no-repeat;
}
#topgnav li.nav6 a:hover{
background:none;
}
#topgnav li.current a{
background:none;
}

#whatsNew{
float:left;
width:456px;
margin:0 7px 0 17px;
padding:3px 3px 1px 3px;
background:#f7f7f7;
display:inline;
}
#whatsNew h2{
margin:0 0 8px 0;
}
#whatsNew .whatsNewBox{
background:url(/english/img/prt_lin_01.gif) left bottom repeat-x;
padding:0 0 1px 10px;
margin:4px 0 0 0;
display:block;
overflow:hidden;
font-size:12px;
width:446px;
}
#whatsNew .whatsNewBox a{
font-weight:bold;
}
#whatsNew .whatsNewBox table{
font-size:87%;
margin:0 0 0 16px;
display:block;
width:430px;
}
#whatsNew .whatsNewBox table th{
font-weight:normal;
padding:0 10px 0 0;
vertical-align:top;
}
#whatsNew .whatsNewBox table th{
padding:0 10px 0 0;
}
#whatsNew .whatsNewBox img{
vertical-align:middle;
}
.icn_news{
background:url(/english/img/icn_news.gif) right 0 no-repeat;
padding:0 52px 0 0;
display:block;
}
.icn_isan{
background:url(/english/img/icn_isan.gif) right 0 no-repeat;
padding:0 78px 0 0;
display:block;
}
.icn_fromtiti{
background:url(/english/img/icn_fromtiti.gif) right 0 no-repeat;
padding:0 78px 0 0;
display:block;
}
.icn_shop{
background:url(/english/img/icn_shop.gif) right 0 no-repeat;
padding:0 40px 0 0;
display:block;
}
.icn_restaurant{
background:url(/english/img/icn_rest.gif) right 0 no-repeat;
padding:0 54px 0 0;
display:block;
}
.icn_status{
background:url(/english/img/icn_status.gif) right 0 no-repeat;
padding:0 59px 0 0;
display:block;
}
.icn_vacancy{
background:url(/english/img/icn_vacancy.gif) right 0 no-repeat;
padding:0 59px 0 0;
display:block;
}
#recommendInfo{
clear:both;
display:inline;
width:206px;
padding:3px 3px 1px 3px;
margin:0 5px 0 0;
background:url(/english/img/bg_recommendInfo.gif) left bottom repeat-x;
}
#whatsNew .whatsNewBox span a{
display:none;
}
#recommendInfo h2{
margin:0 0 2px 0;
}
#recommendInfo ul{
}
#recommendInfo li{
margin:0 0 2px 0;
line-height:0;
}

#pickupInfo1{
float:left;
width:467px;
padding:3px 0px 1px 3px;

}


#pickupInfo1 h2{
margin:0 0 2px 0;
}
#pickupInfo1 ul{
}
#pickupInfo1 li{
float:left;
margin:0 0 2px 0;
line-height:0;
}

#pickupInfo1 li.fst{
float:left;
margin:0 2px 2px 0;
line-height:0;
}

#pickupInfo2{
float:left;
width:228px;
}
#pickupInfo3{
	float: right;
	width:210px;
	margin-right: 18px;
}

#pickupInfo2 h2{
margin:0 0 2px 0;
}
#pickupInfo2 ul{
}
#pickupInfo2 li{
float:left;
margin:0 0 2px 0;
line-height:0;
}

#pickupInfo2 li.fst{
float:left;
margin:0 2px 2px 0;
line-height:0;
}

#pickupInfo3 ul li:first-child{
	margin-bottom: 10px;
}

#subInfoArea{
clear:both;
padding:10px 0 12px 28px;
font-size:90%;
}

#topBnrArea{
width:940px;
margin:10px 0 6px 0;
background:url(/english/img/bg_topBnrArea.gif) 240px 20px no-repeat #f8f8f8;
}
#topBnrArea ul{
clear:both;
}
#topBnrArea li{
float:left;
padding:23px 10px 0 0;
}
#topBnrArea li img{
vertical-align:bottom;
}

#topBnrArea li.bnrBag{
padding:0px 0 10px 0 ;
margin:10px 300px 0 10px;}




























#engContents #pickupInfo1 a img:hover { filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }
#engContents #pickupInfo2 a img:hover { filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }