@charset "utf-8";

/*============================================================================
	
	3.カードをつかう
		3-0 共通スタイル
		3-1 カテゴリ別で選ぶ／index
		3-2 国内つかう
		3-3 海外でつかう
		3-4 SAPICA オートチャージ
		3-5 電気ご利用料金
		3-6 ガスご利用料金
		3-7 朝日新聞購読料
		3-8 北海道新聞購読料
		3-9 Edyチャージサービス
		3-10 携帯電話通話料金
		3-11 サインレスでお支払い
		3-12 病院でのお支払い
		3-13 有料放送のお支払い
		3-14 NHK受信料
		3-15 ほくせんWebサービス
		3-16 ほくせんいつでもダイヤル
		3-17 加盟店舗一覧
		3-18 商品券の使えるお店
		3-19 紛失・盗難のご連絡
		3-20 ご契約情報のご変更
		3-21 営業時間のご案内
		3-22 ICカードと暗証番号のお取り扱いについて
		3-23 WEB明細サービス
		3-24 海外旅行傷害保険サービスについてのお知らせ
		3-25 JCB会員専用サービス
		3-26 「カードショッピング分割払い手数料率」および「海外キャッシングサービスご融資利息」改定のご案内
		
=============================================================================*/

/* @group 3-0 共通
---------------------------------------------------------------------- */
.step1, .step2, .step3, .step4 {
	width: 308px;
	border: 1px solid #a9a9a9;
}

.step1, .step3 {float: left;}
.step2, .step4 {float: right;}

div#callCenter table#ws {
	margin-top: 10px;
}

.last {
	border: none;
	background: none;
}

.red{
	color: #ff0000;
}

/* @end -------------------------------------------------------------- */

/* @group 3-1 カテゴリ別で選ぶ／index
---------------------------------------------------------------------- */

div#life div.intro {
	width: 330px;
	float: left;
}

div#life div.intro h4 {
	color: #ef7e00;
}

div#life div.serviceMenu {
	width: 340px;
	float: right;
}

div#life div.serviceMenu ul li {
	margin: 0 0 7px 0;
	padding: 0 0 0 10px;
	float: left;
}

div#serviceCategory div.fl,
div#serviceCategory div.fr {
	width: 350px;
}

div#serviceCategory div.fl p,
div#serviceCategory div.fr p {
	margin: 0 7px 20px;
}

div#serviceCategory div.fl ul,
div#serviceCategory div.fr ul {
	margin: 0 10px 10px;
}

div#serviceCategory div.fl ul:after,
div#serviceCategory div.fr ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#serviceCategory div.fl ul li,
div#serviceCategory div.fr ul li {
	float: left;
	margin: 0 6px 0px 0;
}

div#serviceCategory div.fl ul li a,
div#serviceCategory div.fr ul li a {
	background: url(../../common/images/ico_link.gif) no-repeat 0 50%;
	padding: 0 0 0 8px;
}
/* @end -------------------------------------------------------------- */

/* @group 3-2 国内でつかう
---------------------------------------------------------------------- */

div#cycle div.fr {
	width: 360px;
}

div#cycle div.fl {
	width: 330px;
}

div#cycle table {
	border-top: 1px solid #a9a9a9;
}

div#cycle table th,
div#cycle table td {
	padding: 10px 5px;
	border-bottom: 1px solid #a9a9a9;
}

div#cycle table ul {
	font-size: 85%;
	margin-top: 4px;
}

span.revision{
	color: #e20f0f;
	font-size: 85%;
}

table td.revision{
	color: #e20f0f;
}

/*公共料金・暮らしのお支払い*/

div#lifePayment div.fl {
	width: 325px;
}

div#lifePayment h4 {
	color: #ef7e00;
}

div#lifePayment div.serviceMenu {
	width: 340px;
	float: right;
}

div#lifePayment div.serviceMenu ul li {
	margin: 0 0 7px 0;
	padding: 0 0 0 10px;
	float: left;
}

/*分割・金利のご案内*/

div#division table {
	margin-bottom: 5px;
}

div#division table caption {
	color: #ef7e00;
	font-size: 116%;
}

