@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;
}