@charset "shift_jis";

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

	CLICK Internet Check-in / CLICK Mobile Check-in

==================================================== */
/* 2010.05 */


body.int #Container {
padding-top:0;
}


.attentionText { 
	color: #ff0000; 
	} 
span.noteList { 
	padding-left: 1em; 
	text-indent: -1em; 
	display: block; 
	} 
.noteList li, 
.noteList dd { 
	padding-left: 1em; 
	text-indent: -1em; 
	line-height: 1.5; 
	} 

/* 
	index.html
 ----------------------------------------------------*/
#ClickCheckIn_index { 
	border: 1px solid #b2b2b2; 
	background: url(/int/checkin/click/image/index_bg_101012.jpg) repeat-x left top #e4f1f8; 
	text-align: center; 
	padding: 0 0 18px; 
	} 
#ClickCheckIn_index p.main { 
	text-align: center; 
	} 

/* .iconArea */
#ClickCheckIn_index .iconArea { 
	width: 914px; 
	margin: 0 auto; 
	zoom: 1; 
	} 
#ClickCheckIn_index .iconArea:after {
    content: ".";
    display: block;
    clear: both; 
	visibility: hidden; 
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	} 
#ClickCheckIn_index .iconArea p.iconImage { 
	float: left; 
	}
#ClickCheckIn_index .iconArea p.text { 
	float: right; 
	text-align: right;
	margin: 5px 0 0; 
	}
#ClickCheckIn_index .iconArea p.fntMedium { 
	float: right; 
	text-align: right; 
	margin: 5px 0 0; 
	}

/* .noteArea */
#ClickCheckIn_index .noteArea { 
	background: url(/int/checkin/click/image/index_note_bg.gif) no-repeat left top; 
	width: 900px; 
	height: 75px; 
	clear: both; 
	margin: 0 auto 17px; 
	} 
#ClickCheckIn_index .noteArea p { 
	padding: 47px 0 0 78px; 
	} 


/* .noteArea02 */
#ClickCheckIn_index .noteArea02 { 
	width: 900px; 
	margin: 0 auto 17px;
	_zoom: 1;  
	overflow: hidden;  
	} 

#ClickCheckIn_index .noteArea02 p.fntMedium { 
	float: right; 
	text-align: right; 
	margin: 5px 0 0; 
	} 

/* .click_mb_bg */
#ClickCheckIn_index .click_mb_bg { 
	width: 948px; 
	margin-bottom: 28px;
	text-align: center; 
	} 

/* .click_mb */
#ClickCheckIn_index .mbArea { 
	width: 906px; 
	margin-left: 42px; 
	zoom: 1; 
	} 
	
#ClickCheckIn_index .mbArea:after {
    content: ".";
    display: block;
    clear: both; 
	visibility: hidden; 
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	} 
	
#ClickCheckIn_index .click_mb { 
	width: 948px; 
	margin: 0 auto;
	_zoom: 1;  
	overflow: hidden;  
	} 

/* .mbArea */
#ClickCheckIn_index .mbArea p.text { 
    text-align: left; 
	clear: both; 
	}

/* .meritArea */
#ClickCheckIn_index .meritArea { 
	background: url(/int/checkin/click/image/line.gif) no-repeat center top; 
	margin: 26px 15px 0; 
	padding: 21px 0 0; 
	} 
#ClickCheckIn_index .meritArea p { 
	text-align: center; 
	} 
#ClickCheckIn_index .meritArea p.fntMedium { 
	text-align: left; 
	margin: 0 0 0 14px; 
	} 

/* .btn */
#ClickCheckIn_index .btn { 
	text-align: right; 
	padding-right: 25px; 
	}

/* 



    guide.html
 ----------------------------------------------------*/



/* .mainBox */
#ClickCheckIn_guide .mainBox { 
	border: 1px solid #b2b2b2; 
	padding: 0 0 12px; 
	margin: 0 0 10px; 
	} 
#ClickCheckIn_guide .mainBox .main dd { 
	margin: 14px 9px 0 9px; 
	background-color:#dcf3ff;
	padding-bottom: 15px;
	margin-bottom: 24px; 
	} 
#ClickCheckIn_guide .mainBox .main dd p { 
	margin: 15px 10px 0 10px; 
	} 
#ClickCheckIn_guide .mainBox dl.attention { 
	color: #ff0000; 
	margin: 0 12px; 
	} 
#ClickCheckIn_guide .mainBox dl.attention dd { 
	padding-left: 1em; 
	text-indent: -1em; 
	line-height: 1.5; 
	} 

