@charset "Shift_JIS";

/*
**********************************************************************

* ab_travel.css

* site name   : @保健
* description : design style for column pages
* since       : 2007-
* editor      : 
* modified    : 
* editor      : 

*********************************************************************
*/


/*==========================================================
　* 1: universal reset
==========================================================*/

* {
margin:0;
padding:0;}


/*==========================================================
　* 2: body and base setting
==========================================================*/

body {
text-align:center;/* box centering */
font:small/140% "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
margin:0px;
padding:0px;
background:#f4f4f4 url(../img/know_travel/ab_bg_ab.gif) 50% 0 repeat-y;
color:#191919;}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
padding: 0;/* margin&padding reset */
line-height: 1.4;/* base line height */
text-align: left;
display: block;
margin: 0px;
font-size:100%;
}
table {
margin:0;
empty-cells:show;
font-size:100%;
}
hr,
.areaAnchor,
.anchor {
display:none;
}
img {
border:none;/* img do not want a border */
vertical-align:bottom;
}
li {
list-style:none;/* link do not want a dot */
}

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr {
cursor:help;
}


/*==========================================================
　* 3: link setting
==========================================================*/
a:link {
color:#0066CC;
text-decoration:underline;}
a:visited {
color:#551A8B;}
a:hover {
color:#FFF;
background:#0066CC;
text-decoration:none;}





/*==========================================================
　★コンテンツ★
==========================================================*/
#contener {
width:782px;
padding:5px 0;
margin:0 auto;}



/* ヘッダー
-----------------------------------------------------------*/
#contener #header {
width:752px;
height:120px;
padding:0;
margin:0 auto 25px auto;
position:relative;}

#contener #header h1 {
width:752px;
height:29px;
padding:0;
bottom:35px;
left:0;
position:absolute;}

#contener #header strong {
width:752px;
height:24px;
padding:0;
margin:0;
bottom:0;
left:0;
display:block;
position:absolute;}

#contener #header div#logo {
width:752px;
height:31px;
padding:0 0 3px 0;
text-align:right;
border-bottom:1px #aaa solid;
top:0;
left:0;
position:absolute;}


#contener .clr {
width:auto;
height:1px;
padding:0;
margin:0;
clear:both;
font-size:1px;
line-height:1px;}


/* -------------------------------------------------------
　　本文　レイアウト
----------------------------------------------------------*/
#contener div#abWrap {
width:752px;
height:auto;
padding:0;
margin:0 auto 10px auto;}
#contener div#abWrap:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

/* 左メニュー */
#contener div#abWrap div#leftBox {
width:218px;
padding:1px;
margin:0 0 10px 0;
float:left;
border:1px #999 solid;}

/* 右　本文 */
#contener div#abWrap div#rightBox {
width:510px;
padding:0 0 10px 0;
margin:0;
float:right;}







/* -------------------------------------------------------
　　共有CSS
----------------------------------------------------------*/
div#abWrap div#rightBox h2{
width:auto;
padding:3px 0;
margin:0 0 15px 0;
border-top:1px #ccc solid;
border-bottom:1px #ccc solid;}

div#abWrap div#rightBox p.read {
width:auto;
padding:0;
margin:0 0 15px 0;}

div#abWrap div#rightBox p.read img {
margin:0 0 5px 0;}



div#abWrap div#rightBox .btnArea {
width:auto;
padding:10px;
margin:0 0 15px 0;
clear:both:;
border:1px #999 solid;}
div#abWrap div#rightBox .btnArea:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

div#abWrap div#rightBox .btnArea p{
padding:0;
margin:0;
text-align:center;}

div#abWrap div#rightBox p.spTop{
padding:15px 0 0 0;}

div#abWrap div#rightBox p.spBtm{
margin:0 0 15px 0;}

div#abWrap div#rightBox p.sp{
margin:15px 0;}

div#abWrap div#rightBox h3 {
text-align:left;
height:38px;
padding:0;
margin:0 0 5px 0;
text-indent:-999em;
display:block;
background-position:left;
background-repeat:no-repeat;}

div#abWrap div#rightBox .btnArea p.txt {
width:auto;
padding:0 20px;
margin:0 0 10px 0;
clear:both:;
text-align:left;
color:#5F4829;}


/* -------------------------------------------------------
　　右コンテンツ :旅行前の総点検
----------------------------------------------------------*/
div#abWrap div#rightBox ul#case {
width:510px;
padding:0;
margin:0 0 10px 0;
list-style:none;
display:block;}
div#abWrap div#rightBox ul#case:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

