@charset "shift-jis";

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

 VIEW CARD Component CSS
 更新日:14/12/17
 
----------------------------------------- */

/* -----------------------------------------
	Component Style
----------------------------------------- */

/* テンプレートスタイル  */
.fL {float:left;} .fR {float:right;}

.txtRed {color: #e60012;} .txtRedB {color: #e60012;font-weight: bold;} .txtB {font-weight: bold;}
.txtR {text-align: right !important;} .txtC {text-align: center !important;} .txtL {text-align: left !important;}

.mT0 {margin-top: 0 !important;}.mT5 {margin-top: 5px !important;}.mT10 {margin-top: 10px !important;}.mT15 {margin-top: 15px !important;}.mT20 {margin-top: 20px !important;}.mT25 {margin-top: 25px !important;}.mT30 {margin-top: 30px !important;}.mT40 {margin-top: 40px !important;}.mT50 {margin-top: 50px !important;}
.mB0 {margin-bottom: 0 !important;}.mB5 {margin-bottom: 5px !important;}.mB10 {margin-bottom: 10px !important;}.mB15 {margin-bottom: 15px !important;}.mB20 {margin-bottom: 20px !important;}.mB25 {margin-bottom: 25px !important;}.mB30 {margin-bottom: 30px !important;}.mB40 {margin-bottom: 40px !important;}.mB50 {margin-bottom: 50px !important;}
.mL0 {margin-left: 0 !important;}.mL5 {margin-left: 5px !important;}.mL10 {margin-left: 10px !important;}.mL15 {margin-left: 15px !important;}.mL20 {margin-left: 20px !important;}.mL25 {margin-left: 25px !important;}.mL30 {margin-left: 30px !important;}.mL40 {margin-left: 40px !important;}.mL50 {margin-left: 50px !important;}.mL60 {margin-left: 60px !important;}
.mR0 {margin-right: 0 !important;}.mR5 {margin-right: 5px !important;}.mR10 {margin-right: 10px !important;}.mR15 {margin-right: 15px !important;}.mR20 {margin-right: 20px !important;}.mR25 {margin-right: 25px !important;}.mR30 {margin-right: 30px !important;}.mR40 {margin-right: 40px !important;}.mR50 {margin-right: 50px !important;}

.pT0 {padding-top: 0 !important;}.pT5 {padding-top: 5px !important;}.pT10 {padding-top: 10px !important;}.pT15 {padding-top: 15px !important;}.pT20 {padding-top: 20px !important;}.pT25 {padding-top: 25px !important;}.pT30 {padding-top: 30px !important;}.pT40 {padding-top: 40px !important;}.pT50 {padding-top: 50px !important;}
.pB0 {padding-bottom: 0 !important;}.pB5 {padding-bottom: 5px !important;}.pB10 {padding-bottom: 10px !important;}.pB15 {padding-bottom: 15px !important;}.pB20 {padding-bottom: 20px !important;}.pB25 {padding-bottom: 25px !important;}.pB30 {padding-bottom: 30px !important;}.pB40 {padding-bottom: 40px !important;}.pB50 {padding-bottom: 50px !important;}
.pL0 {padding-left: 0 !important;}.pL5 {padding-left: 5px !important;}.pL10 {padding-left: 10px !important;}.pL15 {padding-left: 15px !important;}.pL20 {padding-left: 20px !important;}.pL25 {padding-left: 25px !important;}.pL30 {padding-left: 30px !important;}.pL40 {padding-left: 40px !important;}.pL50 {padding-left: 50px !important;}
.pR0 {padding-right: 0 !important;}.pR5 {padding-right: 5px !important;}.pR10 {padding-right: 10px !important;}.pR15 {padding-right: 15px !important;}.pR20 {padding-right: 20px !important;}.pR25 {padding-right: 25px !important;}.pR30 {padding-right: 30px !important;}.pR40 {padding-right: 40px !important;}.pR50 {padding-right: 50px !important;}

.txt9 {font-size:64.3%;} .txt10 {font-size:76.9%;} .txt11 {font-size:84.6%;} .txt12 {font-size:92.3%;} .txt13 {font-size:100%;} .txt14 {font-size:107.7%;} .txt15 {font-size:115.4%;} .txt16 {font-size:123.1%;} .txt17 {font-size:130.8%;}
.txt18 {font-size:138.5%;} .txt19 {font-size:146.2%;} .txt20 {font-size:153.8%;} .txt21 {font-size:161.5%;} .txt22 {font-size:169.2%;} .txt23 {font-size:176.9%;} .txt24 { font-size:184.6%;}
.txt26 {font-size:200%;} .txt28 {font-size:215.4%;} .txt30 {font-size:230.8%;} .txt32 {font-size:246.2%;}
.txt10,.txt11,.txt12,.txt13,.txt14,.txt15,.txt16,.txt17,.txt18,.txt19,.txt20,.txt22,.txt24,.txt26,.txt28,.txt30,.txt32 {line-height: 1.6;}

.w1p {width: 1%;} .w2p {width: 2%;} .w3p {width: 3%;} .w4p {width: 4%;} .w5p {width: 5%;} 
.w6p {width: 6%;} .w7p {width: 7%;} .w8p {width: 8%;} .w9p {width: 9%;} .w10p {width: 10%;} 
.w11p {width: 11%;} .w12p {width: 12%;} .w13p {width: 13%;} .w14p {width: 14%;} .w15p {width: 15%;} 
.w16p {width: 16%;} .w17p {width: 17%;} .w18p {width: 18%;} .w19p {width: 19%;} .w20p {width: 20%;} 
.w21p {width: 21%;} .w22p {width: 22%;} .w23p {width: 23%;} .w24p {width: 24%;} .w25p {width: 25%;} 
.w26p {width: 26%;} .w27p {width: 27%;} .w28p {width: 28%;} .w29p {width: 29%;} .w30p {width: 30%;} 
.w31p {width: 31%;} .w32p {width: 32%;} .w33p {width: 33%;} .w34p {width: 34%;} .w35p {width: 35%;} 
.w36p {width: 36%;} .w37p {width: 37%;} .w38p {width: 38%;} .w39p {width: 39%;} .w40p {width: 40%;}
.w41p {width: 41%;} .w42p {width: 42%;} .w43p {width: 43%;} .w44p {width: 44%;} .w45p {width: 45%;}
.w46p {width: 46%;} .w47p {width: 47%;} .w48p {width: 48%;} .w49p {width: 49%;} .w50p {width: 50%;}
.w51p {width: 51%;} .w52p {width: 52%;} .w53p {width: 53%;} .w54p {width: 54%;} .w55p {width: 55%;}
.w56p {width: 56%;} .w57p {width: 57%;} .w58p {width: 58%;} .w59p {width: 59%;} .w60p {width: 60%;}
.w61p {width: 61%;} .w62p {width: 62%;} .w63p {width: 63%;} .w64p {width: 64%;} .w65p {width: 65%;}
.w66p {width: 66%;} .w67p {width: 67%;} .w68p {width: 68%;} .w69p {width: 69%;} .w70p {width: 70%;}
.w71p {width: 71%;} .w72p {width: 72%;} .w73p {width: 73%;} .w74p {width: 74%;} .w75p {width: 75%;}
.w76p {width: 76%;} .w77p {width: 77%;} .w78p {width: 78%;} .w79p {width: 79%;} .w80p {width: 80%;}
.w81p {width: 81%;} .w82p {width: 82%;} .w83p {width: 83%;} .w84p {width: 84%;} .w85p {width: 85%;}
.w86p {width: 86%;} .w87p {width: 87%;} .w88p {width: 88%;} .w89p {width: 89%;} .w90p {width: 90%;}
.w91p {width: 91%;} .w92p {width: 92%;} .w93p {width: 93%;} .w94p {width: 94%;} .w95p {width: 95%;}
.w96p {width: 96%;} .w97p {width: 97%;} .w98p {width: 98%;} .w99p {width: 99%;} .w100p {width: 100%;}

.clearfix {
    min-height: 1px;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
	height: 0;
	visibility: hidden;
}


/* 見出し  */
#main .headline1 {
	color: #008cd0;
	font-size: 300%;
	font-weight: normal;
	line-height: 1.2;
	margin: 10px 0 20px;
}
#main .headBox {
	display: table;
	margin-bottom: 40px;
	width: 100%;
}
#main .headBox h1 {
	border-left: 4px solid #008cd0;
	display: table-cell;
	font-size: 142.9%;
	height: 80px;
	padding-left: 35px;
	vertical-align: middle;
}
#main .keyVisual {
	margin: 0 0 20px;
}
#main .headline2 {
	background: #f6f6f6;
	color: #008cd0;
	font-size: 100%;
	margin: 0 0 30px;
	padding: 8px 10px 7px 35px;
	position: relative;
}
#main .section .headline2 {
	margin: 0 -15px 20px;
}
#main .headline2:before {
	background: url(/card/common/img/cmn-parts.png) no-repeat 0 0;
	display: block;
	content: "";
	height: 15px;
	margin-top: -7px;
	position: absolute;
	left: 15px;
	top: 50%;
	width: 15px;
}
#main h3 {
	margin-bottom: 10px;
}
#main .headline3 {
	font-size: 200%;
	line-height: 1.4;
	margin: 10px 0 20px;
}

