@charset "euc-jp";
/*
========== TABLE of CONTENTS ==========

1:pos-lrec-overwrite
3:mobile
4:eki
5:information
6:pos-ysqm
7:other-service
8:y-service
9:pos-ybbgd
10:pos-eup
11:pos-insides
12:toolbar
12_2:toolbar02
13:cp-pr
14:appPromo
15:bnrLoco
16:bnrMetro
17:appPromo02

clearfix rules

========== TABLE of CONTENTS ==========
*/

/* ---------- 1:pos-lrec-overwrite ---------- */
#pos-lrec dl{
	background: #fff;
	}
#pos-lrec dt{
	padding-top: 0;
	}
#pos-lrec dd{	
	height: auto;
	}
#pos-lrec dd table td{
	text-align: left;
	}
/* ---------- /1:pos-lrec-overwrite ---------- */

/* ---------- 3:mobile ---------- */
#mobile{
	position: relative;
	margin-bottom: 6px;
	padding: 4px 7px 0 7px;
	border: 1px solid #ccc;
	background: url(../images/sb_headline01.gif) no-repeat 1px 1px;
	}
*html #mobile{
	background: url(../images/sb_headline01.gif) no-repeat 2px 2px;
	}
*+html #mobile{
	background: url(../images/sb_headline01.gif) no-repeat 2px 2px;
	}
#mobile img{
	vertical-align: bottom;
	}
#mobile p.qr img{
	margin: 5px 5px 8px 0;
	float: left;
	}
#mobile .codeInfo{
	font-weight: bold;
	}
#mobile .codeNotice{
	font-size: 92.3%;
	}
#mobile h2{
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
	}
#mobile h3{
	clear: left;
	margin-bottom: 4px;
	padding: 1px 0 1px 3px;
	background-color: #ededed;
	font-weight: bold;
	}
#mobile ul.depth{
	margin-bottom: 8px;
	text-align: right;
	}
#mobile ul.depth img{
	margin-right: 3px;
	vertical-align: 2px;
	}
#mobile #qr, #mobile #mtf{
	margin-bottom: 8px;
	}
#mobile #m-cont1, #mobile #m-cont2{
	margin-bottom: 4px;
	padding: 1px 0 2px 1px;
	border: 1px solid #ededed;	}
#mobile #m-cont3{
	margin-bottom: 4px;
	padding: 1px 0 2px 1px;
}
#mobile #mtf h4{
	padding-left: 3px;
	border-left: 5px solid #333;
	font-weight: bold;
	}
#mobile #mtf p{
	margin-left: 8px;
	}
#mobile #mtf address{
	margin-bottom: .3em;
	margin-left: 8px;
	font-size: 130%;
	font-family: "Arial Black","Arial","Verdana","Helvetica Bold","Helvetica",sans-serif;
	}
#mobile #mtf strong{
	font-weight: bold;
	}
/* ---------- /3:mobile ---------- */

/* ---------- 4:eki ---------- */
#eki{
	position: relative;
	margin-bottom: 10px;
	padding: 4px 4px 4px 7px;
	border: 1px solid #ccc;
	background: url(../images/sb_headline01.gif) no-repeat 1px 1px;
	}
*html #eki{
	background: url(../images/sb_headline01.gif) no-repeat 2px 2px;
	}
*+html #eki{
	background: url(../images/sb_headline01.gif) no-repeat 2px 2px;
	}
#eki h2{
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
	}
#eki #eki-gfx{
	background: url(../images/a010.png) no-repeat -160px -83px;
	position: absolute;
	top: 34px;
	left: 7px;
	width: 80px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}
*html #eki #eki-gfx{
	left: 0;
	top: 40px;
	}
*+html #eki #eki-gfx{
	top: 39px;
	}
#eki dl.main{
	margin: 0 3px 0 92px;
	min-height: 86px;
	}
#eki dl.user{
	margin: .5em 3px 0;
	text-align: right;
	}
#eki dl.user dt{
	font-weight: bold;
	}
#eki dl.user dt,#eki dl.user dd{
	display: inline;
	}
*html #eki dl.main{
	height: 86px;
	}
#eki dl dt{
	margin-bottom: 0.3em;
	}
#eki strong{
	font-weight: bold;
	}
/* ---------- /4:eki ---------- */

/* ---------- 5:information ---------- */
#information{
	margin-bottom: 10px;
	padding: 4px 7px 4px 7px;
	border: 1px solid #ccc;
	background: url(../images/sb_headline01.gif) no-repeat 1px 1px;
	}
*html #information{
	background: url(../images/sb_headline01.gif) no-repeat 2px 2px;
	}
