/* mixin */
/* variable */
/* common */
body {
  padding: 0;
}

body > img {
  display: block;
  line-height: 0;
  vertical-align: bottom;
  height: 0;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-helper-hidden-accessible {
  position: absolute;
  top: 0;
}

#group_service {
  padding-bottom: 15px;
  border-bottom: 1px solid #E9F3F5;
  margin-bottom: 20px;
}
#group_service .cat-box {
  text-align: left;
  padding-left: 10px;
}

.ie6Area {
  margin: 10px 15px 10px 5px;
}
.ie6Area .ie6Box {
  display: block;
  padding: 0 35px 10px;
  background: #fd3;
  text-align: center;
  font-weight: bold;
}
.ie6Area .ie6Box .lead {
  font-size: 140%;
  display: block;
  padding-bottom: 10px;
}
.ie6Area .ie6Box .lnkBorder {
  text-decoration: underline;
}
.ie6Area a {
  text-decoration: none;
  color: #444;
}

.ui-datepicker td.sunday a, .ui-datepicker td.holiday a, #ui-datepicker-div.ui-datepicker td.sunday a:link, #ui-datepicker-div.ui-datepicker td.holiday a:link {
  color: #CC0000 !important;
  text-decoration: none !important;
}

.ui-datepicker td.saturday a, #ui-datepicker-div.ui-datepicker td.saturday a:link {
  color: #000099 !important;
  text-decoration: none !important;
}

.ui-datepicker td.weekday a, #ui-datepicker-div.ui-datepicker td.weekday a:link {
  color: #333333 !important;
  text-decoration: none !important;
}

.ui-datepicker td.sdate a, #ui-datepicker-div.ui-datepicker td.sdate a:link {
  background: none repeat scroll 0 0 #FFE45C;
  border: 1px solid #FED22F;
  color: #363636 !important;
  text-decoration: none !important;
}

/* header */
#header {
  border-top: #76c1e5 solid 3px;
  border-bottom: #d4d8d8 solid 1px;
  padding: 13px 0 0.3em 0;
}
#header .headerIn {
  width: 950px;
  margin: 0 auto;
  position: relative;
}
#header .headerIn:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#header .headerIn {
  zoom: 1;
}
#header .colLeft {
  float: left;
  width: 100px;
  position: relative;
}
#header .colLeft:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#header .colLeft {
  zoom: 1;
}
#header .colLeft .depArea {
  position: absolute;
  left: 110px;
  bottom: -15px;
  width:420px
}
#header .colLeft .depArea span {
  padding:0 3px 0 0;
  display:inline-block;
}
#header .colLeft .depArea span a{
}
#header .colLeft .depArea span{
  width:100px;
  height:30px;
  margin:0 0 10px 0;
  overflow:hidden;
}
#header .colLeft .depArea span a:hover,
#header .colLeft .depArea span.current{
  height:40px;
  margin:10px 0 0 0;
}
#header .colLeft .depArea span img{
  width:100px;
}
#header .colLeft .depArea span a:hover img,
#header .colLeft .depArea span.current img{
  margin:-30px 0 0;
}
.w720 #header .colLeft .depArea span{
  width:50px;
  height:40px;
  margin:0 0 10px 0;
  overflow:hidden;
}
.w720 #header .colLeft .depArea span a:hover,
.w720 #header .colLeft .depArea span.current{
  height:50px;
  margin:0;
}
.w720 #header .colLeft .depArea span img{
  width:50px;
}
.w720 #header .colLeft .depArea span a:hover img,
.w720 #header .colLeft .depArea span.current img{
  margin:-40px 0 0;
}

#header .colLeft .depArea span.tyo {
}

#header .colRight {
  float: right;
  text-align: right;
  font-size: 90%;
  color: #666;
  width: 400px;
  min-height:42px;
}
#header h1 {
  padding-bottom: 2.5em;
  font-size:100%;
  font-weight:normal;
  text-align:right;
  float:right;
}
#header .colRight a {
  color: #666;
}
#header .colRight ul {
  width:400px;
  line-height:1em;
  text-align: right;
}
#header .colRight ul li {
  display: inline;
  padding: 3px 4px 0;
  border-left: 1px solid #e6e6e6;
  line-height:1.5;
}
#header .colRight ul li a {
  display: inline-block;
}
#header .colRight ul li a img {
  vertical-align: bottom;
  padding-right: 5px;
}
#header .colRight ul:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#header .colRight ul {
  zoom: 1;
}

#str-header .header-logo #logo {
  position: absolute;
  top: -8px;
  left: -143px;
  background: url(//s.skygate.co.jp/pc/images/common/catch_logo_sprite.png) no-repeat;
  text-indent: -9999px;
  width: 122px;
  height: 87px;
}
@media screen and (max-width: 1180px) {
  #str-header .header-logo #logo {
    left: -128px;
}}
@media screen and (max-width: 1055px) {
  #str-header .header-logo #logo {
    top: auto;
    bottom: -54px;
    left: 0;
    width: 239px;
    height: 87px;
    background-size: 60% 60%;
    background-position: -79px 40px;
}}

/* footer */
#footer {
  background: #dae2e4;
  width: 100%;
  font-size: 90%;
  padding: 20px 0;
}
#footer dl {
  width: 950px;
  margin: 0 auto;
  text-align: left;
}
#footer dl dt {
  font-weight: bold;
  margin-bottom: 10px;
}
#footer dl dd {
  margin-bottom: 20px;
}
#footer dl dd:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footer dl dd {
  zoom: 1;
}
#footer dl dd li {
	 display:inline;
}
#footer dl dd li a{
	white-space:nowrap;
}
#footer .linkLst {
  width: 950px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #e9f3f5;
  border-bottom: 1px solid #e9f3f5;
  margin-bottom: 20px;
}
#footer .linkLst:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footer .linkLst {
  zoom: 1;
}
#footer .linkLst li {
  display: inline;
}
#footer .linkLst li a{
	white-space:nowrap;
}
#footer a {
  color: #333;
}
#footer #group_service {
  width: 950px;
}
#footer #group_service:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footer #group_service {
  zoom: 1;
}
#footer .copyright {
  width: 930px;
  margin: 0 auto;
  padding-bottom: 20px;
}
#footer .copyright:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footer .copyright {
  zoom: 1;
}

#iconTop {
  right: 0;
  bottom: 0;
}
#iconTop.bottomsmall {
  position: fixed;
}
#iconTop.bottomlage {
  position: absolute;
}

/* content */
.topbtn {
  z-index: 3;
}

#content {
  position: relative;
  background: #ecf0f1;
  border-top: 1px solid #e4e8e8;
}
#content .pictogram {
  vertical-align: bottom;
  padding-right: 5px;
}
#content .largePic {
  position: relative;
  height: 230px;
  width: 230px;
}
#content .largePic img {
  position: absolute;
  bottom: -10px;
}
#content .middlePic {
  position: relative;
  width: 230px;
  height: 100px;
}
#content .middlePic img {
  position: absolute;
  top: 0;
  left: -5px;
}
#content .mainArea {
  margin: 5px auto 0;
}
#content .infoBox {
  background: #FFF;
  margin: 9px 15px 5px 5px;
  padding: 10px;
  position: relative;
}
#content .infoBox:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#content .infoBox {
  zoom: 1;
}
#content .infoBox p {
  background: #FFDD33;
  display: block;
  position: absolute;
  top: 12px;
  left: 10px;
  text-align: center;
}
#content .infoBox p span {
  position: relative;
  display: block;
  width: 90px;
}
#content .infoBox p span .top {
  position: absolute;
  top: -2px;
  left: 0;
}
#content .infoBox p span .bottom {
  position: absolute;
  bottom: -2px;
  left: 0;
}
#content .infoBox ul {
  padding: 0 13px;
  float: left;
  margin-left: 100px;
}
#content .infoBox a {
  color: #444;
}