#main .headBoxAfter {
	margin: 0 15px 40px;
	overflow: hidden;
}
#main .headBoxAfter p {
	font-size: 114.3%;
}
#main .headBoxAfter .imgBox {
	float: right;
	padding-left: 10px;
	text-align: center;
	width: 145px;
}
#main .headBoxAfter div + p {
	margin-top: 10px;
}

/* 見出し（ワイド）  */
#main .headline2-wide {
	background: #f6f6f6;
	font-size: 100%;
	margin: 0 0 30px;
	padding: 8px 15px 7px;
}

/* コンテンツセクション  */
#main .section {
	margin: 0 15px 50px;
}
#main .section .section {
	margin: 0 0 30px;
}
#main .section .section:last-child {
	margin: 0;
}

/* テーブル  */
.basicTable {
	border-collapse: collapse;
	border: 1px solid #ddd;
}
.basicTable th,
.basicTable td {
	border: 1px solid #ddd;
	padding: 5px;
}

/* コンポーネントパーツ  */
#article p,
.articleBtm p {
	margin-bottom: 1em;
}
#article p:last-child,
.articleBtm p:last-child {
	margin-bottom: 0;
}

/* 通常リスト */
.listDot {
	margin-bottom: 1em;
}
.listDot li {
	margin-bottom: 5px;
	padding-left: 12px;
	position: relative;
}
.listDot li:before {
	background: url(/card/common/img/cmn-parts.png) no-repeat -67px -14px;
	display: block;
	content: "";
	height: 2px;
	position: absolute;
	left: 5px;
	top: .7em;
	width: 4px;
}

