@charset "EUC-JP";

/* -----------------------------------------------------------
CSS Information

File name:      help.css
Created:        2008-2-16
Last update:    2021-12-16 by Kuwakino
Style Info:     ヘルプページ配下
----------------------------------------------------------- */

/* -----------------------------------------------------------
Table of Contents

__help_top
__guideline
__terms
__privacy
__systeminfo
----------------------------------------------------------- */

.help div#main div.maintitle {
  margin: 15px 30px 20px;
}


.help div#main div.maintitle h2 {
  border-bottom: 3px solid #2C67A5;
  font-size: 1.7em;
}

/* 汎用アイコン */
.help div#main .normalNavIcon {
  padding-left:14px;
  background: url(/img/general/4travel/help/ico_nav.gif) no-repeat scroll 1px 2px;
}


/* 
__guideline
----------------------------------------------------------*/

.help div#main div.guideline {
  margin: 0 30px 20px;
}


.help div#main div.guideline h3 {
  margin: 10px 0;
  border-bottom: 1px solid #333333;
  color: #333333;
  font-size: 1.1em;
  font-weight: bold;
}

.help div#main p.section_lead_right {
  font-size: 1.1em;
  margin-bottom: 20px;
  margin-top: 15px;
}

.help div#main p.section_lead_right a {
  text-decoration: none;
}

.help div#main p.section_lead_right a:hover {
  text-decoration: underline;
}

.help div#main div.guideline h4 {
  margin-bottom: 20px;
  border-bottom: 1px solid #333333;
  color: #333333;
  font-size: 13px;
  font-weight: bold;
}

.help div#main div.guideline p {
  margin: 5px 10px;
}
.help div#main div.guideline ol {
  margin: 10px 40px;
}
.help div#main div.guideline ol.is_bottom0px {
  margin-bottom: -10px;
}
.help div#main div.guideline ol li {
  list-style-type: decimal;
  padding-bottom: 10px;
}
.help div#main div.guideline dl {
  margin: 0 10px 20px;
  border-top: 1px dotted #ccc;
}
.help div#main div.guideline .notice_box {
  width: 84%;
  border: solid 1px #CCC;
}

.help div#main div.guideline dl dt {
  margin: 10px 0 5px;
  font-weight: bold;
}

.help div#main div.guideline dl dd {
  padding: 0 0 10px;
  border-bottom: 1px dotted #ccc;
}

.help div#main div.guideline ul.rule {
  margin: 0 10px;
}

.help div#main div.guideline ul.rule li {
  margin-bottom: 7px;
  padding-left: 13px;
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/cmn/mark/mark_01.gif) no-repeat 0 6px;
}

.help div#main div.guideline p.cap {
  color: #ff6600;
  margin: 20px 0 30px;
}

.help div#main div.guide_box ul  {
  margin:10px 20px;
}

.help div#main div.guide_box ul li {
  margin-bottom: 5px;
  padding-left: 13px;
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/cmn/mark/mark_01.gif) no-repeat 0 6px;
}
/* 「ガイドライン（クチコミ）」のみ追加分 */
body#help_guideline_tips div#main h2 {
  padding-top: 10px;
  margin-bottom: 30px;
}
body#help_guideline_tips div#main div.guideline h4 {
  margin-bottom: 12px;
  padding-top: 24px;
  padding-bottom: 3px;
  color: #333333;
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px dotted #808080;
}
body#help_guideline_tips div#main div.guideline h3 {
  margin: 10px 0 20px;
  border-bottom: none;
  background: #f0f0f0;
  padding: 8px 8px 6px;;
  color: #333333;
  font-size: 1.1em;
  font-weight: bold;
}
body#help_guideline_tips div#main div.guideline dl {
  border: none;
  margin-bottom: 15px;
}
body#help_guideline_tips div#main div.guideline dl.ng dt {
  display: inline;
  color: #675f0b;
  background: #f2efd3;
  padding: 6px 8px;
}
body#help_guideline_tips div#main div.guideline dl.ng dd {
  border: none;
  color: #7e7517;
  display: inline;
  margin-left: 10px;
}
body#help_guideline_tips div#main div.guideline p {
  margin: 0 10px 15px;
}



/* 
__terms
----------------------------------------------------------*/
.help div#main div.terms {
  margin: 0 30px 20px;
}

.help div#main div.terms h3 {
  margin: 10px 0;
  border-bottom: 1px solid #333333;
  color: #333333;
  font-size: 1.1em;
  font-weight: bold;
}


.help div#main div.terms ol li {
  list-style-type:decimal;
  padding-bottom:10px;
}

.help div#main div.terms ul, 
.help div#main div.terms ol {
  padding:10px 0 0 55px;
}

.help div#main div.terms dl.additional {
  margin: 30px 0;
}

.help div#main div.terms p.conclude {
  margin-bottom:30px;
}
.help div#main p.alignRight {
  text-align: right;
}

.help div#main div.terms_point ol li {
  list-style-type:decimal;
  padding-bottom:10px;
}

.help div#main div.terms_point ul, 
.help div#main div.terms_point ol {
  padding:10px 0 0 55px;
}

/* 
__privacy
----------------------------------------------------------*/
.help div#main div.privacy {
  margin: 0 30px 20px;
}

.help div#main div.privacy h3 {
  margin: 10px 0;
  border-bottom: 1px solid #333333;
  font-size: 1.1em;
  font-weight: bold;
}


.help div#main div.privacy h4 {
  margin: 10px 0;
  border-bottom: 1px dotted #999999;
  font-size: 1.1em;
  font-weight: bold;
}

.help div#main div.privacy ul, 
.help div#main div.privacy ol {
  margin: 10px 0 0 20px;
}