/* default */
.gridBox {
  line-height: 1.4;
}
.gridBox:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox {
  zoom: 1;
}
.gridBox a {
  color: #333;
}
.gridBox .col, .gridBox .navArea, .gridBox .searchArea, .gridBox .saleArea, .gridBox .recommendArea, .gridBox .borderCol, .gridBox .serviceCol, .gridBox .featureCol, .gridBox .blogCol, .gridBox .snsCol, .gridBox .infoCol, .gridBox .mailCol, .gridBox .inquiryCol, .gridBox .recruitCol {
  float: left;
  background: #FFF;
}
.gridBox .navArea {
  padding: 0 0 0 10px;
  border-top: 2px solid #76c1e5;
  height: 307px !important;
}
.gridBox .navArea ul li {
  line-height: 0;
  margin:0 0 7px;
  /margin:0;
  width:220px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.gridBox .navArea ul li a {
  display: block;
  line-height: 0;
  width:210px;
  height:50px;
}
.gridBox .navArea ul li:first-child {
  background: url("/images/top/grid/img_navi01.png") no-repeat 0 0;
  margin:0;
  background-size:210px 45px;
  width:220px;
  height:45px;
}
.gridBox .navArea ul li img {
  vertical-align: bottom;
}
.gridBox .navArea ul li.tyo a{
  background: url("/images/top/grid/img_navi02.png") no-repeat 0 0;
}
.gridBox .navArea ul li.tyo a:hover,
.gridBox .navArea ul li.osa a:hover,
.gridBox .navArea ul li.ngo a:hover,
.gridBox .navArea ul li.fuk a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.gridBox .navArea ul li.tyo.current{
  background: url("/images/top/grid/img_navi02_c.png") no-repeat 0 0;
  height:80px;
}
.gridBox .navArea ul li.osa a{
  background: url("/images/top/grid/img_navi03.png") no-repeat 0 0;
}
.gridBox .navArea ul li.osa.current{
  background: url("/images/top/grid/img_navi03_c.png") no-repeat 0 0;
  height:80px;
}
.gridBox .navArea ul li.ngo a{
  background: url("/images/top/grid/img_navi04.png") no-repeat 0 0;
}
.gridBox .navArea ul li.ngo.current{
  background: url("/images/top/grid/img_navi04_c.png") no-repeat 0 0;
  height:80px;
}
.gridBox .navArea ul li.fuk a{
  background: url("/images/top/grid/img_navi05.png") no-repeat 0 0;
}
.gridBox .navArea ul li.fuk.current{
  background: url("/images/top/grid/img_navi05_c.png") no-repeat 0 0;
  height:80px;
}

.gridBox .searchArea {
  background-color:transparent;
  /*reset*/
  /* search */
  width: 710px;
  z-index: 3;
  height: 309px !important;
}
.gridBox .searchArea #searchBlock div, .gridBox .searchArea #searchBlock ul, .gridBox .searchArea #searchBlock li, .gridBox .searchArea #searchBlock p, .gridBox .searchArea #searchBlock span, .gridBox .searchArea #searchBlock a, .gridBox .searchArea #searchBlock h2 {
  padding: 0;
  margin: 0;
  background: none;
  width: auto;
  height: auto;
  border: 0 none;
}
.gridBox .searchArea #searchBlock .inBox ul li.long span {
  margin: 0;
  width: auto;
  padding: 0;
}
.gridBox .searchArea #searchBlock #content_box_body {
  background: none;
  border: 0 none;
  padding: 0;
}
.gridBox .searchArea #searchBlock .inBoxr .roundBox, .gridBox .searchArea #searchBlock .inBox .inBoxIn {
  background: none;
}
.gridBox .searchArea #searchBlock .inBoxr .roundBox.over li.choiceBtn, .gridBox .searchArea #searchBlock h2 {
  width: auto;
  float: inherit;
  padding: 0;
  margin: 0;
}
.gridBox .searchArea #searchBlock .inBoxr .roundBox.over li.choiceBtn.selected {
  background: none;
}
.gridBox .searchArea #searchBlock {
  background: #76c1e5;
  padding: 10px;
  position: relative;
  z-index: 2;
}
.gridBox .searchArea #searchBlock .citySuggest {
  background-color: #FFFFFF;
  border: 1px solid #CCCCFF;
  overflow: hidden;
  position: absolute;
  width: 402px;
  z-index: 200;
}
.gridBox .searchArea #searchBlock .citySuggest div {
  display: block;
  overflow: visible;
  padding: 1px;
  white-space: nowrap;
  width: 400px;
  z-index: 200;
}
.gridBox .searchArea #searchBlock .citySuggest div.select {
  background-color: #3366FF;
  color: #FFFFFF;
  z-index: 200;
}
.gridBox .searchArea #searchBlock .citySuggest div.over {
  background-color: #99CCFF;
  z-index: 200;
}
.gridBox .searchArea #searchBlock .citySuggest strong {
  color: #FF0000;
  font-weight: bold;
}
.gridBox .searchArea #searchBlock .searchLead {
  color: #FFF;
  text-align: right;
  position: absolute;
  right: 8px;
  top: 5px;
  font-size: 90%;
}
.gridBox .searchArea #searchBlock a {
  color: #00C;
}
.gridBox .searchArea #searchBlock h2 {
  padding-bottom: 3px;
  float: none;
}
.gridBox .searchArea #searchBlock img.help {
  position: absolute;
  left: 190px;
  top: 8px;
}
.gridBox .searchArea #searchBlock #content_box_body {
  background: #E7F3F9;
  margin-top: 30px;
  position: relative;
  padding: 10px 20px;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty .selectList li {
  margin: 0 1px;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty .selectList li select {
  padding: 7px 0;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty .selectList li.selectArea {
  margin-bottom: 0;
}
.gridBox .searchArea #searchBlock #content_box_body select, .gridBox .searchArea #searchBlock #content_box_body input {
  width: 250px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 7px 0;
}
.gridBox .searchArea #searchBlock #content_box_body select {
  *font-size: 16px;
}
.gridBox .searchArea #searchBlock #content_box_body .hasDatepicker {
  width: 250px;
}
.gridBox .searchArea #searchBlock #content_box_body .roundBox li {
  background: #8FD2F2;
  position: absolute;
  top: -36px;
  left: 110px;
}
.gridBox .searchArea #searchBlock #content_box_body .roundBox li:first-child {
  left: -20px;
}
.gridBox .searchArea #searchBlock #content_box_body .roundBox li label {
  cursor: pointer;
}
.gridBox .searchArea #searchBlock #content_box_body .roundBox li label span.text {
  display: none;
  *display: block;
  display: block\9;
  padding: 6px 40px 4px 50px\9;
  *padding: 6px 40px 4px 50px;
  height: 16px;
}
.gridBox .searchArea #searchBlock #content_box_body .roundBox li label img {
  padding: 8px 40px 6px 50px;
  *padding: 0;
  *display: none;
  padding: 0\9;
  display: none\9;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .gridBox .searchArea #searchBlock #content_box_body .roundBox li label span.text {
    display: block;
    padding: 6px 40px 4px 50px;
  }
  *::-ms-backdrop, .gridBox .searchArea #searchBlock #content_box_body .roundBox li label img {
    padding: 0;
    display: none;
  }
}