/* 数字リスト */
.listNumber {
	margin: 0 0 1em 1.5em;
}
.listNumber li {
	list-style: decimal;
}

/* 通常リンク */
/* 小リンク */
/* 別ウィンドウ */
/* PDF */
/* ページ内リンク */
.linkDisc a,
.link a,
.linkSite a,
.linkPDF a,
.linkPage a,
.linkPage2 a,
.linkTop a,
.linkWord,
.linkWord2 {
	display: inline-block;
	padding-left: 17px;
	position: relative;
}
.linkDisc a:before,
.link a:before,
.linkSite a:before,
.linkPDF a:before,
.linkPage a:before,
.linkPage2 a:before,
.linkTop a:before,
.linkWord:before,
.linkWord2:before {
	background: url(/card/common/img/cmn-parts.png) no-repeat -20px 0;
	display: block;
	content: "";
	height: 12px;
	position: absolute;
	left: 0;
	top: .4em;
	width: 12px;
}
.link a:before {
	background-position: -67px 0;
	height: 6px;
	left: 4px;
	top: .6em;
	width: 4px;
}
.linkSite a:before {
	background-position: -85px 0;
	height: 12px;
	top: .4em;
	width: 12px;
}
.linkPDF a:before {
	background-position: -102px 0;
	height: 14px;
	top: .2em;
	width: 12px;
}
.linkPage a:before,
.linkPage2 a:before {
	background-position: -37px -23px;
	height: 10px;
	top: .45em;
	width: 9px;
}
.linkTop a:before {
	background-position: -35px -35px;
	height: 12px;
	top: .45em;
	width: 11px;
}
.linkWord:before,
.linkWord2:before {
	background-position: -67px 0;
	height: 6px;
	left: 7px;
	top: .55em;
	width: 4px;
}
#article ul.linkDisc,
#article ul.link,
#article ul.linkSite,
#article ul.linkPDF,
#article ul.linkPage,
#article ul.linkTop{
	margin-bottom: 1em;
}
ul.linkDisc li,
ul.link li,
ul.linkSite li,
ul.linkPDF li,
ul.linkPage li {
	margin-bottom: 5px;
}
#main .link a,
#main ul.link li a {
	font-size: 85.7%;
}
#aside .linkDisc a,
#aside ul.linkDisc li a {
	font-size: 85.7%;
	background-position: 0 .3em;
}
#article ul.linkPage {
	overflow: hidden;
}
.linkPage2{
	overflow: hidden;
}
.linkPage2 li {
	float:left;
	margin-right: 10px;
	width:330px;
}
#article ul.linkPage li {
	display: inline-block;
	margin-right: 15px;
}
span.linkTop a,
span.linkPage a,
span.linkDisc a,
span.linkSite a,
span.linkPDF a,
span.linkWord2 {
	display: inline;
	margin-left:3px;
}
span.linkPage a:before {
	left: 3px;
	top: .3em;
}
span.linkTop a:before,
span.linkDisc a:before,
span.linkSite a:before {
	top: .2em;
}
span.linkPDF a:before {
	top: .1em;
}

