@charset "euc-jp";

#wrapper{
line-height:1.5;
}

h2{
margin-top: 15px;
}

/* -- 上部リンク2つのリンクになった場合は以下を修正 -- */
#pre02{
margin: 10px auto;
}

#pre02 li{
text-align:center;
margin:auto;
}

#list-L{
	float: center;
}

#list-R{
	float: left;
	margin-left: 40px;
}

/*
#pre02 li img{
margin-right:5px;
}
*/

/* -- preリンク2つバージョン-- */

#main{
width:654px;
}

#emergency{
font-weight: bold;
color:#FF0000;
border: 1px solid #FF0000;
padding: 5px;
margin: 10px auto;
}

/* --- 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;
	height: 200px;
	margin-bottom: 15px;
}

/* --- otoku (tool templates) --- */

.top-box02-y{margin-top:10px;}
.top-box02-ytop{background: url(http://i.yimg.jp/images/yjc/top/top_box02_ytop.gif) no-repeat bottom;width: 301px;height: 6px;}
.top-box02-ybottom{background: url(http://i.yimg.jp/images/yjc/top/top_box02_ybottom.gif) no-repeat;width: 301px;height: 6px;}
#top-box02-yL{float: left;}
#top-box02-yR{float: right;}
.top-box2-ybg{background: url(http://i.yimg.jp/images/yjc/top/top_box02_ybg.gif) repeat-y;width: 301px;}
.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;}

/* renewal css */
.mk-g{background-image:url(../img/sub-img.png);}

#pr-suica,
#pr-suica em,
#pr-suica ol,
#mem h2,
#mem h3,
#usecase h2,
.yshp,
.ytoto,
.yhoken,
.ypnt,
.ywlt,
.ygrm,
.ytrv,
.ystc,
.ctrlBtn a{background-image:url(../img/main-img.png);background-repeat:no-repeat;}


#pr-suica{border:1px solid #74b52f;font-size:77%;position:relative;
background-position:0 -360px;}
#pr-suica h2{margin:0;padding:0;position:relative;width:100%;text-indent:-9999px;}
#pr-suica em{width:186px;height:45px;text-indent:-9999px;display:block;position:absolute;top:0;left:0;
background-position:0 0;}
#pr-suica ol{width:380px;height:126px;position:absolute;top:53px;left:10px;
background-position:0 -60px;}
#pr-suica li{text-indent:-9999px;}
#pr-suica p.dt{vertical-align:middle;text-align:right;padding:145px 10px 6px 10px;}
#pr-suica p{padding:60px 10px 6px 10px;}
.mk-g{width:16px;height:16px;margin:0 4px 0 0;top:4px;position:relative;
background-position:-160px -200px;}
.applyBtn a{text-indent:-9999px;width:260px;height:50px;display:block;position:absolute;top:188px;left:192px; overflow:hidden;}


#mem{margin:15px 0 0 0;border:1px solid #505d70;}
#mem h2{margin:0;background-color:#505d70;color:#fff;font-weight:bold;padding:5px 0 0 60px;height:25px;
background-position:10px -190px;}

#mem h3{border:1px solid #ccc;margin:10px 0;font-weight:bold;padding:2px 0 2px 6px;color:#333;
background-repeat:repeat-x;background-position:0 -255px;}

#mem h3 em{border-left:3px solid #637289;padding-left:6px;}
.top-box02-y{width:610px;padding:5px;}

#pnt,
#cmp{padding:0 6px;width:620px;}

#pnt div{zoom:1;}
#pnt dl{width:310px;font-size:85%;margin:0; float:left;position:relative;zoom:1;}
#pnt dt,
#pnt dd{position:relative;zoom:1;padding-left:43px;}
#pnt dt{font-size:85%;color:#666;line-height:1.23;padding-top:5px;}
#pnt dd{padding-bottom:10px;}
#pnt img{position:absolute;top:5px;left:5px;width:28px;height:28px;}
#pnt img.ypnt{width:30px;}
#pnt div{clear:both;}

.yshp{background-position:-672px 0;}
.ytoto{background-position:-643px 0;}
.yhoken{background-position:-616px 0;}
.ypnt{background-position:-586px 0;}
.ywlt{background-position:-558px 0;}
.ygrm{background-position:-530px 0;}
.ytrv{background-position:-500px 0;}
.ystc{background-position:-471px 0;}

