@charset "UTF-8";

/* ページ全体
----------------------------------------------- */
* html{
  overflow-x:hidden;
}
body {
  font-size: 13px;
  line-height: 1.7;
}

#document {
  margin: 0 auto;
  padding: 15px 0px 30px 0px;
  width: 760px;
}

ul {
  margin: 20px 0px 20px 2em;
}

ul li {
  list-style-type: disc;
}

table,
th,
td {
  border: 1px solid #666;
}

table {
  width: 100%;
}

th,
td {
  padding: 3px 6px;
}

h1 {
  font-size: 189%;
  font-weight: bold;
}

h2 {
  font-size: 128.6%;
  font-weight: bold;
}
h2.topHeading {
  font-size: 138.5%;
  margin-bottom:10px;
}
h3 {
  font-size: 116%;
}
h3.topHeading,
h4 {
  font-size: 108%;
  font-weight: bold;
}
h5 {
  font-weight: bold;
}

p.detail{
    margin-top: 1em;
}



/* ヘッダー
----------------------------------------------- */
#header {
  margin-bottom: 8px;
  border-bottom: 2px groove #ccc;
  zoom: 100%;
}

#header #lead {
  clear:both;
  font-size: 108%;
}

#header h1{
    float:left;
}

#header #goToPcPage {
  float:right;
  width: 8em;
}
#header:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}

/* フッター
----------------------------------------------- */
#footer,
#footerLinks {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 2px groove #ccc;
  font-size: 108%;
}

#footerLinks ul {
  margin: 0;
}

#footerLinks li {
  list-style-type: none;
}

/* パンくずリスト
----------------------------------------------- */
#breadCrumbs {
  clear:both;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 2px groove #ccc;
  font-size: 108%;
}


/* コンテンツ
----------------------------------------------- */
#contents {
  font-size: 108%;
}


/* トップページ
----------------------------------------------- */
/* ヘッダー */
#header.top {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/* メニュー */
#topMenu {
  margin-left: 1em;
  font-size: 123.1%;
}

#topMenu li {
  margin-bottom: 25px;
}

#topMenu ul {
  margin-left: 2em;
}

#topMenu ul li {
  margin: 5px 0;
  list-style: disc;
}


/* ページャー div.pager
----------------------------------------------- */
div.pager {
  margin-top: 40px;
  font-size: 108%;
}

div.pager ul {
  margin: 0;
}
div.pager li {
  display: inline;
  margin-right: 2em;
  list-style-type: none;
  line-height: 1.231;
}


/* 米印なし1行注 p.notes 
----------------------------------------------- */
p.notes {
  padding-bottom: 1em;
}


/* 米印付き div.notes
----------------------------------------------- */
div.notes {
  padding-left: 1em;
}
div.notes .asterisk {
  text-indent: -1em;
}


/* フライト検索詳細 div.flightSearchDetail
----------------------------------------------- */
.flightSearchDetail table {
  margin: 20px 0;
}

.flightSearchDetail th {
  width: 300px;
}


/* ステップ div.stepList
----------------------------------------------- */
.stepList h2 {
  margin-bottom: 15px;
}

.stepList ol {
  list-style:none;
  margin-left: 1em;
}

.stepList ol li {
  list-style:none;
}

.stepList .body {
  margin: 15px 0;
  padding: 20px 1em 0;
  border-top: 1px dashed #666;
}

.stepList .body ol {
  margin-left: 0;
}

.stepList .body li {
  margin-bottom: 20px;
  list-style-type: none;
}

.stepList .body li h3 {
  font-weight: bold;
  line-height: 1.231;
}


/* データのかたまり div.dataList
----------------------------------------------- */
.dataList .data {
  margin-bottom: 15px;
}


/* データのかたまり div.dataList.withHeading
----------------------------------------------- */
.dataList.withHeading h3 {
  margin-bottom: 5px;
  font-weight: bold;
}

.dataList.withHeading h4 {
  margin-left: 0.5em;
  margin-bottom: 5px;
}

.dataList.withHeading .unit {
  margin-left: 2em;
  margin-bottom: 15px;
}


/* 見出しつきリスト div.dataList.ul
----------------------------------------------- */
.dataList ul{
  margin: 5px 0 20px 2em;
}


/* ニュース一覧 div.articleList
----------------------------------------------- */
.articleList h3 {
  line-height: 1.231;
}

.articleList .body {
  margin-bottom: 10px;
  padding-left: 1em;
  padding-bottom: 3px;
  border-bottom: 1px dashed #666;
}

/* ニュース詳細 div.articleDetail
----------------------------------------------- */
.articleDetail .header {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #999;
  line-height: 1.4;
}

.articleDetail .important,
.articleDetail .date {
  font-size: 128.6%;
  font-weight: bold;
}

.articleDetail .date {
  margin-bottom: 10px;
}

.articleDetail h2 {
  font-size: 107%;
  font-weight: normal;
}

.articleDetail .image {
  margin: 10px 0;
}


/* サービス情報
----------------------------------------------- */
#contents .header {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #999;
  line-height: 1.4;
}
#contents .section {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #999;
  line-height: 1.4;
}
#contents .section.last{
  border-bottom: none;
}
.section dt{
    margin-top: 1.5em;
}
.section dt strong{
  font-size: 116%;
  font-weight: bold;
  margin-right: 10px;
}
.stepList .body h3,
.section h3,
.section h4{
    display: inline;
    padding-right: 10px;
}
.body dd,
.section dd{
    float:clear;
    margin:0 0 1em 1.5em;
}
.section .contactBlock{
    margin: 10px 0;
}
.articleDetail .body{
    margin:1.5em 0 1em 1.5em;
/*    margin:1.5em 0;*/
}
.articleDetail .body .main{
    margin-left:-1.5em;
}


/* マークなしリスト
----------------------------------------------- */
ul.noDisc{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
ul.noDisc li{
    list-style: none;
}
#moneyList ul.noDisc{
    margin: 0;
}


/* テーブルの見出し
----------------------------------------------- */
th.label{
    text-align: left;
    font-weight: normal;
}


/* 操作パネルの利用方法 
----------------------------------------------- */
div.usePoint h2{
    margin-bottom: 0;
    padding-bottom: 0;
}
div.usePoint ul{
    margin-top: 0;
    padding-top: 0;
}

/* 切り替え
----------------------------------------------- */
/* 背景白、リンク青 */
body.normal {
  color: #000;
  background: #fff;
}

body.normal a:link {
  color: #33f;
}

body.normal a:visited {
  color: #60c;
}

body.normal a:hover {
  color: #33f;
}

/* 背景白、リンク赤 */
body.red {
  background: #fff;
}

body.red a:link {
  color: #f00;
}

body.red a:visited {
  color: #600;
}

body.red a:hover {
  color: #f00;
}

/* 背景黒、リンク緑 */
body.green {
  color: #fff;
  background: #000;
}

body.green a:link {
  color: #3f0;
}

body.green a:visited {
  color: #60c;
}

body.green a:hover {
  color: #3f0;
}


/**/
.dataList dt strong{
  font-size: 116%;
  font-weight: bold;
  margin-right: 10px;
}