span.linkWord2:before {
	top:.4em;
}


/* カテゴリ全体リンク（上部線あり） */
.linkCategory {
	border-top: 1px solid #eee;
	padding-top: 8px;
	text-align: right;
}


/* 注釈 */
.headge {
	text-indent: -1em;
	margin-left: 1em;
}

.headge2 {
	text-indent: -0.3em;
	margin-left: 0.3em;
}

.headgeNumber {
	text-indent: -2.6em;
	margin-left: 2.6em;
}
.headgeNumber2 {
	text-indent: -2.0em;
	margin-left: 2.0em;
}

/* ボックコンテンツ */
#main .boxRow {
	letter-spacing: -.4em;
}
#main .boxRow * {
	letter-spacing: normal;
}
#main .boxRow,
#main .boxBorder {
    min-height: 1px;
}
#main .boxRow:after,
#main .boxBorder:after {
    content: "";
    display: block;
    clear: both;
	height: 0;
	visibility: hidden;
}
#main .boxBorder {
	border: 1px solid #eee;
	padding: 19px 24px 24px;
	position: relative;
}
#main .boxBorder:before {
	display: block;
	content: "";
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #008bd0 transparent transparent transparent;
	height: 0;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 0;
}
#main .boxBorder h3 {
	font-size: 128.6%;
	line-height: 1.2;
	margin-bottom: 20px;
}

/* グリッドコンテンツ */
#main  .boxRow .col02 {
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
	width: 335px;
}
#main  .boxRow .col02:nth-child(2n+1) {
	margin-right: 10px;
}
#main .boxRow.js-tileLine2 > *:first-child,
#main .boxRow.js-tileLine2 > *:first-child+*+*,
#main .boxRow.js-tileLine2 > *:first-child+*+*+*+*,
#main .boxRow.js-tileLine2 > *:first-child+*+*+*+*+*+*,
#main .boxRow.js-tileLine2 > *:first-child+*+*+*+*+*+*+*+* {
	margin-right: 10px;
}

/* 画像左右配置 */
#main .imgL {
	float: left;
	margin-right: 25px;
}
#main .imgC {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#main .imgR {
	float: right;
	margin-left: 25px;
}
#main .ovh {
	overflow: hidden;
}