.help div#main div.privacy p.sign {
  margin: 15px 0;
  text-align: right;
}

.help div#main div.privacy h5 {
  margin: 10px 0;
  font-size: 1.0em;
}

.help div#main div.privacy .about_cookie {
  margin: 0 20px;
}

/* 
__terms_point
----------------------------------------------------------*/
.help div#main div.terms_point {
  margin: 0 30px 20px;
}


.help div#main div.terms_point h3 {
  margin: 20px 0;
  border-bottom: 1px solid #333333;
  font-size: 1.1em;
  font-weight: bold;
}

.help div#main div.terms_point dl.additional {
  margin: 30px 0;
}

.help div#main div.terms_point p.conclude {
  margin-bottom:30px;
}


/* 
__client_qa
----------------------------------------------------------*/
.help div#main div.client_qa {
  margin: 0 30px 30px;
}


#help_client_qa div#main div.client_qa h3 {
  margin-bottom: 15px;
  border-bottom: 1px solid #333333;
  color: #333333;
  font-size: 1.1em;
  font-weight: bold;
}

.help div#main div.client_qa dl {
  padding: 7px;
  border-bottom: 1px dotted #CCCCCC;
}


.help div#main div.client_qa dl dt {
  padding-left: 22px;
  margin-bottom: 2px;
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/cmn/ico/qa/ico_q.gif) no-repeat 0 2px;
  color: #2C67A5;
  text-decoration: underline;
}


.help div#main div.client_qa dl dd {
  padding: 7px 31px;
  background: #f1f1f1 url(https://cdn.4travel.jp/img/general/4travel/cmn/ico/qa/ico_a_gl.gif) no-repeat 10px 9px;
  border: 1px solid #cccccc;
}

.help div#main div.client_qa ul li {
  list-style-type:disc;
}

/* 
__help_nav
----------------------------------------------------------*/
.help div#main div#help_nav {
  margin: 0 20px 30px;
}

.help div#main div#help_nav .nav_area {
  margin-bottom: 10px;
  padding: 10px;
  background: #f1f1f1;
}

.help div#main div#help_nav .nav_area p.tit {
  margin-bottom: 10px;
  border-bottom: 1px dotted #999999;
  font-size: 1.1em;
  font-weight: bold;
}

.help div#main div#help_nav ul span {
  color: #666666;
  padding: 0 5px;
}

.help div#main div#help_nav ul.terms {
  margin-bottom: 10px;

}

.help div#main div#help_nav li {
  display: inline;
}

.help div#main div#help_nav dt {
  display: block;
  float: left;
  padding-right: 5px;
}

.help div#main div#help_nav p.go_top {
  text-align: right;
}

.help div#main div#help_nav p.go_top a {
  border-right: medium none;
  padding: 0 0 2px 18px;
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/cmn/ico/ico_all.gif) no-repeat 0 0px;
  color: #666666;
}

.help div#main div#help_nav ul.guide_list { 
  font-size: 0.9em;
}

/* 
__contact
----------------------------------------------------------*/

.help div#main div.contact {
  margin: 0 30px 30px;
}

.help div#main div.contact span.link {
  font-size: 1.4em;
}

.help div#main div.contact span.link a {
  text-decoration: none;
}

.help div#main div.contact span.link a:hover {
  text-decoration: underline;
}

.help div#main div.contact div.lead {
  line-height:160%;
}

.help div#main div.contact p.confirm {
  margin-bottom:10px;
}


.help div#main div#maintenance {
  margin-bottom: 25px;
  padding: 10px;
  border: 1px solid #CBCAC6;
  background: #FCF8EC;
}

.help div#main  div#maintenance h3 {
  font-size: 1.2em;
  margin-bottom:10px;
}

.help div#main div#maintenance span {
  padding-right: 8px;
}

.help div#main div#maintenance li {
  margin-bottom: 5px;
  padding-left: 9px;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/mark/mark_01.gif) no-repeat 0 6px;
  list-style: none;
}


.help div#main .paragraph {
  margin-bottom: 20px;
}
.help div#main .paragraphBorder {
  padding: 10px;
  margin-bottom: 20px;
  border: solid 1px #ddd;
}
.help div#main .end_year{
  color: #cc0000;
}

.help div#main .fat {
  font-weight: bold;
}

.help div#main hr {
  height: 1px;
  margin: 10px 0;
  padding: 0;
  border: medium none;
  background: #DDDDDD;
  color: #DDDDDD;
}

/* 
__contact_input（img.は禁止!）
----------------------------------------------------------*/
.help div#main div.contact_input h3,
.help div#main div.wifi_info h3,
.help div#main div.shisetsuAddLead h3 {
    background: #FFFFFF url(/img/general/4travel/cmn/bg/bg_all.gif) repeat-x scroll 0 -450px;
    border-top: 3px solid #2C67A5;
    color: #000000;
    font-size: 1.1em;
    height: 30px;
    margin-bottom: 5px;
    padding: 4px 115px 0 10px;
}
.help div#main div.wifi_info .text_red {
  color: #CC0000;
  font-size: 1.1em;
  font-weight: bold;
}
.help div#main div.wifi_info .text_small {
  margin-top: 20px;
  font-size: 0.9em;
}
.help div#main .contact .otherFormbox {
    margin-bottom: 30px;
}
.help div#main .contact .otherFormbox a {
    margin-right:30px;
}
.help div#main .contact div.shisetsuAddLead .clear{
    padding:20px 0;
}
.help div#main .contact div.shisetsuAddLead .shisetsuAddButton {
    padding: 10px 40px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    text-decoration:none;
    font-weight: bold;
}

.help div#main div.contact_input div.form_box {
  margin: 0 0 20px;
  border: solid 1px #cccccc;
  padding: 20px 22px;
}

