@charset "euc-jp";
/* CSS Document */

/* 

	top-head-title
	topList
	ycard2colArea
	cardApply

*/

.yj950-2 #wrapper { padding:0;}

/* --top-head-title-- */
.top-head-title {
	background: url(/images/yjc/suica_ver2/top_head01.jpg) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	height: 188px;
}

.top-head-link {
	background: url(/images/yjc/suica_ver2/top_head02.jpg) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
	height: 89px;
}
	
.top-head-link a {
	display: block;
	right: 103px;
	width: 208px;
	height:46px;
	position:absolute;
	overflow:hidden;	
	top: 7px;
}

.top-head-bottom {
	background: url(/images/yjc/suica_ver2/top_head06.gif) no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
	height: 20px;
}

/* ---- */

/* -- topList -- */
#topList {
	margin-top:10px;
	width:634px;
    overflow: hidden;
}

#topList:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #topList {
    height: 1em;
    overflow: visible;
}

/**/
#topList ul{
	float:left;
	margin:0 15px;
	padding:0;
	width:175px;
}

#topList ul li{
	padding: 3px 0 3px 20px;
	background: url(/images/yjc/services/list.gif) 0 0.35em no-repeat;
}

/* ---- */

/* --ycard2colArea-- */
#ycard2colArea {
	margin-top:10px;
    overflow: hidden;
	font-size:87.5%;/*フォントサイズ14px指定*/
}

#ycard2colArea:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #ycard2colArea {
    height: 1em;
    overflow: visible;
}

/**/
div.ycard2colArea_01{
	float:left;
	width:313px;
}

div.ycard2colArea_02{
	float:right;
	width:310px;
}

.ycard_ttl{margin-bottom:12px;}

.ycard_grayBox li, .ycard_lightgrayBox li{
	padding: 3px 0 3px 20px;
	background: url(/images/yjc/services/list.gif) 0 0.35em no-repeat;
}

.ycard_grayBox{
	margin-bottom:10px;
	padding:10px;
	background:#F5F5F5;
	border:1px solid #E0E0E0;
}

.ycard_lightgrayBox{
	margin-bottom:10px;
	padding:10px;
	border:1px solid #DEE8D6;
}

/* 注)ycard_grayBoxより後に書くこと！*/
.boxSyonenndo{
	padding-right:60px;
	background:#F5F5F5 url(/images/yjc/suica_ver2/bg_box_syonendo.gif) right 0.5em no-repeat;
}

.boxJuujitu{
	padding-right:70px;
	background:#F5F5F5 url(/images/yjc/suica_ver2/bg_box_juujitu.gif) right 0.5em no-repeat;
}

/* --cardApply-- */
div.cardApply_YID {
	margin: 5px auto 0;
	text-align: center;
}

div.cardApply_bottom {
	padding:2px 0 0;
	margin: 30px auto 0;
	width: 480px;
	height: 135px;
	background: url(/images/yjc/suica_ver2/entry_box.gif) #FFFFFF no-repeat left top;
}

div.cardApply_bottom p {
	overflow: hidden;
	width: 450px;
	text-indent: -9999px;
}

div.cardApply_YID {
	margin: 5px auto 10px;
	text-align: center;
}

div.cardApply_bottom div.applyButton_bottom {
	clear: both;
	margin: 20px 0 0 136px;
	text-align: left;
}

.nagareButton {
	float: left;
	margin: 8px 0px 0px;
	padding: 0 0 0 66px;
	width: 100px;
}

.kakuninButton {
	padding: 0 0 0 263px;
	margin: 8px 0px 0px;
	text-align: left
}

/* ---- */


/*お友達を紹介してポイントゲット*/
.GreemBox{
	margin-bottom:10px;
	padding:10px;
	border:1px solid #9fc907;
}

.GreemBox li {
float: left;
margin:6px auto;
	padding: 5px 20px 3px 20px;
	background: url(/images/yjc/services/list.gif) 0 0.35em no-repeat;
}

/* 20100705 suica */
#main{position:relative;}
#main-img{position:relative;min-height:205px;height:auto;_height:205px;
border-width:2px 2px 0 2px;border-color:#74b52f;border-style:solid;
background:url(/images/yjc/suica/img/suica-mainimg.jpg) no-repeat top center;}
#main-img h1, #main-img h2, #main-img .lead1{overflow:hidden;text-indent:-9999px;}

#main-img h1{width:320px;height:26px;position:relative;top:10px;left:10px;}
#main-img h2{width:312px;height:65px;position:relative;top:20px;left:292px;}
#main-img .lead1{width:312px;height:40px;position:relative;top:20px;left:292px;}
#main-img .lead2{width:310px;position:relative;top:30px;left:296px;
font-size:77%;color:#666666;text-align:left;}

#main-apply ul{text-align:center;margin:5px 0 10px 0;}
#main-apply ul li{display:inline;margin:0 11px;}
#main-apply ul li a{font-size:85%;}
#main-apply ul li img{width:16px;height:16px;margin:0 3px 0 0;
background-image:url(/images/yjc/suica/img/suica-li-mk.png);
background-position:0 0;background-repeat:no-repeat;vertical-align:middle;}

#main-apply{position:relative;top:0;left:0;
margin:0 0 10px 0;
border-width:0 2px 2px 2px;border-color:#74b52f;border-style:solid;}

#main-apply p{color:#333333;font-size:77%;line-height:1.38;text-align:left;margin:0 10px 10px;}

.applyBtn{text-align:center;}
.applyBtn a{display:block;width:350px;height:50px;margin:auto;overflow:hidden;
background:url(/images/yjc/suica/img/suica-apply-btn.png) no-repeat top center;;
text-indent:-9999px;}


#apply-suica{border:1px solid #74b52f;position:relative;
background:url(/images/yjc/suica/img/suica-apply-bg.png) no-repeat top center;}
#apply-suica h2{width:355px;height:25px;position:relative;top:10px;left:140px;overflow:hidden;text-align:center;text-indent:-9999px;}
#apply-suica p{color:#333333;font-size:77%;line-height:1.38;text-align:left;margin:0 10px 10px;}
#apply-suica .applyBtn{margin-top:10px;}
#apply-suica ul{text-align:center;margin:5px 0 10px 0;}
#apply-suica ul li{display:inline;margin:0 11px;}
#apply-suica ul li a{font-size:85%;}
#apply-suica ul li img{width:16px;height:16px;margin:0 3px 0 0;
background-image:url(/images/yjc/suica/img/suica-li-mk.png);
background-position:0 0;background-repeat:no-repeat;vertical-align:middle;}