div#division table th,
div#division table td {
	text-align: center;
	vertical-align: middle;
	white-space: normal;
}

div#division table th.thead {
	text-align: left;
}

div#division table th.thead span {
	display: block;
}

div#division table tr.last td {
	text-align: left;
}

/* @end -------------------------------------------------------------- */

/* @group 3-3 海外でつかう
---------------------------------------------------------------------- */

div#foreignUse div.fl,
div#foreignUse div.fr {
	width: 320px;
	margin-bottom: 20px;
	padding: 10px;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

div#foreignUse div.fl img,
div#foreignUse div.fr img {
	float: left;
	width: 70px;
}

div#foreignUse div.fl p,
div#foreignUse div.fr p {
	margin: 0 0 5px 80px;
}

div#foreignUse div.fl ul,
div#foreignUse div.fr ul {
	margin: 0 0 0 80px;
	font-size: 85%;
}

table.hosyou {
	width: 345px;
	float: left;
}

table.hosyou th {
	width: 50%;
}

table.hosyou td {
	text-align: right;
}

table.hosyou caption {
	font-size: 116%;
	margin-bottom: 4px;
}

dl.hosyou {
	width: 320px;
	float: right;
}

dl.hosyou dt {
	font-weight: bold;
	font-size: 116%;
	margin-bottom: 4px;
}

dl.hosyou dd ul {
	margin-bottom: 0;
}

dl.hosyou dd {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

dl.hosyou dd.line {
	border-bottom: 1px solid #ccc;
}

strong.hosyou {
	clear: both;
	display: block;
	text-align: center;
	color: #f00;
	border: 1px solid #f00;
	margin: 20px 0;
	padding: 5px;
	font-size: 93%;
	font-weight: normal;
}

div#forUsers dd {
	margin-bottom: 10px;
	color: #888;
}
/* @end -------------------------------------------------------------- */

/* @group 3-4 SAPICA オートチャージ
---------------------------------------------------------------------- */

div#sapica h3 {
	width: 450px;
	float: left;
	margin-bottom: 30px;
}

div#sapica dl {
	width: 240px;
	float: right;
}

div#sapica dl dt {
	padding-bottom: 5px;
}

div#sapica dl dd p {
	margin-bottom: 3px;
}

div#sapica dl dd ul {
	font-size: 85%;
}

ol#sapicaRequest {
	list-style: none;
	margin: 0;
	padding: 0;
	background: transparent url(../../use/images/sapica/bg_arrow.gif) no-repeat 50% 50%;
}

ol#sapicaRequest:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ol#sapicaRequest {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html ol#sapicaRequest {
	height: 1%;
}

ol#sapicaRequest {
	display: block;
}
/**/

ol#sapicaRequest li {
	margin: 0 0 20px;
	padding: 5px 0;
}

ol#sapicaRequest li.step1,
ol#sapicaRequest li.step2 {
	height: 220px;
}

ol#sapicaRequest li.step3,
ol#sapicaRequest li.step4 {
	height: 125px;
}

ol#sapicaRequest li.step5 {
	clear: both;
	width: 678px;
	border: 1px solid #a9a9a9;
}

ol#sapicaRequest li.step1 p{
	margin-bottom: 30px;
}



ol#sapicaRequest li h4 {
	margin-bottom: 0;
	padding-bottom: 3px;
}

ol#sapicaRequest li ol,
ol#sapicaRequest li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#sapicaRequest li li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0;
}

ol#sapicaRequest li p {
	margin: 0 10px 3px;
}

ol#sapicaRequest li ul {
	margin: 0 10px 5px;
	font-size: 85%;
}

ol#sapicaRequest li.step2 ul {
	margin-top: 10px;
}

ol#sapicaRequest li img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

ol#sapicaRequest li.step4 em {
	color: #ef7e00;
	font-weight: normal;
}

/* @end -------------------------------------------------------------- */

/* @group 3-5 電気ご利用料金
---------------------------------------------------------------------- */

/* @end -------------------------------------------------------------- */

/* @group 3-6 ガスご利用料金
---------------------------------------------------------------------- */


/* @end -------------------------------------------------------------- */

