@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

#mainframe{
	margin:0 auto;
}

#id-content,
#nidpass-content{
	width:912px;
}

#id-content p,
#id-content h2,
#id-content h3,
#nidpass-content h4{
	text-align:left;
}

img {
border: none;
}

P#map_copyright {
    color: #999999;
    font-size: 9px;
    padding-bottom: 11px;
    text-align: right;
	margin-top:50px;
}

.clf:after {
	display: block;
	clear: both;
	height: 0;
	line-height:0;
	visibility:hidden;
	content: ".";
	font-size: 0.1em;
}
.clf { display: inline-block; } /* Hides from Mac-IE ¥*/
* html .clf { height: 1%; } .clf { display: block; } /* End hide from Mac-IE */

/* header */

#top_logo{
	width:912px;
	height:30px;
	padding:10px 0;
	border-bottom:2px #666 solid;
}

#top_logo #logo{
	float:left;
}

#top_logo p{
	float:right;
	padding-top:10px;
}

/* title */

h1 span,
h2 span,
h3 span,
h4 span{
	display:none;
}

#nid_func h2{background: url(../img/id_title1_new.jpg) no-repeat; width:912px; height:40px;}
#platform_list h2{background: url(../img/id_title2_new.jpg) no-repeat; width:912px; height:40px;}
#toge_login h2{background: url(../img/id_title3_new.jpg) no-repeat; width:912px; height:40px;}
#login_walk h3{background: url(../img/login_walk.jpg) no-repeat; width:330px; height:42px;}
#login_drive h3{background: url(../img/login_drive.jpg) no-repeat; width:224px; height:42px;}
#login_transfer h3{background: url(../img/login_transfer.png) no-repeat; width:224px; height:42px;}
#login_car h3{background: url(../img/login_car.jpg) no-repeat; width:353px; height:42px;}
#login_truck h3{background: url(../img/login_truck.png) no-repeat; width:224px; height:42px;}

#nid_select_svs h1{background: url(../img/pass_title.jpg) no-repeat; width:912px; height:40px;}
#account_select_svs h1{background: url(../img/account_title.jpg) no-repeat; width:912px; height:40px;}
#title_walk h3{background: url(../img/title_walk.jpg) no-repeat; width:353px; height:53px;}
#title_drive h3{background: url(../img/title_drive.jpg) no-repeat; width:239px; height:53px;}
#title_train h3{background: url(../img/title_train.jpg) no-repeat; width:210px; height:53px;}
#title_bus h3{background: url(../img/title_bus.jpg) no-repeat; width:208px; height:53px;}
#title_cycle h3{background: url(../img/title_cycle.jpg) no-repeat; width:233px; height:53px;}
#title_car h3{background: url(../img/title_car.jpg) no-repeat; width:383px; height:53px;}
DIV.nid_info_pc h4{background: url(../img/label_pc.png) no-repeat; width:65px; height:29px;float:left;margin-right:14px;}
DIV.nid_info_sp h4{background: url(../img/label_sp.png) no-repeat; width:215px; height:29px;float:left;margin-right:14px;}
DIV.nid_info_android h4{background: url(../img/label_android.png) no-repeat; width:105px; height:29px;float:left;margin-right:14px;}
DIV.nid_info_iphone h4{background: url(../img/label_iphone.png) no-repeat; width:92px; height:29px;float:left;margin-right:14px;}
DIV.nid_info_wp7 h4{background: url(../img/label_wp7.png) no-repeat; width:174px; height:29px;float:left;margin-right:14px;}
DIV.nid_info_androidiphone h4{background: url(../img/label_and_ip.png) no-repeat; width:186px; height:29px;float:left;margin-right:14px;}


/* index.html */

#main_area{
	margin-top:20px;
}

#main_area img#main_v{
	vertical-align: bottom;
}

#main_area #main_bg{
	min-height:195px;
	height:auto;
	background: url(../img/id_maininfo_bg.gif) repeat-x;
}

#main_area #main_bg #main_inner {
	padding:20px 20px 0 20px;
}

#main_area #main_bg #main_inner #what_nid{
	padding:20px;
	background:#fff;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

#main_area #main_bg #main_inner #what_nid h2{
	font-family:"ヒラギノ角ゴ Pro W8", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#006400;
	width:832px;
	border-bottom:solid 1px #006400;
	padding-bottom:0.4em;
}

#main_area #main_bg #main_inner #what_nid p{
	font-size:12px;
	line-height:20px;
	width:832px;
	margin-top:0.4em;
}