div#abWrap div#rightBox ul#case li{
padding:0;
margin:0 0 15px 0;
display:block;}

div#abWrap div#rightBox ul#case li.left{float:left;}
div#abWrap div#rightBox ul#case li.right{float:right;}


div#abWrap div#rightBox a.btnInsurerList {
width:274px;
height:54px;
padding:0;
margin:0 auto;
text-indent:-999em;
display:block;
background:url(../img/know_travel/bnt_insurer_list.gif) no-repeat center top;}

div#abWrap div#rightBox a.btnInsurerList:hover {
background:url(../img/know_travel/bnt_insurer_list.gif) no-repeat center bottom;}

/* -------------------------------------------------------
　　右コンテンツ：　保険会社で選ぶ
----------------------------------------------------------*/
div#abWrap div#rightBox h3#choice{
background:url(../img/know_travel/title_choice.gif) no-repeat left center;}


/* テーブルデザイン */
div#abWrap div#rightBox table.choice {
width:510px;
margin:0 0 20px 0;
border:3px #D0E0Ff solid;}

div#abWrap div#rightBox table.choice th,
div#abWrap div#rightBox table.choice td {
padding:4px 5px;
text-align:left;}

div#abWrap div#rightBox table.choice th {
width:120px;
color:#039;
vertical-align:top;
background-color:#E0EeFf;
border-top:1px #D0E0Ff solid;
border-left:1px #D0E0Ff solid;
border-bottom:1px #D0E0Ff solid;}

div#abWrap div#rightBox table.choice td {
border-top:1px #D0E0Ff solid;
border-right:1px #D0E0Ff solid;
border-bottom:1px #D0E0Ff solid;}

div#abWrap div#rightBox table.choice td.bn{text-align:center;}

div#abWrap div#rightBox img.icon {
margin:5px 5px 0 0;}

/* -------------------------------------------------------
　　右コンテンツ：　てれポン
----------------------------------------------------------*/
div#abWrap div#rightBox h3#telepon{
background:url(../img/know_travel/title_telepon.gif) no-repeat left center;}

div#abWrap div#rightBox #suggestion {
width:auto;
padding:12px;
margin:0 0 20px 0;
border:1px #999 solid;}


/* おすすめします */
div#abWrap div#rightBox #suggestion h4 {
width:auto;
padding:0 0 3px 0;
margin:0 0 10px 0;
border-bottom:1px #999 dashed;}

div#abWrap div#rightBox #suggestion ul {
width:auto;
padding:0;
margin:0 0 10px 0;
list-style:none;
display:block;}

div#abWrap div#rightBox #suggestion ul li {
padding:0;
margin:0 0 5px 0;
display:block;}

div#abWrap div#rightBox #suggestion .btnBox {
width:480px;
padding:0;
margin: 0 auto;
text-align:center;}
div#abWrap div#rightBox #suggestion .btnBox:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

div#abWrap div#rightBox #suggestion .exBox {
width:480px;
padding:0;
margin: 0 auto;
text-align:left;
font-size:90%;
line-height:130%;}

/* ●ボタン */
div#abWrap div#rightBox #suggestion a {
width:231px;
height:45px;
padding:0;
margin:0;
display:block;
text-indent:-999em;
background-position:center top;
background-repeat:no-repeat;}
div#abWrap div#rightBox #suggestion a:hover{background-position:center bottom;}

div#abWrap div#rightBox #suggestion a.btnSummary {/* ●ボタン：保険の概要 */
float:left;
background-image:url(../img/know_travel/btn_summary.gif);}
div#abWrap div#rightBox #suggestion a.btnTypeList {/* ●ボタン：契約タイプ一覧 */
float:right;
background-image:url(../img/know_travel/btn_type_list.gif);}



/* てれポンのご利用方法 */
div#abWrap div#rightBox h4 {
width:510px;
padding:0 0 2px 0;
margin:0 0 15px 0;
border-bottom:3px #ccc double;}
div#abWrap div#rightBox h4:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

div#abWrap div#rightBox h4 span {
padding:0;
margin:0;
display:block;
float:left;}

div#abWrap div#rightBox h4 a {
padding:0;
margin:0;
font-weight:normal;
display:block;
float:right;}

div#abWrap div#rightBox ul#telepon {
width:500px;
padding:0;
margin:0 auto 30px auto;
display:block;
list-style:none;}

div#abWrap div#rightBox ul#telepon li {
padding:0;
margin:0;
display:block;}