*+html #information{
	background: url(../images/sb_headline01.gif) no-repeat 2px 2px;
	}
#information strong{
	font-weight: bold;
	}
#information h2{
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
	}
#information h3{
	clear: both;
	margin-bottom: 4px;
	padding: 1px 0 1px 3px;
	background-color: #ededed;
	font-weight: bold;
	}
#information p{	
	margin-bottom: 3px;
	}
#information p.lead img{
	margin: 5px 5px 8px 0;
	float: left;
	}
#information ul li{
	list-style: square;
	margin-left: 1.5em;
	margin-bottom: .3em;
	}
#information ul.depth{
	margin-bottom: 8px;
	text-align: right;
	}
#information ul.depth img{
	margin-right: 3px;
	vertical-align: 2px;
	}
#information ul.depth li{
	list-style: none;
	}
#information ul.clip li{
	padding-left: 11px;
	background: url(../../images/delta.gif) no-repeat 0 0.5em;
	list-style: none;
	}

/* ---------- /5:information ---------- */

/* ---------- 6:pos-ysqm  ---------- */
#pos-ysqm{
	margin-bottom: 8px;
	}
#pos-ysqm table table b small{
	padding-left: 3px;
	font-size: 105%;
	}
#pos-ysqm table table tr:first-child td{
	background-color: #eee;
	}
/* ---------- /6:pos-ysqm ---------- */

/* ---------- 7:other-service  ---------- */
#other-service{/* use clearfix hack */
	margin-bottom: 6px;
	border-top: none;
	border-bottom: none;
	}
#other-service dl{/* use clearfix hack *//* for win ie5.0 */
	width: 140px;
	margin-bottom: 4px;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	}
#other-service dl.left{
	float: left;
	clear: both;
	}
#other-service dl.right{
	float: right;
	}
#other-service dt{
	float: left;
	width: 16px;
	}
#other-service dt img{
	display: block;
	}
#other-service dd{
	float: right;
	width: 122px;
	}

/* ---------- /7:other-service  ---------- */

/* ---------- 8:y-service  ---------- */

#y-service{/* use clearfix hack */
	margin-bottom: 10px;
	border: 1px solid #ccc;
	}
#y-service p{
	margin-bottom:6px;
	padding: 4px 7px;
	background: url(../images/sb_headline02.gif) no-repeat 1px 1px;
	font-size: 110%;
	font-weight: bold;
	}
.ys-left{
	float: left;
	width: 140px;
	}
.ys-right{
	float: right;
	width: 140px;
	}
.y-text{
	padding: 0 6px;
	font-weight: bold;
	}
.y-contents{
	margin-bottom: 8px;
	padding: 0 8px;
	}
.y-contents dt{
	margin-top: 6px;
	}
.y-contents img{
	margin-right: 3px;
	}
/* ---------- /8:y-service ---------- */

/* ---------- 9:pos-ybbgd ---------- */
#pos-ybbgd{
	margin: 8px 0;
	}
#pos-ybbgd table{
	width: 100%;
	}
#pos-ybbgd table td{
	text-align: center;
	}
/* ---------- /9:pos-ybbgd ---------- */

/* ---------- 10:pos-eup ---------- */
#pos-eup{
	margin: 8px 0;
	}
/* ---------- /10:pos-eup ---------- */

/* ---------- 11:pos-insides ---------- */
#pos-insides p{
	margin: 8px 0;
	}
/* ---------- /11:pos-insides ---------- */

/* ---------- 12:toolbar ---------- */
/* === 2:300px[minisize] === */

#pos-toolbar{
	margin-bottom: 8px;
	border: 1px solid #ccc;
	}

#err_txt3{
color:#e62b00;
font-weight:bold;
text-align:center;
margin:8px;
padding:5px 0 0;
background:#fff;
}
#dlmodule300m #btnBg{
background:#f3f6f8 url(http://i.yimg.jp/images/toolbar/jp/dlmodule/bg_sub.jpg) repeat-x;
background-position:bottom;
border:1px solid #b1c3ca;
margin:8px;
padding:10px 0 0 0;
text-align:left;
}

#dlmodule300m .btnadd a{
margin:0 0 8px 30px;
background:url(http://i.yimg.jp/images/toolbar/jp/dlmodule/btn_add.gif)  no-repeat;
display:block;
width:223px;
height:33px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
}

#dlmodule300m .btnadd a:hover{
background:url(http://i.yimg.jp/images/toolbar/jp/dlmodule/btn_add.gif) bottom no-repeat;
}

