@charset "EUC-JP";

/* ======================================================

　ファイル名：insurance/insurance_os.css
　概要：海外保険全体に関する設定
　備考：area/common.cssの継承CSS 

=======================================================*/

@import url("/css/insurance/common.css");
@import url("/css/area/common.css");
@import url("/css/ad.css");


/* 海外用ヘッダー色設定
 -------------------------------------------------------*/

div#header{
	border-bottom: 3px #669acc solid;
}
div#headerArea{/* ヘッダーバナー有り用 */
	border-bottom: 3px #669acc solid;
	margin-bottom: 0px;
}
p#description{
	background: #699bcc url(http://cdn.4travel.jp/img/common/bg_description_default.gif) repeat-x left top;
	color: #FFF;
}

/* h1
 -------------------------------------------------------*/

#maintitle-insurance{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/bg_shadow_down.gif) repeat-x left bottom;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
#maintitle-insurance h1{
	font-size: 160%;
}
* html #maintitle-insurance h1,
*:first-child+html #maintitle-insurance h1{ /* IEだけ文字サイズ大きめ */
	font-size: 180%;
}

.insurance-ttl h1{
	background: transparent url(http://cdn.4travel.jp/img/common/parts/icn/icn_32/icn_32_insurance.gif) no-repeat left center;
	padding: 5px 0 0 35px;
	min-height: 27px;
	float: left;
}
* html .insurance-ttl h1{
	height: 27px;
}

.insurance-ttl p{
	font-family: "Arial", "ＭＳ Ｐゴシック", "Osaka", Helvetica, sans-serif;
	float: left;
	padding: 7px 0 0 15px;
	color: #999
	font-size: 80%;
}
.insurance-ttl img{
	float: right;
}

/* h1下 サブナビゲーション
 -------------------------------------------------------*/

.subNavi-insurance{
	margin-top: 5px;
	border-top: 2px solid #6898c9;
}
* html .subNavi-insurance{
	font-size: 90%;
}
.subNavi-insurance li{
	font-weight: bold;
	float: left;
}
.subNavi-insurance li a{
	text-decoration: none;
	color: #333;
	display: block;
	padding: 5px 7px;
}
.subNavi-insurance ul{
	background: #c8def4 url(http://cdn.4travel.jp/img/common/sub_navi/bg_os_sub.gif) repeat-x left top;
}
.subNavi-insurance li{
	background: #c8def4 url(http://cdn.4travel.jp/img/common/sub_navi/bg_os_sublist.gif) no-repeat top right;
}
.subNavi-insurance li a:hover{
	background: url(http://cdn.4travel.jp/img/common/sub_navi/bg_os_sublist.gif) no-repeat  right -50px;
}
.subNavi-insurance li a:visited,
.subNavi-insurance li a:hover{
	color: #333;
}

/* h2
 -------------------------------------------------------*/

.ttl-normal{
	background: #deedf6 url(http://cdn.4travel.jp/img/insurance/new/ttl_bg_noicn.gif) repeat-x left top;
	border-bottom: 2px solid #669acc;
	padding: 9px 10px 9px 10px;
	min-height: 14px;
	color: #555;
	font-size: 120%;
}
* html .ttl-normal{
	height: 14px;
}
.ttl-insurance{
	background: #deedf6 url(http://cdn.4travel.jp/img/insurance/new/ttl_bg_insurance.gif) no-repeat left top;
	border-bottom: 2px solid #669acc;
	color: #555;
	font-size: 120%;
}

/* h3
 -------------------------------------------------------*/

.areaTitleS{
	background: #e8f1f8;
	padding: 3px 10px;
	margin-bottom: 20px;	
}
.areaTitleS-2{
	background: #e8f1f8;
	padding: 7px 10px;
	margin-bottom: 20px;
	height: 16px;
}

/* 海外用ストライプ型リスト
 -------------------------------------------------------*/

.listStripe li{
	padding: 4px 5px 4px 4px;
}
#mainTipsWrap .listStripe li{
	padding: 6px 5px 6px 2px;
}
.listStripe li.check,
.listStripeL li.check,
.listStripeT .check th,
.listStripeT .check td,
.listStripeP .check td{
	background: #f2f7fb;
}


/* 海外保険トップ
 -------------------------------------------------------*/

/* 検索フォーム */

div.searchBox{
	float: left;
	width: 340px;
}
.box-grayTop{
	background: transparent url(http://cdn.4travel.jp/img/insurance/new/gry_box_top.gif) no-repeat left top;
	padding-top: 15px;
}
.box-grayBottom{
	background: transparent url(http://cdn.4travel.jp/img/insurance/new/gry_box_bottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
}
.box-gray{
	background: #efefef;
	padding: 0 10px;
}

div.searchBox dl{
	padding-left: 20px;
}
div.searchBox dl dt{
	float: left;
	font-weight: bold;
	color: #666;
	margin-right: 10px;
	padding-top: 2px;
}
div.searchBox dl dd{
	float: left;
}
div.searchBox dl dd select.L{
	width: 150px;
}
div.searchBox dl dd select.S{
	width: 80px;
}
div.searchBox input{
	cursor: pointer;
}

div.searchBox .searchBtn{
	margin-top: 10px;
}
* html div.searchBox .searchBtn{
	margin-top: 15px;
}


/* 保険ついてNavi 右カラム */

div.aboutNavi-R{
	float: right;
	width: 374px;
}
div.aboutNavi-R .box-out{
	background: url(http://cdn.4travel.jp/img/area/os/bg_module.gif) top left;
	padding: 5px;
}
div.aboutNavi-R .box-in{
	background-color: #fff;
	padding: 10px;
}
div.aboutNavi-R h3{
	color: #555;
}
div.aboutNavi-R ul li{
	float: left;
	margin-bottom: 10px;
}
div.aboutNavi-R ul li.L{
	margin-right: 10px;
}
div.aboutNavi-R ul li.end{
	margin-bottom: 0;
}

/* 検索結果コメント */

.resultBox{
	padding: 10px 10px 10px 15px;
	border: 1px solid #ccc;
	text-align: center;
	background: url(http://cdn.4travel.jp/img/insurance/new/bg_result.gif) repeat-x left bottom;
}
.resultBox dl dt{
	float: left;
	font-weight: bold;
	font-size: 120%;
}
.resultBox dl dd{
	float: left;
}
.resultBox dl dd span{
	font-weight: bold;
	color: #ff0000;
	font-size: 120%;
}
.resultBox p{
	float: right;
}

/* 検索結果テーブル */

.searchList th{
	border-bottom: none;
	padding: 3px 2px 0 2px;
}
.searchList td.btn{
	background-color: #eee;
	padding: 0;
	text-align: center;
}
.searchList td.ttl{
	padding: 5px 2px;
}
.searchList td.price{
	white-space: nowrap;
}
.searchList td.price span{
	font-family: "Arial";
	font-size: 140%;
	letter-spacing: 1px;
}
.searchList td.bg-yellow{
	padding: 3px 4px;
	text-align: center;
	font-weight: bold;
}

/* 損害保険会社紹介 */

.companyTable {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 730px;
	line-height: 140%;
}

.companyTable th,
.companyTable td{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 7px 5px;
}
.companyTable th{
	background-color: #eee;
	font-size: 120%;
}
.companyTable td.logo{
	padding: 0;
}
.companyTable .mainBox{
	width: 655px;
}
.companyTable .mainBox ul{
	float: left;
	width: 525px;
}
.companyTable .mainBox img{
	float: right;
	width: 97px;
}
.companyTable .mainBox img.S{
	padding-top: 10px;
}
.companyTable .mainBox img.L{
	padding-top: 40px;
}
.companyTable tr.entry{
	background-color: #eee;
	font-size: 10px;
	font-weight: bold;
}
.companyTable td.txtBox,
.companyTable td.btnBox,
.companyTable td.btnBox-end{
	width: 66px;
	text-align: center;
}
* html .companyTable td.txtBox,
* html .companyTable td.btnBox,
* html .companyTable td.btnBox-end{
	width: 57px;
}
.companyTable td.txtBox{
	padding: 5px 0;
}
* html .companyTable td.txtBox{
	padding: 5px;
}
.companyTable td.btnBox,
.companyTable td.btnBox-end{
	padding: 8px 0;
}
* html .companyTable td.btnBox,
* html .companyTable td.btnBox-end{
	padding: 8px 5px;
}
.companyTable td.other{
	padding: 5px;
}
* html .companyTable td.other{
	width: 365px;
}

/*----------------------------------------------------*/
.companyTable2 {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 950px;
	line-height: 140%;
}
.companyTable2 th,
.companyTable2 td{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 7px 5px;
}
.companyTable2 th{
	background-color: #eee;
	font-size: 120%;
}
.companyTable2 td.logo{
	padding: 0;
}
.companyTable2 .mainBox{
	width: 655px;
}
.companyTable2 .mainBox ul{
	float: left;
	width: 700px;
}
.companyTable2 .mainBox img{
	float: right;
	width: 97px;
}
.companyTable2 .mainBox img.S{
	padding-top: 10px;
}
.companyTable2 .mainBox img.L{
	padding-top: 40px;
}
.companyTable2 tr.entry{
	background-color: #eee;
	font-size: 10px;
	font-weight: bold;
}
.companyTable2 td.txtBox,
.companyTable2 td.btnBox,
.companyTable2 td.btnBox-end{
	width: 66px;
	text-align: center;
}
* html .companyTable2 td.txtBox,
* html .companyTable2 td.btnBox,
* html .companyTable2 td.btnBox-end{
	width: 57px;
}
.companyTable2 td.txtBox{
	padding: 5px 0;
}
* html .companyTable2 td.txtBox{
	padding: 5px;
}
.companyTable2 td.btnBox,
.companyTable2 td.btnBox-end{
	padding: 8px 0;
}
* html .companyTable2 td.btnBox,
* html .companyTable2 td.btnBox-end{
	padding: 8px 5px;
}
.companyTable2 td.other{
	padding: 5px;
}
* html .companyTable2 td.other{
	width: 365px;
}

/*----------------------------------------------------*/

p.creditRight {
	clear:both;
	margin: 10px 0 30px;
	text-align: right;
	font-size: 0.9em;
}

/* 長期保険
 -------------------------------------------------------*/

/* トップイメージ */

.longInfo{
	float: left;
	width: 340px;
}
.box-brownPaper-insurance{
	background: #f4efe9 url(http://cdn.4travel.jp/img/insurance/new/box_brownpaper360_bottom.gif) no-repeat left bottom;
	padding: 10px 10px 15px 10px;
}
.longInfo h2{
	font-size: 120%;
	color: #666;
}
.longInfo dl dt{
	float: left;
	padding: 5px;
	border: 1px solid #ddd;
}
.longInfo dl dd{
	float: right;
	width: 170px;
	line-height: 145%;
}

/* 長期保険テーブル */

.insuranceList th{
	padding: 4px;
}

/* 長期　損害保険会社紹介 */

.companyList th{
	padding: 7px 4px;
}
.nowrap{
	white-space: nowrap;
}


/* 保険について共通ナビ
 -------------------------------------------------------*/

div.aboutNavi .box-out{
	background: url(http://cdn.4travel.jp/img/area/os/bg_module.gif) top left;
	padding: 5px;
}
div.aboutNavi .box-in{
	background-color: #fff;
	padding: 10px;
}

div.aboutNavi p{
	font-size: 120%;
	font-weight: bold;
	color: #555;
}
div.aboutNavi ul li{
	float: left;
	margin-right: 10px;
}
div.aboutNavi ul li.end{
	margin-right: 0;
}

/*---------------------------*/
div.aboutNavi2 {
	float: right;
	width: 590px;
}
div.aboutNavi2 .box-out{
	margin-bottom: 10px;
	padding: 7px 10px 5px 15px;
	border: solid 3px #93B7DB;
}

div.aboutNavi2 p{
	font-size: 120%;
	font-weight: bold;
	color: #555;
}
div.aboutNavi2 ul li{
	float: left;
	margin-right: 10px;
}
div.aboutNavi2 ul li.end{
	margin-right: 0;
}
/*---------------------------*/


/* 海外の医療事情
 -------------------------------------------------------*/

ul.anchor-medical li{
	float: left;
	padding-right: 7px;
	border-right: 1px solid #ddd;
	margin-right: 7px;
	white-space: nowrap;
	margin-bottom: 7px;
}
ul.anchor-medical li.end{
	padding-right: 0;
	border-right: none;
	margin-right: 0;
}

.medicalList th{
	padding: 4px 3px;
	line-height: 130%;
}
.medicalList td{
	padding: 3px 5px 3px 10px;
	font-weight: bold;
}
.medicalList td.country{
	background-color: #f4efe9;
}
.medicalList td.city{
	background-color: #edf3f7;
	text-align: center;
}
.attention{
	border: 1px solid #ddd;
	padding: 15px 10px 10px 10px;
}
.attention li{
	line-height: 130%;
	margin-bottom: 5px;
	background: transparent url(http://cdn.4travel.jp/img/public/csl/csl_10_cccccc.gif) no-repeat left 2px;
	padding-left: 10px;
}
.attention dl {
	margin-bottom: 12px;
	}
.attention dl dt {
	margin-bottom: 3px;
	}
.attention dl dd {
	margin-left: 8px;
	margin-bottom: 3px;
	}

/* 海外での事故例
 -------------------------------------------------------*/

ul.anchor-accident li{
	float: left;
	padding-right: 7px;
	border-right: 1px solid #ddd;
	margin-right: 7px;
	white-space: nowrap;
}
ul.anchor-accident li.end{
	padding-right: 0;
	border-right: none;
	margin-right: 0;
}

.accidentList th{
	padding: 4px 3px;
	line-height: 130%;
}
.accidentList td{
	padding: 7px 5px;
}
.accidentList td.region{
	padding: 3px 5px 3px 10px;
	font-weight: bold;
	background-color: #f4efe9;
}
.accidentList td.country{
	background-color: #edf3f7;
	text-align: center;
	font-weight: bold;
}
.accidentList td.price{
	text-align: right;
	font-weight: bold;
}

/* トラブルデータ
 -------------------------------------------------------*/

.troubleGraf1 .L{
	float: left;
	width: 350px;
}
.troubleGraf1 .R{
	float: right;
	width: 300px;
	text-align: center;
}
.troubleGraf1 .txtWrap,
.troubleGraf2 .txtWrap{
	padding: 0 10px;
}
.troubleGraf1 .imgWrap{
	text-align: center;
	width: 350px;
}
.troubleGraf2 .imgWrap{
	text-align: center;
	width: 730px;
}
.troubleGraf2 .txt_decoration {
	text-decoration: underline;
}
.troubleGraf1 .ttl_bold,
.troubleGraf2 .ttl_bold {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.3em;
}
.troubleGraf2 ul {
	margin: 0 0 20px 30px;
}
.troubleGraf2 ul li {
	text-indent: -1em;
}

/* みんなの保険体験談
 -------------------------------------------------------*/

.tips-right .L{
	width: 180px;
	float: left;
}
.tips-right .R{
	width: 540px;
	float: right;
	line-height: 140%;
}
.tips-right .R2 {
	width: 540px;
	float: left;
	line-height: 140%;
	margin-left: 15px;
}
.tips-left .L{
	width: 540px;
	float: left;
	line-height: 140%;
}
.tips-left .R{
	width: 180px;
	float: right;
}

.tips-right .ttl,
.tips-left .ttl{
	padding-bottom: 14px;
	background: url(http://cdn.4travel.jp/img/insurance/new/tips_ttl_under.gif) no-repeat left bottom #f3eee8;
	line-height: 130%;
}
.tips-right .ttl p,
.tips-left .ttl p{
	font-weight: bold;
	padding: 10px 20px;
}

.box-fukidashiR-middle{
	background: url(http://cdn.4travel.jp/img/insurance/new/fukidashi_right_middle.gif) repeat-y left top;
}
.box-fukidashiR-bottom{
	background: url(http://cdn.4travel.jp/img/insurance/new/fukidashi_right_bottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
}
.box-fukidashiR-top{
	background: url(http://cdn.4travel.jp/img/insurance/new/fukidashi_right_top.gif) no-repeat left top;
	padding: 15px 15px 0 29px;
}

.box-fukidashiL-middle{
	background: url(http://cdn.4travel.jp/img/insurance/new/fukidashi_left_middle.gif) repeat-y left top;
}
.box-fukidashiL-bottom{
	background: url(http://cdn.4travel.jp/img/insurance/new/fukidashi_left_bottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
}
.box-fukidashiL-top{
	background: url(http://cdn.4travel.jp/img/insurance/new/fukidashi_left_top.gif) no-repeat left top;
	padding: 15px 29px 0 15px;
}

/* 旅行保険の問い合わせ
 -------------------------------------------------------*/

.infoList th{
	padding: 8px 7px;
}
.infoList td{
	padding: 5px 7px;
}
.infoList td.logo{
	text-align: center;
}
.infoList td.company{
	background-color: #edf3f7;
	text-align: center;
	font-weight: bold;
}

/* 勧誘方針について
 -------------------------------------------------------*/

h3.policy-ttl{
	border-left: 4px solid #ff0000;
	padding-left: 10px;
	padding-bottom: 3px;
	font-size: 120%;
}

.policyList{
	padding: 20px 10px;
	border: 1px solid #ddd;
	line-height: 140%;
}
.policyList ul li{
	margin-bottom: 20px;
	background: transparent url(http://cdn.4travel.jp/img/public/csl/csl_10_cccccc.gif) no-repeat left 2px;
	padding-left: 10px;
}

div.policyList dl {
border-bottom: 1px dotted #cccccc;
list-style-type: disc;
margin-bottom: 20px;
margin-left: 8px;
padding-bottom: 12px;
}
div.policyList dt{
	margin-bottom: 13px;
	font-size: 1.1em;
	font-weight: bold;
}
div.policyList dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	line-height: 1.3;
	margin-left: 30px;
	display: list-item;
}

/* 091216 損害保険会社紹介用バナー
 -------------------------------------------------------*/
.companyTable .mainBox img.banner {
	float:left;
	width:auto;
}
 
 


/* 131001 アフィリンク削減
 -------------------------------------------------------*/
.commonTable{
width:100%;
}

.pts-center.ttl a{
font-weight:bold;
}
.pts-center.ttl a:hover{
color:#e17a00;
}
.pts-center.ttl a span.btn{
display:block;
padding-top:5px;
}
.companyTable2:hover{
background:#ffffcc;
cursor:pointer;
}
.companyTable2 h3.ttl_ins{
color:#003399;
font-weight:bold;
text-decoration:underline;
}
.companyTable2 h3.ttl_ins:hover{
color:#e17a00;
}
.companyTable2 .logo{
text-align:center;
}