#main_area #main_bg #main_inner #main_btn_box{
	width:706px;
	margin:17px auto 0 auto;
	text-align:center;
}

DIV.nid_new_btn{
	float:left;
}

DIV.nid_check_btn{
	float:right;
}

DIV.nid_new_btn a {
    background: url("../img/nid_new_btn.png") no-repeat;
    display: block;
    height: 67px;
    text-indent: -9898px;
    width: 348px;
}

DIV.nid_new_btn a:hover {
    background-position: -348px 0;
}

DIV.nid_check_btn a {
    background: url("../img/nid_check_btn.png") no-repeat;
    display: block;
    height: 67px;
    text-indent: -9898px;
    width: 348px;
}

DIV.nid_check_btn a:hover {
    background-position: -348px 0;
}

#main_area #main_inner #main_info{
	padding:20px;
	margin-top:13px;
	background:#fffeec;
	border:solid 1px #e7813e;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

#main_area #main_inner #main_info p{
	width:649px;
	float:left;
	font-size:12px;
	line-height:21px;
}

#main_area #main_inner #main_info img{
	float:right;
	margin-top:20px;
}

#nid_func{
	margin-top:46px;
}

#nid_func #func_box1{
	margin-top:30px;
}

#nid_func #func_box1 DIV.func_box1_left{
	width:561px;
	float:left;
}

#nid_func #func_box1 DIV.func_box1_left h3{
	width:561px;
	height:41px;
	background: url(../img/id_subtitle1.gif) no-repeat;
}

#nid_func #func_box1 DIV.func_box1_left DIV.text_btn_box1{
	padding:20px 43px 0 20px;
}

#nid_func #func_box1 DIV.func_box1_left DIV.text_btn_box1 p{
	font-size:14px;
	line-height:22px;;
}

#nid_func #func_box1 DIV.func_box1_left DIV.text_btn_box1 #func_btn_box1{
	padding:20px 0 0 0;
}

DIV.platform_btn{
	width: 242px;
	height: 53px;
	float:left;
}

DIV.platform_btn a {
    background: url("../img/platform_btn.jpg") no-repeat;
    display: block;
    height: 53px;
    text-indent: -9898px;
    width: 242px;
}

DIV.platform_btn a:hover {
    background-position: -242px 0;
}

DIV.login_btn{
	width: 242px;
	height: 53px;
	float:right;
}

DIV.login_btn a {
    background: url("../img/login_btn.jpg") no-repeat;
    display: block;
    height: 53px;
    text-indent: -9898px;
    width: 242px;
}

DIV.login_btn a:hover {
    background-position: -242px 0;
}

#nid_func #func_box1 DIV.func_img1{
	width:351px;
	float:right;
	overflow:hidden;
	display:inline;
	line-height:0;
}

#nid_func #func_box2{
	margin-top:30px;
}

#nid_func #func_box2 DIV.func_img2{
	width:351px;
	float:left;
}

#nid_func #func_box2 DIV.func_box2_right{
	width:561px;
	float:right;
	overflow:hidden;
	display:inline;
	line-height:0;
}

#nid_func #func_box2 DIV.func_box2_right h3{
	width:561px;
	height:41px;
	background: url(../img/id_subtitle2.gif) no-repeat;
}

#nid_func #func_box2 DIV.func_box2_right DIV.text_btn_box2{
	padding:20px 20px 0 43px;
}

p.top{
	font-size:14px;
	line-height:22px;
}

p.small{
	font-size:12px;
	line-height:21px;
	color:#cc0000;
}

p.note{
	font-size:12px;
	line-height:0px;
	height: 20px;
}

#nid_func #func_box2 DIV.func_box2_right DIV.text_btn_box2 #func_btn_box2{
	padding:20px 0 0 0;
}

DIV.aco_btn{
	float:right;
}

DIV.aco_btn a {
    background: url("../img/aco_btn.jpg") no-repeat;
    display: block;
    height: 53px;
    text-indent: -9898px;
    width: 242px;
}

DIV.aco_btn a:hover {
    background-position: -242px 0;
}

#platform_list{
	margin-top:46px;
}

#platform_list p.top{
	margin:20px 0 0 20px;
}

#platform_list p.small{
	margin:0.4em 0 0 20px;
}

#toge_login{
	margin-top:50px;
}

#toge_login p{
	margin:20px 0 0 20px;
}

DIV.login_list{
	text-align:left;
	margin:20px 0 0 20px;
}

/* nid_pass.html */

#nid_select_svs,
#account_select_svs{
	margin-top:20px;
}