#dlmodule300m .btnadd2{
margin:0 0 8px 30px;
background:url(http://i.yimg.jp/images/toolbar/jp/dlmodule/btn_disable.gif) top no-repeat;
display:block;
width:223px;
height:33px;
text-indent : -9999px ;
text-decoration : none ;
overflow : hidden ;
padding:0 0 8px 0;
}


#dlmodule300m #btnBg #addbox{
font-weight:bold;
margin:0 4px 0 4px;
}

#dlmodule300m #btnBg #addbox #ptimg{
float:left;
text-align:right;
width:20px;
}

#dlmodule300m #btnBg #addbox #ptname{
float:right;
text-align:left;
width:250px;
}


#dlmodule300m #explain{
margin:0 8px 8px 8px;
text-align:right;
}
/* ---------- /12:toolbar ---------- */


/* ---------- 12_2:toolbar02 ---------- */

.toolbar02{margin-bottom: 10px;padding:40px 5px 0 5px;background:url(http://i.yimg.jp/images/loco/pc/images/img_tb.png) no-repeat;border: 1px solid #bbb;line-height:1.3;}
.toolbar02 .dl{width:260px;height:40px;padding-left:15px;text-indent:-9999px;}
.toolbar02 .dl a{width:260px;height:40px;display:block; overflow: hidden;}
.toolbar02 .note{padding:10px 0 0 0; text-align: left;}
.toolbar02 .err{padding:5px;color: #E62B00;font-weight: bold;margin: 8px;text-align: center;}
.toolbar02 .link{padding:2px 0;text-align:right;}

/* ---------- /12_2:toolbar02 ---------- */


/* ---------- 13:cp-pr ---------- */
#cp-pr {
	margin-bottom: 10px;
	}
#cp-pr p {
	text-align: center;
	border: 1px solid #e9d1c9;
	border-right: 1px solid #d9ae9f;
	border-bottom: 1px solid #d9ae9f;
	background: #f7efeC;
  }
#cp-pr p a {
 	display: block;
  padding: 3px .3em .3em;
	}

/* ---------- /13:cp-pr ---------- */


