@charset "Shift_JIS";

body#keio {
	background: url(/landing/amex/apply/keio/img/bg_body.gif) repeat-x 0 0 #FFFFFF;
}
body#keio #container #areaContents h2 {
	background: url(/landing/amex/apply/keio/img/h2_bg.gif) no-repeat 0 0;
}
body#keio #container #areaContents h3 {
	background: url(/landing/amex/apply/keio/img/h3_bg.gif) no-repeat 0 2px;
}
body#keio #container {
	width:100%;
	background: none;
}
#areaContents div.tabmenu{
	background: url(/landing/amex/apply/keio/img/index_bg_tabmenu.gif) repeat-y 0 0;
	margin:1em 0;
	zoom:1;
}
body#keio #container #areaHeader,
body#keio #container #areaContents {
	margin: 0 auto;
}
body#keio #container #areaHeader {
	width: 800px;
	height: 80px;
	background: url(/landing/amex/apply/keio/img/bg_header_line_popup.gif) no-repeat 0 0;
}
body#keio #container #areaFooter {
	margin: 0;
	width: 100%;
	background: #000000;
}
body#keio #container #areaFooter #areaFooterIn {
	margin: 0 auto;
	padding-top: 0;
	width: 748px;
	background: url(/landing/amex/apply/keio/img/bg_footer_line_popup.gif) no-repeat 0 9px;
}


#areaContents div.tabmenu ul.menulist{
	height:60px;
}
#areaContents div.tabmenu ul.menulist li{
	float:left;
}
#areaContents div.tabmenu ul.menulist li a{
	background: url(/landing/amex/apply/keio/img/index_tabmenu.gif) no-repeat scroll 0 0;
	width:182px;
	height:0;
	padding-top:60px;
	overflow:hidden;
	display:block;
}

#areaContents div.tabmenu ul.menulist li.tabmenu_travel_ent a{
}
#areaContents div.tabmenu ul.menulist li.tabmenu_point a{
	background-position:-182px 0;
}
#areaContents div.tabmenu ul.menulist li.tabmenu_protection a{
	background-position:-364px 0;
}
#areaContents div.tabmenu ul.menulist li.tabmenu_support a{
	background-position:-546px 0;
}

#areaContents div#travel_ent ul.menulist li.tabmenu_travel_ent a,
#areaContents div.tabmenu ul.menulist li.tabmenu_travel_ent a:hover{
	background-position:0 -60px;
}
#areaContents div#point ul.menulist li.tabmenu_point a,
#areaContents div.tabmenu ul.menulist li.tabmenu_point a:hover{
	background-position:-182px -60px;
}
#areaContents div#protection ul.menulist li.tabmenu_protection a,
#areaContents div.tabmenu ul.menulist li.tabmenu_protection a:hover{
	background-position:-364px -60px;
}
#areaContents div#support ul.menulist li.tabmenu_support a,
#areaContents div.tabmenu ul.menulist li.tabmenu_support a:hover{
	background-position:-546px -60px;
}

#areaContents div.tabcontents{
	background: url(/landing/amex/apply/keio/img/index_bg_tabcontents.gif) no-repeat scroll 0 100%;
	padding:0 16px 1em;
}

#areaContents div.tabcontents h2{
	display:none;
}

#areaContents div.tabcontents p.catch{
	margin:19px -1em 12px 0;
}
#areaContents div.tabcontents p.catch img_landing{
	margin-left:0;
}

#areaContents div.tabcontents h3{
	margin-left:0;
}

#areaContents div.tabcontents div.plateRight{
	margin-bottom:0;
}
#areaContents div.tabcontents div.plateRight.TEphoto1 {
	margin-top:1.5em;
}
:root #areaContents div.tabcontents div.plateRight.TEphoto1 {/* IE以外用 */
	margin-top:0;
}

#areaContents div.tabcontents div.plateRight.TEphoto2 {
	margin-top:1em;
}