/* 背景色ボックス */
#main .boxAttention {
	background: #e6e6e6;
	margin-bottom: 30px;
	padding: 25px 25px 20px;
}
#main .boxAttention2 {
	background: #fffee3;
	border: 1px solid #fff17f;
	margin-bottom: 20px;
	padding: 24px 24px 19px;
}
/* トップページ用 */
#Home #main .boxAttention2:nth-child(n + 2) {
	margin-top: -10px !important;
}

#main .boxInquiry {
	background: #fffee3;
	border: 1px solid #fff17f;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 20px 40px 30px;
}
#main .boxInquiry h2 {
	float: left;
	font-size: 128.6%;
	margin-top: 15px;
	width: 350px;
}
#main .boxInquiry p {
	margin-bottom: 0;
}
#main .boxInquiry .phone,
#main .boxBorder .phone {
	font-size: 257.1%;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.1;
	margin-bottom: 5px;
	padding-left: 40px;
	position: relative;
}
#main .boxInquiry .phone:before,
#main .boxBorder .phone:before {
	background: url(/card/common/img/cmn-parts.png) no-repeat 0 -18px;
	content: "";
	display: block;
	height: 30px;
	left: 0;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	width: 30px;
}

/* ボタンスタイル */
#main .cvBtn a {
	background: #ff9100;
	border-bottom: 3px solid #d97b00;
	color: #fff;
}
#main .cvBtn a:hover {
	background: #ea5506;
	border-bottom-color: #B93B00;
}
#main .linkBtn a {
	border: 1px solid #d9d9d9;
	border-bottom: 3px solid #d9d9d9;
	color: #008cd0;
}
#main .linkBtn a:hover {
	background: #efefef;
	border-bottom-color: #ccc;
}
#main .cvBtn a, #main .linkBtn a,
.grnbtn a {
	-webkit-border-radius: 4px;
			border-radius: 4px;
	display: inline-block;
	min-width: 150px;
	padding: 7px 15px 5px;
	text-decoration: none;
	text-align: center;
}

/* 緑ボタン 20150801 */
.grnbtn a {
	background:#00ab5b;
	border-bottom:3px solid #00904d;
	color:#fff;
}
.grnbtn a:hover {
	background:#008432;
	border-bottom-color:#006427;
}
/* 別ウィンドウアイコン 20150801 */
#main .cvBtn.grnbtn a,
#main .linkBtn.grnbtn a,
.grnbtn.windowicon a {
	position:relative;
	padding:10px 16px 8px 36px;
}
.windowicon a:before {
	background:url(/card/common/img/cmn-parts.png) no-repeat -265px -36px;
	display:block;
	content:"";
	height:12px;
	margin-top:-7px;
	position:absolute;
	left:17px;
	top:50%;
	width:12px;
}


/* 重要なお知らせ */
#main .importantBox {
	border: 1px solid #e60012;
	margin-bottom: 30px;
}
#main .importantBox h2 {
	background: #fff8f8;
	border-bottom: 1px solid #e60012;
	color: #e60012;
	padding: 7px 10px;
	text-align: center;
}
#main .importantBox .importantCont{
	padding: 25px;
}
#main .importantInfo {
	background: #fff8f8;
	border: 1px solid #e60012;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 12px 15px;
	text-align: center;
}
#main .importantInfo p {
	display: inline-block;
	margin: 0 5px;
}
#main .importantInfo p:first-child {
	color: #e60012;
	font-weight: bold;
}
#main .ereaLink {
	cursor: pointer;
}

/* 告知エリア */
#main .infoBox {
	border: 1px solid #ff9100;
	margin-bottom: 30px;
	padding: 20px 25px;
}
#main .infoBox h2 {
	margin-bottom: 10px;
	min-height: 30px;
	padding: 5px 0 0 40px;
	position: relative;
}
#main .infoBox h2:before {
	background: url(/card/common/img/cmn-parts.png) no-repeat -94px -18px;
	content: "";
	display: block;
	height: 30px;
	left: 0;
	position: absolute;
	top: 0;
	width: 30px;
}

