@import url(http://hls-global.jp/en/css/base.css);


/* TOP Page Styles CSS (styles-index.css) */


/*** Header ***/

#header{
  height:600px;
  padding-bottom:50px;
  background:#fff url(http://hls-global.jp/en/imgs/header_top-back.jpg) no-repeat 0 top;
  }

#headerMenu .home a:hover, #headerMenu .homeH{
background:url(http://hls-global.jp/en/imgs/menu_h-home_top.jpg) no-repeat left top;}
#headerMenu .services a:hover, #headerMenu .servicesH{
background:url(http://hls-global.jp/en/imgs/menu_h-services_top.jpg) no-repeat left top;}
#headerMenu .aboutus a:hover, #headerMenu .aboutusH{
background:url(http://hls-global.jp/en/imgs/menu_h-aboutus_top.jpg) no-repeat left top}
#headerMenu .tips a:hover, #headerMenu .tipsH{
background:url(http://hls-global.jp/en/imgs/menu_h-tips_top.jpg) no-repeat left top}
#headerMenu .contactus a:hover, #headerMenu .contactusH{
background:url(http://hls-global.jp/en/imgs/menu_h-contactus_top.jpg) no-repeat left top}


#header .bannerBody{
  width:215px;
  height:210px;
  padding:5px 6px 5px 675px;
  clear:both;
  }

#header .bannerBody .banner{
  padding-bottom:5px;
  }


#headerList{
  width:891px;
  height:250px;
  padding:0 0 0 5px;
  clear:both;
  }

#headerList li{
  float:left;
  width:215px;
  height:250px;
  padding-right:5px;
  list-style:none;
  }

#headerList dl{
  width:195px;
  height:210px;
  padding:0 5px 3px 15px;
  overflow:hidden;
  }

#headerList dt{
  width:195px;
  height:82px;
  text-indent:-1000000px;
  overflow:hidden;
  }

#headerList dd{
  color:#fff;
  font-size:11px;
  text-align:left;
  line-height:14px;
  padding:0 5px 10px 15px;
  background:url(http://hls-global.jp/en/imgs/header-point.jpg) no-repeat  0  2px;
  }

#headerList dd a{color:#fff;text-decoration:none;}
#headerList dd a:hover{text-decoration:underline;}

#headerList .more a{
  display:block;
  width:185px;
  height:35px;
  margin:0 15px;
  text-indent:-1000000px;
  overflow:hidden;
  }


/*** MainBody ***/

#container{
  width:888px;
  margin:0 auto;
  padding:0 5px 50px;
  clear:both;
  }


/** Main **/

#main{
  float:left;
  width:660px;
  overflow:hidden;
  }


#tipsBox{
  width:660px;
  background:url(http://hls-global.jp/en/imgs/box-back.jpg) repeat-y;
  }

#tipsBox h2{
  width:660px;
  height:42px;
  text-indent:-100000px;
  background:url(http://hls-global.jp/en/imgs/title-tips.jpg) no-repeat top;
  overflow:hidden;
  clear:both;
  }


#tipsBox li{
  list-style:none;
  width:634px;
  font-size:11px;
  text-align:left;
  line-height:14px;
  margin-bottom:12px;
  padding:0 2px 5px;
  border-bottom:1px dotted #CCC;
  clear:both;
  }

#tipsBox a:hover{
  color:#0D5D8C;text-decoration:underline;
  }

#tipsBox .days{
  float:left;
  width:100px;
  font-size:11px;
  line-height:14px;
  padding:0 0 10px 15px;
  background:url(http://hls-global.jp/en/imgs/point_main-list_img.jpg) no-repeat 0 1px;
  }

#tipsBox .category{
  float:left;
  width:115px;
  font-size:11px;
  line-height:14px;
  }

#tipsBox .title{
  float:left;
  width:400px;
  font-size:11px;
  line-height:14px;
  }


#tipsBox ul{
  width:636px;
  padding:15px 12px 0;
  }

#tipsBox .more{
  width:640px;
  text-align:right;
  padding:0 10px 15px;
  background:url(http://hls-global.jp/en/imgs/box-bottom.jpg) no-repeat bottom;
  clear:both;
  }

#tipsBox span{
  font-weight:bold;
  line-height:12px;
  padding:0 5px 0 15px;
  background:url(http://hls-global.jp/en/imgs/point_main-img.jpg) no-repeat 0 1px;
  }



/** Menu **/

#menu{
  float:right;
  width:215px;
  overflow:hidden;
  }

#menu .banner{
  text-align:center;
  padding-bottom:10px;
  clear:both;
  }

#infoBox{
  width:215px;
  background:url(http://hls-global.jp/en/imgs/box_s-back.jpg) repeat-y;
  }

#infoBox a:hover{
  color:#0D5D8C;text-decoration:underline;
  }

#infoBox h4{
  width:215px;
  height:42px;
  text-indent:-100000px;
  background:url(http://hls-global.jp/en/imgs/box_s-information.jpg) no-repeat top;
  overflow:hidden;
  clear:both;
  }

#infoBox dl{
  width:195px;
  padding:10px 10px 0;
  }

#infoBox dt{
  width:165px;
  text-align:left;
  line-height:14px;
  padding:0 5px 5px 15px;
  background:url(http://hls-global.jp/en/imgs/point_menu-img.jpg) no-repeat 0 2px;
  }

#infoBox dd{
  width:185px;
  text-align:left;
  line-height:14px;
  margin-bottom:10px;
  padding:0 5px 5px;
  border-bottom:1px dotted #CCC;
  clear:both;
  }

#infoBox .more{
  width:205px;
  text-align:right;
  padding:0 5px 15px;
  background:url(http://hls-global.jp/en/imgs/box_s-bottom.jpg) no-repeat bottom;
  clear:both;
  }

#infoBox span{
  font-weight:bold;
  line-height:12px;
  padding:0 5px 0 15px;
  background:url(http://hls-global.jp/en/imgs/point_menu-img.jpg) no-repeat 0 1px;
  }