/*
	WEB明細チェック登録のご案内
---------------------------------------------------------*/
#areaContents div.webcheck{
	clear:both;
	margin-left:0;
	border-color:#000 !important;
}
#areaContents div.notice{
	clear:both;
	background:#fff url(/landing/amex/apply/keio/img/bg_notice.gif) repeat-x scroll 0 100%;
	margin-left:0;
	border-color:#ccc;
}
#areaContents div.notice dt{
	color:#9f0100;
}
#areaContents #applyArea{
	text-align:center;
	margin:1em 0;
	padding:1.5em 1em 1em;
	border:1px solid #ccc;
}
#areaContents div.tabcontents h3{
	background: url(/landing/amex/apply/keio/img/h3_bg.gif) no-repeat 0 2px;
	font-size:108%;
}
#areaContents div.tabcontents h4{
	margin-top:1.5em;
}

#areaContents ul.linkButtonImg{
	width:209px;
	margin:0 auto;
	text-align:center;
}
#areaContents ul.linkButtonImg a{
	height:37px;
	width:209px;
}
#areaContents ul.linkButtonImg a img{
	clip:rect('0px', '209px', '37px', '0px');
}
#areaContents ul.linkButtonImg a:hover img,
#areaContents ul.linkButtonImg a img:hover{
	top:-37px;
}

#areaContents div.applyComments{
	width:16em;
	margin:10px auto;
	white-space:nowrap;
}
#areaContents div.applyComments ul.link {
	margin-left:10px;
}

#areaContents div.titleArea{
	position:relative;
	margin: 0 -10px;
}

#areaContents div.titleArea ul.linkButtonImg{
	position:absolute;
	top:186px;
	left:422px;
}

#areaContents #cardOverview{
	width:728px;
	margin:28px 0;
}
#areaContents #cardOverview p{
	margin:0;
	overflow:hidden;
	position:relative;
}
#areaContents #cardOverview p img{
	position:absolute;
	vertical-align:top;
}
#areaContents #cardOverview #row1,
#areaContents #cardOverview #row1 p{
	height:41px;
}
#areaContents #cardOverview #row1 p img{}
#areaContents #cardOverview #row2,
#areaContents #cardOverview #row2 p {
	height:83px;
}
#areaContents #cardOverview #row2 .col2{
	background:url(/landing/amex/apply/keio/img/index_table.gif) no-repeat scroll -148px -41px;
	vertical-align:top;
}
#areaContents #cardOverview #row2 p.last {
	height:56px;
}
#areaContents #cardOverview #row2 p img{
	top:-41px;
}
#areaContents #cardOverview #row2 ul{
	margin:0 0 0 90px;
}
#areaContents #cardOverview #row3,
#areaContents #cardOverview #row3 p{
	height:97px;
}
#areaContents #cardOverview #row3 p img{
	top:-124px;
}
#areaContents #cardOverview .col1{
	width:148px;
}
#areaContents #cardOverview .col2{
	width:343px;
}
#areaContents #cardOverview .col2 p img{
	left:-148px;
}
#areaContents #cardOverview .col3{
	width:237px;
}
#areaContents #cardOverview .col3 p img{
	left:-491px;
}

/*
	オンライン入会申込み
---------------------------------------------------------*/
#areaContents div.onlineCardApply,
#areaContents div.onlineCardApply-in,
#areaContents div.onlineCardApplyCont,
#areaContents div.onlineCardApplyCont-in,
#areaContents div.onlineCardApplyContBox,
#areaContents div.webService,
#areaContents div.colLine,
#areaContents div.webDetails,
#areaContents div.txBox,
#areaContents div.phBox,{
	margin:0;
	padding:0;
}

#areaContents div.onlineCardApply{
	width:726px;
	height:auto;
	word-break:break-all;
	word-wrap:break-word;
	border:1px solid #bcbfc9;
	background:#ebedf3 url(/amex/apply/img/online_card_apply_07.jpg) repeat-x scroll 0 0;
}

#areaContents div.onlineCardApply .onlineCardApplyBg01{
	background: url(/amex/apply/img/online_card_apply_08.gif) no-repeat scroll 0 0;
	position:relative;
	margin:-1px;
	zoom:1;
}