.help div#main div.contact_input p.login {
  margin-bottom: 20px;
  padding: 10px;
  border: solid 1px #cccccc;
  color: #000066;
  font-size: 130%;
}

.help div#main div.contact_input ul {
  margin:0 10px 20px;
  font-size: 0.9em;
}

.help div#main div.contact_input ul span {
  color: #CC0000;
}

.help div#main div.contact_input ul li {
  padding: 0 0 3px 15px;
  background: transparent url(/img/help/pre_list_style.gif) no-repeat left 0.5em;
}

.help div#main div.contact_input div.Error {
  margin-bottom: 20px;
  padding: 5px;
  border: solid 1px #FF8080;
  color: #CC0000;
}

.help div#main div.contact_input div.Error .bol {
  margin-bottom: 5px;
  font-weight: bold;
}

.help div#main div.contact_input dl {
  margin: 0 0 10px 0;
  border-bottom: dotted 1px #cccccc;
}

.help div#main div.contact_input dl dt {
  display: block;
  float: left;
  clear: left;
  width: 150px;
  margin: 0px 10px 0 0;
  padding: 5px 10px;
  background-color: #E6F2FF;
}

.help div#main div.contact_input dl dd {
  margin: 0 0 0 200px;
  padding: 5px 0;
}

.help div#main div.contact_input dl dd input {
  margin: 0;
}

.help div#main div.contact_input dl dt.error_item {
  color: #CC0000;
  font-weight: bold;
}

.help div#main div.contact_input dl dt span {
  color: #CC0000;
}

.help div#main div.contact_input div.Btn_send {
  text-align: center;
}

.help div#main div.contact_input div.Btn_send p, 
.help div#main div.contact_input div.Btn_send form {
  display: inline;
  margin-right: 30px;
}

.help div#main div.contact_input div.Btn_send input.Conf {
  padding: 5px 20px 4px;
  border-color: #666;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  background: #FFCC00;
}

.help div#main div.contact_input div.ssl_box {
  margin-bottom: 20px;
  padding: 10px;
  border: solid 1px #eeeeee;
}
.help div#main div.contact_input div.ssl_box p.left {
  float: left;
  width: 700px;
}

.help div#main div.contact_input div.ssl_box p.right {
  float: right;
  width: 150px;
}

.help div#main div.contact .attention {
  margin-bottom: 10px;
  font-size: 1.4em;
   color: #CC0000;
  font-weight: bold;
}

.help div#main div.contact_input div.form_box p.txt_send {
  text-align: center;
  clear: both;
  margin-top: 20px;
}




/*ヘルプデータの検索結果（img.は禁止！）
----------------------------------------------------------*/

.help div#main div.contact_input div.search_col {
  margin-bottom: 20px;
  padding: 10px;
   background: #eee;
   border:dotted 1px #0465a2;
}
.help div#main div.contact_input div.search_col .tit{
  margin-bottom: 5px;
  font-size: 130%; 
  font-weight: bold;
}

.help div#main div.contact_input div.search_col .question{
  margin-bottom: 5px;
}

.help div#main div.contact_input div.search_col .pts_arrow {
  padding-left: 10px;
  background: transparent url(/img/help/arrow.gif) no-repeat left center;
}

.help div#main div.contact .finish_box {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: dotted 1px #999999;
  text-align: center;
}

.help div#main div.contact .finish_box .error {
  padding: 5px;
  margin-bottom: 20px;
  border: solid 1px #FF8080;
  color: #CC0000;
  text-align: center;
}

.help div#main div.contact .finish_box  p.fortravel_top a {
  padding: 2px 0 0 18px;
  background: transparent url(/img/general/4travel/cmn/ico/ico_all.gif) no-repeat 0 1px;
}

/*
送信完了ページ フォートラベルリンク集（img.は禁止！）
----------------------------------------------------------*/

.help div#main div.contact div.master_contents {
  margin: 40px 0 10px;
}

.help div#main div.contact div.master_contents div.col {
  float: left;
  width: 212px;
  margin-right: 20px;
}

.help div#main div.contact div.master_contents div.col.last {
  margin-right: 0;
}


.help div#main div.contact div.col h2 {
  margin-bottom: 10px;
  padding: 0 0 3px 20px;
  border-bottom: 1px dotted #333333;
  font-size: 1.1em;
  font-weight: bold;
}

.help div#main div.contact div.col h2.guide {
  background: transparent url(/img/common/parts/icn/icn_16/icn_16_info.gif) no-repeat left top;
}
.help div#main div.contact div.col h2.reserve {
  background: transparent url(/img/common/parts/icn/icn_16/icn_16_reserve.gif) no-repeat left top;
}
.help div#main div.contact div.col h2.comm {
  background: transparent url(/img/common/parts/icn/icn_16/icn_16_community.gif) no-repeat left top;
}
.help div#main div.contact div.col h2.about {
  background: transparent url(/img/common/parts/icn/icn_16/icn_16_memo.gif) no-repeat left top;
}

.help div#main div.contact div.col dl dt {
  margin-bottom: 7px;
  font-weight: bold;
}

.help div#main div.contact div.col dl {
  margin-left: 15px;
}

.help div#main div.contact div.col dd {
  margin-bottom: 7px;
  padding-left: 10px;
  background: transparent url(/img/general/4travel/cmn/mark/mark_01.gif) no-repeat left 7px;
}
/*
__help_top
----------------------------------------------------------*/
.help div#main .question dd {
 display: none;
}

#help_top div#main div.maintitle {
  margin: 15px 30px 5px;
}

.help div#main .serch_box {
  margin: 0 30px 20px;
}