/* @group 3-7 朝日新聞購読料
---------------------------------------------------------------------- */

div#asahi ol {
	margin: 0 0 20px;
	background: transparent url(../../use/images/asahi/bg_arrow.gif) no-repeat 50% 60%;
}

div#asahi ol:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#asahi ol {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#asahi ol {
	height: 1%;
}

div#asahi ol {
	display: block;
}
/**/

div#asahi li {
	margin-bottom: 20px;
	text-align: center;
}

div#asahi li p {
	padding: 10px 0;
	margin-bottom: 0;
}

div#asahi li h4 {
	margin-bottom: 0;
}

div#asahi li.step1 p,
div#asahi li.step2 p {
	height: 50px;
}

div#asahi li p img {
	vertical-align: middle;
}

div#asahi li.step1 p img {
	padding-top: 16px;
}

div#callCenter dl.asahi dt {
	float: left;
	line-height: 48px;
}

/* @end -------------------------------------------------------------- */

/* @group 3-8 北海道新聞購読料
---------------------------------------------------------------------- */

div#doshin ol {
	margin: 0 0 20px;
	background: transparent url(../../common/images/ico_arrowR.gif) no-repeat 55% 50%;
}

div#doshin ol:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#doshin ol {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#doshin ol {
	height: 1%;
}

div#doshin ol {
	display: block;
}
/**/

div#doshin li.step1 {
	width: 348px;	
}

div#doshin li.step2 {
	width: 278px;
}

div#doshin li h4 {
	margin-bottom: 0;
}

div#doshin li.step1 p,
div#doshin li.step2 p {
	text-align: center;
	margin-bottom: 0;
	padding: 10px 0;
}

div#doshin li.step2 p img {
	vertical-align: middle;
	padding: 7px 0;
}

div#doshin caption {
	color: #ef7e00;
	font-size: 116%;
	margin-bottom: 3px;
}

/* @end -------------------------------------------------------------- */

/* @group 3-9 Edyチャージサービス
---------------------------------------------------------------------- */

div#edy ol {
	background: transparent url(../../common/images/ico_arrowR.gif) no-repeat 50% 50%;
}

div#edy ol:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#edy ol {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#edy ol {
	height: 1%;
}

div#edy ol {
	display: block;
}
/**/

div#edy ol li h4 {
	margin-bottom: 0;
}

div#edy ol li ul {
	width: 288px;
	height: 7em;
	padding: 10px;
}

div#edy ol li ul li {
	font-size: 93%;
	margin-bottom: 3px;
	text-indent: -0.75em;
	padding-left: 0.75em;
	border: none;
}

* html div#edy ol li ul li,
* + html body div#edy ol li ul li {
	text-indent: -1em;
	padding-left: 1em;
}

/* @end -------------------------------------------------------------- */

/* @group 3-10 携帯電話通話料金
---------------------------------------------------------------------- */
div#docomo,
div#kddi,
div#softbank,
div#willcome {
	width: 320px;	
	margin-bottom: 20px;
	padding: 0px;
}

div#docomo h4,
div#kddi h4,
div#softbank h4,
div#willcome h4 {
	height: 20px;
	margin-bottom: 10px;
	padding: 8px 10px 8px 0;
	border-top: 3px double #eb873c;
	border-bottom: 3px double #eb873c;
}

div#docomo dt,
div#kddi dt,
div#softbank dt,
div#willcome dt {
	float: left;
	background-color: #eb873c;
	color: #fff;
	padding: 3px 7px;
}

div#docomo dd,
div#kddi dd,
div#softbank dd,
div#willcome dd {
	margin-left: 70px;
	padding: 3px;
}


div#docomo ul,
div#kddi ul,
div#softbank ul,
div#willcome ul {
	margin-left: 1.2em;
	margin-bottom: 5px;
	line-height: 1.2;
}

div#docomo ol,
div#kddi ol,
div#softbank ol,
div#willcome ol {
	margin-left: 1.2em;
	margin-bottom: 5px;
	line-height: 1.2;
}

div#docomo ul li,
div#kddi ul li,
div#softbank ul li,
div#willcome ul li {
	list-style-type: disc;
	
}