/* -------------------------------------------------------
　　右コンテンツ：　クレジット付帯保険
----------------------------------------------------------*/
div#abWrap div#rightBox h3#incidental{
background:url(../img/know_travel/title_about_creditcard.gif) no-repeat left center;}

div#abWrap div#rightBox h4.incidental {
width:auto;
padding:0;
margin:0 0 10px 0;
border:none;}

/* ４つのチェックポイント */
div#abWrap div#rightBox dl#cheackPoint {
width:510px;
padding:0;
margin:0 auto -10px auto;
list-style:none;
display:block;}

div#abWrap div#rightBox dl#cheackPoint dt,
div#abWrap div#rightBox dl#cheackPoint dd {
width:auto;
margin:0;
display:block;}

div#abWrap div#rightBox dl#cheackPoint dt {padding:0;}
div#abWrap div#rightBox dl#cheackPoint dd {padding: 0 0 15px 0;}

div#abWrap div#rightBox p.source {/* 出典 */
padding:0;
margin:0 0 30px 0;
text-align:right;
clear:both;}

div#abWrap div#rightBox #compensation {
width:auto;
padding:0;
margin:0 0 20px 0;}

div#abWrap div#rightBox #compensation img {
margin:0 0 20px 0;}


/* ●ボタン：セディナ/ＯＭＣカード付帯サービスへ */
div#abWrap div#rightBox a.btnIncidentalService {
width:274px;
height:54px;
padding:0;
margin:0 auto 20px auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_incidental_service.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnIncidentalService:hover {
background:url(../img/know_travel/btn_incidental_service.gif) no-repeat center bottom;}

/* ●ボタン：Top Up Plan オンライン申込へ */
div#abWrap div#rightBox a.btnOnlineContract {
width:274px;
height:54px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_online_contract.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnOnlineContract:hover {
background:url(../img/know_travel/btn_online_contract.gif) no-repeat center bottom;}



/* -------------------------------------------------------
　　右コンテンツ：　Ｑ＆Ａ
----------------------------------------------------------*/
div#abWrap div#rightBox h3#faq{
background:url(../img/know_travel/title_faq.gif) no-repeat left center;}


div#abWrap div#rightBox ul#qList {
width:auto;
padding:15px 10px 5px 10px;
margin:0;
list-style:none;
border:4px #D0E0FF solid;}

div#abWrap div#rightBox ul#qList li {
padding:0 0 0 30px ;
margin:0 0 10px 0;
display:block;
background:url(../img/common/marker_q_small.gif) no-repeat 5px top;}

div#abWrap div#rightBox dl#faq {
width:auto;
padding:15px 10px 0 10px;
margin:0 0 20px 0;
list-style:none;
border:4px #D0E0FF solid;
border-top:none !important;}

div#abWrap div#rightBox dl#faq dt {
padding:0 0 0 30px ;
margin:0 0 10px 0;
display:block;
font-size:110%;
font-weight:bold;
background:url(../img/common/marker_q_large.gif) no-repeat left top;}

div#abWrap div#rightBox dl#faq dd {
padding:0 0 15px 30px ;
margin:0 0 15px 0;
display:block;
border-bottom:1px #aaa dashed;
background:url(../img/common/marker_a_small.gif) no-repeat 5px top;}



div#abWrap div#rightBox .btnBoxFAQ {
width:auto;
padding:10px 10px 10px 275px;
margin:0 0 20px 0;
border:1px #aaa solid;
background:url(../img/know_travel/faq_contact_txt.gif) no-repeat left center;}


/* ●ボタン：お問い合せ */
div#abWrap div#rightBox a.btnContact {
width:187px;
height:38px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_contact.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnContact:hover {
background:url(../img/know_travel/btn_contact.gif) no-repeat center bottom;}



/* -------------------------------------------------------
　　右コンテンツ：　各国の医療事情とお助け会話
----------------------------------------------------------*/
div#abWrap div#rightBox h3#medical{
background:url(../img/know_travel/title_medical_situation.gif) no-repeat left center;}

div#abWrap div#rightBox h4.medical {
width:auto;
padding:5px 3px;
margin:0;
font-size:110%;
border:1px #D0E0FF solid;
background-color:#EEF3ff;}


/* 各国の医療事情
-----------------------------------------------------------*/
div#abWrap div#rightBox #affairs {
width:auto;
padding:5px 10px;
margin:0 0 3px 0;
background-color:#f4f4f4;}
div#abWrap div#rightBox #affairs:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

div#abWrap div#rightBox #affairs p {
padding:0;
margin:0 0 10px 0;}