#areaContents div.onlineCardApply .onlineCardApplyBg02{
	background: url(/amex/apply/img/online_card_apply_09.gif) no-repeat scroll 100% 0;
}

#areaContents div.onlineCardApply .onlineCardApplyBg03{
	background: url(/amex/apply/img/online_card_apply_10.gif) no-repeat scroll 0 100%;
}

#areaContents div.onlineCardApply .onlineCardApplyBg04{
	background: url(/amex/apply/img/online_card_apply_11.gif) no-repeat scroll 100% 100%;
}

#areaContents div.onlineCardApply .onlineCardApply-in{
	padding:13px;
}

#areaContents div.onlineCardApply .onlineCardApply-in .ttlImg{
	margin:0;
	padding:0 0 5px 0;
	text-align:center;
}

#areaContents div.onlineCardApply .onlineCardApplyCont-in{
	clear:both;
	width:700px;
	height:auto;
	background:#fff url(/amex/apply/img/online_card_apply_14.gif) repeat-y scroll 0 0;
}

#areaContents div.onlineCardApply .onlineCardApplyCont .boxBgTop{
	margin:0;
	padding:0;
	font-size:1px;
}

#areaContents div.onlineCardApply .onlineCardApplyCont .boxBgTop img{
	display:block;
	vertical-align:bottom;
}

#areaContents div.onlineCardApply .onlineCardApplyCont .boxBgBottom{
	clear:both;
	margin:0;
	padding:0;
	font-size:1px;
}

#areaContents div.onlineCardApply .onlineCardApplyCont .boxBgBottom img{
	display:block;
}

#areaContents div.onlineCardApply .onlineCardApplyContBox{
	padding:10px 10px 0 10px;
}

#areaContents div.onlineCardApply .webService{
	width:320px;
	float:left;
}

#areaContents div.onlineCardApply .colLine{
	width:30px;
	float:left;
}

#areaContents div.onlineCardApply .webDetails{
	width:320px;
	float:left;
}

#areaContents div.onlineCardApply .txBox{
	width:240px;
	float:left;
}

#areaContents div.onlineCardApply .txBox p{
	margin-left:0;
}

#areaContents div.onlineCardApply .phBox{
	width:60px;
	float:left;
	margin:0 16px 12px 0;
}

#areaContents div.onlineCardApply .phBox img{
	vertical-align:top;
	margin:0;
}

#areaContents div.onlineCardApply .txtpt10{
	padding-top:10px;
}

#areaContents .mt20{
	margin-top:20px;
}

#areaContents .mtb20{
	margin:20px 0;
}

#areaContents div.onlineCardApply div{
	zoom:1;
}


@media print {
#areaContents div.titleArea ul.linkButtonImg{
	display:none;
}
#areaContents div.tabmenu{
	display:block !important;
}

#areaContents div.tabmenu ul.menulist{
	margin:1.5em 0 0;
	min-height:21px;
	border-bottom:1px solid #666 !important;
}
#areaContents div.tabmenu ul.menulist li a{
	display:none;
}
#areaContents div#travel_ent ul.menulist li.tabmenu_travel_ent a,
#areaContents div#point ul.menulist li.tabmenu_point a,
#areaContents div#protection ul.menulist li.tabmenu_protection a,
#areaContents div#support ul.menulist li.tabmenu_support a{
	color:#000;
	font-size:108%;
	font-weight:bold;
	min-height:21px;
	padding:6px 10px!important;
	display:inline;
	float:none;
	border-top:4px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	page-break-before: avoid !important;
}
body#keio #container #areaFooter,
body#keio #container #areaFooter #areaFooterIn {
	width: 100%;
}

}/* print end */

/*
	161101 MUN LOGO CHANGE
---------------------------------------------------------*/
body#keio #container #areaFooter.munLogo2016 #areaFooterIn {
	background: url(/landing/amex/apply/keio/img/bg_footer_line_popup_02.gif) no-repeat 0 9px;
}