div#docomo ol li,
div#kddi ol li,
div#softbank ol li,
div#willcome ol li {
	list-style-type: disc;
	line-height: 1.2;
	color: #eb873c;
}

div#docomo dt,
div#kddi dt,
div#softbank dt,
div#willcome dt {
	font-weight: normal;
}

ol#career {
	clear: both;
}

ol#career li {
	margin-bottom: 40px;
}

ol#career li li {
	margin-bottom: inherit;
}

ol#career li em {
	margin-bottom: 10px;
	display: block;
}

/* @end -------------------------------------------------------------- */

/* @group 3-11 サインレスでお支払い
---------------------------------------------------------------------- */

div#signLess p.box {
	border: 1px solid #a9a9a9;
	margin: 5px 0 30px;
	padding: 10px;
	line-height: 1.6;
}

/* @end -------------------------------------------------------------- */

/* @group 3-12 病院でのお支払い
---------------------------------------------------------------------- */

div#hospital table {
	margin-bottom: 20px;
}

div#hospital table th {
	background-color: #fff;
	font-weight: normal;
}

div#hospital table th.medical {
	background-color: #eee;
	text-align: center;
	font-weight: bold;
	padding: 10px 7px;
}

div#hospital caption {
	color: #ef7e00;
	font-size: 116%;
}

div#hospital td.tel {
	color: #ef7e00;
}

/* @end -------------------------------------------------------------- */

/* @group 3-13 有料放送のお支払い
---------------------------------------------------------------------- */
div.wowow {
	margin-bottom: 20px;
}

dl.payment {
	clear: both;
	border: 1px solid #a9a9a9;
	margin-bottom: 10px;
	background-color: #f1f1f1;
}

dl.payment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl.payment {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html dl.payment {
	height: 1%;
}
dl.payment {
	display: block;
}
/**/

dl.payment dt {
	width: 200px;
	float: left;
	text-align: center;
}

dl.payment dt img {
	padding-top: 50px;
}

.wowow dl.payment dt img.wowow {
	padding-top: 16px;
}

dl.payment dd {
	width: 478px;
	float: left;
	background-color: #fff;
}

dl.payment table {
	background-color: #fff;
	margin: 0 10px;
	width: 458px;
}

dl.payment table th,
dl.payment table td {
	vertical-align: middle;
	padding: 5px;
}

dl.payment table tr.line th,
dl.payment table tr.line td {
	border-bottom: 1px solid #a9a9a9;
}

dl.payment span {
	color: #ef7e00;
}


/* @end -------------------------------------------------------------- */

/* @group 3-14 NHK受信料
---------------------------------------------------------------------- */

/* @end -------------------------------------------------------------- */

/* @group 3-15 ほくせんWebサービス
---------------------------------------------------------------------- */
div#hokusenWebService h3 {
	width: 150px;
	float: left;
}
div#hokusenWebService div.fr p {
	margin-bottom: 5px;
}

div#hokusenWebService div.group {
	clear: both;

}

div#hokusenWebService div.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#hokusenWebService div.group {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#hokusenWebService div.group {
	height: 1%;
}

div#hokusenWebService div.group {
	display: block;
}
/**/

div#hokusenWebService div.group div {
	float: left;
	border: 1px solid #a9a9a9;
	padding: 5px;
}

div#hokusenWebService div.group div.flow1 {
	width: 178px;
	margin-right: 10px;
}

div#hokusenWebService div.group div.flow2 {
	width: 198px;
	margin-right: 10px;
}

div#hokusenWebService div.group div.flow3 {
	width: 268px;
}

div#hokusenWebService div.group ul {
	margin-bottom: 0;
}

div#registration li {
	border: none;
}

div#registration li h4 {
	margin: 0;
	border: 1px solid #a9a9a9;
	border-bottom: none;
}

div#registration li p {
	padding: 5px;
	border: 1px solid #a9a9a9;
	border-top: none;
	height: 60px;
}

div#registration li.step1 {
	width: 180px;
	padding-right: 45px;
	background: transparent url(../../common/images/ico_arrowR.gif) no-repeat 95% 50%;
}