div#abWrap div#rightBox #affairs ul {
width:235px;
padding:0;
margin:0;
list-style:none;
display:block;}

div#abWrap div#rightBox #affairs ul li {
padding:0 0 0 15px;
margin:0 0 5px 0;
display:block;
background:url(../img/common/list_marker_blue.gif) no-repeat 3px 2px;}

div#abWrap div#rightBox #affairs ul li.country {
padding:0 0 2px 0;
font-weight:bold;
color:#37f;
background:none;
border-bottom:1px #aaa dashed;}

div#abWrap div#rightBox #affairs ul li.empty {background:none;}

div#abWrap div#rightBox #affairs ul.line01 {float:left;}
div#abWrap div#rightBox #affairs ul.line02 {float:right;}


/* お助け会話集
-----------------------------------------------------------*/
div#abWrap div#rightBox ul#language {
width:500px;
padding:15px 5px;
margin:0 0 30px 0;
list-style:none;
display:block;}

div#abWrap div#rightBox ul#language li {
padding:0 0 0 15px ;
margin:0 25px 0 0;
display:block;
float:left;
background:url(../img/common/list_marker_blue.gif) no-repeat 3px 2px;}

div#abWrap div#rightBox #conversation {
width:auto;
padding:0;
margin:0 0 20px 0;
clear:both;}

div#abWrap div#rightBox #conversation h5 {
padding:0;
margin:0;
border:none;}

div#abWrap div#rightBox #conversation ul {
display:none;}

div#abWrap div#rightBox #conversation img {
margin:0 0 5px 0;}


/* リンク：ページトップに戻る */
div#abWrap div#rightBox #conversation p.goPageTop {
padding:0;
margin:0 0 30px 0;
text-align:right;}

div#abWrap div#rightBox #conversation p.goPageTop img {
vertical-align:middle;
margin:0 3px 0 0 ;}




/* -------------------------------------------------------
　　右コンテンツ：　海外留学情報
----------------------------------------------------------*/
div#abWrap div#rightBox h3#info{
background:url(../img/know_travel/title_info.gif) no-repeat left center;}

div#abWrap div#rightBox h4.info {
width:auto;
padding:5px 3px;
margin:0;
font-size:110%;
border:1px #D0E0FF solid;
background-color:#EEF3ff;}

div#abWrap div#rightBox dl.info {
width:auto;
padding:14px 14px 0 14px;
margin:0 0 30px 0;
list-style:none;
display:block;
background-color:#f8f8f8;}

div#abWrap div#rightBox dl.info dt{
width:auto;
padding:2px 0 5px 30px;
margin:0 0 10px 0;
color:#2266BB;
font-size:110%;
font-weight:bold;
display:block;
border-bottom:1px #999 dashed;}

div#abWrap div#rightBox dl.info dt.no01 {background:url(../img/know_travel/marker_no01.gif) no-repeat left top;}
div#abWrap div#rightBox dl.info dt.no02 {background:url(../img/know_travel/marker_no02.gif) no-repeat left top;}
div#abWrap div#rightBox dl.info dt.no03 {background:url(../img/know_travel/marker_no03.gif) no-repeat left top;}
div#abWrap div#rightBox dl.info dt.no04 {background:url(../img/know_travel/marker_no04.gif) no-repeat left top;}
div#abWrap div#rightBox dl.info dt.no05 {background:url(../img/know_travel/marker_no05.gif) no-repeat left top;}

div#abWrap div#rightBox dl.info dd{
width:auto;
padding:0 0 20px 0;
margin:0;
color:#333;
display:block;}

div#abWrap div#rightBox dl.info dd span {
padding:5px 0 0 0;
margin:0;
font-size:90%;
display:block;}

/* ●ボタン：留学・駐在保険 オンライン申込へ */
div#abWrap div#rightBox a.btnOnlineContract2 {
width:274px;
height:54px;
padding:0;
margin:0 auto 15px auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_online_contract02.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnOnlineContract2:hover {
background:url(../img/know_travel/btn_online_contract02.gif) no-repeat center bottom;}


/* -------------------------------------------------------
　　右コンテンツ：　事故例
----------------------------------------------------------*/
div#abWrap div#rightBox h3#accident{
background:url(../img/know_travel/title_accident_case.gif) no-repeat left center;}

div#abWrap div#rightBox h4.accident {
padding:0;
margin:0 0 15px 0;
background:none;
border:none;}