#usecase{border:1px solid #ccc;margin:15px 0 0 0;color:#333;}
#usecase h2{border-width:0 0 1px;border-style:solid;border-color:#ccc;padding:2px 0 0 0;font-weight:bold;text-indent:10px;font-size:108%;
background-position:0 -255px;background-repeat:repeat-x;
}

#usecase h2{height:auto;margin:0;}
#usecase h2 em{color:#f87105;}
#usecase ul{padding:4px 0 0 10px;zoom:1;overflow:hidden;}
#usecase li{width:49%;padding:0 5px 4px 0;float:left;font-size:77%;}
* html #usecase li{padding:0 5px 5px 0;}
#usecase img{width:16px;height:16px;
background-image:url(http://i.yimg.jp/images/yjc/common/img/sub-img.png);
background-position:0 -200px;margin:0 4px 0 0;
vertical-align:middle;}

.ctrlBtn{text-align:right;padding:0 10px 8px 0;}
.ctrlBtn a{overflow:hidden;
height:27px;width:113px;display:inline-block;text-align:left;text-indent:-9999px;
background-position:right -49px;}

/* 20101208 */
.yshp{background:url(http://i.yimg.jp/images/sicons/shopping28.gif) no-repeat;}
.ytoto{background:url(http://i.yimg.jp/images/sicons/toto28.gif) no-repeat;}
.yhoken{background:url(http://i.yimg.jp/images/sicons/hoken28.gif) no-repeat;}
.ywlt{background:url(http://i.yimg.jp/images/sicons/wallet28.gif) no-repeat;}
.ygrm{background:url(http://i.yimg.jp/images/sicons/gourmet28.gif) no-repeat;}
.ytrv{background:url(http://i.yimg.jp/images/sicons/travel28.gif) no-repeat;}
.ystc{background:url(http://i.yimg.jp/images/sicons/starclub28.gif) no-repeat;}

/* 20111108 */
.modSideBnr ul li { width:300px; height:100px; margin:0 0 6px; }

/* 20120227 */
/*.sidebar-TextLink { margin-bottom:6px; padding:6px; }*/

/* 20120612 */
/* デバイス別表示切替リンク */
.yjChviewWrap {
  text-align: center;
}
.yjChview{
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #e7e7e7;
  background: #f9f9f9;
  text-align: center;
}
.yjChview dl, .yjChview dd, .yjChview p { margin: 0; }
.yjChview dl dt, .yjChview dl dd {
  display: inline;
  font-size: 14px;
  line-height: 1.2em;
}
.yjChview dl dt{
  padding-right: 0.2em;
}
.yjChview dl dd span {
  font-weight: bold;
}
.yjChview dl dd:after {
  content: "\ff5c";
}
.yjChview dl dd.end:after {
  content: "";
}

/* 20120709 */
.modAboutJCBCard {
  margin-bottom: 20px;
}
.modAboutJCBCard .bd {
  position: relative;
  margin-bottom: 2px;
  padding-top: 226px;
  padding-bottom: 8px;
  border: 1px solid #23272f;
  background: #d9d9d9 url(http://i.yimg.jp/images/yjc/common/img/bg_about_yjcbcard_01.png) 0 0 no-repeat;
}
.modAboutJCBCard .ttl,
.modAboutJCBCard .merit {
  position: absolute;
  top: 0;
  text-indent: -9999px;
}
.modAboutJCBCard .more {
  text-align: right;
  font-size: 88%;
}
.modAboutJCBCard .more a {
  padding-left: 18px;
  background: url(http://i.yimg.jp/images/yjc/common/img/ico_arrow_03.png) 0 50% no-repeat;
}
.modAboutJCBCard .modOrder {
  margin-bottom: 0;
  padding: 0 10px;
}
.modAboutJCBCard .modOrder .btn {
  margin: 0 0 6px 15px;
  text-align: center;
}
.modAboutJCBCard .modOrder .btn a {
  background: url(http://i.yimg.jp/images/yjc/common/img/btn_order_yjcbcard_01.png) no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 52px;
  overflow: hidden;
  padding-left: 347px;
  width: 0;
}
.modAboutJCBCard .txt {
  font-size: 75%;
  text-align: left;
}
.modAboutJCBCard .promo {
  font-size: 75%;
  margin-bottom: 10px;
  text-align: center;
}
.modAboutJCBCard .ptsTxtBln01 {
  width: 140px;
  height: 37px;
  position: absolute;
  top: 220px;
  left: 7px;
  background: #d9d9d9 url(http://i.yimg.jp/images/yjc/common/img/bg_ill_start_01.png) 0 0 no-repeat;
  text-indent: -9999px;
}