/* 最近チェックしたカード（ワイド）  */
#main .recentlyViewed {
	margin-bottom: 50px;
	display:none;
}
#main .recentlyViewed ul {
	margin-left: -40px;
	overflow: hidden;
}
#main .recentlyViewed li {
	float: left;
	margin-left: 40px;
	text-align: center;
	width: 290px;
}
#main .recentlyViewed .figure {
	margin-bottom: 10px;
}
#main .recentlyViewed p {
	margin-bottom: 10px;
}
#main .recentlyViewed .cvBtn {
	min-height: 37px;
	margin: 0 auto 12px;
	width: 166px;
}
#main .recentlyViewed .cvBtn a {
	position: relative;
}
#main .recentlyViewed .cvBtn a:before {
	background: url(/card/common/img/cmn-parts.png) no-repeat -265px -36px;
	display: inline-block;
	content: "";
	height: 12px;
	margin-right: 8px;
	width: 12px;
}
#main .recentlyViewed .campaignTxt {
	background: #fffee3;
	min-height: 50px;
}
#main .recentlyViewed .campaignTxt p {
	padding: 0 0 5px;
	margin: 0 10px;
}
#main .recentlyViewed .campaignTxt p:first-child {
	font-size: 78.6%;
	padding: 5px 0 0;
}

/* 最近チェックしたカード（カード一覧）  */
#main .recentlyViewed2 {
	background: #f0f8fc;
	margin-bottom: 20px;
	overflow: hidden;
	display:none;
}
#main .recentlyViewed2 h2 {
	color: #666;
	font-size: 128.6%;
	font-weight: normal;
	float: left;
	padding: 25px 20px;
	width: 200px;
}
#main .recentlyViewed2 ul {
	float: right;
	overflow: hidden;
	padding: 10px;
	width: 510px;
}
#main .recentlyViewed2 li {
	background: #fff;
	float: left;
	overflow: hidden;
	padding: 14px 15px;
	width: 240px;
}
#main .recentlyViewed2 li:first-child {
	margin-right: 10px;
}
#main .recentlyViewed2 .figure {
	float: left;
	width: 94px;
}
#main .recentlyViewed2 .figure img {
	height: auto;
	width: 84px;
}
#main .recentlyViewed2 .figure + p {
	overflow: hidden;
}

/* キービジュアル  */
#main .keybox {
	border: 1px solid #008cd0;
	margin: 0 0 30px;
	overflow: hidden;
	padding: 39px 14px 30px 39px;
	display: block;
}
#main .keybox .image {
	float: right;
	margin: 0 10px;
}
#main .keybox h1 {
	color: #008cd0;
	font-size: 271.4%;
	font-weight: normal;
	line-height: 1.4;
	margin: 0 0 30px;
}
#main .keybox h1.txt30 {
	font-size: 214.3%;
}
#main .keybox h1.txt30 .small {
	font-size: 60%;
}

/*　リンクリスト  */
#main .linkList {
	margin-left: -10px;
	overflow: hidden;
}
#main .linkList li {
	display: table;
	float: left;
	margin: 0 0 10px 10px;
	position: relative;
	width: 335px;
}
#main .linkList li.noborder {
	margin: 25px 0 0 20px;
	width: 325px;
}
#main .linkList li a {
	border: 1px solid #ccc;
	display: table-cell;
	overflow: hidden;
	padding: 0 24px;
	vertical-align: middle;
}
html body #main .linkList li.noborder a {
	border: none;
	display: inline-block;
	height: inherit !important;
}
#main .linkList li:before {
	display: block;
	content: "";
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #008bd0 transparent transparent transparent;
	height: 0;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 0;
}
#main .linkList li.linkListBox:before,
#main .linkList li.noborder:before {
	display: none;
}
#main .linkList li a .inImg {
	float: left;
	width: 70px;
}
#main .linkList li a .inA {
	display: block;
	overflow: hidden;
}
#main .linkList li.inTxt a {
	text-decoration: none;
}
#main .linkList li.inTxt a .inTxtLink {
	text-decoration: underline;
}
#main .linkList li.inTxt a .inTxtTxt {
	color: #000;
}
#main .linkList .linkListBox {
	background: #e6e6e6;
	display: block;
	font-size: 85.7%;
	min-height: 100px;
	padding: 15px 24px 10px;
}