#ClickCheckIn_guide .mainBox a:link, 
#ClickCheckIn_guide .mainBox a:visited,
#ClickCheckIn_guide .mainBox a:hover,
#ClickCheckIn_guide .mainBox a:active { 
	text-decoration: underline;
	}

/* .cnt */
#ClickCheckIn_guide .cnt { 
	margin: 0 15px 35px 20px; 
	line-height: 1.6; 
	}

#ClickCheckIn_guide .cnt02 { 
	margin: 0 0 35px 20px; 
	line-height: 1.6; 
	} 

#ClickCheckIn_guide .cnt a:link, 
#ClickCheckIn_guide .cnt a:visited,
#ClickCheckIn_guide .cnt02 a:link, 
#ClickCheckIn_guide .cnt02 a:visited { 
	text-decoration: underline; 
	} 
#ClickCheckIn_guide .cnt a:hover, 
#ClickCheckIn_guide .cnt a:active,
#ClickCheckIn_guide .cnt02 a:hover, 
#ClickCheckIn_guide .cnt02 a:active { 
	text-decoration: none; 
	} 

#ClickCheckIn_guide .cnt .btnList { 
	margin: 12px 0 0 -3px; 
	}
#ClickCheckIn_guide .cnt .btnList li { 
	display: inline; 
	line-height: 0; 
	font-size: 0; 
	margin: 0 0 12px; 
	} 
#ClickCheckIn_guide .cnt .btnList li img { 
	margin-right: 10px; 
	} 

#ClickCheckIn_guide .cnt p.tmplBtn,
#ClickCheckIn_guide .cnt02 p.tmplBtn { 
	text-align: right; 
	line-height: normal; 
	margin: 1.5em 0 0; 
	} 

#ClickCheckIn_guide .cnt .bgGrayBox { 
	background: #f6f6f6; 
	padding: 10px; 
	margin-top: 35px; 
	}
#ClickCheckIn_guide .cnt .bgGrayBox .info001 { 
	padding: 10px; 
	color: #ff0000; 
	background: #FFFFFF; 
	border: 1px solid #ff0000; 
	line-height: 1.6; 
	} 
#ClickCheckIn_guide .cnt .bgGrayBox .info001 dt { 
	font-weight: bold; 
	} 
#ClickCheckIn_guide .cnt .bgGrayBox .info002 dt { 
	margin: 1em 0 0; 
	} 

#ClickCheckIn_guide .cnt .mailInfo dt { 
	position: relative; 
	margin: 0 0 5px; 
	padding: 5px 0 0 95px; 
	} 
#ClickCheckIn_guide .cnt .mailInfo dt img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	} 
#ClickCheckIn_guide .cnt .mailInfo dd { 
	padding: 0 0 0 105px; 
	} 
/*--*/
* html #ClickCheckIn_guide .cnt .mailInfo dt { 
	width: 900px; 
	} 
/*--*/



/* 
	t.html
 ----------------------------------------------------*/
/* .cnt */
#ClickCheckIn_airport .cnt { 
	margin: 0 15px 15px 25px; 
	line-height: 1.6; 
	}

#ClickCheckIn_airport .cnt02 { 
	margin: 0 0 15px 25px; 
	line-height: 1.6; 
	}

#ClickCheckIn_airport .cnt a:link, 
#ClickCheckIn_airport .cnt a:visited,
#ClickCheckIn_airport .cnt02 a:link, 
#ClickCheckIn_airport .cnt02 a:visited { 
	text-decoration: underline; 
	} 
#ClickCheckIn_airport.cnt a:hover, 
#ClickCheckIn_airport .cnt a:active,
#ClickCheckIn_airport.cnt02 a:hover, 
#ClickCheckIn_airport .cnt02 a:active { 
	text-decoration: none; 
	} 
	
#ClickCheckIn_airport .cnt .airportinfo001 dt { 
	margin: 1em 0 0; 
	} 

#ClickCheckIn_airport .cnt02 p.tmplBtn { 
	text-align: right; 
	line-height: normal; 
	margin: 0 0 1.5em 0; 
	} 

/* .airportTable */
#ClickCheckIn_airport .airportTable a:link,
#ClickCheckIn_airport .airportTable a:visited,
#ClickCheckIn_airport .airportTable a:hover,
#ClickCheckIn_airport .airportTable a:active { 
	text-decoration: underline; 
	} 

#ClickCheckIn_airport .airportTable { 
	border-collapse: collapse; 
	margin-bottom: 10px; 
	} 