.gridBox .searchArea #searchBlock #content_box_body .roundBox li input {
  position: absolute;
  top: 1px;
  height: 26px;
  left: 22px;
  width: auto;
  border: 0 none;
  padding: 0;
}
.gridBox .searchArea #searchBlock #content_box_body .roundBox li.selected, .gridBox .searchArea #searchBlock #content_box_body .roundBox li:hover {
  background: #e7f3f9 !important;
}
.gridBox .searchArea #searchBlock #content_box_body .depAreas:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .searchArea #searchBlock #content_box_body .depAreas {
  zoom: 1;
}
.gridBox .searchArea #searchBlock #content_box_body .depAreas > li {
  width: 320px;
  float: left;
}
.gridBox .searchArea #searchBlock #content_box_body .depAreas > li.dep_cty, .gridBox .searchArea #searchBlock #content_box_body .depAreas > li.dep_ctyg {
  margin-right: 20px;
  width: 310px;
  margin-bottom: 5px;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty {
  width: 310px;
  height: 120px;
  float: left;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty > span {
  float: left;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty > div {
  float: right;
  width: 250px;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty .ctyBox {
  position: relative;
  width: 250px;
  padding-bottom: 2em;
  padding-bottom: 3em\9;
  z-index: 2;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty .ctyBox .icon_del {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 100px\9;
  background: url(/images/top/grid/search/ico_search_01.gif) no-repeat 0 3px;
  padding-left: 13px;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty .icon_kaigai3 {
  background: url(/images/top/grid/search/ico_search_01.gif) no-repeat 0 3px;
  padding-left: 13px;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty div[name="sp_GoCityBoxBlock2"] .ctyBox {
  display: none;
}
.gridBox .searchArea #searchBlock #content_box_body .go_cty #sp_GoCitySuggest2 {
  background: #FFF;
}
.gridBox .searchArea #searchBlock #content_box_body div[name="ow_GoCityBoxBlock2"] p.ctyBox {
  display: none;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea {
  width: 320px;
  float: right;
}
* + html .gridBox .searchArea #searchBlock #content_box_body .peopleArea {
  margin-top: 0;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea select {
  width: 80px;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul {
  zoom: 1;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li {
  width: 150px;
  float: left;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li span img {
  padding-top: 4px;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li.adultBox {
  margin-right: 10px;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li.adultBox:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li.adultBox {
  zoom: 1;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li.adultBox select {
  margin-left: 15px;
  padding: 7px 0;
  float: right;
  float: none\9;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li.childBox {
  width: 160px;
  margin-bottom: 5px;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li.childBox:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li.childBox {
  zoom: 1;
}
.gridBox .searchArea #searchBlock #content_box_body .peopleArea > ul > li.childBox select {
  margin-left: 0;
  padding: 7px 0;
  float: right;
  float: none/9;
}
.gridBox .searchArea #searchBlock #content_box_body .inBox ul li p.linkBox {
  display: none;
}
.gridBox .searchArea #searchBlock #content_box_body .inBoxIn {
  line-height: 1.4;
}
.gridBox .searchArea #searchBlock #content_box_body .inBoxIn > ul > li {
  position: relative;
}
.gridBox .searchArea #searchBlock #content_box_body .inBoxIn > ul > li:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .searchArea #searchBlock #content_box_body .inBoxIn > ul > li {
  zoom: 1;
}
.gridBox .searchArea #searchBlock #content_box_body .inBoxIn > ul > li .left_mini_calendar {
  position: absolute;
  right: 8px;
  top: 8px;
}
.gridBox .searchArea #searchBlock #content_box_body .inBoxIn > ul > li span {
  float: left;
  padding-top: 9px;
}
.gridBox .searchArea #searchBlock #content_box_body .inBoxIn > ul > li > p {
  float: right;
}
.gridBox .searchArea #searchBlock #content_box_body .go_date, .gridBox .searchArea #searchBlock #content_box_body .go_date_off {
  width: 320px;
  margin-left: 20px;
  margin-bottom: 5px;
  float: left;
}
.gridBox .searchArea #searchBlock #content_box_body .go_date p.dateBox_off, .gridBox .searchArea #searchBlock #content_box_body .go_date_off p.dateBox_off {
  width: 248px;
  height: 1em;
  padding: 7px 0;
  background: #EEE;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.gridBox .searchArea #searchBlock #content_box_body .go_date_off {
  float: right !important;
  *margin-top: 5px !important;
}
.gridBox .searchArea #searchBlock #content_box_body .backArea, .gridBox .searchArea #searchBlock #content_box_body .backArea_off {
  margin-bottom: 4px;
  display: inline-block;
  padding-left: 20px;
  width: 320px;
}
.gridBox .searchArea #searchBlock #content_box_body .backArea select, .gridBox .searchArea #searchBlock #content_box_body .backArea_off select {
  width: 252px;
}
.gridBox .searchArea #searchBlock #content_box_body .backArea_off p {
  width: 248px;
  height: 1em;
  padding: 7px 0;
  background: #EEE;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.gridBox .searchArea #searchBlock #content_box_body .button {
  height: 40px;
  margin-top: -40px;
}
.gridBox .searchArea #searchBlock #content_box_body .button button {
  height: 41px;
  width: auto;
  padding: 0;
  margin: 0;
  background: none;
  cursor: pointer;
  line-height: 0;
  overflow: visible;
  border: 0 none;
  font-size: 0;
}
.gridBox .searchArea #searchBlock #content_box_body .button button:hover {
  background: url(/images/top/grid/search/btn_search_01_o.gif) no-repeat center bottom;
}
.gridBox .searchArea #searchBlock #content_box_body .button button:hover img {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
}
.gridBox .searchArea #searchBlock #content_box_body .targetArea, .gridBox .searchArea #searchBlock #content_box_body .targetArea_off {
  position: relative;
}
.gridBox .searchArea #searchBlock #content_box_body .targetArea .selectArea select, .gridBox .searchArea #searchBlock #content_box_body .targetArea .selectCountry select, .gridBox .searchArea #searchBlock #content_box_body .targetArea_off .selectArea select, .gridBox .searchArea #searchBlock #content_box_body .targetArea_off .selectCountry select {
  max-width: 250px;
  margin-bottom: 0;
}
.gridBox .searchArea #searchBlock .selectCountry{
	padding:3px 0!important;
}
.gridBox .searchArea #searchBlock .selectWin {
  width: 336px;
  position: static;
}
.gridBox .searchArea #searchBlock .selectWin li {
  width: auto;
  position: absolute;
  top: -38px;
  left: 545px;
}
.gridBox .searchArea #searchBlock .selectWin li:first-child {
  left: 335px;
}
.gridBox .searchArea #searchBlock .added_search_condition {
  margin-left: -20px;
  width: 670px;
  background: #e7f3f9 !important;
  float: none;
  padding-bottom: 15px !important;
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 70px;
}
.gridBox .searchArea #searchBlock .added_search_condition:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .searchArea #searchBlock .added_search_condition {
  zoom: 1;
}
.gridBox .searchArea #searchBlock .added_search_condition input {
  width: auto !important;
  border: 0 none !important;
}
.gridBox .searchArea #searchBlock .added_search_condition .seat,
.gridBox .searchArea #searchBlock .added_search_condition .start_time_zone02,
.gridBox .searchArea #searchBlock .added_search_condition .only_direct {
  width: 150px;
  float: left;
  margin-right: 20px;
}
.gridBox .searchArea #searchBlock .added_search_condition .seat table,
.gridBox .searchArea #searchBlock .added_search_condition .start_time_zone02 table,
.gridBox .searchArea #searchBlock .added_search_condition .only_direct table {
  width: 150px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #FFF;
  position: relative;
  margin-top: 2em;
  border-collapse: collapse;
}
.gridBox .searchArea #searchBlock .added_search_condition .seat table td,
.gridBox .searchArea #searchBlock .added_search_condition .start_time_zone02 table td,
.gridBox .searchArea #searchBlock .added_search_condition .only_direct table td {
  border-bottom: 1px solid #ddd;
  padding: 5px !important;
}
.gridBox .searchArea #searchBlock .added_search_condition .seat table tr.last td,
.gridBox .searchArea #searchBlock .added_search_condition .start_time_zone02 table tr.last td,
.gridBox .searchArea #searchBlock .added_search_condition .only_direct table tr.last td {
  border-bottom: 0 none;
}
.gridBox .searchArea #searchBlock .added_search_condition .seat table th,
.gridBox .searchArea #searchBlock .added_search_condition .start_time_zone02 table th,
.gridBox .searchArea #searchBlock .added_search_condition .only_direct table th {
  padding: 5px 10px;
  position: absolute;
  top: -2em;
}
.gridBox .searchArea #searchBlock .added_search_condition .only_direct {
  width: 150px;
  position: absolute;
  bottom: 15px;
  left: 10px;
}
.gridBox .searchArea #searchBlock .added_search_condition .used_air_company {
  width: 310px;
  position: absolute;
  top: 5px;
  left: 350px;
}
.gridBox .searchArea #searchBlock .added_search_condition .used_air_company select {
  width: 120px !important;
  padding: 2px !important;
  margin-bottom: 5px;
}
.gridBox .searchArea #searchBlock .added_search_condition .used_air_company table {
  width: 320px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #FFF;
  margin-top: 2em;
  position: relative;
  border-collapse: collapse;
}
.gridBox .searchArea #searchBlock .added_search_condition .used_air_company table td {
  border-bottom: 1px solid #ddd;
  padding: 5px !important;
  vertical-align: top;
}
.gridBox .searchArea #searchBlock .added_search_condition .used_air_company table tr.last td {
  border-bottom: 0 none;
}
.gridBox .searchArea #searchBlock .added_search_condition .used_air_company table th {
  padding: 5px 10px !important;
  position: absolute;
  top: -2em;
}
.gridBox .searchArea #searchBlock .added_search_condition .used_air_company table td + .input_width {
  border-left: 1px solid #ddd;
}
.gridBox .searchArea #searchBlock #add_img {
  float: none;
	display:inline-block;
  *display: block;
	*width:100%;
  margin-top: 27px;
  font-size: 90%;
	*padding-top:27px;
  *margin-top: 7px;
}
.gridBox .searchArea #searchBlock #add_img img {
  vertical-align: top;
  padding-right: 3px;
  padding-top: 3px;
}
.gridBox .searchArea #searchBlock .icoM {
  position: absolute;
  top: -12px;
  left: 20px;
}
.gridBox .searchArea #searchBlock li.re_search_cld_num {
  width: 250px !important;
  padding-top: 10px;
  margin-left: 70px;
  margin-bottom: 5px;
  background: url(/images/top/grid/search/bg_arrow_ie.gif) 0 0;
}
.gridBox .searchArea #searchBlock li.re_search_cld_num div.re_search_cld_num {
  background: #BFE2F3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
}
.gridBox .searchArea #searchBlock li.re_search_cld_num div.re_search_cld_num .child_notice {
  text-align: right;
}
.gridBox .searchArea #searchBlock li.re_search_cld_num div.re_search_cld_num .childArea li {
  margin-bottom: 2px;
}
.gridBox .searchArea #searchBlock li.re_search_cld_num div.re_search_cld_num .childArea li img {
  padding-right: 10px;
  vertical-align: middle !important;
}
.gridBox .searchArea #searchBlock li.re_search_cld_num div.re_search_cld_num .childArea li select {
  width: 120px !important;
  margin-right: 0;
}
.gridBox .saleArea {
  width: 470px;
  background: #FFF;
  height: 470px !important;
}
.gridBox .saleArea h2 {
  font-weight: bold;
  position: relative;
}
.gridBox .saleArea h2 .subText {
  position: absolute;
  top: 8px;
  left: 100px;
  width: 470px;
  /*text-align: center;*/
  display: block;
}
.gridBox .saleArea .category {
  background: #ff3300;
  font-weight: normal;
  color: #FFF;
  font-size: 90%;
  padding: 3px 5px 2px;
  display: inline-block;
  margin-right: 5px;
}
.gridBox .saleArea .ttl_ump, .gridBox .saleArea .ttl_air {
  text-align: center;
  font-weight: bold;
  padding: 5px;
}
.gridBox .saleArea .ttl_ump {
  background: #FFDBDB;
}
.gridBox .saleArea .ttl_air {
  background: #FFFA7A;
}
.gridBox .saleArea .colIn .column {
  width: 235px;
  margin: 0;
}
.gridBox .saleArea .colIn .column .priceTblWrap {
  padding: 0 10px;
}
.gridBox .saleArea .colIn .column .txtright {
  padding: 0 10px;
}
.gridBox .recommendArea {
  width: 710px;
  background: #FFF;
}
.gridBox .recommendArea .colIn {
  padding: 9px 10px;
  border-top: #ff3300 solid 2px;
}
.gridBox .recommendArea .category {
  background: #ff3300;
  font-weight: normal;
  color: #FFF;
  font-size: 90%;
  padding: 3px 5px 2px;
  display: inline-block;
  margin-right: 5px;
}
.gridBox .recommendArea .priceLst {
  margin-bottom: 10px;
}
.gridBox .recommendArea .priceLst li {
  border-bottom: 1px dotted #e6e6e6;
  padding: 5px 0 3px;
}
.gridBox .recommendArea .priceLst li:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .recommendArea .priceLst li {
  zoom: 1;
}
.gridBox .recommendArea .priceLst li .flight {
  padding-left: 73px;
  position: relative;
}
.gridBox .recommendArea .priceLst li .flight span {
  display: block;
  width: 62px;
  border: 1px solid #e6e6e6;
  position: absolute;
  left: 0;
  top: 0;
}
.gridBox .recommendArea .priceLst li .price {
  text-align: right;
}
.gridBox .recommendArea .priceLst li .img {
  width: 50px;
  float: left;
}
.gridBox .col {
  background: #FFF;
}
.gridBox .col .adlantiss_frame iframe {
  display: none;
}
.gridBox .col #bnrArea01 {
  padding: 10px;
  width: 210px;
  height: 210px;
}
.gridBox .col #bnrArea01:hover img ,
.gridBox .largeCol a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.gridBox .col #bnrArea01 img {
  width: 210px!important;
  height: 210px!important;
}
.gridBox .largeCol {
  float: left;
	width:470px;
	height:470px!important;
}
.gridBox .largeCol p {
  padding: 10px!important;
  background: #FFF;
  width: 450px;
}
.gridBox .largeCol > p > a {
  height: 450px !important;
  padding: 0 !important;
  width: 450px !important;
}

