@charset "UTF-8";

html { /* IE6のCSSバグによるギルダーレビンのちらつき防止 */
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


body {
  margin:0;
  padding:0;
  font-size:78%;
  line-height:1.3em;
  background-color:#FFFFFF;
  color:#333333;
  background-image:url(../images/bg.png);
  background-repeat:repeat-x;
  text-align:center;
}

#container{
  width:800px;
  margin:0 auto 30px;
  background-color:#FFFFFF;
  text-align:left;
}




/*----------------------------------------------------------------------------*/
/*----- ヘッダー部 -----------------------------------------------------------*/
#header{
  width:800px;
  margin:0 auto;
  padding:0;
  background-color:#FFFFFF;
}

#headLeft{
  float:left;
  width:143px;
  margin:0;
  padding:12px 0 0 10px;
}
#headRight{
  float:right;
  width:550px;
  margin:0;
  padding:0 10px 0 0;
  font-size:12px;
  text-align:left;
}
#headRight p{
  margin:0;
  padding:0;
}
#headRight ul{
  display:block;
  width:550px;
  height:40px;
  overflow:hidden;
  margin:4px 0 0;
  padding:0;
  background:url(../images/headMenuBase.png) no-repeat;
}
#headRight li{
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
}

/*ＨＯＭＥ*/
a#menuHome{
  display:block;
  width:81px;
  height:40px;
  margin:0;
  padding:0;
  position:relative;
  /*HideMacIE\*/
  overflow:hidden;
  /**/
  cursor:hand;
}
a#menuHome span{
  display:block;
  position:absolute;
  width:100%; height:100%;
  top:0; left:0;
  background:url(../images/headMenu.png) no-repeat;
}
a#menuHome:hover span{ background-position: 0 -40px; }

/*国内個人旅行 Domestic private travel*/
a#menuDomPriv{
  display:block;
  width:117px;
  height:40px;
  margin:0;
  padding:0;
  position:relative;
  /*HideMacIE\*/
  overflow:hidden;
  /**/
  cursor:hand;
}
a#menuDomPriv span{
  display:block;
  position:absolute;
  width:100%; height:100%;
  top:0; left:0;
  background:url(../images/headMenu.png) no-repeat;
  background-position:-81px 0; 
}
a#menuDomPriv:hover span{ background-position: -81px -40px; }

/*国内団体旅行 Domestic package tour*/
a#menuDomPack{
  display:block;
  width:117px;
  height:40px;
  margin:0;
  padding:0;
  position:relative;
  /*HideMacIE\*/
  overflow:hidden;
  /**/
  cursor:hand;
}
a#menuDomPack span{
  display:block;
  position:absolute;
  width:100%; height:100%;
  top:0; left:0;
  background:url(../images/headMenu.png) no-repeat;
  background-position:-198px 0; 
}
a#menuDomPack:hover span{ background-position: -198px -40px; }

/*海外個人旅行 Overseas private travel*/
a#menuOvsPriv{
  display:block;
  width:117px;
  height:40px;
  margin:0;
  padding:0;
  position:relative;
  /*HideMacIE\*/
  overflow:hidden;
  /**/
  cursor:hand;
}
a#menuOvsPriv span{
  display:block;
  position:absolute;
  width:100%; height:100%;
  top:0; left:0;
  background:url(../images/headMenu.png) no-repeat;
  background-position:-315px 0; 
}
a#menuOvsPriv:hover span{ background-position: -315px -40px; }

/*海外団体旅行 Overseas package tour*/
a#menuOvsPack{
  display:block;
  width:118px;
  height:40px;
  margin:0;
  padding:0;
  position:relative;
  /*HideMacIE\*/
  overflow:hidden;
  /**/
  cursor:hand;
}
a#menuOvsPack span{
  display:block;
  position:absolute;
  width:100%; height:100%;
  top:0; left:0;
  background:url(../images/headMenu.png) no-repeat;
  background-position:-432px 0; 
}
a#menuOvsPack:hover span{ background-position: -432px -40px; }

#headerImage{
  margin:10px 0;
  padding:0;
  border-top:1px solid #EEEEEE;
}



/*----------------------------------------------------------------------------*/
/*----- メイン構造 -----------------------------------------------------------*/
#main{
  width:760px;
  margin:0 20px;
  padding:0;
  background-color:#FFFFFF;
  text-align:left;
}

/*--- ツアー詳細BOXメイン構造 ---*/
.boxTour{
  margin:4px 0px 12px;
  padding:0;
}

.boxTour h4{
  font-size:1.2em;
  margin:0;
  padding:10px 18px;
  border:1px solid #BDD8E6;
  background:url(../images/h4bg.png) no-repeat;
  color:#CC0000;
}
.boxTourPhoto{
  float:right;
  width:120px;
  margin:0;
  padding:10px;
}
.boxTourText{
  float:left;
  width:560px;
  margin:10px 0;
  padding:0 0 0 20px;
}
.boxTourTextLong{
  width:720px;
  margin:10px 0;
  padding:0 0 0 20px;
}


/*--- 震災対応用 ---*/
.boxSaigai{
  margin:4px 0px 12px;
  padding:0;
  border:1px solid #CCCCCC;
}
.boxSaigai h4{
  font-size:1.2em;
  margin:0;
  padding:10px 18px;
  color:#333333;
}
.boxSaigai p{
  width:720px;
  margin:10px 0;
  padding:0 0 0 20px;
}


/*--- ページ下部のお問い合わせBOX ---*/
#boxInquiry{
  margin:0;
  padding:10px;
  border:1px solid #FF9966;
  background-color:#FFF5F0;
}
#boxInquiry p{
  margin:0;
  padding:0;
}
#boxInquiry p.inquiryP{
  margin:8px 0 0;
}


