@charset "utf-8";
/*
=========================================================
last updated:2010/04/22
=========================================================
*/

/* 1.Common
=============================================================================== */
/* Reset.css
---------------------------------------------------------------- */
body{margin: 0;padding: 0;text-align: center;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div,td,th{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}	
ul li, ol li{list-style: none;}
table{margin:0;padding:0;border-collapse: collapse;border-spacing: 0;font-size: 100%;}
caption{text-align: left;}
table,pre,code,select,input,textarea,kbd,var,ins,del,samp{font-size: 100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight: normal;font-style: normal;}
a img{border: 0;}
h1.none {display:none;}
hr.separation{display: none;}
fieldset{border: none;}
img {vertical-align:bottom;}

/* fonts - Based on YUI fonts.css
----------------------------------------------------------------
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
*Opera9 Compatible!
----------------------------------------------------------------*/
body {font:13px/1.22 "MS Pゴシック",sans-serif;*font-size:small;*font:x-small;color:#444444;word-break:break-all;}
/* IE8 */
head~/* */body {font-size:81.3%;line-height:1.22;}
body:last-child:not(:root:root) div#wrapper {font-size:96%;}/* Safari 1.3-3.0 */
body:first-of-type div#wrapper {font-size:96%;}/* Safari 3.x */
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}
select, input, textarea{font-size:100%; font-family:"MS Pゴシック",sans-serif;}/* Safari */
#emg{margin:auto;clear:both;text-align:center; font-size:110%;}
#emg br{display:none;}
#emg table{margin:10px auto;}
#emg table table{margin:0;}
#emg td{padding: 2px;}

body {background:#e9e9e9;}
div#wrapper {
	width:930px;
	margin:0 auto;
	padding:10px 10px 0;
	text-align:left;
	background:#fff url(http://i.yimg.jp/images/transit/promo/navi_app02/images/header_bg02.png) no-repeat left top;
}
div#wrapper em {
	font-weight:bold;
	color:#57770b;
}

div#wrapper .cnt {text-align:center;}
div#wrapper .backtoS {
	margin-top:40px;
	text-align:center;
	font-size:115.4%;
}
div#wrapper .backtoTop {
	margin-top:10px;
	padding-top:10px;
	text-align:right;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/line01.gif) repeat-x 0 0;
}
div#wrapper .backtoTop a {
	min-height:12px;
	padding-left:15px;
	display:inline-block;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/arrow01.gif) no-repeat 0 0;
}
* html div#wrapper .backtoTop a {height:12px;}

div#wrapper .help {min-height:15px;;padding-left:18px;display:inline-block;background:url(http://i.yimg.jp/images/common/helpicon.gif) no-repeat 0 0;}
* html div#wrapper .help {height:15px;}


div#header {
	min-height:286px;
	padding-top:40px;
	padding-left:334px;
	position:relative;
}
* html div#header {
	height:286px;
}

div#header h1 {
	width:308px;
	height:278px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/app_logo.png) no-repeat 0 0;
	position:absolute;
	top:18px;
	left:15px;
}

div#header div.section {
	padding-top:173px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/header_bg02.jpg) no-repeat 34px 0;
	font-size:115.4%;
	line-height:1.3;
	/zoom:1;
	overflow:hidden;
}

div#header div.section:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
div#header div.box01 {width:290px;padding-right:10px;float:left;}


div#header div.qrCodeMd {
	width:273px;
	padding-top:6px;
	/zoom:1;
	float:left;
}
div#header div.qrCodeMd:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div#header div.qrCodeMd div.fukidashi {
	width:164px;
	padding:1px;
	border:solid 1px #f38906;
	background:#fff;
	position:relative;
	float:left;
}
div#header div.qrCodeMd div.fukidashi div {
	min-height:75px;
	padding:5px 5px 5px 35px;
	background:#f5ba08 url(http://i.yimg.jp/images/transit/promo/navi_app02/images/qrcode_md_bg01.png) no-repeat 5px 5px;
}
* html div#header div.qrCodeMd div.fukidashi div {height:75px;}
div#header div.qrCodeMd div.fukidashi span {
	width:13px;
	height:14px;
	display:block;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/qrcode_md_bg02.png) no-repeat 0 0;
	position:absolute;
	top:37px;
	right:-12px;
}
div#header div.qrCodeMd div.fukidashi p.txt01 {
	width:118px;
	height:37px;
	padding-top:6px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/qrcode_md_txt01.png) no-repeat 0 6px;
	text-indent:-9999px;
	overflow:hidden;
}
div#header div.qrCodeMd div.fukidashi p.txt02 {
	margin-top:10px;
	text-align:center;
}
div#header div.qrCodeMd div.qr {float:right;}