div#abWrap div#rightBox dl#accident {
width:510px;
padding:0;
margin:0 0 30px 0;
list-style:none;
display:block;
background-color:#f8f8f8;}

div#abWrap div#rightBox dl#accident dt{
width:470px;
padding:12px 10px 7px 40px;
margin:0 auto;
color:#2266BB;
font-size:110%;
font-weight:bold;
display:block;
background-color:#f8f8f8;}

div#abWrap div#rightBox dl#accident dd{
width:495px;
padding:10px 15px 15px 0;
margin:0 auto;
color:#333;
display:block;
background-color:#f8f8f8;
border-top:1px #999 dashed;
border-bottom:10px #fff solid;}
div#abWrap div#rightBox dl#accident dd:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

div#abWrap div#rightBox dl#accident dt.no01 {background:url(../img/know_travel/marker_no01.gif) no-repeat 10px 10px;}
div#abWrap div#rightBox dl#accident dt.no02 {background:url(../img/know_travel/marker_no02.gif) no-repeat 10px 10px;}
div#abWrap div#rightBox dl#accident dt.no03 {background:url(../img/know_travel/marker_no03.gif) no-repeat 10px 10px;}
div#abWrap div#rightBox dl#accident dt.no04 {background:url(../img/know_travel/marker_no04.gif) no-repeat 10px 10px;}

div#abWrap div#rightBox dl#accident dd p{
width:300px;
padding:0 0 0 15px;
margin:0;
float:left;}

div#abWrap div#rightBox dl#accident dd img {
margin:0;
float:right;}



/* -------------------------------------------------------
　　右コンテンツ：　AIU保険・セディナ海外旅行保険デスク
----------------------------------------------------------*/
div#abWrap div#rightBox h3#desk{
background:url(../img/know_travel/title_desk.gif) no-repeat left center;}

div#abWrap div#rightBox p.deskRead {
padding:0;
margin:0 0 20px 0;}

div#abWrap div#rightBox p.deskRead strong {
color:#e00;}

div#abWrap div#rightBox div#deskWrap {
padding:0;
margin:0;}

div#abWrap div#rightBox div#deskWrap h4{
width:auto;
padding:3px 5px;
margin:0 0 10px 0;
background-color:#FFEC96;
border:none;}

div#abWrap div#rightBox div#deskWrap p {
width:483px;
padding:0;
margin:0 auto 20px auto;} 

div#abWrap div#rightBox div#deskWrap img {
margin:0 auto 5px auto;}

div#abWrap div#rightBox div#deskWrap ul {
display:none;}




/* -------------------------------------------------------
　　右コンテンツ：　保険付帯のカードを持ってる
----------------------------------------------------------*/
div#abWrap div#rightBox h3#card {
background:url(../img/know_travel/title_have_a_card.gif) no-repeat left center;}


div#abWrap div#rightBox #topUpPlan {
width:auto;
padding:15px 15px 5px 15px;
margin:0 0 30px 0;
background-color:#F7F5F2;}


div#abWrap div#rightBox #topUpPlan h5 {
padding:0;
margin:0 0 10px;}

div#abWrap div#rightBox #topUpPlan ul{
padding:0;
margin:0;
list-style:none;
display:block;}

div#abWrap div#rightBox #topUpPlan ul li{
padding:0;
margin:0 0 10px;
display:block;}


/* ●ボタン：エース保険　Top Up Plan オンライン申込へ */
div#abWrap div#rightBox a.btnOnlineContract3 {
width:274px;
height:54px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_online_contract03.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnOnlineContract3:hover {
background:url(../img/know_travel/btn_online_contract03.gif) no-repeat center bottom;}




/* -------------------------------------------------------
　　右コンテンツ：　留学・駐在に
----------------------------------------------------------*/
div#abWrap div#rightBox h3#goAbroad {
background:url(../img/know_travel/title_go_abroad.gif) no-repeat left center;}


div#abWrap div#rightBox h4.goAbroad {
padding:0;
margin:0 0 5px 0;
border:none;
background:none;}


div#abWrap div#rightBox div.planBox {
width:490px;
padding:10px;
margin:0 0 20px 0;
border:1px #aaa solid;}
div#abWrap div#rightBox div.planBox:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}


div#abWrap div#rightBox div.planBox h5 {
padding:0 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px #aaa dashed;}

div#abWrap div#rightBox div.planBox strong {
padding:0;
margin:0 0 15px 0;
display:block;}

div#abWrap div#rightBox div.planBox ul {
width:auto;
padding:0;
margin:0 0 15px 0;
display:block;}