/* half col */
.gridBox .halfCol {
  float: left;
  width:470px;
  height:230px!important;
  background: url("/images/top/grid/service/img_service01.png") no-repeat right bottom white;
}
.gridBox .halfCol a,
.gridBox .serviceCol.half a {
  display:block;
  text-decoration:none;
  overflow:hidden;
}
.gridBox .halfCol a .halfBox,
.gridBox .serviceCol.half a .halfBox {
  padding: 10px;
  height:210px!important;
  position:relative;
}
.gridBox .halfCol .inner,
.gridBox .serviceCol.half .inner {
  width: 450px;
  position:absolute;
  top:10px;
  left:10px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAA1DF3E,endColorstr=#AAA1DF3E); 
   background: rgba(161, 223, 62, 0.8);
}
.gridBox .halfCol .inner:not(:target),
.gridBox .serviceCol.half .inner:not(:target){
    filter: none;
}
.gridBox .covered {
	position: relative;
}
.gridBox .rbn {
	position: absolute;
	display: inline-block;
	top: 7px;
	left: 17px;
	z-index: 2;
}
.gridBox .serviceCol.half .inner {
  width: 210px;
}
.gridBox .halfCol .inner h2,
.gridBox .serviceCol.half .inner h2{
	padding:10px;
	text-align:center;
	color:#fff;
	font-size:230%;
}
.gridBox .halfCol .inner h2 span,
.gridBox .serviceCol.half .inner h2 span{
	display:block;
	color:#fff719;
	font-size:43%;
}
.gridBox .serviceCol.half .inner h2 span strong {
	display:inline;
	color:#f65486;
}
.gridBox .halfCol .txt,
.gridBox .serviceCol.half .txt{
	margin-top:8px;
	height:2.8em;
	overflow:hidden;
}
.gridBox .halfCol:hover {
  *border: 5px solid #A1DF3E;
  *margin: 0;
  border: 5px solid #A1DF3E \9;
  margin: 0 \9;
  -webkit-box-shadow: 0 0 0 5px #A1DF3E;
  box-shadow: 0 0 0 5px #A1DF3E;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
:root * > .gridBox .halfCol:hover {
  border: 0 none;
  margin: 5px;
}

.gridBox .serviceCol.half{
  width:230px;
  height:230px!important;
  overflow:hidden;
  background: url("/images/top/grid/service/img_service01.png") no-repeat right bottom white;
}

.gridBox .serviceCol.half:hover {
  *border: 5px solid #A1DF3E;
  *margin: 0;
  border: 5px solid #A1DF3E \9;
  margin: 0 \9;
  -webkit-box-shadow: 0 0 0 5px #A1DF3E;
  box-shadow: 0 0 0 5px #A1DF3E;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.gridBox .keyCol {
  background: #FFF;
  width: 230px;
}
.gridBox .keyCol h3 {
  margin-bottom: 5px;
}
.gridBox .keyCol .colIn {
  border-top: 2px solid #b4b4b4;
  padding: 9px 10px;
}
.gridBox .keyLst {
  list-style-type: none;
}
.gridBox .keyLst li {
  display: inline;
  padding-right: 5px;
}
.gridBox .shortCol {
  padding: 9px 10px;
  width: 210px;
  background: #FFF;
  border-top: 2px solid #b4b4b4;
  line-height: 1.6;
  float: left;
}
.gridBox .shortCol h3 {
  margin-bottom: 5px;
}
.gridBox .borderCol, .gridBox .serviceCol, .gridBox .recommendCol, .gridBox .recommendHtlCol, .gridBox .recommendShortCol, .gridBox .featureCol, .gridBox .blogCol, .gridBox .mailCol, .gridBox .inquiryCol, .gridBox .recruitCol{
  width: 230px;
  background: #FFF;
  padding: 0;
  position: relative;
}
.gridBox .borderCol > p, .gridBox .serviceCol > p, .gridBox .recommendCol > p, .gridBox .recommendHtlCol > p, .gridBox .recommendShortCol > p, .gridBox .featureCol > p, .gridBox .blogCol > p, .gridBox .mailCol > p, .gridBox .inquiryCol > p , .gridBox .recruitCol > p{
  padding: 10px;
}
.gridBox .borderCol.noHeight {
  background: none;
}
.gridBox .borderCol.noHeight .colIn {
  background: #FFF;
}
.gridBox .borderCol .colIn {
  border-top: #76c1e5 solid 2px;
  padding: 9px 10px;
}
.gridBox .borderCol .colIn .borderBtm {
  border-bottom: 1px dotted #e6e6e6;
}
.gridBox .borderCol .colIn ul li {
  padding-left: 15px;
  position: relative;
}
.gridBox .borderCol .colIn ul li img {
  position: absolute;
  top: 3px;
  left: 0;
}
.gridBox .serviceCol, .gridBox .recommendCol, .gridBox .recommendHtlCol, .gridBox .recommendShortCol, .gridBox .featureCol, .gridBox .blogCol, .gridBox .mailCol, .gridBox .inquiryCol, .gridBox .recruitCol {
  cursor: pointer;
}
.gridBox .serviceCol a, .gridBox .recommendCol a, .gridBox .recommendHtlCol a, .gridBox .recommendShortCol a, .gridBox .featureCol a, .gridBox .blogCol a, .gridBox .mailCol a, .gridBox .inquiryCol a, .gridBox .recruitCol a {
  text-decoration: none;
}
.gridBox .serviceCol .category, .gridBox .recommendCol .category, .gridBox .recommendHtlCol .category, .gridBox .recommendShortCol .category, .gridBox .featureCol .category, .gridBox .blogCol .category, .gridBox .mailCol .category, .gridBox .inquiryCol .category, .gridBox .recruitCol .category, .gridBox .halfCol .category {
  position: absolute;
  top: 0;
  left: 0;
  color: #FFF;
  padding: 3px 5px 2px;
  font-size: 90%;
}
.gridBox .serviceCol .img, .gridBox .recommendCol img, .gridBox .recommendHtlCol img, .gridBox .recommendShortCol img, .gridBox .featureCol .img, .gridBox .blogCol .img, .gridBox .mailCol .img, .gridBox .inquiryCol .img, .gridBox .recruitCol .img {
  display: block;
}
.gridBox .serviceCol .text, .gridBox .recommendCol .text, .gridBox .recommendHtlCol .text, .gridBox .recommendShortCol .text, .gridBox .featureCol .text, .gridBox .blogCol .text, .gridBox .mailCol .text, .gridBox .inquiryCol .text, .gridBox .recruitCol .text {
  color: #333;
  display: block;
  margin-top: 5px;
}
.gridBox .serviceCol .text .ttl, .gridBox .recommendCol .text .ttl, .gridBox .recommendHtlCol .text .ttl, .gridBox .recommendShortCol .text .ttl, .gridBox .featureCol .text .ttl, .gridBox .blogCol .text .ttl, .gridBox .mailCol .text .ttl, .gridBox .inquiryCol .text .ttl, .gridBox .recruitCol .text .ttl {
  display: block;
  font-weight: bold;
}
.gridBox .recommendCol .text .price, .gridBox .recommendShortCol .text .price {
  color: #f30;
  display: block;
  font-size:16px;
  font-weight: bold;
}
.gridBox .recommendCol .text .detail, .gridBox .recommendHtlCol .text .detail, .gridBox .recommendShortCol .text .detail {
  font-size:10px;
}

.gridBox .serviceCol {
  background: url("/images/top/grid/img_service01.png") no-repeat right bottom white;
  transition-property: all;
  transition-duration: 0s;
  transition-timing-function: ease-in;
}
.gridBox .serviceCol:hover {
  *border: 5px solid #64bb24;
  *margin: 0;
  border: 5px solid #64bb24 \9;
  margin: 0 \9;
  -webkit-box-shadow: 0 0 0 5px #64bb24;
  box-shadow: 0 0 0 5px #64bb24;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
:root * > .gridBox .serviceCol:hover {
  border: 0 none;
  margin: 5px;
}
.gridBox .serviceCol .category,
.gridBox .halfCol .category {
  background: #64bb24;
}
.gridBox .recommendCol,
.gridBox .recommendShortCol {
  background: url("/images/top/grid/img_recommend01.png") no-repeat right bottom white;
  transition-property: all;
  transition-duration: 0s;
  transition-timing-function: ease-in;
}
.gridBox .recommendCol:hover,
.gridBox .recommendHtlCol:hover{
  *border: 5px solid #f30;
  *margin: 0;
  border: 5px solid #f30 \9;
  margin: 0 \9;
  -webkit-box-shadow: 0 0 0 5px #f30;
  box-shadow: 0 0 0 5px #f30;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
:root * > .gridBox .recommendCol:hover,
:root * > .gridBox .recommendHtlCol:hover{
  border: 0 none;
  margin: 5px;
}

.gridBox .recommendShortCol:hover {
  *border: 5px solid #f30;
  border: 5px solid #f30 \9;
  z-index: 2;
  *margin: -5px -5px 0;
  margin: -5px -5px 0 \9;
  -webkit-box-shadow: 0 0 0 5px #f30;
  box-shadow: 0 0 0 5px #f30;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
:root * > .gridBox .recommendShortCol:hover {
  border: 0 none;
  margin: 0 0 10px;
}

.gridBox .recommendCol .category,
.gridBox .recommendShortCol .category {
  background: #f30;
}
.gridBox .recommendCol .floatCol .img,
.gridBox .recommendShortCol .floatCol .img {
    display: block;
    float: left;
    width: 120px;
}
.gridBox .recommendHtlCol .img{
    display: block;
    float: right;
    width: 120px;
    height: 90px;
    background-color: #CCC;
}

.gridBox .recommendHtlCol .img img {
	vertical-align: bottom;
}

.gridBox .recommendHtlCol .defBnr,
.gridBox .recommendCol .defBnr {
	background: url("/images/top/grid/img_recommend01.png") no-repeat right bottom white;
}

.gridBox .recommendHtlCol .defBnr a .img {
	float: none;
  background-color: #FFF;
  display: block;
  width: auto;
  height: auto;
}

.gridBox .recommendHtlCol .defBnr a .text {
	font-size: 12px;
}

.gridBox .recommendHtlCol .defBnr a .text .ttl{
	text-decoration: none;
	color: #333;
}

.gridBox .recommendCol .floatCol .info{
    display: block;
    float: right;
    width: 89px;
	border-left:1px solid #fff;
	background:#fbe298;
	font-size:10px;
	text-align:center;
	font-weight:bold;
}
.gridBox .recommendCol .floatCol .info .airport,
.gridBox .recommendCol .floatCol .info .day,
.gridBox .recommendCol .floatCol .info .ex{
	display:block;
	border-bottom:1px solid #fff;
	min-height:24px;
	line-height:24px;
}
.gridBox .recommendCol .floatCol .info .scg{
	display:block;
	min-height:25px;
	line-height:25px;
}
.gridBox .recommendCol .floatCol .text{
    display: block;
}
.gridBox .recommendShortCol .floatCol .text {
    display: block;
    float: right;
    width: 90px;
}
.gridBox .recommendShortCol .floatCol:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .recommendShortCol a {
  width:210px;
  height:90px;
  display:block;
}

/* 2014add */
.gridBox .recommendCol .floatCol .info02{
    display: block;
    float: right;
    width: 89px;
	border-left:1px solid #fff;
	background:#fbe298;
	font-size:10px;
	text-align:center;
	font-weight:bold;
}
.gridBox .recommendCol .floatCol .info02 .airport,
.gridBox .recommendCol .floatCol .info02 .day,
.gridBox .recommendCol .floatCol .info02 .ex{
	display:block;
	border-bottom:1px solid #fff;
	min-height:29px;
	line-height:29px;
}
.gridBox .recommendCol .floatCol .info02 .ex{
	white-space: nowrap;
}
.gridBox .recommendCol .text02{
    display: block;
	font-size:10px;
	margin-top:10px;
}
.gridBox .recommendCol .text02 .ttl{
	font-size:12px;
	text-decoration:underline;
    display: block;
	color:#0000cc;
	font-weight:bold;
	margin-bottom:5px;
	width:200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.gridBox .recommendCol .text02 .price{
    color: #FF3300;
    display: block;
    font-size: 12px;
    font-weight: bold;
	margin-top:3px;
}
.gridBox .recommendCol .text02 .price .surcharge{
	display:inline;
	vertical-align:-3px;
	margin-left:3px;
}
.gridBox .recommendCol .text02 .detail{
	display:block;
	width: 195px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	font-size:10px;
}
/* 201405add */
.gridBox .recommendCol .floatCol .info02 .txtimg{
	width:89px;
	text-align:center;
}

.gridBox .recommend_bgnone img{
	display:inline!important;
}
.gridBox .recommendCol .floatCol .info02 .txtimg img{
	margin-top:8px;
	margin-bottom:8px;
}
.gridBox .recommendCol .text02 .sbtn{
	background:#ff3300;
	color:#FFF;
	font-weight:bold;
	width:210px;
	padding:2px 0;
	font-size:12px;
	display:block;
	text-align:center;
	position: absolute;
	bottom:5px;
}

.recommend_bgnone{
	background:#FFF none!important;
}

/* 201405add END*/


/* 201408 Add */
.gridBox .recommendHtlCol .text .price{
  display: block;
  font-size:12px;
  font-weight: bold;
}

.gridBox .recommendHtlCol .category{
  padding:0;
}

.gridBox .recommendHtlCol .category > span {
  padding:3px 5px 2px;
  background:#ffd6cc;
  color:#ff3300;
}
.gridBox .recommendHtlCol .category > span:first-child {
  padding:3px 5px 2px;
  background: #ff3300;
  color:#fff;
}

.gridBox .recommendHtlCol .floatCol .info{
    display: block;
    float: left;
    padding-top:14px;
    width: 89px;
	border-right:1px solid #fff;
	background:#fbe298;
	font-size:10px;
	text-align:center;
	font-weight:bold;
}

.gridBox .recommendHtlCol .text{
    display: block;
	font-size:10px;
}
.gridBox .recommendHtlCol .text .ttl{
	font-size:12px;
	text-decoration:underline;
    display: block;
	color:#0000cc;
	font-weight:bold;
	width:200px;
	overflow: hidden;
	max-height:2.7em;
}

.gridBox .recommendHtlCol .text .price{
    display: block;
    font-size: 12px;
    font-weight: bold;
	margin-top:3px;
}
.gridBox .recommendHtlCol .text .price .surcharge{
	display:inline;
	vertical-align:-3px;
	margin-left:3px;
}
.gridBox .recommendHtlCol .text .detail{
	display:block;
	width: 195px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	font-size:10px;
}

.gridBox .recommendHtlCol .floatCol{
	display:block;
}

.gridBox .recommendHtlCol .floatCol .info .txtimg{
	width:89px;
	text-align:center;
}

.gridBox .recommendHtlCol .floatCol .info .txtimg img{
	margin-top:6px;
	margin-bottom:5px;
}
.gridBox .recommendHtlCol .text .sbtn{
	background:#ff3300;
	color:#FFF;
	font-weight:bold;
	width:210px;
	padding:2px 0;
	font-size:12px;
	display:block;
	text-align:center;
	position: absolute;
	bottom:5px;
}


.gridBox .featureCol {
  background: url("/images/top/grid/img_feature01.png") no-repeat right bottom white;
  transition-property: all;
  transition-duration: 0s;
  transition-timing-function: ease-in;
}
.gridBox .featureCol:hover {
  *border: 5px solid #f78d1b;
  *margin: 0;
  border: 5px solid #f78d1b \9;
  margin: 0 \9;
  -webkit-box-shadow: 0 0 0 5px #f78d1b;
  box-shadow: 0 0 0 5px #f78d1b;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
:root * > .gridBox .featureCol:hover {
  border: 0 none;
  margin: 5px;
}
.gridBox .featureCol .category {
  background: #f78d1b;
}
.gridBox .blogCol {
  background: url("/images/top/grid/img_blog01.png") no-repeat right bottom white;
  transition-property: all;
  transition-duration: 0s;
  transition-timing-function: ease-in;
}
.gridBox .blogCol:hover {
  *border: 5px solid #875927;
  *margin: 0;
  border: 5px solid #875927 \9;
  margin: 0 \9;
  -webkit-box-shadow: 0 0 0 5px #875927;
  box-shadow: 0 0 0 5px #875927;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
:root * > .gridBox .blogCol:hover {
  border: 0 none;
  margin: 5px;
}
.gridBox .blogCol .category {
  padding: 0;
  top: 1px;
}
.gridBox .blogCol .category .ttl {
  background: #875927;
  padding: 3px 5px 2px;
}
.gridBox .blogCol .category .sub {
  background: #eee2ca;
  color: #875927;
  padding: 3px 5px 2px;
}

.gridBox .recruitCol {
  background: url("/images/top/grid/img_recruit01.png") no-repeat right bottom white;
  transition-property: all;
  transition-duration: 0s;
  transition-timing-function: ease-in;
}
.gridBox .recruitCol:hover {
  *border: 5px solid #3177ce;
  *margin: 0;
  border: 5px solid #3177ce \9;
  margin: 0 \9;
  -webkit-box-shadow: 0 0 0 5px #3177ce;
  box-shadow: 0 0 0 5px #3177ce;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
:root * > .gridBox .recruitCol:hover {
  border: 0 none;
  margin: 5px;
}
.gridBox .recruitCol .category {
  background: #3177ce;
}

.gridBox .mailCol {
  background: url("/images/top/grid/img_mail01.png") no-repeat right bottom white;
  transition-property: all;
  transition-duration: 0s;
  transition-timing-function: ease-in;
}
.gridBox .mailCol:hover {
  *border: 5px solid #ed96bb;
  *margin: 0;
  border: 5px solid #ed96bb \9;
  margin: 0 \9;
  -webkit-box-shadow: 0 0 0 5px #ed96bb;
  box-shadow: 0 0 0 5px #ed96bb;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
:root * > .gridBox .mailCol:hover {
  border: 0 none;
  margin: 5px;
}
.gridBox .mailCol .category {
  background: #ed96bb;
}
.gridBox .inquiryCol {
  background: url("/images/top/grid/img_inquiry01.png") no-repeat right bottom white;
  float: none;
  transition-property: all;
  transition-duration: 0s;
  transition-timing-function: ease-in;
}
.gridBox .inquiryCol + .middlePic {
  position: absolute !important;
  top: 110px !important;
  left: 0;
}
.gridBox .inquiryCol:hover {
  *border: 5px solid #a57bc8;
  border: 5px solid #a57bc8 \9;
  z-index: 2;
  *margin: -5px -5px 0;
  margin: -5px -5px 0 \9;
  -webkit-box-shadow: 0 0 0 5px #a57bc8;
  box-shadow: 0 0 0 5px #a57bc8;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}
:root * > .gridBox .inquiryCol:hover {
  border: 0 none;
  margin: 0;
}
.gridBox .inquiryCol .category {
  background: #a57bc8;
}
.gridBox .inquiryCol p .floatCol:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .inquiryCol p .floatCol {
  zoom: 1;
}
.gridBox .inquiryCol p .img {
  display: block;
  float: left;
  width: 70px;
}
.gridBox .inquiryCol p .text {
  display: block;
  float: right;
  width: 140px;
}
.gridBox .item {
  float: left;
  margin: 5px;
  position: relative;
  height: 230px;
}
.gridBox .item > p {
  padding: 0;
}
.gridBox .item > p > a {
  display: block;
  padding: 10px;
  height: 210px;
  width: 210px;
}
.gridBox .shortbnrCol:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .shortbnrCol {
  zoom: 1;
}
.gridBox .shortbnrCol p {
  background: #FFF;
  padding: 10px;
  display: block;
  float: left;
  width: 90px;
}
.gridBox .shortbnrCol p:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.gridBox .shortbnrCol .shortPic {
  background: none;
  position: relative;
  height: 90px;
}
.gridBox .shortbnrCol .shortPic img {
  position: absolute;
  top: -5px;
  left: -5px;
}
.gridBox .middlebnrCol p, .gridBox .middlebnrCol .middleBnr {
  padding: 10px;
  background: #FFF;
  width: 210px;
}
.gridBox .middlebnrCol p:hover img, .gridBox .middlebnrCol .middleBnr:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/* 
.gridBox .floatCol {
  margin-right: -10px;
}

*/
.gridBox .floatCol:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .floatCol {
  zoom: 1;
}
.gridBox .floatCol .column {
  margin-right: 10px;
  width: 220px;
  float: left;
}
.gridBox .floatCol .column .ttl {
  background: #ffccbf;
  text-align: center;
  font-weight: bold;
  padding: 4px 5px;
}
.gridBox .floatCol .imgCol {
  width: 230px;
  float: left;
  margin-right: 10px;
}
.gridBox .floatCol .priceTblWrap {
  margin-bottom: 8px;
}
.gridBox .floatCol .priceTbl {
  width: 100%;
  margin-bottom: 13px;
}
.gridBox .floatCol .priceTbl li {
  display: block;
  border-bottom: 1px dotted #e6e6e6;
  padding: 6px 0;
}
.gridBox .floatCol .priceTbl li:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox .floatCol .priceTbl li {
  zoom: 1;
}
.gridBox .floatCol .priceTbl li .price {
  float: right;
}
.gridBox .floatCol .priceTbl th, .gridBox .floatCol .priceTbl td {
  border-bottom: 1px dotted #e6e6e6;
  padding: 5px 0;
}
.gridBox .floatCol .priceTbl th {
  text-align: left;
  font-weight: normal;
}
.gridBox .floatCol .priceTbl td {
  text-align: right;
}
.gridBox .floatCol .priceTbl .price {
  font-weight: bold;
  color: #ff3300;
}
.gridBox .infoCol {
  width: 470px;
  margin: 5px;
  background: #FFF;
}
.gridBox .infoCol .colIn {
  border-top: 2px solid #7edfe8;
  padding: 9px 10px;
}
.gridBox .infoCol h2 {
  font-size: 110%;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.gridBox .infoCol h2 .link {
  position: absolute;
  top: 3px;
  right: 0;
  border-left: 1px solid #e6e6e6;
  padding-left: 11px;
  font-weight: normal;
  font-size: 80%;
}
.gridBox .infoCol h2 .link a {
  background: url(/images/top/grid/img_arrow01.gif) no-repeat 0 center;
  padding: 2px 0 2px 10px;
}
.gridBox .infoCol ul li {
  border-bottom: 1px dotted #e6e6e6;
  padding: 7px 0 0;
}
.gridBox .infoCol ul li .important {
  background: #F00;
  color: #FF0;
  font-size: 90%;
  padding: 1px 3px;
  line-height: 1;
}
.gridBox .infoCol ul li .day {
  padding-right: 3px;
}
.gridBox .infoCol ul .last {
  border-bottom: 0 none;
}
.gridBox .infoCol .infoLst {
  height: 150px;
}
.gridBox .infoCol .infoLst li {
  padding: 8px 0;
}
.gridBox .infoCol .infoLst dl dt {
  float: left;
  padding: 8px 0;
  width: 83px;
}
.gridBox .infoCol .infoLst dl dt .day {
  padding-right: 0;
}
.gridBox .infoCol .infoLst dl dd {
  border-bottom: 1px dotted #e6e6e6;
  padding: 8px 0;
}
.gridBox .infoCol .infoLst dl dd span {
  display: inline-block;
  width: 366px;
}
.gridBox .snsCol {
  width: 470px;
  position: static;
  display: block;
}
.gridBox .snsCol .colIn {
  padding: 10px;
}
.gridBox .snsCol .fb_iframe_widget {
  width: auto;
}
.gridBox .priceCol.table02 table {
  width: 50%;
  float: left;
}
.gridBox .priceCol.table02 .tblRight {
  margin-left: -1px;
}
.gridBox .priceCol.table02 th {
  padding-left: 10px;
}
.gridBox .priceCol.table02 th a {
  color: #444;
}
.gridBox .priceCol {
  width: 930px;
  background: #FFF;
  margin: 5px;
  height: auto !important;
  float: left;
  border-top: 2px solid #4879c2;
  padding: 10px;
}
.gridBox .priceCol a img {
  vertical-align: bottom;
}
.gridBox .priceCol h2 {
  margin-bottom: 10px;
}
.gridBox .priceCol .pickupTbl {
  border: 0 none !important;
  margin-top: -20px;
}
.gridBox .priceCol .pickupTbl tbody th {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.gridBox .priceCol .pickupTbl tbody td {
  border-left: 0 none;
  border-right: 1px solid #e6e6e6;
}
.gridBox .priceCol .pickupTbl .colOrange {
  background: #F80;
  text-align: center;
}
.gridBox .priceCol .pickupTbl .colOrange a {
  display: block;
  width: 100%;
}
.gridBox .priceCol table {
  border: 1px solid #e6e6e6;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-collapse: collapse;
}
.gridBox .priceCol table thead {
  font-size: 80%;
}
.gridBox .priceCol table thead th {
  padding: 5px;
  font-weight: normal;
  text-align: center;
  background: #D8E4F6;
}
.gridBox .priceCol table tbody .odd {
  background: #fafafa;
}
.gridBox .priceCol table tbody th {
  border-bottom: 1px dotted #e6e6e6;
  padding: 8px;
  text-align: left;
  font-weight: normal;
}
.gridBox .priceCol table tbody th img {
  padding-right: 5px;
  vertical-align: middle;
}
.gridBox .priceCol table tbody th a {
  color: #208abc;
  font-weight: normal;
}
.gridBox .priceCol table tbody td {
  border-bottom: 1px dotted #e6e6e6;
  border-left: 1px solid #e6e6e6;
  padding: 8px;
  text-align: center;
}
.gridBox .priceCol table tbody td a {
  color: #f00;
}
.gridBox .priceCol table tbody .arrow a {
  color: #208abc;
}
.gridBox .priceCol table tbody .last td, .gridBox .priceCol table tbody .last th {
  border-bottom: 0 none;
}
.gridBox .priceLst li {
  border-bottom: 1px dotted #e6e6e6;
}
.gridBox .priceLst li .price {
  color: #ff3300;
  font-weight: bold;
}
.gridBox .itemWrap {
  width: 230px;
  float: left;
}
.gridBox:after,
.default_search_condition:after{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.gridBox,
.default_search_condition {
  zoom: 1;
}

/*レコメンドボックスがコンテンツ内に入った場合の調整*/
.gridBox.content-within{
margin:15px 0;
background-color:#ecf0f1;
min-height:240px;
}
.gridBox.content-within .item.pict03{
margin:5px 0;
}


.bottomInfo {
  padding-bottom: 40px;
}
.bottomInfo:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.bottomInfo {
  zoom: 1;
}
.bottomInfo > div {
  float: left;
  width: 210px;
  padding: 10px;
  margin: 5px;
  background: #FFF;
  border-top: 2px solid #2cb7bb;
}
.bottomInfo h2 {
  font-weight: bold;
  margin-bottom: 15px;
}
.bottomInfo h3 {
  background: #d5eff0;
  text-align: center;
  padding: 8px;
  margin-bottom: 8px;
}
.bottomInfo a {
  color: #208ABC;
}
.bottomInfo .linkLst {
  margin-bottom: 10px;
  line-height: 1.6;
}
.bottomInfo .linkLst li {
  padding-left: 15px;
  background: url(/images/top/grid/img_arrow02.gif) no-repeat 5px 7px;
  padding-bottom: 5px;
}
.bottomInfo .linkIcoLst li {
  padding-bottom: 10px;
}
.bottomInfo .linkIcoLst li:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.bottomInfo .linkIcoLst li {
  zoom: 1;
}
.bottomInfo .linkIcoLst a img {
  vertical-align: middle;
  padding-right: 10px;
  float: left;
}
.bottomInfo .linkIcoLst a span {
  width: 157px;
  display: block;
  float: right;
  text-decoration: underline;
  padding-top: 6px;
}

/* w1210 */
.w1210 .w1210Hide {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.w1210 #header .headerIn {
  width: 1190px;
}
.w1210 #header .headerIn .colRight {
  width: 900px;
}
.w1210 #header .headerIn .colRight ul {
  width: 900px;
  padding-top:1em;
}

.w1210 #footer dl {
  width: 1190px;
}
.w1210 #footer .linkLst {
  width: 1190px;
  text-align: left;
  padding: 10px;
}
.w1210 #footer .copyright {
  width: 1170px;
}
.w1210 #footer #group_service {
  width: 1190px;
}
.w1210 .mainArea {
  width: 1210px;
}
.w1210 .mainArea .priceCol {
  width: 1170px;
  height: auto !important;
}
.w1210 .mainArea .col {
  height: 239px;
}

/* w950 */
.w970 .w970Hide {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.w970 #header .headerIn {
  width: 950px;
}
.w970 .mainArea {
  width: 970px;
}
.w970 .mainArea .pickupTbl {
  margin-top: -5px;
}

/* w720 */
.w720 .w720Hide {
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.w720 .ie6Area {
  margin: 10px 5px;
  padding-left: 55px;
  padding-right: 55px;
  width: 710px;
}
.w720 #header .headerIn {
  width: 700px;
}
.w720 #header .colLeft .depArea {
  width:220px
}
.w720 #header .headerIn .colRight {
  width: 370px;
}
.w720 #header .headerIn h1 {
  width:550px;
  padding-bottom: 1.2em;
}
.w720 #header .headerIn h1.singleLine {
  width:550px;
  padding-bottom: 2.5em;
}
.w720 #header .headerIn .colRight ul {
  width: 370px;
  text-align: right;
  line-height: 1;
  margin:0 0 0 10px;
}
.w720 #header .headerIn .colRight ul li a {
  white-space: nowrap;
  display: inline-block;
}
.w720 #content .infoBox {
  margin-right: 5px;
  width: 690px;
}
.w720 #footer dl {
  width: 700px;
}
.w720 #footer .linkLst {
  width: 710px;
}
.w720 #footer .copyright {
  width: 690px;
}
.w720 #footer #group_service {
  width: 710px;
}
.w720 #footer #group_service .dena_logo {
  width: 70px;
}
.w720 #footer #group_service .dena_logo img {
  margin: 0;
}
.w720 #footer #group_service .service_list840 {
  width: 600px;
}
.w720 #footer #group_service .service_list840 .cat-box {
  width: 630px;
}
.w720 #footer #group_service .service_list840 .cat-box ul {
  width: 530px;
}
.w720 #footer #group_service .service_list840 .cat-box ul li {
  white-space: nowrap;
}
.w720 .mainArea {
  width: 720px;
}
.w720 .mainArea .navArea {
  background: none;
  padding: 0;
  background: #FFF;
  height: 61px !important;
  border-top:none;
}
.w720 .mainArea .navArea .navAreaIn:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.w720 .mainArea .navArea .navAreaIn {
  zoom: 1;
}
.w720 .mainArea .navArea .last {
  height: 99px;
  border-top: 1px solid #e6e6e6;
}
.w720 .mainArea .navArea .last a {
  padding: 23px 0;
  display: block;
}
.w720 .mainArea .navArea .last img {
  border-top: 0 none;
}
.w720 .mainArea .navArea ul {
  border-left: 1px solid #e6e6e6;
  padding: 0 6px 0 8px;
  margin:11px auto 0;
  width:695px;
}
.w720 .mainArea .navArea ul li:first-child{
  display:none;
}
.w720 .mainArea .navArea ul li {
  float:left;
  line-height: 0;
  margin:0 2px;
  height:41px;
  width:155px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
.w720 .mainArea .navArea ul li a {
  display: block;
  line-height: 0;
  height:41px;
  background-size:155px 41px;
}

.w720 .mainArea .navArea ul li.tyo a{
  background: url("/images/top/grid/img_navi02_h.png") no-repeat 0 0;
  width:155px;
}
.w720 .mainArea .navArea ul li.tyo a:hover,
.w720 .mainArea .navArea ul li.osa a:hover,
.w720 .mainArea .navArea ul li.ngo a:hover,
.w720 .mainArea .navArea ul li.fuk a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.w720 .mainArea .navArea ul li.tyo.current{
  background: url("/images/top/grid/img_navi02_h_c.png") no-repeat 0 0;
  width:210px;
}
.w720 .mainArea .navArea ul li.osa a{
  background: url("/images/top/grid/img_navi03_h.png") no-repeat 0 0;
  width:155px;
}
.w720 .mainArea .navArea ul li.osa.current{
  background: url("/images/top/grid/img_navi03_h_c.png") no-repeat 0 0;
  width:210px;
}
.w720 .mainArea .navArea ul li.ngo a{
  background: url("/images/top/grid/img_navi04_h.png") no-repeat 0 0;
  width:155px;
}
.w720 .mainArea .navArea ul li.ngo.current{
  background: url("/images/top/grid/img_navi04_h_c.png") no-repeat 0 0;
  width:210px;
}
.w720 .mainArea .navArea ul li.fuk a{
  background: url("/images/top/grid/img_navi05_h.png") no-repeat 0 0;
  width:155px;
}
.w720 .mainArea .navArea ul li.fuk.current{
  background: url("/images/top/grid/img_navi05_h_c.png") no-repeat 0 0;
  width:210px;
}
.w720 .mainArea .priceCol {
  width: 690px;
  height: auto !important;
}
.w720 .mainArea .priceCol.table02 table {
  width: 100%;
}
.w720 .mainArea .pickupTbl {
  margin-top: -5px;
}
.w720 .mainArea .blogCol .category {
  top: 2px;
}
.w720 .mainArea .bottomInfo .col04 {
  width: 690px;
}
.w720 .mainArea .bottomInfo .col04:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.w720 .mainArea .bottomInfo .col04 {
  zoom: 1;
}
.w720 .mainArea .bottomInfo .col04 .colIn01, .w720 .mainArea .bottomInfo .col04 .colIn02, .w720 .mainArea .bottomInfo .col04 .colIn03 {
  width: 210px;
  float: left;
}
.w720 .mainArea .bottomInfo .col04 .colIn01, .w720 .mainArea .bottomInfo .col04 .colIn02 {
  margin-right: 30px;
}


/* popup
------------------*/
.notifyui.b.r {
  right: 20px;
  bottom: 10px;
}
.notifyui.r, .notifyui.l {
  width: 320px;
}
.notifyui {
  position: fixed;
  z-index: 1000000;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.notifyui .dark {
  background: rgba(255,204,0,0.9);
  color: #000000;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6ffcc00,endColorstr=#E6ffcc00);
}
.notifyui .dark:not(:target){
  filter: none;
}
.notifyui li {
  z-index: 1000001;
  display: block;
  margin: 0;
  padding: 12px 15px;
  width: 290px;
}
.notifyui .popUpDetail{
  font-size: 15px;
}
.mpSmallNotification {
  position: absolute;
  z-index: 99;
  margin-bottom: 15px;
  font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
  line-height: 1.7;
  /*position: relative;*/
}
#popUpsale0{
  padding:16px 15px;
  background-image:url(//s.skygate.co.jp/pc/htl/images/common/bg/bg_popup_dena.png?20150709);
  background-repeat:no-repeat;
  background-position:right bottom;
}
#popUpsale0 .popUpDetail{
  font-size: 12px;
}
.notifyui .time{
  display: block;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.1;
}
.notifyui .winClose{
  position: absolute;
  top: 5px;
  right:5px;
  line-height: 1;
}

.typeSetDiscount .mpSmallNotification{
  font-family:"\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3","Hiragino Kaku Gothic Pro","\ff2d\ff33\0020\ff30\30b4\30b7\30c3\30af","MS PGothic",Arial,Osaka,sans-serif;
}
.typeSetDiscount.notifyui.r, .notifyui.l {
  width: 360px;
}
.typeSetDiscount.notifyui li {
  width: 330px;
}
.typeSetDiscount.notifyui .popUpSetDiscount{
  padding:16px 15px;
  background-image:url(//s.skygate.co.jp/pc/images/ico/ico_dena_01.png);
  background-repeat:no-repeat;
  background-position:272px 10px;
}
.popUpSetDiscount .leadText{
  font-size:22px;
  line-height:1;
  margin-bottom:8px;
}
.popUpSetDiscount .leadText em{
  font-weight:bold;
  font-style:normal;
}
.popUpSetDiscount .leadText strong{
  color:#f00;
}
.popUpSetDiscount .descText{
  font-size:12px;
  line-height:1.4;
  margin-bottom:5px;
}
.popUpSetDiscount .descText strong{
  color:#f00;
  font-weight:bold;
}
.popUpSetDiscount .dateInfo{
  font-size:10px;
}


/* シス追加CSS　popup用
------------------*/
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05)
  }
  70% {
    -webkit-transform: scale(.9)
  }
  100% {
    -webkit-transform: scale(1)
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(.3)
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05)
  }
  70% {
    -moz-transform: scale(.9)
  }
  100% {
    -moz-transform: scale(1)
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(.3)
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05)
  }
  70% {
    -o-transform: scale(.9)
  }
  100% {
    -o-transform: scale(1)
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.3)
  }
  50% {
    opacity: 1;
    transform: scale(1.05)
  }
  70% {
    transform: scale(.9)
  }
  100% {
    transform: scale(1)
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}


.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
  zoom: 1;
  /*for IE 5.5-7*/
}
*/
}