div#MH {position:absolute;top:0;right:6px;}
div#MH p.txt {padding-right:10px;display:inline-block;vertical-align:middle;/display:inline;/zoom:1;}
div#MH p.logo {display:inline-block;vertical-align:middle;/display:inline;/zoom:1;}




/* checkNewApp
---------------------------------------------------------------- */
dl#checkNewApp {
	padding:3px;
	background:#303030;
	/zoom:1;
}
dl#checkNewApp:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
dl#checkNewApp dt {
	width:44px;
	height:45px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/check_apps_txt01.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
dl#checkNewApp dd {width:873px;float:right}
dl#checkNewApp dd a {
	width:873px;
	height:45px;
	display:block;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/check_apps_btn.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}



/* appPointMd
---------------------------------------------------------------- */
div#appPointMd {
}
div#appPointMd div.article {padding:1px;border:solid 1px #c6c6c6;background:#fff url(http://i.yimg.jp/images/transit/promo/navi_app02/images/app_point_bg01.png) repeat-x 0 0;}
div#appPointMd div#point01 div.article,
div#appPointMd div#point02 div.article {min-height:760px;}
* html div#appPointMd div#point01 div.article,
* html div#appPointMd div#point02 div.article {height:760px;}

div#appPointMd div.innr {/zoom:1;}
div#appPointMd div.innr:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div#appPointMd h2 {border-bottom:solid 4px #f5ba08;/zoom:1;}
div#appPointMd h2:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
div#appPointMd h2 span {text-indent:-9999px; overflow:hidden; display:block;float:left;}
div#point01 h3,
div#point02 h3 {margin-bottom:7px;padding-bottom:4px;background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/line01.gif) repeat-x left bottom;}
div#point03 h3 {margin-bottom:10px;}
div#appPointMd h3 span {text-indent:-9999px; overflow:hidden; display:block;}

div#point01 h2 span.st01 {
	width:79px;
	height:71px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point01_st01.png) no-repeat 0 0;
}
div#point01 h2 span.st02 {
	width:294px;
	height:56px;
	margin-top:7px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point01_st02.png) no-repeat 17px 0;
}
div#point01 h3.st01 span {
	width:225px;
	height:25px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point01_hm01.png) no-repeat 0 0;
}
div#point01 h3.st02 span {
	width:237px;
	height:24px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point01_hm02.png) no-repeat 0 0;
}
div#point02 h2 span.st01 {
	width:79px;
	height:71px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point02_st01.png) no-repeat 0 0;
}
div#point02 h2 span.st02 {
	width:298px;
	height:56px;
	margin-top:7px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point02_st02.png) no-repeat 17px 0;
}
div#point02 h3.st01 span {
	width:162px;
	height:23px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point02_hm01.png) no-repeat 0 0;
}
div#point02 h3.st02 span {
	width:207px;
	height:24px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point02_hm02.png) no-repeat 0 0;
}
div#point03 h2 span.st01 {
	width:79px;
	height:71px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point03_st01.png) no-repeat 0 0;
}
div#point03 h2 span.st02 {
	width:718px;
	height:29px;
	margin-top:21px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point03_st02.png) no-repeat 17px 0;
}
div#point03 div.section01 h3 span {
	width:428px;
	height:37px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point03_hm01.png) no-repeat 0 0;
}
div#point03 p.txt01 {
	margin-bottom:10px;
	font-size:115.4%;
	font-weight:bold;
	line-height:1.2;
}
div#point03 div.section02 p.ph {text-align:center;}
div#point03 div.section02 h3 span {
	width:428px;
	height:37px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/point03_hm02.png) no-repeat 0 0;
}