div#abWrap div#rightBox div.planBox ul.p01 {
height:41px;
background:url(../img/know_travel/point_homestay.gif) no-repeat left;}
div#abWrap div#rightBox div.planBox ul.p02 {
height:74px;
background:url(../img/know_travel/point_rented_house.gif) no-repeat left;}
div#abWrap div#rightBox div.planBox ul.p03 {
height:92px;
background:url(../img/know_travel/point_resident.gif) no-repeat left;}


div#abWrap div#rightBox div.planBox ul li{
padding:0;
margin:0;
font-size:12px;
display:none;}

div#abWrap div#rightBox div.planBox ul li strong {
font-size:110%;
margin:0 0 10px 0;
display:block;}



/* -------------------------------------------------------
　　右コンテンツ：　ファミリープラン (一部上記CSSと共有）
----------------------------------------------------------*/
div#abWrap div#rightBox h3#familyPlan {
background:url(../img/know_travel/title_family_plan.gif) no-repeat left center;}


div#abWrap div#rightBox div.planBox .logoBox {
width:170px;
padding:0;
margin:0;
float:left;}

div#abWrap div#rightBox div.planBox .txt {
width:290px;
padding:0;
margin:0;
float:right;}

div#abWrap div#rightBox div.planBox .txt ul {
padding:0 0 10px 0;
margin:0;
list-style:disc;
display:block;}

div#abWrap div#rightBox div.planBox .txt ul li{
padding:0 0 0 8px;
margin:0 0 5px 0;
display:block;
background:url(../img/know_travel/marker_disk.gif) no-repeat left 2px;}

div#abWrap div#rightBox div.planBox .btn{
width:100%; /* IE用 */
clear:both;}


/* ●ボタン：AIU保険　オンライン申込へ */
div#abWrap div#rightBox a.btnOnlineContract4 {
width:274px;
height:54px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_online_contract04.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnOnlineContract4:hover {
background:url(../img/know_travel/btn_online_contract04.gif) no-repeat center bottom;}


/* ●ボタン：損保ジャパン　オンライン申込へ */
div#abWrap div#rightBox a.btnOnlineContract5 {
width:274px;
height:54px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_online_contract05.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnOnlineContract5:hover {
background:url(../img/know_travel/btn_online_contract05.gif) no-repeat center bottom;}


/* -------------------------------------------------------
　　右コンテンツ：　治療費は万全に (一部上記CSSと共有）
----------------------------------------------------------*/
div#abWrap div#rightBox h3#doctorsFee {
background:url(../img/know_travel/title_doctorsfee_ab.gif) no-repeat left center;}


div#abWrap div#rightBox div.planBox .logoBox {
width:170px;
padding:0;
margin:0;
float:left;}

div#abWrap div#rightBox .txt {
width:auto;
padding:0;
margin:0;}

div#abWrap div#rightBox .txt p {
margin:0 0 1.5em 0;}

div#abWrap div#rightBox div.planBox .btn{
clear:both;}


/* ●ボタン：AIU旅上手　オンライン契約へ */
div#abWrap div#rightBox a.btnOnlineContract10 {
width:274px;
height:54px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_online_contract10.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnOnlineContract10:hover {
background:url(../img/know_travel/btn_online_contract10.gif) no-repeat center bottom;}



/* -------------------------------------------------------
　　右コンテンツ：　三井住友海上
----------------------------------------------------------*/
div#abWrap div#rightBox h3#mitsuiSumitomo {
background:url(../img/know_travel/title_mitsui_sumitomo.gif) no-repeat left center;}


div#abWrap div#rightBox div#mitsuiSumitomo {
width:auto;
padding:0;
margin:0;}

div#abWrap div#rightBox div#mitsuiSumitomo ul {
width:auto;
height:132px;
padding:0;
margin:15px 0;
background:url(../img/know_travel/mitsui_sumitomo_suggest.gif);}

div#abWrap div#rightBox div#mitsuiSumitomo ul li{
display:none;}

div#abWrap div#rightBox div#mitsuiSumitomo strong {
padding:0;
margin:0 0 5px 0;
text-align:center;
display:block;}

/* ●ボタン：三井住友海上　オンライン申込へ */
div#abWrap div#rightBox a.btnOnlineContract7 {
width:274px;
height:54px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_online_contract07.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnOnlineContract7:hover {
background:url(../img/know_travel/btn_online_contract07.gif) no-repeat center bottom;}