.help div#main div.search {
  float: left;
  width: 692px;
  margin: 0 10px 0 0;
  padding: 10px;
  border: solid 1px #cccccc;
  background: #E0E0E0 url(https://cdn.4travel.jp/img/general/4travel/overseas/area/bg_area_search.gif) repeat-x left top;
  vertical-align:middle;
}

.help div#main div.search form {
  display: inline;
}

.help div#main div.search form input {
  vertical-align:middle;
}

.help div#main div.search form input.btn_search {
  width: 133px;
  margin: 0 3px 0 0;
  padding: 2px 3px;
  background: #FFFFFF url(https://cdn.4travel.jp/img/general/4travel/cmn/bg/bg_submit_btn.gif) repeat-x left center;
  border-color: #999999;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  text-align: center;
}

.help div#main .serch_box .btn_question {
  float: right;
  width: 184px;
}

.help div#main .search span.caption {
  padding: 2px 0 0 18px;
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/help/ico_search.gif) no-repeat left 0;
}

.help div#main .serch_box div.btn_question img {
  margin-top: 5px;
}

.help div#main div.help_top {
  margin: 0 30px 0;
}

.help div#main div.help_top div.col_third_bg {
  padding: 10px 0;
  background: url(https://cdn.4travel.jp/img/general/4travel/help/bg_service_top.jpg) no-repeat left top;
  zoom: 1;
}

.help div#main div.help_top div.col_third_bg_bottom {
  background: url(https://cdn.4travel.jp/img/general/4travel/help/bg_service_bottom.jpg) no-repeat left top;
  padding-bottom: 40px;
}

.help div#main div.help_top div.col_third_bg_bottom .col_service {
  float: left;
  width: 450px;
  margin-right: 20px;
}

.help div#main div.help_top div.col_third_bg_bottom .inner {
  padding: 5px 10px;
}

.help div#main div.help_top div.col_third_bg_bottom .inner h3 {
  margin-bottom: 15px;
}

.help div#main div.help_top div.col_third_bg_bottom .col_service .inner .use_asking {
  float: left;
  padding-right: 15px;
}

.help div#main div.help_top div.col_third_bg_bottom .col_service h4 {
  padding-bottom: 2px;
  margin-bottom: 10px;
  border-bottom: dotted 1px #999999;
  font-size: 1.1em;
}

.help div#main div.help_top div.col_third_bg_bottom .inner li {
  padding: 2px 0 5px 20px;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/ico/ico_all.gif) no-repeat 0 4px;
}

.help div#main div.help_top div.col_third_bg_bottom .inner .wifiLink li {
  margin: 15px auto 0 80px;
}
.help div#main div.help_top div.col_third_bg_bottom .inner .wifiLink li a {
  color: #cc3333;
  font-weight: bold;
}

.help div#main div.help_top div.col_third_bg_bottom a {
  text-decoration: none;
}

.help div#main div.help_top div.col_third_bg_bottom a:hover {
  text-decoration: underline;
}

.help div#main div.help_top div.col_third_bg_bottom .col_service .inner .service_guide {
  float: left;
}

.help div#main div.help_top div.col_third_bg_bottom .col_service .inner .btn {
  clear: left;
  padding: 40px 0 0;
  text-align: center;
}

.help div#main div.help_top div.col_third_bg_bottom .col_corporate {
  float: left;
  width: 210px;
  margin-right: 20px;
}

.help div#main div.help_top div.col_third_bg_bottom .col_corporate p {
  padding: 13px 0 20px;
}

.help div#main div.help_top div.col_third_bg_bottom .col_manage {
  float: left;
  width: 210px;
}

.help div#main div.help_top div.col_third_bg_bottom .col_manage p.btn {
  padding: 79px 0 20px;
}


/*よくある質問 question　ツリー*/

.help div#main div.question {
  margin: 0 30px 30px;
}

#help_top div#main div.question h3 {
  background: #FFFFFF url(https://cdn.4travel.jp/img/general/4travel/cmn/bg/bg_all.gif) repeat-x 0 -450px;
  border-top: 3px solid #2C67A5;
  color: #000000;
  font-size: 1.1em;
  height: 30px;
  margin-bottom: 5px;
  padding: 4px 115px 0 10px;
}

.help div#main .question .col {
  float: left;
  width: 450px;
}

.help div#main div.question .col a {
  padding: 0 0 0 14px;
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/help/ico_nav.gif) no-repeat 1px 2px;
  text-decoration: none;
}

.help div#main div.question .col a:hover {
  text-decoration: underline;
}

.help div#main div.question div.col ul {
  margin-left: 5px;
}

.help div#main div.question div.col li {
  margin-bottom: 5px;
}

.help div#main div.question div.col ul li ul {
  position: relative;
  left: 105px;
  top: -20px;
  width: 300px;
  margin-left: 0;
  zoom: 1;
}

.help div#main div.question div.col ul li ul li {
  margin-bottom: 0;
}

.help div#main div.question div.col ul li ul li a {
  background: none;
}

.help div#main div.question div.col ul li ul li.first {
  padding: 0 0 5px 32px;
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/help/bg_guide_list01.gif) no-repeat -9px 9px;
}

.help div#main div.question div.col ul li ul li {
  padding: 0 0 5px 32px;
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/help/bg_guide_list.gif) no-repeat 16px -9px;
}


.help div#main div.question div.col ul li ul li.last {
  padding: 0 0 0 32px;
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/help/bg_guide_list03.gif) no-repeat 16px -16px;
}


/*質問と答え*/
.help div#main .question_answer {
  margin: 0 30px 20px;
  zoom: 1;
}


.help div#main div.question_answer h4 {
  margin-bottom: 2px;
  border-bottom: 1px solid #333333;
  font-size: 1.1em;
}

.help div#main div.question_answer .left {
  float: left;
  width: 415px;
}