#ClickCheckIn_airport .airportTable td { 
	border: 1px solid #b2b2b2; 
	vertical-align: middle; 
	line-height: 1.4; 
	} 
#ClickCheckIn_airport .airportTable td img.btn { 
	margin: 4px auto 0; 
	}
#ClickCheckIn_airport .airportTable .line2 td { 
	border-top: 2px solid #b2b2b2; 
	}


#ClickCheckIn_airport .airportTable td.departure { 
	background: #fff280; 
	font-weight: bold; 
	text-align: center; 
	white-space: nowrap; 
	padding: 4px 0; 
	}
#ClickCheckIn_airport .airportTable td.baggage { 
	background: #ececec; 
	font-weight: bold; 
	text-align: center; 
	padding: 4px 0; 
	} 
#ClickCheckIn_airport .airportTable td.domAirport001 { 
	background: #beedfe; 
	font-weight: bold; 
	text-align: center; 
	white-space: nowrap; 
	padding: 0 2px; 
	} 
#ClickCheckIn_airport .airportTable td.domAirport002 { 
	background: #beedfe; 
	font-weight: bold; 
	text-align: left; 
	white-space: nowrap; 
	padding: 20px 4px; 
	} 
#ClickCheckIn_airport .airportTable td.intAirport001 { 
	background: #f7db98; 
	font-weight: bold; 
	text-align: center; 
	white-space: nowrap; 
	padding: 0 2px; 
	} 
#ClickCheckIn_airport .airportTable td.intAirport002 { 
	background: #f7db98; 
	font-weight: bold; 
	text-align: left; 

	padding: 15px 4px; 
	} 

#ClickCheckIn_airport .airportTable td.bg001, 
#ClickCheckIn_airport .airportTable td.bg002 { 
	width: 182px; 
	padding: 10px 8px;
	} 
* html #ClickCheckIn_airport .airportTable td.bg001, 
* html #ClickCheckIn_airport .airportTable td.bg002 { 
	width: 198px; 
	} 
#ClickCheckIn_airport .airportTable td.bg001 { 
	background: #e9f7ff; 
	} 
#ClickCheckIn_airport .airportTable td.bg002 { 
	background: #e5efff; 
	} 


/* 2012.11 
-----------------------------------------------*/

#ClickCheckIn_guide .index {
	width: 950px;
	margin-bottom: 20px;
}
#ClickCheckIn_guide .index .indexIn {
	border-width: 0 1px 1px;
	border-style: none solid solid;
	border-color: b2b2b2;
	padding: 10px 20px 10px;
}
#ClickCheckIn_guide .index .indexIn .anchorLink li {
	display: block;
	float: left;
	margin-right: 30px;
}
#ClickCheckIn_guide .boxOut .boxIn_01 {
	background-color: #e4f1f8;
	border-color: #b2b2b2;
	border-width: 0 1px 1px;
	border-style: none solid solid;
	width: 943px;
	/width: 950px;
	padding-left: 5px;
}
#ClickCheckIn_guide .boxOut .boxIn_01 .boxIn_01_content {
	padding: 0 10px;
}
#ClickCheckIn_guide .boxOut .boxIn_01 .boxIn_02 {
	background-color: #FFF;
	border: 1px solid #b2b2b2;
	width: 930px;
	/width: 936px;
	margin-bottom: 20px;
	padding: 3px;
}
#ClickCheckIn_guide .boxOut .boxIn_01 .boxIn_02 .boxIn_03 {
	background-color: #DDF3FF;
}
#ClickCheckIn_guide .boxOut .boxIn_01 .boxIn_02 .boxIn_03 .boxIn_03_content {
	padding: 10px 10px 20px;
	margin: 0px;
}
#container #IntContainer .tab {
	background: url(/int/checkin/click/image/tab_bottom.gif) no-repeat left bottom;
	height: 43px;
	width: 950px;
	margin: 10px 0 20px;
}
#container #IntContainer .tab li {
	float: left;
	height: 43px;
	width: 233px;
	margin-right: 10px;
}

ul.anchorLink li {
	float: left;
	margin-right: 10px;
}
ul.anchorLink li a {
	padding-left: 12px;
	background: url(/int/checkin/click/image/arrow_blue.gif) no-repeat 0 5px;
}
.mtb20 {
	margin-bottom: 20px;
}
#ClickCheckIn_guide .boxOut dl.attention { 
	color: #ff0000; 
	} 
#ClickCheckIn_guide .boxOut dl.attention dd { 
	padding-left: 1em; 
	text-indent: -1em; 
	line-height: 1.5; 
	} 