/* -------------------------------------------------------
　　右コンテンツ：　AIU
----------------------------------------------------------*/
div#abWrap div#rightBox h3#aiu {
height:42px;
margin:0;
background:url(../img/know_travel/title_aiu.gif) no-repeat left center;}


div#abWrap div#rightBox table#aiuService {
width:510px;}

div#abWrap div#rightBox table#aiuService td {
padding:0 0 10px 0;
text-align:center;
vertical-align:top;
border-bottom:1px #aaa dashed;}

div#abWrap div#rightBox table#aiuService td h4 {
width:auto;
padding:0;
margin:0 0 5px 0;
color:#000099;
font-size:120%;
border:none;}

div#abWrap div#rightBox table#aiuService td img {
margin:0 auto 10px auto;}

div#abWrap div#rightBox table#aiuService td p {
padding:0;
margin:0 0 5px 0;
text-align:left;
line-height:120%;}

div#abWrap div#rightBox table#aiuService td a {
text-align:right;
padding:0;
margin:0;
display:block;}


div#abWrap div#rightBox h5.aiu {
width:auto;
padding:0 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px #aaa dashed;
text-align:center;}


/* ●ボタン：AIU海外旅行保険　オンライン申込へ */
div#abWrap div#rightBox a.btnOnlineContract8 {
width:274px;
height:54px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_online_contract08.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnOnlineContract8:hover {
background:url(../img/know_travel/btn_online_contract08.gif) no-repeat center bottom;}


/* ●ボタン：契約内容のご確認 */
div#abWrap div#rightBox a.btnComfirm {
width:149px;
height:27px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_contract_confirm.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnComfirm:hover {
background:url(../img/know_travel/btn_contract_confirm.gif) no-repeat center bottom;}


/* 無料☆加入者特典 */
div#abWrap div#rightBox div#privilegeAIU{
padding:0;
margin:0;}

div#abWrap div#rightBox div#privilegeAIU h4 {
width:auto;
padding:3px 5px;
margin:0 0 15px 0;
border:none;
color:#fff;
background-color:#888;}

div#abWrap div#rightBox div#privilegeAIU ul {
padding:0;
margin:0;}

div#abWrap div#rightBox div#privilegeAIU ul li{
width:170px;
padding:0;
margin:0 0 20px 0;
text-align:center;
float:left;}


/* 問い合わせに関して */
div#abWrap div#rightBox div#contactAIU {
padding:1em 1em 0 1em;
margin:0;
clear:both;
background-color:#f4f4f4;}

div#abWrap div#rightBox div#contactAIU p {
padding:0 0 1em 0;
margin:0;
text-align:left;}

div#abWrap div#rightBox div#contactAIU span {
font-size:90%;}



/* -------------------------------------------------------
　　右コンテンツ：　AIU 利用規約
----------------------------------------------------------*/
div#abWrap div#rightBox h3#aiuAgree {
height:42px;
background:url(../img/know_travel/title_aiu_agreement.gif) no-repeat left center;}

div#abWrap div#rightBox h4.aiu {
padding:0;
margin:0 0 10px 0;
border:none;}

div#abWrap div#rightBox strong.aiu {
padding:0;
margin:0 0 10px 0;
display:block;}

div#abWrap div#rightBox p.aiu {
padding:0;
margin:0 0 20px 0;}


/* ●ボタン：同意して契約へ */
div#abWrap div#rightBox a.btnAgreement {
width:274px;
height:49px;
padding:0 35px 0 0;
margin:0;
display:block;
float:right;
text-indent:-999em;
background:url(../img/know_travel/btn_contract.gif) no-repeat left top;}
div#abWrap div#rightBox a.btnAgreement:hover {
background:url(../img/know_travel/btn_contract.gif) no-repeat left bottom;}


/* ●ボタン：戻る */
div#abWrap div#rightBox a.btnBack {
width:107px;
height:49px;
padding:0 0 0 40px;
margin:0;
display:block;
float:left;
text-indent:-999em;
background:url(../img/know_travel/btn_back.gif) no-repeat right top;}
div#abWrap div#rightBox a.btnBack:hover {
background:url(../img/know_travel/btn_back.gif) no-repeat right bottom;}



/* 規約文 */
div#abWrap div#rightBox #aiuAgree {
padding:10px 0 0 0;
margin:0 0 20px 0;}

div#abWrap div#rightBox #aiuAgree h5 {
padding:0 0 2px 0;
margin:0 0 10px 0;
font-size:110%;
border-bottom:1px #333 solid;}

div#rightBox div.writings {
width:510px;
height:200px;
padding:0;
margin:0 0 20px 0;
border:1px #aaa solid;
overflow:auto;}