div#registration li.step2 {
	width: 180px;
	float: left;
	padding-right: 45px;
	background: transparent url(../../common/images/ico_arrowR.gif) no-repeat 95% 50%;
}

div#registration li.step3 {
	width: 230px;
}

div#registration ul {
	clear: both;
	text-align: right;
}

div#webCaching {
	width: 340px;
	float: left;
	text-align: center;
}

div#webCaching div#allTime {
	width: 319px;
	margin: 10px auto;
}

div#webCaching div#allTime p {
	text-align: left;
}

div#mobileWeb {
	width: 298px;
	float: right;
	margin-right: 10px;
	padding: 10px;
	border: 1px solid #a9a9a9;
	display: inline;
}

div#puc div.fr {
	margin-top: 20px;
}

/* @end -------------------------------------------------------------- */

/* @group 3-16 ほくせんいつでもダイヤル
---------------------------------------------------------------------- */

div#a-dial ol.step {
	margin: 0 0 5px;
	height: 130px;
}

div#a-dial ol.step li {
	float: left;
	padding-right: 40px;
	background: transparent url(../../common/images/ico_arrowR.gif) no-repeat 95% 50%;
}

div#a-dial ol.step li.last {
	padding-right: 0;
}

div#a-dial p {
	clear: both;
}

/* @end -------------------------------------------------------------- */

/* @group 3-17 加盟店舗一覧
---------------------------------------------------------------------- */

div#hokusenMember ul {
	margin: 0 0 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #a9a9a9;
}

div#hokusenMember ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#hokusenMember ul {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#hokusenMember ul {
	height: 1%;
}

div#hokusenMember ul {
	display: block;
}
/**/

div#hokusenMember ul li {
	margin: 0 0 5px 15px;
	width: 320px;
	float: left;
	display: inline;
}

div#hokusenMember ul.link {
	width: 680px;
	margin: 0 auto;
	text-align: right;
	clear: both;
	list-style: none;
	border: none;
}

div#hokusenMember ul.link li {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* @end -------------------------------------------------------------- */

/* @group 3-18 商品券の使えるお店
---------------------------------------------------------------------- */
ul#ticketLink {
	width: 675px;
	margin: 0 auto;
	font-size: 93%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

ul#ticketLink:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul#ticketLink {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html ul#ticketLink {
	height: 1%;
}

ul#ticketLink {
	display: block;
}
/**/

ul#ticketLink li {
	float: left;
	width: 214px;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fbfbfb;
}

ul#ticketLink li a {
	width: 214px;
	text-decoration: none;
	display: block;
}

div#hokusenTicket h4 {
	color: #ef7e00;
}

div.ticketCategory {
	margin-bottom: 30px;
}

div.ticketCategory ul {
	font-size: 93%;
	line-height: 1.8;
	margin: 0 0 30px 0;
}

div.ticketCategory ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.ticketCategory ul {
	display: inline-block;
	min-height: 1%;
/* for IE 7*/
}

/*\*/

* html div.ticketCategory ul {
	height: 1%;
}

div.ticketCategory ul {
	display: block;
}
/**/

div.ticketCategory ul li {
	width: 47%;
	float: left;
	margin: 0 2% 0 0;
}

div.ticketCategory ul span {
	font-size: 85%;
}

div.ticketCategory ul.list,
div.ticketCategory ul.list li {
	float: none;
	width: 90%;
}

/* @end -------------------------------------------------------------- */

/* @group 3-19 紛失・盗難のご連絡
---------------------------------------------------------------------- */

div.l-dial {
	width: 660px;
	margin: 0 auto;
	padding: 20px 10px;
	border-top: 1px solid #ccc;
}