.help div#main div.question_answer .right {
  float: right;
  width: 415px;
}

.help div#main div.question_answer dl {
  margin: 0 0 0 12px;
  padding: 7px 0;
}

.help div#main div.question_answer dt {
  background: transparent url(https://cdn.4travel.jp/img/general/4travel/cmn/ico/qa/ico_q.gif) no-repeat left 0.2em;
  padding-left: 22px;
  color: #2C67A5;
  text-decoration: underline;
}

.help div#main div.question_answer dt:hover {
  color: #3985D4;
}

.help div#main div.question_answer dt strong {
  font-weight: normal;
}

.help div#main div.question_answer dd {
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/ico/qa/ico_a_gl.gif) no-repeat 11px 12px;
  margin: 20px 0 10px 0;
  padding: 10px 10px 10px 32px;
  background-color: #f1f1f1;
  border: 1px solid #CCCCCC;
  zoom: 1;
}
.help div#main div .attentionBox{
  margin:20px 0;
  padding:10px;
  border: 1px solid #C10805;
  font-weight:bold;
  background:#FFFCEE;
}
.help div#main div.question_answer h5 {
  margin: 10px 0 0 11px;
  border-bottom: 1px dotted #999999;
  font-size: 1.1em;
}

.help div#main div.question_answer ul {
  margin:0 0 0 12px;
}



.help div#main div.question_answer .right ul li ,
.help div#main div.question_answer .left ul li {
  list-style: disc;
}


/* __mobileguide
----------------------------------------------------------- */

/* __layout */
div#main #mbgd {
  margin: 0 20px 15px;
}

/* __mbgd_head */

#mbgd_head {
  margin-bottom: 10px;
}

#mbgd_head h2 {
  margin-bottom: 6px;
  padding: 15px 0 0;
  border-bottom: 3px solid #2c67a5;
  font-size: 1.7em;
  line-height: 1.3;
}

#mbgd_head p {
  line-height: 1.8;
}

/* __mbgd_right */

div#main #mbgd_right {
  float: right;
  width: 252px;
  text-align: center;
}

div#main #mbgd_right div {
  padding: 5px;
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
}

/* __mbgd_left */

div#main #mbgd_left {
  float: left;
  width: 658px;
}

/* ___mbgd_form */

div#main #mbgd_form {
  width: 616px;
  height: 193px;
  padding: 22px 20px;
  position: relative;
  background: url(https://cdn.4travel.jp/img/general/4travel/help/service/mobileguide/form_bg.gif) repeat-x;
  border: 1px solid #cccccc;
}

div#main #mbgd_form p {
   position: absolute;
   left: 20px;
   top: 120px;
}

div#main #mbgd_form div {
   position: absolute;
   left: 505px;
   top: 83px;
}

div#main #mbgd_form div img {
  border: 1px solid #cccccc;
}

div#main #mbgd_form form {
  position: absolute;
  left: 21px;
  top: 83px;
  margin: 0;
  padding: 0;
}

div#main #mbgd_form form .user {
  position: absolute;
  left: 0px;
  top: 0px;
  border: 2px solid #555555;
  color: #444444;
  font-size: 14px;
  padding: 1px;
  width: 185px;
}

div#main #mbgd_form form .img {
   position: absolute;
   left: 191px;
   top: 0px;
}

div#main #mbgd_form form .domain {
  position: absolute;
  left: 215px;
  top: 0px;
  border: 2px solid #555555;
  color: #444444;
  font-size: 14px;
  padding: 1px;
  width: 156px;
}

div#main #mbgd_form form .button{
  position:absolute;
  left:382px;
  top:0px;
}

/* ___mbgd_details */

div#main #mbgd_renew_details {
  margin-top: 30px;
}

div#main #mbgd_renew_details h4 {
  border-bottom: 1px solid #333333;
  color: #333333;
  font-size: 1.2em;
  line-height: 1.2;
}

div#main #mbgd_renew_details div {
  padding: 0 0 40px 0;
}

div#main #mbgd_renew_details div p {
  margin: 5px 10px 5px;
  font-size: 1.1em;
}

div#main #mbgd_renew_details div dl {
  margin: 0 10px;
  padding: 0 10px 10px;
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
}

div#main #mbgd_renew_details div dt {
  margin-top: 10px;
  padding-left: 10px;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/mark/mark_01.gif) no-repeat 0px 6px;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.2;
}

div#main #mbgd_renew_details div dd {
  margin: 0 10px;
  line-height: 1.4;
}

div#main #mbgd_renew_details #mbgd_001 dl dd.sub {
  margin: 0 10px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

div#main #mbgd_renew_details #mbgd_001 dl dd.sub ul li {
  float: left;
  margin: 0 10px 5px 0;
  padding-left: 8px;
  width: 170px;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/mark/mark_01.gif) no-repeat 0px -195px;
  font-size: 0.9em;
}

div#main #mbgd_renew_details #mbgd_001 dl dd.sub p.tit {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: bold;
}

div#main #mbgd_renew_details #mbgd_001 dl dd.sub p.text {
  margin: 5px 0 0;
  padding: 3px 0 0;
  font-size: 0.9em;
  border-top : 1px dotted #cccccc;
  font-weight: normal;
  color: #666666;
}

div#main #mbgd_renew_details #mbgd_002 ul {
  margin: 0 10px;
  padding: 0 10px 10px;
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
}

div#main #mbgd_renew_details #mbgd_002 ul li {
  margin-top: 10px;
  padding-left: 10px;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/mark/mark_01.gif) no-repeat 0px 6px;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.2;
}

div#main #mbgd_renew_details #mbgd_002 ul li span {
  display: block;
  margin-top: 3px;
  font-size: 0.9em;
  font-weight: normal;
}