div#rightBox div.writings ul.agree{
width:auto;
padding:10px;}

div#rightBox div.writings ul.agree li{
margin:0 0 0 2em;
padding:0 0 1.5em 0;
list-style-type:decimal;
list-style-position:outside;}



div#rightBox div.writings ul.compensation{
width:auto;
padding:0 10px 5px 10px;}

div#rightBox div.writings ul.compensation li{
margin:0 0 5px 0;
padding:0;
list-style:none;
display:block;}


div#rightBox div.writings h6 {
padding:2em 0 0 0;
margin:0;}

div#rightBox div.writings ul.compensation strong {
padding:0;
margin:0 0 2px 0;
font-weight:normal;
display:block;}

div#rightBox div.writings ul.compensation p {
padding:0 0 0 1em;
margin:0 0 1em 0;}

div#rightBox div.writings ul.compensation li ul {
padding:0;
margin:0;}

div#rightBox div.writings ul.compensation li ul li {
margin:0 0 0 1em;
padding:0 0 1px 0;
list-style-type:disk;
list-style-position:outside;}



/* -------------------------------------------------------
　　右コンテンツ：　東京海上日動
----------------------------------------------------------*/
div#abWrap div#rightBox h3#nichido {
height:42px;
margin:0 0 15px 0;
background:url(../img/know_travel/title_nichido.gif) no-repeat left center;}

div#abWrap div#rightBox div.readNichido {
padding:0 234px 0 0;
margin:0 0 20px 0;
background:url(../img/know_travel/img_nichido.gif) no-repeat right top;}

div#abWrap div#rightBox div.readNichido strong {
padding:0;
margin:0 0 10px 0;
display:block;}


div#abWrap div#rightBox h4.nichido {
padding:0;
margin:0 0 5px;
border:none;}


/* ●ボタン：東京海上日動　オンライン申込へ */
div#abWrap div#rightBox a.btnOnlineContract9 {
width:274px;
height:54px;
padding:0;
margin:0 auto;
display:block;
text-indent:-999em;
background:url(../img/know_travel/btn_online_contract09.gif) no-repeat center top;}
div#abWrap div#rightBox a.btnOnlineContract9:hover {
background:url(../img/know_travel/btn_online_contract09.gif) no-repeat center bottom;}


/* -------------------------------------------------------
　　左メニュー
----------------------------------------------------------*/
div#abWrap div#leftBox h4 {
width:212px;
padding:2px 3px;
margin:0 0 5px 0;
font-size:110%;
background-color:#f0f0f0;}
div#abWrap div#leftBox h4:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

div#abWrap div#leftBox h4 span {
padding:0;
margin:0;
display:block;
float:left;}
div#abWrap div#leftBox h4 a {
padding:2px 0 0 0;
margin:0;
display:block;
float:right;
font-size:75%;
line-height:130%;
font-weight:normal;}

div#abWrap div#leftBox h5 {
padding:0 3px;
margin:0 0 5px 0;
font-size:100%;
color:#666;}


/* リスト */
div#abWrap div#leftBox dl{
width:auto;
padding:0;
margin:0 0 1em 0;
list-style:none;
clear:both;
display:block;}

div#abWrap div#leftBox dl dt {
margin:0 4px;
padding:0 0 4px 16px;
display:block;
background:url(../img/common/list_marker_blue.gif) no-repeat 5px 2px;}

div#abWrap div#leftBox dl dd {
margin:0 7px 5px 7px;
padding:0 0 4px 12px;
display:block;
border-bottom:1px #aaa dashed;}

div#abWrap div#leftBox dl dd ul{
width:auto;
padding:0;
margin:0 0 5px 0;
list-style:none;
display:block;}

div#abWrap div#leftBox dl dd ul li{
padding:0;
margin:0 0 3px 0;
display:block;}

div#abWrap div#leftBox dl dd.noUB{
margin:0 7px 5px 7px !important;
border:none !important;}

div#abWrap div#leftBox p {
padding:3px 7px 7px 7px;
margin:0;}

div#abWrap div#leftBox p a.more {
padding:0;
margin:0;
display:block;
text-align:right;}




/* -------------------------------------------------------
　　フッター
----------------------------------------------------------*/

#contener #footer {
width:752px;
padding:5px 0;
margin:0 auto;
clear:both;
border-top:1px #aaa dashed;}

#contener #footer .wClose {
padding:0;
margin:0 0 10px 0;
text-align:right;}