div.l-dial:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.l-dial {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div.l-dial {
	height: 1%;
}

div.l-dial {
	display: block;
}
/**/

div.l-dial.last {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

div.l-dial h4 {
	float: left;
	width: 195px;
	margin: 0;
}

div.l-dial dl {
	float: left;
	margin: 0;
	width: 465px;
}

div.l-dial dl dt {
	float: left;
	width: 250px;
}

div.l-dial dl dd {
	float: right;
	text-align: right;
}

div.l-dial ul li {
	float: left;
	margin-right: 5px;
}

.police {
	float: left;
	padding-right: 20px;
}

dl.l-dial {
	width: 660px;
	margin: 0 auto;
	padding: 20px 10px;
	border-top: 1px solid #ccc;
}

dl.l-dial:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl.l-dial {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html dl.l-dial {
	height: 1%;
}

dl.l-dial {
	display: block;
}
/**/

dl.l-dial.last {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

dl.l-dial dt {
	float: left;
	width: 190px;
}

dl.l-dial dd {
	text-align: right;
}

div#asking .square li {
	margin-bottom: 10px;
}

/* @end -------------------------------------------------------------- */

/* @group 3-20 ご契約情報のご変更
---------------------------------------------------------------------- */

table.data {
	width: 100%;
	border-top: 1px solid #a9a9a9;
	margin-bottom: 30px;
}

table.data th,
table.data td {
	padding: 10px;
	border-bottom: 1px solid #a9a9a9;
}

table.data tr.noline th,
table.data tr.noline td {
	border-bottom: none;
	padding: 10px;
}

table.data th.non,
table.data td.non {
	border: none;
}

table.data td.cash{
	border: 1px dotted #b2b2b2;
	padding: 10px;
	background-color: #fcfcfc;
}


dl.cachCard {
	margin: 1em 0;
}

dl.cachCard dt {
	float: left;
}

div#password ul {
	margin: 0;
	padding: 0;
}

div#password ul li {
	float: right;
	margin-right: 10px;
}

div.finance{
	border: 1px solid #e97f26;
	margin-bottom: 20px;
}

div.finance img{
	float: left;
}

div.finance div.finance_box{
	float: left;
	padding: 15px 20px 0;
}

div.finance div.finance_box ul li{
	float: left;
	margin-right: 0.5em;
	font-size: 110%;
	line-height: 160%;
	color: #464646;
}




/* @end -------------------------------------------------------------- */

/* @group 3-21 営業時間のご案内
---------------------------------------------------------------------- */

div#acceptance table {
	text-align: center;
}

div#acceptance ul {
	margin-bottom: 20px;
}

div#tel table,
div#atm table {
	margin-bottom: 20px;
	text-align: center;
}

div#acceptance table th,
div#tel table th,
div#atm table th,
div#hours table th {
	text-align: center;
	padding: 5px 0;
	background-color: #f1f1f1;
}

div#acceptance table td,
div#tel table td,
div#atm table td,
div#hours table td {
	text-align: center;
	padding: 10px 0;
}

div#tel table td.ad {
	text-align: left;
}

.name {
	width: 300px;
}

.weekday,
.holiday {
	width: 190px;
}

table#ontime {
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

table#ontime th {
	padding: 10px 20px;
	vertical-align: baseline;
}

table#ontime td {
	text-align: right;
	padding: 10px 20px;
}

table img {
	vertical-align: middle;
}

div#hours table caption {
	padding-top: 3px;
	font-weight: normal;
	font-size: 85%;
}

div#hours table {
	border-top: 1px solid #a9a9a9;
	width: 100%;
	margin-bottom: 20px;
}

div#hours .fl,
div#hours .fr {
	width: 330px;
	border-top: 1px solid #a9a9a9;
	margin-bottom: 4px;
}

div#hours th {
	border-bottom: 1px solid #a9a9a9;
	vertical-align: middle;
	padding: 10px 5px;
	text-align: center !important;
}

div#hours tr.first th {
	height: 50px;
}

div#hours table td {
	border-bottom: 1px solid #a9a9a9;
	vertical-align: middle;
	padding: 10px 5px;
}

div#hours ul {
	margin-top: 4px;
	clear: both;
}

div#hours ul.btn li {
	margin-left: 10px;
	float: right;
}

div.bank ul {
	width: 696px;
	list-style: none;
	margin: 0 0 0 -16px;
}

div.bank ul li {
	float: left;
	margin: 0 0 16px 16px;
	padding: 0;
	display: inline;
}

table.inner,
table.inner th,
table.inner td {
	text-align: left !important;
	border: none !important;
	margin-bottom: 0;
}

