@charset "euc-jp";

/* EMG追加 201312 */
#emergency{
	width:850px;
	border:2px solid #F00;
	padding:20px;
	text-align:left;
	margin:10px auto 5px;
	font-size:14px;
	color:#f00;
}

/* PC_A_001 */

.Title{padding:0 0 3px 0; background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/ttlbd.png) bottom repeat-x;}

.FirstPromotion{margin-bottom:25px;}
.FirstPromotion .Title h2{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/ttlbg.png) bottom repeat-x;
font-size:77%;
font-weight:bold;
padding:0 10px 1px;
border-left:5px solid #257fd7;
}
.FirstPromotion ul{font-size:77%; *zoom:1; background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/promobg.png) top repeat-x; padding-top:3px; text-align:left;}
.FirstPromotion ul:after{content:"";display:block;clear:both;}
.FirstPromotion ul li{display:block; width:316px; float:left;}
.FirstPromotion ul li a{display:block; color:#333333; text-decoration:none; padding:2px;}
.FirstPromotion ul li a:hover{display:block; color:#0000ee; text-decoration:none; background:#ededed url(http://i.yimg.jp/images/yjc/pc/img/index/201212/tri.png) no-repeat 98% center;}

.JCBPromotion{margin-bottom:30px; position:relative; *zoom:1;}
.JCBPromotion:after{content:"";display:block;clear:both;}
.JCBPromotion .Title h2{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/ttlbg.png) bottom repeat-x;
font-size:150%;
font-weight:bold;
padding:0 10px 1px;
border-left:5px solid #257fd7;
color:#000;
position: relative;
}
.JCBPromotion a.btn,
.JCBPromotion a.btn:hover{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/btn.png) no-repeat;
display:block;
width:176px;
height:24px;
text-indent:-9999px;
overflow:hidden;
position:absolute; top:7px; left:447px;

}
.JCBPromotion a.btn{background-position:0 -24px;}
.JCBPromotion a.btn:hover{background-position:0 0;}
.JCBPromotion .Benefit{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/card.png) 0 10px no-repeat;
padding:10px 0 0 185px;
border-bottom:1px solid #e5e5e5;
min-height:140px;
height:auto !important;
height:140px;
}
* html .JCBPromotion .Benefit{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/card.png) 0 10px no-repeat;
padding:10px 0 0 185px;
border-bottom:1px solid #e5e5e5;
height:auto;
}
.JCBPromotion .Benefit h3{font-weight:bold; font-size:100%; color:#333;}
.JCBPromotion .Benefit ul{font-size:85%; color:#333; text-align:left;}
.JCBPromotion .Benefit li{display:block; margin-top:5px;}
.JCBPromotion .Benefit ul em{font-weight:normal; color:#800000;}
.JCBPromotion .Benefit span{display:block; text-align:right; padding:0 10px 10px 0; font-size:85%; font-weight:bold;}
.JCBPromotion .Info{width:307px; float:left; padding:10px 0 0 0; text-align:left;}
.JCBPromotion .Flow{width:307px; float:right; padding:10px 0 0 0; text-align:left;}
.JCBPromotion .Info h3,
.JCBPromotion .Flow h3{font-weight:bold; font-size:100%; padding-left:43px;}
.JCBPromotion .Info h3{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/head1.png) left top no-repeat;
min-height:30px;
height:auto !important;
height:30px;
}
.JCBPromotion .Flow h3{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/head2.png) left top no-repeat;
min-height:30px;
height:auto !important;
height:30px;
}
* html .JCBPromotion .Info h3{background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/head1.png) left top no-repeat; height:auto;}
* html .JCBPromotion .Flow h3{background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/head2.png) left top no-repeat; height:auto;}
.JCBPromotion .Info p,
.JCBPromotion .Flow p{padding:10px 0 0 0; font-size:85%; color:#333;}
.JCBPromotion .Info p span,
.JCBPromotion .Flow p span{display:block; text-align:right; padding:10px 10px 0 0; font-weight:bold;}

.PointService{margin-bottom:30px; *zoom:1;}
.PointService:after{content:"";display:block;clear:both;}
.PointService .Title h2{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/ttlbg.png) bottom repeat-x;
font-size:110%;
font-weight:bold;
padding:0 10px 1px;
border-left:5px solid #257fd7;
color:#000;
}
.PointService .list {
margin: 8px;
letter-spacing: -0.31em; /* webkit: collapse white-space between units */
*letter-spacing: normal; /* reset IE < 8 */
word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}
.PointService .list li {
display: inline-block;
*display: inline; /* IE < 8: fake inline-block */
*zoom: 1;
width: 50%;
margin: 8px 0;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
}
.PointService .list dl {padding-left: 40px; background-repeat: no-repeat; background-position: 5px 50%;}
.PointService .list dt {font-size: 75%; color: #666; line-height: 1.2;}
.PointService .list dd {font-size: 88%;}
.PointService .list .shopping dl { background-image: url(http://i.yimg.jp/images/sicons/shopping28.gif); }
.PointService .list .toto     dl { background-image: url(http://i.yimg.jp/images/sicons/toto28.gif); }
.PointService .list .hoken    dl { background-image: url(http://i.yimg.jp/images/sicons/hoken28.gif); }
.PointService .list .wallet   dl { background-image: url(http://i.yimg.jp/images/sicons/wallet28.gif); }
.PointService .list .travel   dl { background-image: url(http://i.yimg.jp/images/sicons/travel28.gif); }
.PointService .list .starclub dl { background-image: url(http://i.yimg.jp/images/sicons/starclub28.gif); }
.PointService .list .wifi     dl { background-image: url(http://i.yimg.jp/c/icon/s/bsc/2.0/wifi28.gif); }
.PointService .list .stamplarry dl { background-image: url(http://i.yimg.jp/images/shp_front/pc/front/images/common/ico_stamprally_28_01.gif); }


.PointService .Promo{margin-top:10px;}
.PointService .Promo h3{display:none;}

.PointService .Promo .top-box02-y{margin:0;}
.PointService .Promo #top-box02-yL,
.PointService .Promo #top-box02-yR{ background:#F5F5F5; padding:5px 3px 5px 0; font-size:85%; border:solid #e5e5e5; border-width:0 1px 1px 0}
.PointService .Promo #top-box02-yL{ margin-bottom:10px;}

.PointService .Promo .top-box02-ytop{}
.PointService .Promo .top-box02-ybottom{}
.PointService .Promo .top-box2-ybg{}
.PointService .Promo .top-box2-ybg li{background: url(http://i.yimg.jp/images/yjc/top/list.gif) no-repeat 0 0.35em;padding-left: 20px;margin-left: 10px;}


.SubInfo{margin-bottom:30px; position:relative; *zoom:1; color:#333;}
.SubInfo:after{content:"";display:block;clear:both;}
.SubInfo h2{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/ttlbg.png) bottom repeat-x;
font-size:110%;
font-weight:bold;
padding:0 10px 1px;
border-left:5px solid #257fd7;
color:#000;
}
.SubInfo .Use{width:307px; float:left; padding:0; text-align:left;}
.SubInfo .Use ul{padding-top:10px; font-size:85%;}
.SubInfo .Use li{ padding-left:1em; text-indent:-1em; display:block; margin-top:5px;}
.SubInfo .Link{width:307px; float:right; padding:0; text-align:left;}
.SubInfo .Link ul{padding-top:10px; font-size:85%;}
.SubInfo .Link li{padding-left:1em; text-indent:-1em; display:block; margin-top:5px;}
.SubInfo .Link li span{color:#666;}


/* --- carousel --- */
/**
* Copyright (c) 2006-2007, Bill W. Scott
* All rights reserved.
*
* This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
* of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
* Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
*
* This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
* 
* The only attribution I require is to keep this notice of copyright & license 
* in this original source file.
*
* Version 0.6.1 - 07.08.2007
*
*/
/**
* Standard Configuration. It is advised that this section NOT be modified as the
* carousel.js expects the behavior outlined below.
**/
.carousel-component { 
position:relative;
overflow:hidden;   /* causes the clipping */
display:none; /* component turns it on when first item is rendered */

}
.carousel-component ul.carousel-list {width:10000000px; position:relative; z-index:1;}
.carousel-component .carousel-list li {float:left; list-style:none; overflow:hidden;}
.carousel-component .carousel-vertical li { 
margin-bottom:0px;
/* Fix for extra spacing in IE */
float:left;
clear:left;  
/* Force the LI to respect the HEIGHT specified */
overflow:hidden;
display:block;
}
.carousel-component .carousel-clip-region { 
overflow:hidden; /* Secret to the clipping */
margin:0px auto;
position:relative; 
}
#bd{position:relative;}
.carousel-component { 
background:FFF;
padding:0px;
-moz-border-radius:2px;
color:#618cbe;
}
.carousel-component ul.carousel-list {margin:0px; padding:0px; line-height:0px;}
/*表示したいコンテンツのheight widthをここで設定する*/
.carousel-component .carousel-list li { 
width:634px; /*500 + 2 + 2 + 1 + 1 */
height:200px;
text-align:center;
margin:0px;
padding:0px;
font:10px verdana,arial,sans-serif;
color:#666;
}
.carousel-component .carousel-list li img { 
display:block;
background-color:white;
height:200px;
width:634px
}
.carousel-component .carousel-prev { 
position:absolute;
top:30px;
z-index:3;
cursor:pointer; 
left:5px; 
}
.carousel-component .carousel-next { 
position:absolute;
top:30px;
z-index:3;
cursor:pointer; 
right:5px; 
}
/* --- Carousel-navigationbottom --- */
#bgbutton1,
#bgbutton2,
#bgbutton3{background-image:url(http://i.yimg.jp/images/yjc/common/img/sprite_button.gif);}
#bgbutton1{background-position: 0 -30px; height:26px; width:71px;}
#bgbutton2{background-position: 0 -86px; height:26px; width:71px;}
#bgbutton3{background-position: 0 -142px; height:26px; width:71px;}
#navpart{position:absolute; top:3px; right:3px;}
/*ナビゲーションボタンを配置する位置を絶対配置で指定*/
#indicator{position:absolute; top:3px; right:3px; z-index:2;}
/*ナビゲーションボタンを配置する位置を絶対配置で指定。#indicatorと同じ位置でなければならない*/
#pos{
position:absolute;
top:3px;
right:3px;
z-index:3;
padding-top:4px;
background-color:transparent;
}
/*クリック対象領域を作る。ボタンのサイズに合わせて微調整する。*/
#buttons li{
height: 14px;
width:	23px;
float:left;
display: block;
vertical-align:top;
margin:auto;
}
#buttons li a{
height:14px;
width:13px;
position:absolute;
top:10px;
z-index:4;
}
#mainimg{widows: 634px; margin-bottom: 15px;}
#mainimg noscript p{margin-bottom: 15px;}

/* SEO対策h1 横リンク追加 */
.modPageTop{
border-top:1px solid #eee;
font-size:77%;
padding-top:10px;
*zoom:1;
}
.modPageTop:after{
content:"";
display:block;
clear:both;
}
.modPageTop h1{
float:left;
color:#8c8a8a;
}
.modPageTop ul{
float:right;
}
.modPageTop li{
display:inline;
padding:0 5px 0 5px;
}
.modPageTop .spLink{
border-right:1px solid #7d7d7d;
}
.modPageTop li a{
color:#064f96;
}
/* banner　追加 */
.ad{
margin-bottom:6px;
}
.ad a{
border:1px solid #ccc;
padding:1px;
display:block;
}
#hukkou{
margin-bottom:6px;
}

/* 201401 背景 券面部分 */
.bg{background:url(http://i.yimg.jp/images/yjc/pc/img/index/201401/bg_card.gif) repeat-y center 0; background-color:#e6e1d2; margin:0 auto;background-color:#e6e1d2;}
.JCBPromotion a.largebtn,
.JCBPromotion a.largebtn:hover{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201401/btn.png) no-repeat;
display:block;
height:65px;
text-indent:-9999px;
overflow:hidden;
margin:15px 0 20px;
}
.JCBPromotion a.largebtn{background-position:0 0;}
.JCBPromotion a.largebtn:hover{background-position:0 -75px;}
.JCBPromotion .Card{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201401/card.jpg) no-repeat;
height:138px;
margin-top:15px;
padding-left:235px;
position:relative
}
.JCBPromotion .Card span{font-weight:bold; font-size:100%; line-height:1.1; color:#f00;}
.JCBPromotion .Card p{display:block; font-size:85%; font-weight:bold; position:absolute; bottom:0;}
.JCBPromotion .Benefit3{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201401/benefit2014.png) no-repeat;
height:122px;
margin-top:15px;
position:relative;
text-indent: -9999px;
font-size: 0;
line-height: 0;
overflow: hidden;
}
.JCBPromotion .Benefit3 .ttl{font-size:100%; font-weight:bold; color:#FFF;}
.JCBPromotion .Benefit3 .txt{font-size:130%; font-weight:bold; text-align:center; line-height:1.1;}
.JCBPromotion .Benefit3 .txt span{font-size:100%; font-weight:bold; color:#f00; text-align:center; line-height:1.1;}
.JCBPromotion .Benefit3 .txt em{font-size:90%; font-weight:bold; text-align:center; line-height:1.1;}
.JCBPromotion .Benefit3 .auc_ttl{position:absolute; top:3px; left:70px;}
.JCBPromotion .Benefit3 .auc{position:absolute; top:40px; left:38px;}
.JCBPromotion .Benefit3 .ksi_ttl{position:absolute; top:3px; left:245px;}
.JCBPromotion .Benefit3 .ksi{position:absolute; top:40px; left:255px;}
.JCBPromotion .Benefit3 .shp_ttl{position:absolute; top:3px; right:32px;}
.JCBPromotion .Benefit3 .shp{position:absolute; top:40px; right:7px;}

/* 201408 トップページ改修*/
#cardmain{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/card_main.jpg ) no-repeat;
height:190px;
text-indent: -9999px;
margin-bottom:20px;
}
/*g-navi*/
#g_navi {
	width:634px;
	margin-bottom:10px;
}
#g_navi li{
	float:left;
}
#g_navi li a {
	display:block;
	width:100%;
	height:35px;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
/*g-navi off*/
#g_navi li.g_navi01 a {background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/spr_gnav_02.png) no-repeat 0px 0px;width:211px;}
#g_navi li.g_navi02 a {background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/spr_gnav_02.png) no-repeat -211px 0px;width:211px;}
#g_navi li.g_navi03 a {background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/spr_gnav_02.png) no-repeat -422px 0px;width:212px;}
/*g-navi hover*/
#g_navi li.g_navi01 a:hover {background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/spr_gnav_02.png) no-repeat 0px -35px;width:211px;}
#g_navi li.g_navi02 a:hover {background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/spr_gnav_02.png) no-repeat -211px -35px;width:211px;}
#g_navi li.g_navi03 a:hover {background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/spr_gnav_02.png) no-repeat -422px -35px;width:212px;}
/*g-navi on*/
#g_navi li.g_navi01_on a {background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/spr_gnav_02.png) no-repeat 0px -35px;width:211px;}
#g_navi li.g_navi02_on a {background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/spr_gnav_02.png) no-repeat -211px -35px;width:211px;}
#g_navi li.g_navi03_on a {background:url(http://i.yimg.jp/images/yjc/pc/img/index/201409/spr_gnav_02.png) no-repeat -422px -35px;width:212px;}
/*button*/
.JCBbtn a.btn,
.JCBbtn a.btn:hover{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201401/btn.png) no-repeat;
display:block;
height:65px;
text-indent:-9999px;
overflow:hidden;
margin-bottom:20px;
}
.JCBbtn a.btn{background-position:0 0;}
.JCBbtn a.btn:hover{background-position:0 -75px;}

.other_card{font-size: 85%;text-align: right;margin: -15px 0 15px;}

/* ポイントがたまるサービス・カード活用方法・関連情報 */
.summary_bg{background:#eae4d1;height:100%;padding:20px 0; margin-bottom:20px;}
.summary{width:950px;margin:0 auto;text-align:left;}
.summary h2{font-weight:bold;padding:0 10px 1px;color:#000;}

.summary_left{float:left;width:40%;}
.PointService1408{*zoom:1;}
.PointService1408:after{content:"";display:block;clear:both;}
.PointService1408 .Title h2{
background:url(http://i.yimg.jp/images/yjc/pc/img/index/201212/ttlbg.png) bottom repeat-x;
font-size:110%;
font-weight:bold;
padding:0 10px 1px;
border-left:5px solid #257fd7;
color:#000;
}
.PointService1408 .list {
margin-top: 5px;
letter-spacing: -0.31em; /* webkit: collapse white-space between units */
*letter-spacing: normal; /* reset IE < 8 */
word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}
.PointService1408 .list li {
display:block;
*display: block; /* IE < 8:  */
*zoom: 1;
margin: 16px 0;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
}
.PointService1408 .list dl {padding-left: 40px; background-repeat: no-repeat; background-position: 5px 50%;}
.PointService1408 .list dt {font-size: 75%; color: #666; line-height: 1.2;}
.PointService1408 .list dd {font-size: 88%;}
.PointService1408 .list .shopping dl { background-image: url(http://i.yimg.jp/images/sicons/shopping28.gif); }
.PointService1408 .list .toto     dl { background-image: url(http://i.yimg.jp/images/sicons/toto28.gif); }
.PointService1408 .list .hoken    dl { background-image: url(http://i.yimg.jp/images/sicons/hoken28.gif); }
.PointService1408 .list .wallet   dl { background-image: url(http://i.yimg.jp/images/sicons/wallet28.gif); }
.PointService1408 .list .travel   dl { background-image: url(http://i.yimg.jp/images/sicons/travel28.gif); }
.PointService1408 .list .starclub dl { background-image: url(http://i.yimg.jp/images/sicons/starclub28.gif); }
.PointService1408 .list .wifi     dl { background-image: url(http://i.yimg.jp/c/icon/s/bsc/2.0/wifi28.gif); }
.PointService1408 .list .stamplarry dl { background-image: url(http://i.yimg.jp/images/shp_front/pc/front/images/common/ico_stamprally_28_01.gif); }

.PointService1408 .Promo{margin-top:10px;}
.PointService1408 .Promo h3{display:none;}

.PointService1408 .Promo .top-box02-y{margin:0;}
.PointService1408 .Promo #top-box02-yL,
.PointService1408 .Promo #top-box02-yR{ background:#F5F5F5; padding:5px 3px 5px 0; font-size:85%; border:solid #e5e5e5; border-width:0 1px 1px 0}
.PointService1408 .Promo #top-box02-yL{ margin-bottom:10px;}

.PointService1408 .Promo .top-box02-ytop{}
.PointService1408 .Promo .top-box02-ybottom{}
.PointService1408 .Promo .top-box2-ybg{}
.PointService1408 .Promo .top-box2-ybg li{background: url(http://i.yimg.jp/images/yjc/top/list.gif) no-repeat 0 0.35em;padding-left: 20px;margin-left: 10px;}

.summary_right{margin-bottom:30px; position:relative; float:left; *zoom:1; color:#333;}
.summary_right:after{content:"";display:block;clear:both;}
.summary_right ul{padding-top:8px; font-size:85%;}
.summary_right li{padding-left:1em; text-indent:-0.5em; display:block; margin-top:5px; line-height:1.4;}
.summary_right li span{color:#666;}

.summary_right .Use{width:307px; padding:0; margin-bottom:25px;}
.summary_right .Link{width:307px; padding:0;}

.wdth950{width:950px;margin:0 auto;}

/* デバイス切り替え 201410 */
.changeDevice{
    margin: 10px;
    font-size: 14px;
	text-align: center;
}
.changeDevice dl{
    display: inline-block;
    padding: 5px 5px 5px 10px;
    border: 1px solid #e7e7e7;
    background: #f9f9f9;
}
.changeDevice dt{
	display: inline;
}
.changeDevice dt:after{
	content: ":";
}
.changeDevice dd{
	display: inline;
}
.changeDevice dd:after{
	content: "|";
}
.changeDevice dd:last-child:after{
	content: "";
}
.changeDevice p{
	font-size: 12px;
}
.changeDevice a,
.changeDevice span{
	padding: 0 5px; 
}
.changeDevice span{
	font-weight: bold;
}