/* ---------- 14:appPromo ---------- */
.appPromo{ margin-bottom:10px;}
.appPromo h2{ width:300px; height:60px; background:url(../images/app_bnr.png) no-repeat 0 0; text-indent:-9999px;}
/*20110825.add_link*/
.appPromo .appPrTtl{ width:300px; height:60px; background: none;}
.appPromo .appPrTtl a{display: block;width:300px; height:60px; background:url(../images/app_bnr.png) no-repeat 0 0; text-indent:-9999px; overflow: hidden;}
.cntWrp{ padding:10px; border:#B6BABD solid 1px; background:url(../images/app_bg.png) repeat-x 0 0;}
.appPromo .btnWrp{ width:278px;}
.appPromo .appQr{ float:left;}
.appPromo .appQr img{ padding:1px; border:#C9CDD0 solid 1px;}
.appPromo .appBtn{ float:right; width:180px; height:60px; margin-top:8px; background:url(../images/app_btnDl.png) no-repeat 0 0; text-indent:-9999px;}
.appPromo .appBtn a{ display:block; width:100%; height:100%; outline:none;}
.appPromo .appTxt{ margin-top:5px;}
.appPromo .appSearch{ border-bottom: 1px dashed #ccc; margin-bottom: 10px; padding-bottom: 10px; text-align: center; font-size: 107.7%;}
.appIpn{
	border-top: 1px dashed #CCCCCC;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
}

/* ---------- /14:appPromo ---------- */


/* ---------- 15:bnrLoco ---------- */
.bnrLoco{
	margin-bottom: 10px;
	display: block;
}
.bnrLoco a{
	display: block;
	overflow: hidden;
}

/* ---------- 15:/bnrLoco ---------- */


/* ---------- 16:bnrMetro ---------- */
.bnrMetro{
	margin-bottom: 6px;
	display: block;
}
.bnrMetro a{
	display: block;
	overflow: hidden;
}

/* ---------- 16:/bnrMetro ---------- */


/* ---------- 17:appPromo02 ---------- */
.appPromo02{ margin-bottom:10px;}
.appPromo02 .appPrTtl02{ width:300px; height:61px; background: none;}
.appPromo02 .appPrTtl02 a{
	display: block;
	width:300px; 
	height:61px; 
	background:url(../images/app_bnr03.png) no-repeat 0 0; 
	text-indent:-9999px; 
	overflow: hidden;
}
.cntWrp02{
	border:#3f2000 solid 1px;
	border-top: 0;
	background:url(../images/app_bg.png) repeat-x 0 0;
}
.appPromo02 .topicWrp{
	margin-bottom: 7px;
	width: 298px;
	overflow: hidden;
}
.appPromo02 .btnWrp{
	width:278px;
}
.appPromo02 .appDev{
	background:url(../images/img_app03_dev.png) no-repeat 0 0;
	float:left;
	width: 109px;
	height: 172px;
	text-indent: -9999px;
	display: block;
}
.appPromo02 .appTopic{
	width: 189px;
	float: left;
}
.appPromo02 .appTopic dt{
	background:url(../images/ttl_app03_free.png) no-repeat 0 0;
	width: 189px;
	height: 46px;
	text-indent: -9999px;
	display: block;
}
.appPromo02 .appTopic dd{
	font-size: 107.7%;
	font-weight: bold;
	line-height: 1.36;
}
.appPromo02 .appTopic dd ul{
	padding: 0 5px;
	margin-left: 0.5em;
    text-indent: -0.5em;
}
.appPromo02 .appBtn02 a{
	background:url(../images/btn_app03_more.png) no-repeat 0 0; 
	width:180px; 
	height:40px; 
	margin-top:8px;
	display: block;
	text-indent:-9999px;
}
.appIpn02{
	border-top: 1px dashed #CCCCCC;
	margin: 0px 5px 7px 5px;
	padding-top: 8px;
	text-align: center;
	font-size: 92.3%;
}
.appIpn02 span{
	padding-left: 5px;
}

/* ---------- /17:appPromo02 ---------- */

/* ---------- 18:appPromo03 ---------- */
.appPromo03{  border: solid 1px #00366c; margin-bottom:10px; padding: 1px;}
.appPromo03 .appPrTtl03{ width:296px; height:60px; background: none;}
.appPromo03 .appPrTtl03 a{
	display: block;
	width:296px; 
	height:60px; 
	background:url(../images/app_bnr04.png) no-repeat 0 0; 
	text-indent:-9999px; 
	overflow: hidden;
}
.appPromo03 .appPrTtl03v2{ width:296px; height:60px; background: none;}
.appPromo03 .appPrTtl03v2 a{
	display: block;
	width:296px; 
	height:60px; 
	background:url(../images/app_bnr04v2.png) no-repeat 0 0; 
	text-indent:-9999px; 
	overflow: hidden;
}
.appPromo03 .topicWrp{
	margin-bottom: 7px;
	width: 296px;
	overflow: hidden;
}
.appPromo03 .topicWrp02{
	margin-bottom: 5px;
	width: 296px;
	overflow: hidden;
}
.appPromo03 .btnWrp{
	width:278px;
}
.appPromo03 .appDev{
	background:url(../images/img_app04_dev.png) no-repeat 0 0;
	float:left;
	width: 107px;
	height: 195px;
	text-indent: -9999px;
	display: block;
}
.appPromo03 .appDev02{
	background:url(../images/img_app04v2_dev.png) no-repeat 0 0;
	float:left;
	width: 107px;
	height: 199px;
	text-indent: -9999px;
	display: block;
}
.appPromo03 .appTopic,.appPromo03 .appTopic02{
	width: 189px;
	float: left;
}
.appPromo03 .appTopic dt{
	background:url(../images/ttl_app04_free.png) no-repeat 0 0;
	width: 189px;
	height: 40px;
	text-indent: -9999px;
	display: block;
}
.appPromo03 .appTopic02 dt{
	background:url(../images/ttl_app04v2_free.png) no-repeat 0 0;
	width: 189px;
	height: 40px;
	text-indent: -9999px;
	display: block;
}
.appPromo03 .appTopic dd,.appPromo03 .appTopic02 dd{
	font-weight: bold;
	line-height: 1.36;
}
.appPromo03 .appTopic dd ul,.appPromo03 .appTopic02 dd ul{
	padding: 0 5px 0 0;
	margin-left: 0.5em;
    text-indent: -0.5em;
}
.appPromo03 .appTopic dd ul li,.appPromo03 .appTopic02 dd ul li{
	line-height: 1.5;
}
.appPromo03 .appTopic dd ul .appOthr,.appPromo03 .appTopic02 dd ul .appOthr{
	text-align: right;
}
.appPromo03 .appBtn03 a{
	background:url(../images/btn_app04_more.png) no-repeat 0 0; 
	width:184px; 
	height:44px; 
	margin-top:8px;
	display: block;
	overflow: hidden;
	text-indent:-9999px;
}
.appIpn03{
	border-top: 1px dashed #CCCCCC;
	margin: 0px 5px 7px 5px;
	padding-top: 8px;
	text-align: center;
	font-size: 92.3%;
}
.appIpn03 span{
	padding-left: 5px;
}
/* ---------- /18:appPromo03 ---------- */

/* ---------- 19:trns-apps ---------- */
#trns-apps{
	margin-bottom: 10px;
	padding: 4px 3px 4px 3px;
	border: 1px solid #ccc;
	background: url(../images/sb_headline01.gif) no-repeat 1px 1px;
	}
*html #trns-apps{
	background: url(../images/sb_headline01.gif) no-repeat 2px 2px;
	}
*+html #trns-apps{
	background: url(../images/sb_headline01.gif) no-repeat 2px 2px;
	}
#trns-apps h2{
	padding-left: 4px;
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
	}