/* @end -------------------------------------------------------------- */

/* @group 3-22 ICカードと暗証番号のお取り扱いについて
---------------------------------------------------------------------- */
div#ic-password {
	border: 2px solid #e4392c;
	margin-bottom: 20px;
	padding: 10px;
}

div#ic-password ul.list {
	margin-top: 10px;
	margin-bottom: 0;
}

table.tetsuduki {
	width: 100%;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	margin-bottom: 4px;
}

table.tetsuduki th {
	width: 5em;
	white-space: nowrap;
	background-color: #e8e8e8;
	text-align: center;
	font-weight: normal;
}

table.tetsuduki th,
table.tetsuduki td {
	padding: 10px;
}

table.inquiry {
	width: 100%;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	margin-bottom: 20px;
}

table.inquiry th {
	font-weight: normal;
	width: 18em;
	background-color: #e8e8e8;
	padding: 10px;
}

table.inquiry td {
	padding: 10px;
	text-align: right;
}


ol#ic-step li {
	padding-bottom: 20px;
	margin-bottom: 5px;
	background: url(../../common/images/ico_arrowB.gif) no-repeat 50% 100%;
}

ol#ic-step li ol li {
	float: left;
	width: 340px;
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

ol#ic-step li p {
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	margin: 0;
	padding: 10px;
}

ol#ic-step li.non {
	background: none;
}

ol#ic-step li p.non {
	border-right: none;
}

/* @end -------------------------------------------------------------- */


/* @group 3-23 WEB明細サービス
---------------------------------------------------------------------- */

div#web_detail ol {
	margin: 0 0 20px;
	background: transparent url(../../use/images/asahi/bg_arrow.gif) no-repeat 50% 40%;
}

div#web_detail ol:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#web_detail ol {
	display: inline-block;
	min-height: 1%;/* for IE 7*/
}

/*\*/
* html div#web_detail ol {
	height: 1%;
}

div#web_detail ol {
	display: block;
}
/**/

div#web_detail li {
	margin-bottom: 20px;
	text-align: center;
}

div#web_detail li p {
	padding: 5px 0 10px 0;
	margin-bottom: 0;
}
/* @end -------------------------------------------------------------- */

/* @group 3-24 海外旅行傷害保険サービスについてのお知らせ
---------------------------------------------------------------------- */
#use-s {
	margin-top: 30px;
}

#use-s th {
	white-space: nowrap;
	vertical-align: top;
}

#use-s th,
#use-s td {
	padding-bottom: 15px;
}

#use-s .sheet th,
#use-s .sheet td {
	padding: 7px;
}
/* @end -------------------------------------------------------------- */

/* @group 3-25 JCB会員専用サービス
---------------------------------------------------------------------- */
div#jcb div.column {
	margin-bottom: 20px;
}

div#jcb div.fl {
	width: 221px;
}

div#jcb div.fr {
	width: 439px;
}
/* @end -------------------------------------------------------------- */

/* @group 3-26 年末年始の一時掲載用スタイル
---------------------------------------------------------------------- */
div#endYear h3 {
	margin-top: 30px;
	margin-left: 10px;
	color: #f00;
}

div#endYear h3 span {
	font-size: 77%;
	color: #454545;
}
/* @end -------------------------------------------------------------- */
---------------------------------------------------------------------- */

table.sheet{
	margin-bottom: 10px;
}

table.sheet th{
	text-align: center;
	padding: 3px;
}

table.sheet th.thead{
	text-align: left;
}

table.sheet td{
	text-align: center;
	padding: 3px 0;
}

table.sheet td.revision{
	color: #e20f0f;
}

span.attention{
	font-size: 77%;
}

ul.condition{
	margin-bottom: 1em;
}

p.arrow_under{
	text-align: center;
	margin: 0;
}

table.ad_on{
	margin-bottom: 20px;
}

table.ad_on th{
	padding: 0;
}

table.ad_on .space{
	width: 40px;
	text-align: center;
	vertical-align: middle;
}

table.ad_on td{
	padding: 0;
}
/* @end -------------------------------------------------------------- */