#ClickCheckIn_guide .boxOut a:link, 
#ClickCheckIn_guide .boxOut a:visited,
#ClickCheckIn_guide .boxOut a:hover,
#ClickCheckIn_guide .boxOut a:active { 
	text-decoration: underline;
	}
#ClickCheckIn_guide .indexIn a:link, 
#ClickCheckIn_guide .indexIn a:visited,
#ClickCheckIn_guide .indexIn a:hover,
#ClickCheckIn_guide .indexIn a:active { 
	text-decoration: underline;
	}

/* 2013.3
-----------------------------------------------*/


.fntRed2 {
	color:#cd0000;
}
.mgb10 {
	margin-bottom:10px;
}
.mgb15 {
	margin-bottom:15px;
}
.anchorLink_rev {
	margin:10px 0 20px 0;
}
.anchorLink_rev li{
	float:left;
	padding-right:10px;
}
.anchorLink_rev li.last {
	padding-right:0;
}
.boxIn_01_rev {
    background-color: #e4f1f8;
    border-color: #b2b2b2;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding-left: 5px;
    width: 943px;
	_width: 950px;
}
#ClickCheckIn_guide .boxOut .boxIn_01_rev .boxIn_01_content_rev {
    padding: 0 10px;
}
#ClickCheckIn_guide .boxOut .boxIn_01_rev .boxIn_02_rev {
    background-color: #FFFFFF;
    border: 1px solid #B2B2B2;
    margin-bottom: 20px;
    padding: 3px;
    width: 930px;
}
.boxIn_03_rev {
	background-color: #f1f1f1;
	width:930px;
}
.boxIn_03_rev .boxIn_03_content {
	padding:10px;
}
.cnt2 {
	line-height: 1.6;
    margin: 0 10px 35px 10px;
}
#ClickCheckIn_guide .cnt2 .btnList li {
    display: inline;
    font-size: 0;
    line-height: 0;
    margin: 0 0 12px;
}
.baggageWrap {
	width:950px;
	background: url(/int/checkin/click/image/baggage_bg.gif) repeat-y center bottom;
	padding-bottom:15px;
	margin-bottom:35px;
}
.baggageWrap .baggageWrapTable {
	margin-top:5px;
	width:910px;
	margin-left:20px;
}
#ClickCheckIn_guide .baggageWrap a:link, #ClickCheckIn_guide .baggageWrap a:visited {
    text-decoration: underline;
}
#ClickCheckIn_guide .baggageWrap a:hover, #ClickCheckIn_guide .baggageWrap a:active {
    text-decoration: none;
}
.baggageWrap .baggageWrapTable .detailLink {
	text-align:right;
}
#IntContainer #ClickCheckIn_guide .baggageWrap .baggageWrapTable img {
	vertical-align:middle;
}
.preparationBoxWrap {
	border: 1px solid #a3a0a0;
	padding:1px;
	width:350px;
}
.preparationBox {
	border: 1px solid #a3a0a0;
	padding:7px;
}
.useBox {
	width:908px;
	_width:930px;
	padding:10px;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
}
.otherInfo {
	width:915px;
	margin-left:20px;
	margin-bottom:20px;
	line-height:1.6;
}
.otherInfo ul li{
	float:left;
	
}
.otherInfo ul .left{
	margin-right:10px;
	width:455px;
	background: url(/image/renewal09/dot_length.gif) repeat-y scroll right 0 transparent;
}
.otherInfo ul .right{
	width:445px;
}
.otherInfo dl {
	background: url(/image/renewal09/box01_bg.gif) repeat-x scroll left bottom transparent;
	padding-bottom:15px;
    width: 445px;
}
.otherInfo dl dd {
    width: 345px;
	float:left;
}
.otherInfo dl .otherInfoImg {
display: inline;
    float: left;
    margin-right: 15px;
    width: 80px;
}
.otherInfo dl dd .otherInfoTtl {
	margin-bottom:5px;
}
.indent01 {
	text-indent: -0.7em;
	padding-left: 0.7em;
}
.indent02 {
	text-indent: -1em;
	padding-left: 1em;
}
/* .answerTable -----------------------*/
.answerTable { 
	border-collapse: collapse; 
	width: 913px; 
	} 
.answerTable th { 
	background: #f8f8f8; 
	padding: 7px 7px 9px; 
	border: 1px solid #bcbcbc; 
	font-weight: bold; 
	text-align: left; 
	} 
.answerTable td { 
	padding: 7px 7px 10px; 
	border: 1px solid #bcbcbc; 
	} 