#main .headline3small {
	font-size: 114.3%;
}
#main .lineBlock {
	border-top: 1px solid #ccc;
	padding-top: 30px;
}

/*　VIEW ALTTE 検索エリア  */
#main .searchAltteBox {
	margin-bottom: 20px;
	border: 2px solid #008cd0;
}
#main .searchAltteBox h3 {
	background: #f3fbff;
	border-bottom: 2px dotted #008cd0;
	color: #008cd0;
	font-size: 114.3%;
	margin: 0;
	min-height: 75px;
	padding: 15px 20px 10px;
}
html>/**/body #main .searchAltteBox h3    {
	min-height /*\**/: 45px\9;
}
#main .searchAltteBox h3 span {
	display: block;
	font-size: 75.0%;
	font-weight: normal;
}
#main .searchAltteBox .searchInBox {
	padding: 18px;
}
#main .stationBlock {
	float: left;
	width: 295px;
}
#main .stationBlock p {
	margin: 0;
}

#main .areaBlock {
	float: right;
	width: 375px;
}
#main .areaBlock ul li {
	float: left;
	margin-left: 5px;
	overflow: hidden;
	width: 100px;
}
#main .areaBlock ul li:first-child {
	margin-left: 0;
}
#main .areaBlock ul li.textfield {
	width: 125px;
}
#main .searchAltteBox select,
#main .searchAltteBox option,
#main .searchAltteBox input {
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ",'Meiryo',"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
}
#main .searchAltteBox input[type="text"] {
	color: #777;
	border: 1px solid #ccc;
	font-size: 128.6%;
	margin-bottom: 5px;
	padding: 5px 10px;
	width: 100%;
}
#main .searchAltteBox input[type="text"]:hover,
#main .searchAltteBox input[type="text"]:active {
	color: #000;
}
#main .searchAltteBox select {
	background: none;
	border: none;
	color: #777;
	font-size: 128.6%;
	padding: 3px 1px 0px 3px;
	margin-bottom: 5px;
	width: 130%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
}
#main .searchAltteBox select option {
	color: #000;
}
#main .searchAltteBox .selectList {
	background: url(/card/guide/atm/img/atm-index01-bg.png) no-repeat 95% 50%;
	border: 1px solid #ccc;
	position: relative;
}
#main .searchAltteBox .submitBtn {
	text-align: right;
}
#main .searchAltteBox .submitBtn input[type="submit"] {
	background: #fff;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 4px;
			border-radius: 4px;
	border-bottom: 3px solid #d9d9d9;
	color: #008cd0;
	padding: 2px 20px 0;
}

#main .linkBtn a {
	border: 1px solid #d9d9d9;
	border-bottom: 3px solid #d9d9d9;
	color: #008cd0;
}
#main .linkBtn a:hover {
	background: #efefef;
	border-bottom-color: #ccc;
}
#main .cvBtn a,
#main .linkBtn a {
	-webkit-border-radius: 4px;
			border-radius: 4px;
	display: inline-block;
	min-width: 150px;
	padding: 7px 15px 5px;
	text-decoration: none;
	text-align: center;
}

/* 特典・サービス */
#main .servicelistBox {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 30px 24px 24px 33px;
	overflow: hidden;
}
#main .servicelistBox > .figure {
	float: left;
	margin: 5px 29px 0 0;
}
#main .servicelistBox .servicelistHead {
	overflow: hidden;
}
#main .servicelistBox .servicelistHead h3 {
	font-weight: normal;
	margin-bottom: 15px;
}
#main .servicelistBox ul {
	border-top: 1px solid #ccc;
	clear: both;
	margin: 20px 0 0 111px;
}
#main .servicelistBox ul li {
	border-bottom: 1px solid #ccc;
	float: left;
	padding: 20px 0;
	width: 255px;
}
#main .servicelistBox ul li.noline {
	border-bottom: none;
	padding-bottom: 0;
}
#main .servicelistBox ul li .figure {
	float: left;
	margin-top: 15px;
	text-align: center;
	width: 70px;
}
#main .servicelistBox ul li p {
	overflow: hidden;
}
#main .servicelistBox ul li p:first-child {
	font-size: 85.76%;
	margin: 0 0 5px;
}
#main .servicelistBox.ereaLink {
	position: relative;
}
#main .servicelistBox.ereaLink:before {
	display: block;
	content: "";
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #008bd0 transparent transparent transparent;
	height: 0;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 0;
}