#mobileguide div#main div#help_nav {
  margin: 0 20px 30px;
}

/* 
__api
----------------------------------------------------------*/
.help div#main div.api {
  margin: 0 30px 30px;
}

.help div#main div.api table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}

.help div#main div.api table th, 
.help div#main div.api table td {
  border: 1px solid #cccccc;
  padding: 5px;
}

/* 
__link
----------------------------------------------------------*/
.help div#main div.link {
  margin: 0 30px 30px;
}

.help div#main div.link h3 {
  height: 30px;
  margin-bottom: 5px;
  padding: 4px 115px 0 10px;
  border-top: 3px solid #2C67A5;
  background: #FFFFFF url(https://cdn.4travel.jp/img/general/4travel/cmn/bg/bg_all.gif) repeat-x 0 -450px;
  color: #000000;
  font-size: 1.1em;
}

.help div#main div.link h4 {
  margin: 10px 0;
  border-bottom: 1px solid #333333;
  font-size: 1.1em;
  font-weight: bold;
}


.help div#main div.link div.introduction {
  margin: 0 10px;
}

.help div#main div.link div.introduction h5 {
  margin: 10px 0 15px 0;
  border-bottom: 1px dotted #999999;
  font-size: 1.1em;
}

.help div#main div.link div.introduction textarea {
  margin-bottom: 10px;
  font-size: 1.1em;
}


.help div#main div.link div.bannerWrapper {
  margin: 0 10px 30px 10px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #999999;
}

.help div#main div.link div.last {
  margin: 0;
  padding-bottom: 0px;
  border-bottom: none;
}


.help div#main div.link div.bannerWrapper textarea {
  margin-bottom: 10px;
  font-size: 1.1em;
}

.help div#main div.link div.bannerWrapper div.bannerSection {
  float: left;
  width: 280px;
  margin-right: 25px;
}

.help div#main div.link div.bannerWrapper div.last {
  margin-right: 0;
}

.help div#main div.link div.bannerWrapper div.bannerSection h5 {
  margin: 10px 0 15px 0;
  border-bottom: 1px dotted #999999;
  font-size: 1.1em;
}

.help div#main div.link div.bannerWrapper div.bannerSection p.bannerImg {
  height: 70px;
}

.help div#main div.link div.bannerWrapper div.bannerSection textarea.broad {
  width: 99%;
  height: 120px;
}


/* 
__service_travel
----------------------------------------------------------*/
#help_service_travel div#main .maintitle {
  margin: 15px 20px 20px;
}

.help div#main div.help_service {
  margin: 0 20px;
}

.help div#main div.help_service h3 {
  height: 30px;
  margin-bottom: 5px;
  padding: 4px 10px 0 10px;
  border-top: 3px solid #2C67A5;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/bg/bg_all.gif) repeat-x 0 -450px;
  color: #000000;
  font-size: 1.1em;
}

/* みんなでつくる旅行ガイドとは */

.help div#main div.help_service div.what {
  margin: 0 0 45px 0;
  display: flex;
}

.help div#main div.what div.text {
  margin-right: 20px;
  flex: 1 1 470px;
}

.help div#main div.what div.go_guide {
  width: 470px;
  padding: 10px;
  border: 1px solid #cccccc;
  background: #f5f2ec;
}

.help div#main div.what div.go_guide p {
  font-size: 1.2em;
  margin-bottom: 5px;
}

.help div#main div.what div.go_guide li {
  display: inline;
}

.help div#main div.what div.go_guide li.os {
  padding-right: 20px;
}

.help div#main div.help_service div.col_half div.possible {
  float: left;
  width: 600px;
  margin-right: 15px;
  padding-right: 15px;
  border-right: solid 1px #cccccc;
}

.help div#main div.help_service div.col_half div#howto {
  float: right;
  width: 294px;
}

.help div#main div.help_service div.col_half div.possible div.left {
  float: left;
  width: 295px;
}

.help div#main div.help_service div.col_half div.possible div.right {
  float: right;
  width: 295px;
}

.help div#main div.help_service div.col_half ul {
  margin: 5px 0 10px 10px;
}

.help div#main div.help_service div.col_half li {
  padding: 0 0 12px 15px;
  background: url(https://cdn.4travel.jp/img/general/4travel/help/ico_nav.gif) no-repeat 0 5px;
}

.help div#main div.help_service div.col_half ul li span {
  color: #ff6600;
}

.help div#main div.help_service div.col_half ul li ul li {
  padding: 0 0 10px 22px;
  background: url(https://cdn.4travel.jp/img/general/4travel/help/ico_nav_map.gif) no-repeat 0 0;
}

.help div#main div.help_service div.col_half ul li.last {
  padding: 0 0 10px 22px;
  background: url(https://cdn.4travel.jp/img/general/4travel/help/ico_nav_map_last.gif) no-repeat 0 0;
}

.help div#main div.help_service div.col_half h4 {
  margin-bottom: 10px;
  padding: 0 0 3px 0;
  border-bottom: 1px solid #333333;
}

.help div#main div.help_service div.col_half h5 {
  margin-bottom: 10px;
  border-bottom: dotted 1px #333333;
  font-size: 1.1em;
}

.help div#main div.help_service div.col_half p.ex {
  margin-bottom: 15px;
  padding: 5px 10px;
  background: #efefef;
}

.help div#main div.help_service p.cap {
  clear: both;
  padding: 0 0 15px 0;
  color: #FF6600;
  text-align: right;
}

.help div#main div.help_service div.go_guide_bottom {
  clear: both;
  margin:10px 0 30px;
  padding: 10px;
  border: 1px solid #cccccc;
  background: #f5f2ec;
  text-align: center;
}

.help div#main div.help_service div.go_guide_bottom p {
  margin-bottom: 5px;
  font-size: 1.2em;
}