/*----------------------------------------------------------------------------*/
/*----- フッター部 -----------------------------------------------------------*/
#footMenuArea{
  clear:both;
  margin:0;
  padding:0;
  border-top:1px dashed #CCCCCC;
  border-bottom:1px dashed #CCCCCC;
}
#footMenuBox{
  width:760px;
  margin:0 auto;
  padding:6px 20px;
  text-align:left;
  background-color:#FFFFFF;
}
address{
  width:760px;
  margin:0 auto;
  padding:10px 20px;
  background-color:#FFFFFF;
  text-align:left;
  font-style:normal;
}

address p{
  float:left;
  display:block;
  margin:8px 30px 0 0;
  padding:0;
}

#copyrightArea{
  margin:0;
  padding:6px 0;
  text-align:center;
  background-color:#3399CC;
}
#copyrightBox{
  width:760px;
  margin:0 auto;
  padding:0;
  text-align:right;
  color:#000000;
}
#copyrightBox p{
  margin:2px 0;
  padding:0;
}



/*----------------------------------------------------------------------------*/
/*----- ブロック構造 ---------------------------------------------------------*/
/*-- 240:280 --*/
.box280L{
  float:left;
  width:260px;
  margin:0 20px 0 0;
  padding:0;
}
.box480R{
  float:right;
  width:480px;
  margin:0;
  padding:0;
}

/* ３列用 */
.box3line{
  float:left;
  width:250px;
  margin:0;
  padding:0;
}

/*-- 会社概要・挨拶 --*/
.box140L{
  float:left;
  width:140px;
  margin:0;
  padding:0;
}
.box600R{
  float:right;
  width:600px;
  margin:0;
  padding:0;
}




/*----------------------------------------------------------------------------*/
/*----- clearfix -----*/
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  display:inline-table;
  zoom: 1;
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/*----------------------------------------------------------------------------*/
/*----- マージン -----*/
.mgnT14{ margin-top:14px; }
.mgnT20{ margin-top:20px; }
.mgnTB08{ margin-top:8px; margin-bottom:8px; }
.mgnTB40{ margin-top:40px; margin-bottom:40px; }
.mgnB04{ margin-bottom:4px; }
.mgnB08{ margin-bottom:8px; }
.mgnB40{ margin-bottom:40px; }
.mgnR10{ margin-right:10px; }
.mgnR20{ margin-right:20px; }
.mgnLR10{ margin-left:10px; margin-right:10px; }
.mgnL30{ margin-left:30px; }


/*----------------------------------------------------------------------------*/
/*----- Paragraph -----*/
p{
  margin:10px 0;
}
.pClear{
  clear:both;
  height:1px;
  margin:0;
  padding:0;
  overflow:hidden;
}
.pClearNormal{
  clear:both;
}

.pNoMgn{ margin:0; }
.pRight{ float:right; margin:0; }
.pCenter{ clear:both; text-align:center; }
.pKako{
  margin:0;
  padding:4px 0;
  border-top:1px solid #CCCCCC;
  text-align:right;
}


/*----- List -----*/
dt{ font-weight:bold; }
dd{ margin-left:1em; }

#mainContents ul{ padding-left:1.4em; }

.listType1{ margin-left:10px; }
.listType1 li{ margin-bottom:16px; }
.listType1 p{
  margin:0 0 4px;
  padding-bottom:3px;
  border-bottom:1px dotted #999999;
  font-weight:bold;
  color:#336666;
}


/*----- Table -----*/
th{ text-align:left; }
.tblType1{
  width:710px;
  margin-left:40px;
  padding:0px;
  border-collapse: collapse;
}
.tblType1 th {
  padding:6px 12px;
  border:1px solid #CCCCCC;
  background-color:#E0E4E9;
  vertical-align:top;
  font-weight:normal;
  width:1%;
  white-space:nowrap;
}
.tblType1 td {
  margin:0px;
  padding:6px 12px;
  border:1px solid #CCCCCC;
}

.tblType2{
  margin-left:30px;
  padding:0px;
  border-collapse: collapse;
}
.tblType2 th {
  margin:0px;
  padding:3px 20px;
  vertical-align:top;
  font-weight:normal;
}
.tblType2 td {
  margin:0px;
  padding:3px 20px;
}


/*----- Image -----*/
img { border-style:none; }
.imgMiddle{ vertical-align:middle; }
.imgAcrobat{ vertical-align:middle; }


.rollover{}  /*rollover.js呼び出し用ダミー*/



/*----- Fonts -----*/
.fontColorRED{ color:#DD0000; }
.wordB{ font-size:1.4em; font-weight:bold; }
.fontUchikeshi{ text-decoration:line-through; }
a:link { color:#0033CC; }
a:visited { color:#0033CC; }
a:hover { color:#FF6600; }



/*----------------------------------------------------------------------------*/
/*----- Heading -----*/
h1{
  height:28px;
  margin:0;
  padding:6px 10px 0;
  text-align:left;
  font-size:12px;
  overflow:hidden;
  font-weight:normal;
}

h2{ margin-top:0; margin-bottom:8px;}

h3{
  font-size:1.4em;
  height:29px;
  margin:30px 0 8px;
  padding-top:10px;
  padding-left:50px;
  background:url(../images/h3mark.gif) left center no-repeat;
}

h3.h3s, p.h3s{
  clear:both;
  font-size:1em;
  height:auto;
  margin:60px 0 2px 0;
  padding-left:0;
  background:none;
  font-weight:normal;
  color:#999999;
}