#trns-apps .app-info{
	padding-left: 4px;
	padding-right:1px;
	margin-bottom: 10px;
	}
#trns-apps #app-timer{
	margin-bottom: 5px;
	}
#trns-apps #app-win8{
	margin-top: 5px;
	margin-bottom: 5px;
	}	
#trns-apps .app-icon a{
	float: left;
	background: url(../images/a010.png) no-repeat;
	width: 80px;
	height: 80px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}
#trns-apps #app-transit .app-icon a{
	background-position: -160px 0;
	}
#trns-apps #app-timer .app-icon a{
	background-position: -245px 0;
	}
#trns-apps #app-win8 .app-icon a{
	background: url(../images/icn_win8_app.png) no-repeat 0 0;
	}		
*html #trns-apps .app-icon{
	left: 0;
	top: 40px;
	}
*+html #trns-apps .app-icon{
	top: 39px;
	}
#trns-apps dl.main{
	width: 200px;
	float: left;
	padding-left: 7px;
	min-height: 86px;
	}
*html #trns-apps dl.main{
	height: 86px;
	}
#trns-apps dl dt{
	font-weight: bold;
	margin-bottom: 0.3em;
	}
#trns-apps .app-bnr{
	margin-bottom: 10px;
	}
#trns-apps .app-300-bnr a{
	background: url(../images/app_bnr_300mil.png) no-repeat;
	width: 292px;
	height: 100px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}
#trns-apps .app-300v2-bnr a{
	background: url(../images/app_bnr_300milv2.png) no-repeat;
	width: 292px;
	height: 100px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}
#trns-apps .app-400-bnr a{
	background: url(../images/app_bnr_400mil.png) no-repeat;
	width: 292px;
	height: 100px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}	
/* ---------- /19:trns-apps ---------- */


/* ---------- 20:pos-lrec-overwrite ---------- */
#pos-pict-im dl{
	background: #fff;
	}
#pos-pict-im dt{
	text-align: center;
	padding-top: 0;
	}
#pos-pict-im dd{	
	height: auto;
	}
#pos-pict-im dd table td{
	text-align: left;
	}
#pos-side-im{
	margin-bottom: 10px;
	}	
/* ---------- /20:pos-lrec-overwrite ---------- */

/* ---------- 21:mobile-qr ---------- */
#mobile-qr{
	width:298px;
	margin-bottom:10px;
	border:1px solid #ccc;
	background:url(http://i.yimg.jp/images/transit/08/images/sb_headline01.gif) no-repeat 1px 1px;
}
#mobile-qr dl{
	margin-bottom: 10px;
}
#mobile-qr dt{
	margin:4px 7px;
	margin-bottom:10px;
	font-size:110%;
	font-weight:bold;
}
#mobile-qr dd.clm-l{
	float:left;
	width:74px;
}
#mobile-qr dd.clm-r{
	float:right;
	width:217px;
	margin-top:4px;
	padding-right:7px;
}

/* ---------- /21:mobile-qr ---------- */


/* ---------- clearfix rules(float clear hack) ---------- */
#other-service:after,
#other-service dl:after,
#y-service:after,
#dlmodule300m #btnBg #addbox:after,
#trns-apps .app-info:after,
#mobile-qr dl:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#other-service,
#other-service dl,
#y-service,
#dlmodule300m #btnBg #addbox,
#trns-apps .app-info,
#mobile-qr dl{
	display: inline-block;
	}
/* Hides from IE5-mac \*/
*html #other-service,
*html #other-service dl,
*html #y-service
*html #dlmodule300m #btnBg #addbox,
*html #trns-apps .app-info{
	height: 1%;
	}
#other-service,
#other-service dl,
#y-service,
#dlmodule300m #btnBg #addbox,
#trns-apps .app-info,
#mobile-qr dl{
	display: block;
	}
/* End hide from IE5-mac */
/* ---------- /clearfix rules(float clear hack) ---------- */