div#appPointMd em {font-weight:bold;color:#eb610e;}

div#point01 {width:450px;float:left;}
div#point02 {width:450px;float:right;}

div#point01,
div#point02,
div#point03 {margin-top:10px;padding:5px;background:#e1e1e1;}

div#point01 div.section,
div#point02 div.section {
	min-height:320px;
	padding:10px 16px 5px;
	/zoom:1;
	font-size:115.4%;
	font-weight:bold;
	line-height:1.2;
}
* html div#point01 div.section,
* html div#point02 div.section {height:320px;}

div#point03 div.box {
	padding:9px 16px 18px;
	/zoom:1;
}
div#point03 div.box:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div#point03 div.section01 {width:428px;float:left;}
div#point03 div.section02 {width:428px;float:right;}


div#point03 div.box dl {
	border-top:solid 1px #b6b6b6;
	border-bottom:solid 1px #b6b6b6;
}

div#point03 div.box div.section01 dl {margin-top:25px;}
div#point03 div.box div.section02 dl {margin-top:79px;}

div#point03 div.box dt {
	padding:5px 9px 4px;
	color:#7f9906;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/line01.gif) repeat-x 0 100%;
	font-size:115.4%;
	font-weight:bold;
	line-height:1.2;
}
div#point03 div.box dt span {
	font-weight:normal;
	color:#666666;
}

div#point03 div.box dl li {
	width:205px;
	padding:5px 0 7px 9px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	/line-height:1.1;
	vertical-align:top;
	font-weight:bold;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/line01.gif) repeat-x 0 100%;
}
div#point03 div.box dl li.none {background:none;}
div#point03 div.box dl li a,
div#point03 div.box dl li span {
	padding-left:14px;
	min-height:12px;
	display:inline-block;
	vertical-align:top;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/icon02.gif) no-repeat;
}

div#point03 div.box dl li a,
div#point03 div.box dl li span {background-position:0 0.2em;}
head~/* */body div#point03 div.box dl li a,
head~/* */body div#point03 div.box dl li span {background-position:0 0.3em;}
html:not(:target) div#point03 div.box dl li a,
html:not(:target) div#point03 div.box dl li span {background-position:0 0.2em;}

* html div#point03 div.box dl li a {height:12px;}

div#appPointMd div.section:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div#appPointMd div.section dl.fl {float:left;}
div#appPointMd div.section dl.fr {float:right;}

div#point01 div.section dl.fl {width:202px;}
div#point01 div.section dl.fr {width:194px;}
div#point02 div.section dl.fl {width:200px;}
div#point02 div.section dl.fr {width:198px;margin-right:-4px;}

div#point01 dt,
div#point02 dt {margin-bottom:4px;}


/* appDlMd
---------------------------------------------------------------- */
div#appDlMd {margin-top:10px;padding:5px;background:#e1e1e1;}
div#appDlMd div.article {padding:1px;border:solid 1px #c6c6c6;background:#fff;}

div#appDlMd div.box {
	padding:16px 16px 0;
	/zoom:1;
}
div#appDlMd div.box:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div#appDlMd h2 {
	height:38px;
	padding:1px 1px 0;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/app_dl_bg01.png) repeat-x 0 0;
}

div#appDlMd h2 span {
	height:30px;
	border-top:solid 1px #f6c541;
	display:block;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/app_dl_ttl.png) no-repeat center 7px;
	text-indent:-9999px;
	overflow:hidden;
}

div#appDlMd div.section01 {
	width:204px;
	text-align:center;
	font-size:115.4%;
	float:left;
}


div#appDlMd div.section01 dt {
	width:204px;
	height:43px;
	margin-bottom:8px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/app_dl_hm01.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
div#appDlMd div.section01 div.qr {
	margin-bottom:6px;
}
div#appDlMd div.section01 div.qr img {
	padding:9px;
	border:solid 3px #f5b008;
}

div#appDlMd div.section02 {
	width:660px;
	float:right;
	/zoom:1;
}
div#appDlMd div.section02:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div#appDlMd div.section02 dt {
	width:185px;
	height:112px;
	padding-right:14px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/app_dl_hm02.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