.help div#main div.help_service div.go_guide_bottom li {
  display: inline;
  padding-right: 10px;
}


#help_service_travel div#main div#help_nav {
  margin:0 20px 30px;
}
/* //みんなでつくる旅行ガイドとは */


/* 
__service_travel
----------------------------------------------------------*/
.help div#main div.service {
  margin: 0 20px 30px;
}

#help_service div#main .maintitle {
  margin: 15px 20px 0;
}

.help div#main div.service h3 {
  height: 30px;
  margin-bottom: 5px;
  padding: 4px 10px 0 10px;
  border-top: 3px solid #2C67A5;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/bg/bg_all.gif) repeat-x 0 -450px;
  color: #000000;
  font-size: 1.1em;
}

.help div#main div.service div.about_fortravel_bottom {
  position: relative;
  height: 121px;
  background: url(https://cdn.4travel.jp/img/general/4travel/help/service/about_fortravel_bottom.gif) no-repeat 0 0;
}

.help div#main div.service div.about_fortravel_bottom p {
  position: absolute;
  top: 41px;
  right: 110px;
}

.help div#main div#wrapper_service {
  background: url(https://cdn.4travel.jp/img/general/4travel/help/service/bg_service_col.gif) repeat-y left top;
}

.help div#main div.service div#wrapper_service h4 {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #333333;
  font-size: 1.1em;
}

.help div#main div.service div#wrapper_service h5 {
  border-bottom: 1px dotted #333333;
  font-size: 1.0em;
  margin: 10px 0 10px 0;
}

.help div#main div.service div#wrapper_service h5 a {
  color: #333333;
  text-decoration: none;
}

.help div#main div.service div#wrapper_service h5 a:hover {
  color: #666666;
  text-decoration: underline;
}

.help div#main div.service div#wrapper_service ul {
  margin: 0 0 20px 10px;
}

.help div#main div.service div#wrapper_service li {
  padding-bottom: 10px;
  padding-left: 22px;
  background: url(https://cdn.4travel.jp/img/general/4travel/help/ico_nav_map.gif) no-repeat 0 0;
}

.help div#main div.service div#wrapper_service li.last,
.help div#main div.service div#wrapper_service li li.last {
  padding-left: 22px;
  background: url(https://cdn.4travel.jp/img/general/4travel/help/ico_nav_map_last.gif) no-repeat 0 0;
}

.help div#main div.service div#wrapper_service div.travel_guide {
  float: left;
  width: 440px;
  margin-right: 10px;
  padding-right: 10px;
}

.help div#main div.service div#wrapper_service div.travel_guide div.lead {
  margin: 0 0 20px 0;
}

.help div#main div.service div#wrapper_service div.travel_guide div.lead p img {
  float: left;
  margin-right: 10px;
}

.help div#main div.service div#wrapper_service div.travel_guide div.lead p.sub-ttl{
  margin-bottom: 10px;
}

.help div#main div.service div#wrapper_service div.travel_guide div#os {
  float: left;
  width: 210px;
  margin-right: 20px;
}

.help div#main div.service div#wrapper_service div.travel_guide div#os p.travelOs {
  padding: 5px;
  background: #e4f1f3;
}

.help div#main div.service div#wrapper_service div.travel_guide div#dm {
  float: left;
  width: 210px;
}

.help div#main div.service div#wrapper_service div.travel_guide div#dm p.travelDm {
  background: #fbe3e8;
  padding: 5px;
}

.help div#main div.service div#wrapper_service div#travelReserve {
  float: left;
  width: 225px;
  margin-right: 10px;
  padding-right: 10px;
}

.help div#main div.service div#wrapper_service div#travelVarious {
  float: left;
  width: 220px;
}

.help div#main div.service div#help_nav {
  clear: both;
  margin-bottom: 30px;
  padding: 15px;
  background: #eeeeee;
}

.help div#main div.service div#help_nav dt {
  display: block;
  float: left;
  clear: left;
  width: 120px;
  font-weight: bold;
}

.help div#main div.service div#help_nav dd {
  margin: 0 0 3px;
}

.help div#main div.service div#help_nav li {
  display: inline;
  margin-left: 8px;
  padding-right: 5px;
  border-right: 1px solid #aeaeae;
}

.help div#main div.service div#help_nav li.double {
  border-right: 3px double #aeaeae;
}

.help div#main div.service div#help_nav li.off {
  border-right: none;
}

.help div#main div.service div#help_nav ul.goHelp {
  text-align: right;
}

.help div#main div.service div#help_nav ul.goHelp li {
  padding-left: 18px;
  border-right: none;
  background: url(https://cdn.4travel.jp/img/common/parts/csl/csl_11/csl_11_gry_normal.gif) no-repeat 0 1px;
}

/* 
__systeminfo
----------------------------------------------------------*/

.help div#main div.section_lead_right {
  margin: 0 30px 30px;
}

.help div#main div.systeminfo {
  margin: 30px 30px 0;
}

/*local_nav*/

.help div#main div#local_nav {
  clear: both;
  position: relative;
  margin: 0 30px 0;
  z-index: 200;
  background: #efefef url(https://cdn.4travel.jp/img/general/4travel/cmn/bg/bg_local_nav.gif) no-repeat;
  font-size: 1.1em;
}

/* menu_bar */
.help div#main div#local_nav ul.menu_bar {
  position: relative;
  height: 30px;
  padding: 3px 5px 0 4px;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/bg/bg_local_nav_right.gif) no-repeat right bottom;
}

.help div#main div#local_nav ul.menu_bar li {
  float: left;
  background: url(https://cdn.4travel.jp/img/general/4travel/overseas/area/bg_local_nav_line.gif) no-repeat right center;
  text-align: center;
  line-height: 29px;
}