#nid_select_svs h2,
#account_select_svs h2{
	margin-top:20px;
	font-family:"ヒラギノ角ゴ Pro W8", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#006400;
	width:872px;
	border-bottom:solid 1px #006400;
	padding-bottom:0.4em;
	text-align:left;
}

DIV.nid_btn_box{
	width:872px;
	margin-top:18px;
}

DIV.walk_btn{
	width: 275px;
	height: 60px;
	margin-right:23px;
	float:left;
}

DIV.walk_btn a {
    background: url("../img/walk_btn.jpg") no-repeat;
    display: block;
    height: 60px;
    text-indent: -9898px;
    width: 275px;
}

DIV.walk_btn a:hover {
    background-position: -275px 0;
}

DIV.drive_btn{
	width: 275px;
	height: 60px;
	margin-right:23px;
	float:left;
}

DIV.drive_btn a {
    background: url("../img/drive_btn.jpg") no-repeat;
    display: block;
    height: 60px;
    text-indent: -9898px;
    width: 275px;
}

DIV.drive_btn a:hover {
    background-position: -275px 0;
}

DIV.train_btn{
	width: 275px;
	height: 60px;
	float:left;
}

DIV.train_btn a {
    background: url("../img/train_btn.jpg") no-repeat;
    display: block;
    height: 60px;
    text-indent: -9898px;
    width: 275px;
}

DIV.train_btn a:hover {
    background-position: -275px 0;
}

DIV.bus_btn{
	width: 275px;
	height: 60px;
	margin-right:23px;
	float:left;
}

DIV.bus_btn a {
    background: url("../img/bus_btn.jpg") no-repeat;
    display: block;
    height: 60px;
    text-indent: -9898px;
    width: 275px;
}

DIV.bus_btn a:hover {
    background-position: -275px 0;
}

DIV.cycle_btn{
	width: 275px;
	height: 60px;
	margin-right:23px;
	float:left;
}

DIV.cycle_btn a {
    background: url("../img/cycle_btn.jpg") no-repeat;
    display: block;
    height: 60px;
    text-indent: -9898px;
    width: 275px;
}

DIV.cycle_btn a:hover {
    background-position: -275px 0;
}

DIV.car_btn{
	width: 275px;
	height: 60px;
	float:left;
}

DIV.car_btn a {
    background: url("../img/car_btn.jpg") no-repeat;
    display: block;
    height: 60px;
    text-indent: -9898px;
    width: 275px;
}

DIV.car_btn a:hover {
    background-position: -275px 0;
}

DIV.svs_info_bg{
	width:840px;
	margin-top:50px;
	background: url("../img/svs_info_bg.gif") repeat;
	padding:20px 16px 14px 16px;
}

DIV.svs_info_bg DIV.title_wrapper{
	width:824px;
	border:solid 4px #78c678;
	background:#fff;
}

DIV.svs_info_inner{
	width:840px;
	margin-top:18px;
}

DIV.svs_info_inner DIV.svs_info_box{
	width:417px;
	height:377px;
	float:left;
	position:relative;
	background: url("../img/info_bg_s.png") no-repeat;
}

DIV.svs_info_inner DIV.svs_info_box_m{
	width:620px;
	height:377px;
	float:left;
	position:relative;
	background: url("../img/info_bg_m.png") no-repeat;
}

DIV.svs_info_inner DIV.svs_info_box_l{
	width:821px;
	height:377px;
	float:left;
	position:relative;
	background: url("../img/info_bg_l.png") no-repeat;
}

.info_box_center{
	margin-left:212px;
}

.info_box_center_m{
	margin-left:110px;
}

.info_box_center_l{
	margin-left:9px;
}

.margin_right{
	margin-right:6px;
}

DIV.nid_title_box{
	text-align:left;
	width:379px;
	margin:16px 0 0 18px;
}

DIV.nid_title_box_m{
	text-align:left;
	width:584px;
	margin:16px 0 0 18px;
}

DIV.nid_title_box_l{
	text-align:left;
	width:785px;
	margin:16px 0 0 18px;
}

p.pc_text{
	font-size:12px;
	margin-top:14px;
}

DIV.svs_info_inner DIV.svs_info_box img:not(.menu_icon),
DIV.svs_info_inner DIV.svs_info_box_m img:not(.menu_icon),
DIV.svs_info_inner DIV.svs_info_box_l img:not(.menu_icon){
	position:absolute;
	bottom:30px;
	left:25px;
}