div#appDlMd div.section02 dd {
	width:460px;
	float:left;
}
div#appDlMd div.section02 p.txt01 {
	font-size:115.4%;
}

div#appDlMd div.section02 div.mobileMail {
	margin-top:10px;
	padding:13px 15px 7px;
	background:#e5f4a2;
	text-align:center;
}
div#appDlMd div.section02 div.mobileMail img,
div#appDlMd div.section02 div.mobileMail input,
div#appDlMd div.section02 div.mobileMail select {
	vertical-align:middle;
}

div#appDlMd div.section02 div.mobileMail input#m2fuser,
div#appDlMd div.section02 div.mobileMail select {
	padding:0.15em 0.1em 0.08em;
}
div#appDlMd div.section02 div.mobileMail input.btn {
	padding:0.15em 0.2em 0.08em;
}
div#appDlMd div.section02 div.mobileMail p {
	margin-top:3px;
}

div#appDlMd div.section03 {
	width:660px;
	margin-top:5px;
	float:right;
	/zoom:1;
}
div#appDlMd div.section03:after {content: " ";display: block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div#appDlMd div.section03 dt {
	width:185px;
	height:64px;
	padding-right:14px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/app_dl_hm03.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
div#appDlMd div.section03 dd {
	width:460px;
	height:19px;
	margin-top:24px;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/app_dl_url.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}

div#appDlMd div.section04 {
	margin-top:10px;
	padding:0 16px;
}
div#appDlMd div.section04 p {
	padding:11px 0 7px;
	text-align:center;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/line01.gif) repeat-x 0 0;
}



/* appFunc
---------------------------------------------------------------- */
div#appFunc {margin-top:10px;padding:5px;background:#e1e1e1;}
div#appFunc div.article {padding:1px;border:solid 1px #c6c6c6;background:#fff;}

div#appFunc th {
	width:205px;
	padding:0 16px 0;
	text-align:left;
	vertical-align:middle;
	font-size:115.4%;
	font-weight:bold;
}
div#appFunc td {padding:10px 0 7px;}
div#appFunc li {
	width:320px;
	margin-bottom:3px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	padding-left:15px;
	font-size:115.4%;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/icon01.gif) no-repeat 0 0.32em;
}

/* appTerminal
---------------------------------------------------------------- */
div#appTerminal {margin-top:10px;padding:5px;background:#e1e1e1;}
div#appTerminal div.article {padding:1px;border:solid 1px #c6c6c6;background:#fff;}
div#appTerminal th {
	width:205px;
	padding:0 16px 0;
	text-align:left;
	vertical-align:middle;
	font-size:115.4%;
	font-weight:bold;
}
div#appTerminal td {padding:5px;}
div#appTerminal dl {margin-bottom:10px;}
div#appTerminal dl dl {padding-left:8px;}

div#appTerminal dt.ttl {
	margin-bottom:7px;
	padding:3px 8px 2px;
	font-weight:bold;
	font-size:115.4%;
	background:#e9e9e9;
}
div#appTerminal dd dt {font-weight:bold;}

/* appBox01
---------------------------------------------------------------- */
div#appBox01 {
	margin-top:10px;
	padding:0 25px;
	color:#666666;
}
div#appBox01 li {margin-bottom:3px;}
div#appBox01 span {font-weight:bold;}

/* appBox02
---------------------------------------------------------------- */
div#appBox02 {
	margin-top:40px;
	padding:0 25px 0;
	font-size:115.4%;
}

div#appBox02 p.lnk {
	margin:5px 0 15px;
}
div#appBox02 p.lnk a {
	min-height:17px;
	padding-left:22px;
	display:inline-block;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/arrow02.gif) no-repeat 0 0;
}
* html div#appBox02 p.lnk a {
	height:17px;
}

/* footer
---------------------------------------------------------------- */
div#footer {
	margin-top:30px;
	padding:10px 0 20px;
	text-align:center;
	background:url(http://i.yimg.jp/images/transit/promo/navi_app02/images/line01.gif) repeat-x 0 0;
}