.help div#main div#local_nav ul.menu_bar li.last {
  background: none;
}

.help div#main div#local_nav ul.menu_bar li a {
  display: block;
  padding: 0 8px;
  color: #444444;
  font-weight: bold;
  text-decoration: none;
}

.help div#main div#local_nav ul.menu_bar li a:hover {
  color: #2C67A5;
}

.help div#main div#local_nav ul.menu_bar li a.current {
  margin-right: 1px;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/bg/bg_local_nav_current.gif) repeat-x left top;
  color: #ffffff;
}

.help div#main div#local_nav ul.menu_bar li a.current:hover {
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/bg/bg_local_nav_current.gif) repeat-x left top;
  color: #ffffff;
}

.help div#main p.ico_explain {
  margin: 5px 30px 0;
  font-size: 0.9em;
  text-align: right;
}

.help div#main p.ico_explain img {
  vertical-align: text-bottom;
}

.help div#main div.systeminfo div.article {
  margin: 0 30px 30px;
}

.help div#main div.systeminfo div.article div.tit_fail {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: solid 1px #333333;
}

.help div#main div.systeminfo div.article h3 {
  font-size: 1.2em;
}

.help div#main div.systeminfo div.tit_fail span.ok {
  color: #2c67a5;
  font-size: 0.9em;
}

.help div#main div.systeminfo div.tit_fail span.ng {
  margin-left: 10px;
  padding: 2px;
  background: #ff9900;
  border: solid 1px #c56d02;
  color: #ffffff;
  font-size: 0.9em;
}

.help div#main div.systeminfo div.article h3 {
  float: left;
}

.help div#main div.systeminfo h3.mente {
  background: url(https://cdn.4travel.jp/img/general/4travel/help/systeminfo/ico_mente.gif) no-repeat left center;
  padding-left: 22px;
}

.help div#main div.systeminfo h3.fail {
  background: url(https://cdn.4travel.jp/img/general/4travel/help/systeminfo/ico_failure.gif) no-repeat left center;
  padding-left: 22px;
}

.help div#main div.systeminfo div.article div.tit_fail p {
  text-align: right;
}

.help div#main div.systeminfo div.article div.extra {
  margin-top: 10px;
  padding: 10px;
  border: solid 1px #cccccc;
  background: #F1F1F1;
}

.help div#main div.systeminfo div.null {
  margin: 0 0 200px;
}


/* travelogue_map */
.help div#main div.travelogue_map {
    margin: 0 20px 20px;
}
.help div#main div.travelogue_map h3 {
  margin: 10px 0 20px;
  border-bottom: 1px solid #333333;
  color: #333333;
  font-size: 1.4em;
  font-weight: bold;
}
.help div#main div.travelogue_map .left {
  float: left;
  width: 462px;
}
.help div#main div.travelogue_map .right {
  float: left;
  width: 467px;
}
.help div#main div.travelogue_map .map_display {
  float: left;
  width: 436px;
}
.help div#main div.travelogue_map .recommend_display {
  float: right;
  width: 465px;
}
.help div#main div.travelogue_map .wrap02 p.ttl {
  margin-bottom: 15px;
}
.help div#main div.travelogue_map .wrap02 p.txt {
  margin-bottom: 10px;
}
.help div#main div.travelogue_map .wrap03 .step01 {
  float: left;
  width: 267px;
}
.help div#main div.travelogue_map .wrap03 .step02 {
  float: left;
  width: 274px;
}
.help div#main div.travelogue_map .wrap03 .step03 {
  float: left;
  width: 389px;
}
.help div#main div.travelogue_map .wrap03 .step04 {
  clear: both;
  width: 649px;
  margin-left: 250px;
}
.help div#main div.travelogue_map .wrap03 .step01 .txt {
  width: 205px;
}
.help div#main div.travelogue_map .wrap03 .step02 .txt {
  width: 220px;
}
.help div#main div.travelogue_map .wrap03 .step03 .txt {
  width: 382px;
}
.help div#main div.travelogue_map .wrap03 .step03 .chuui {
  margin-top: 5px;
  font-size: 0.8em;
}
.help div#main div.travelogue_map .wrap03 .btn {
  margin: 10px 0 0;
}
.help div#main div.travelogue_map .wrap03 a:hover img {
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
}
.help div#main div.travelogue_map .step04 .left {
  float: left;
  width: 317px;
}
.help div#main div.travelogue_map .step04 .btn {
  display: inline;
  float: right;
  margin-right: 70px;
}


/* helpAttentionBox */
.help div#main div#u_helpAttentionBox {
  margin-bottom: 25px;
  padding: 6px 10px;
  border: 1px solid #CBCAC6;
  background: #FCF8EC;
}

.help div#main  div#u_helpAttentionBox h3 {
  font-size: 1.2em;
  margin-bottom:10px;
}

.help div#main div#u_helpAttentionBox span {
  padding-right: 8px;
}

.help div#main div#u_helpAttentionBox li {
  margin-bottom: 5px;
  padding-left: 9px;
  background: url(https://cdn.4travel.jp/img/general/4travel/cmn/mark/mark_01.gif) no-repeat 0 6px;
  list-style: none;
}

.normalNavIcon.is_textLink {
  margin: 0 30px 0 0;
}

.u_wifiLinkArea {
  margin: 5px 0;
}

.u_otherFormArea {
  margin: 5px 0 40px;
}

/* 休業のお知らせ */
.u_holidayInfo {
  color:#CC0000;
  padding: 10px;
  border: solid 1px #CC0000;
  margin: 0 0 30px;
}
.u_holidayInfo .title {
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 0;
}
.u_holidayInfo p {
  margin-top: 1em;
}