DIV.go_to_top{
	width:872px;
	text-align:right;
	font-size:14px;
	margin-top:0.6em;
}

.menu_icon{
	width:2px;
	height:10px;
	vertical-align:baseline;
}

/* table */

table {
	border-spacing: 0;
	border-collapse: separate;
	font-size:14px;
}

table.platform_table{
	margin: 20px auto 0 auto;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
}

table.platform_table th {
	color: #fff;
	height:50px;
	background: #6d6d6d;
	background:-moz-linear-gradient(top, #909090, #6a6a6a);
	background:-webkit-gradient(linear, left top, left bottom, from(#909090), to(#6a6a6a));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF909090', endColorstr='#FF6a6a6a');
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}

table.platform_table td {
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	text-align: center;
	height:50px;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
table.platform_table tr:first-child th:first-child,
table.platform_table tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
table.platform_table tr:first-child th:last-child,
table.platform_table tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
table.platform_table tr:last-child th:first-child,
table.platform_table tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
table.platform_table tr:last-child th:last-child,
table.platform_table tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}

table.platform_table th.svs_title {
	width:330px;
}

table.platform_table th.other_title {
	width:89px;
}

table.platform_table tr.platform_thin {
	background: #fff;
}

table.platform_table tr.platform_deep {
	background: #efefef;
}

table.platform_table td.svs_title{
	background: #edfaed;
	width:330px;
}

table.platform_table tr.platform_deep td.svs_title{
	background: #def5de;
}

table.platform_table td.svs_title span,
table.platform_table td.list_check span,
table.platform_table td.list_none span,
table.login_table td.login_nologin span{
	display:none;
}

table.platform_table tr td#walk_title{
	width:330px;
	height:50px;
	background: url("../img/plat_walk.jpg") no-repeat;
}

table.platform_table tr td#drive_title{
	width:330px;
	height:50px;
	background: url("../img/plat_drive.jpg") no-repeat;
}

table.platform_table tr td#train_title{
	width:330px;
	height:50px;
	background: url("../img/plat_train.jpg") no-repeat;
}

table.platform_table tr td#bus_title{
	width:330px;
	height:50px;
	background: url("../img/plat_bus.jpg") no-repeat;
}

table.platform_table tr td#cycle_title{
	width:330px;
	height:50px;
	background: url("../img/plat_cycle.jpg") no-repeat;
}

table.platform_table tr td#car_title{
	width:330px;
	height:50px;
	background: url("../img/plat_car.jpg") no-repeat;
}

table.platform_table tr td#truck_title{
	width:330px;
	height:50px;
	background: url("../img/plat_truck.png") no-repeat;
}

table.platform_table  tr.platform_thin td.list_check {
	width:89px;
	height:50px;
	background: url("../img/list_check_thin.jpg") no-repeat;
}

table.platform_table  tr.platform_thin td.list_none {
	width:89px;
	height:50px;
	background: url("../img/list_none_thin.jpg") no-repeat;
}

table.platform_table  tr.platform_deep td.list_check {
	width:89px;
	height:50px;
	background: url("../img/list_check_deep.jpg") no-repeat;
}

table.platform_table  tr.platform_deep td.list_none {
	width:89px;
	height:50px;
	background: url("../img/list_none_deep.jpg") no-repeat;
}

table.login_table{
	margin: 20px 0 0 5px;
	border-top: 1px solid #8c8c8c;
	border-left: 1px solid #8c8c8c;
	border-spacing: 0;
	border-collapse: collapse;
}

table.login_table td {
	border-bottom: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	text-align: center;
}

table.login_table tr.login_top_bar{
	background: #f9f5e6;
	height:48px;
}

table.login_table td.login_iphone{
	width:76px;
}

table.login_table td.login_ipad{
	width:62px;
}

table.login_table td.login_android{
	width:90px;
}

table.login_table td.login_android_tab{
	width:100px;
}

table.login_table td.login_win_phone{
	width:94px;
}

table.login_table td.login_win8{
	width:92px;
}

table.login_table td.login_pc{
	width:76px;
}

table.login_table td.login_spw{
	width:110px;
}

table.login_table td.logining{
	padding:5px 0;
	width:194px;
}

table.login_table td.login_nologin{
	width:194px;
	height:48px;
	background: url("../img/list_login.gif") no-repeat;
}

table.login_table tr.login_thin{
	background: #fff;
}

table.login_table tr.login_deep{
	background: #f8fbfb;
}

table.login_table td.logining{
	background: #e6f0f4;
}

table.login_table tr.login_deep td.logining{
	background: #d7e4ea;
}