/* ポイントを交換する */
#main .viewLM {
	margin-left: 176px;
}
#main .itemBox {
}
#main .itemBox ul {
	letter-spacing: -.4em;
	margin-left: -10px;
}
#main .itemBox ul li {
	border: 1px solid #ccc;
	display: inline-block;
	letter-spacing: normal;
	margin: 10px 0 0 10px;
	padding: 9px;
	vertical-align: top;
	width: 220px;
}
#main .itemBox ul li p {
	margin: 5px 5px 20px;
}
#main .itemBox ul li .figure {
	margin: 0 0 20px;
	text-align: center;
}
#main .itemBox ul li dl {
	font-size: 85.7%;
	overflow: hidden;
	text-align: center;
}
#main .itemBox ul li dt {
	background: #f3fbff;
	border: 1px solid #ccc;
	border-right: none;
	float: left;
	width: 90px;
}
#main .itemBox ul li dd {
	border: 1px solid #ccc;
	overflow: hidden;
}
#main .itemBox ul li dt,
#main .itemBox ul li dt + dd {
	border-top: none;
	padding: 5px 0;
}
#main .itemBox ul li dt:first-child,
#main .itemBox ul li dt:first-child + dd {
	border-top: 1px solid #ccc;
}
#main .modalView {
	display: none;
}
#colorbox .modalView {
	margin: 25px 0 0;
}
#colorbox .modalView .figure {
	margin-bottom: 20px;
	text-align: center;
}
#colorbox .modalView p {
	margin-bottom: .5em;
}
#colorbox .modalView .detailArea {
	color: #333;
	font-size: 85.7%;
	margin-top: 20px;
}
#colorbox .attention {
	background: #FFFEE3;
	border: 1px solid #fff17f;
	margin-bottom: 10px;
	padding: 10px 10px 5px;
}



/*カード詳細フッタースタイル*/
.summary_txt {
	font-size:92.3% !important;
	margin: 40px 0 40px 0 !important;
	color: #888 !important;
}


@media print{
        div.noPrint {display:none;}
}

/*----------------------------------------------------
　Web明細ポイントサービス内容変更のお知らせ
 -----------------------------------------------------*/
#main .web_bs {
    padding: .6em .8em;
    border: solid 1px #C00;
    background: #FFF3F3;
}

/*----------------------------------------------------
　 /card/first/bic/index.html
-----------------------------------------------------*/

#main .hp_head_bic {
	background-color: #08b37d;
	color: #fff;
	padding: 5px 1em;
	font-size: 1.2em;
	text-align: center;
}

/*----------------------------------------------------
/card/point/index.html
-----------------------------------------------------*/

.hp_viewplus {
	margin-right: 5px;
	vertical-align: middle;
}

.hp_viewpluslogo {
	padding-top: 10px;
	padding-bottom: 10px;
}

/*----------------------------------------------------
/card/guide/update.html
-----------------------------------------------------*/

.hp_vmWrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 10px;
}

.hp_vmTextWrapper {
	display: block;
	width: calc(100% - 115px);
}

.hp_vmImageWrapper {
	display: block;
	width: 65px;
}

.hp_txtCList {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}

.hp_txtCListItem:last-of-type {
	margin-bottom: 0;
}

.hp_vmHeight {
	padding: 10px !important;
}

/*----------------------------------------------------
/card/first/jalsuica/point.html
-----------------------------------------------------*/

.sup {
	font-size: 0.7em;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

/*----------------------------------------------------
ご注意アイコン
-----------------------------------------------------*/
.hp_atn {
	position: relative;
	padding-left: 25px;
	margin-top: 5px;
}

.hp_atn::before {
	background: url(/card/security/img/scam_img02.png) no-repeat 0 0;
	background-size: contain;
	display: block;
	content: "";
	height: 20px;
	width: 22px;
	margin-top: -10px;
	position: absolute;
	left: 0;
	top: 50%;
}