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

H1#mainvisual{
	display:block;
	width:854px;
	height:206px;
	overflow:hidden;
	line-height:1000px;
	margin:22px 18px 19px 18px;
	background-repeat:no-repeat;
}

DIV#swf_area{
	display:block;
	width:890px;
	height:247px;
}

/*mainvisual*/
	/*DIV.top H1#mainvisual{background-image:url(/img/top/top_main.jpg);}*/
	DIV.top H1#mainvisual{display:none;}
	DIV.jp H1#mainvisual{background-image:url(/img/service/jp_main.jpg);}
	DIV.os H1#mainvisual{background-image:url(/img/service/os_main.jpg);}
	
DIV.container{ padding-bottom:26px;}

DIV.container DIV.box1,
DIV.container DIV.box2{ padding:0 19px 0 18px; float:left;}

DIV.container DIV.box1{ width:260px;}

DIV.container DIV.box2{ width:556px;}

DIV.container DIV.unit_l,
DIV.container DIV.unit_r{ width:260px;}

DIV.container DIV.unit_l{ float:left;}
DIV.container DIV.unit_r{ float:right;}

IMG.splitter{
	display:block;
	margin:0 auto;
}

/* arrow list */

UL.ar_lime LI,
UL.ar_green LI,
UL.ar_orange LI{
	padding-bottom:1em;line-height:1.2em;
}

UL.ar_lime_double{zoom:100%;}
UL.ar_lime_double:after{
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

DIV.container H2{
	display:block;
	overflow:hidden;
	line-height:1000px;
	background-repeat:no-repeat;
}


UL.ar_lime_double LI{padding-bottom:1em; width:49%; float:left;line-height:1.2em;}

UL.ar_lime A,
UL.ar_lime_double A,
UL.ar_green A,
UL.ar_orange A{
	display:block;
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:3px 3px;
}

UL.ar_lime A,UL.ar_lime_double A{background-image: url(/img/common/arrow_lime.gif);}
UL.ar_green A{background-image: url(/img/common/arrow_green.gif);}
UL.ar_orange A{background-image: url(/img/common/arrow_orange.gif);}



DIV.inner_box{ padding-left:12px;}

P.box_txt{ line-height:2em; padding:0.5em 0;}

DIV.btmlink{ padding-top:0.5em; text-align:right;}
DIV.uprlink{ padding-bottom:20px; margin-top:-35px;text-align:right;}

/***** site top *****/
/*titles*/
	DIV.top #service_p H2{
		width:556px;
		height:52px;
		background-image:url(/img/top/top_t01.gif);
	}
	DIV.top #service_b H2{
		width:260px;
		height:52px;
		background-image:url(/img/top/top_t02.gif);
	}
	
	DIV.top #corp_data H2,
	DIV.top #faq H2,
	DIV.top #pickup H2{
		width:260px;
		height:46px;
	}
	
	DIV.top #corp_data H2{background-image:url(/img/top/top_t03.gif);}
	DIV.top #faq H2{background-image:url(/img/top/top_t04.gif);}
	DIV.top #pickup H2{background-image:url(/img/top/top_t05.gif);}
	DIV.top #pr_info H2{
		width:556px;
		height:46px;
	}
	
	DIV.top H2#info_title{background-image:url(/img/top/top_t06.gif);}
	DIV.top H2#pr_title{background-image:url(/img/top/top_t08.gif);}

DIV.top #pickup P.ban_caption{ text-align:center; display:block; padding:0.3em 0; line-height:1.5em;}

DIV.top #pr_info,#banner_area{ padding-top:30px;}


DIV.top #pr_info UL.topics{ padding-bottom:26px;}
DIV.top #pr_info UL.topics LI{ padding-left:6em; text-indent:-5.7em; padding-bottom:0.5em;line-height:1.5em;}
/*
DIV.top #pr_info DL.topics{ padding-bottom:80px;}
DIV.top #pr_info DL.topics DT{ padding-bottom:1em;line-height:1.5em;}
DIV.top #pr_info DL.topics DD{ margin-top:-2.5em; padding-left:6em; padding-bottom:0.5em;  line-height:1.5em;}
*/

DIV.top #banner_area{ text-align:center;}
DIV.top #banner_area IMG{margin-bottom:2em;}


/***** jp top *****/
	DIV.jp #sv_mobile H2{
		width:260px;
		height:49px;
		background-image:url(/img/service/jp_headline_mobile.gif);
	}
	
	DIV.jp #sv_pc H2{
		width:260px;
		height:49px;
		background-image:url(/img/service/jp_headline_pc.gif);
	}
	
	DIV.jp #sv_tv H2{
		width:260px;
		height:49px;
		background-image:url(/img/service/jp_headline_tv.gif);
	}
	
	DIV.jp #sv_wnd H2{
		width:260px;
		height:49px;
		background-image:url(/img/service/jp_headline_wnd.gif);
	}
	
DIV.jp DIV.inner_box H3{
	width:168px;
	height:16px;
	display:block;
	overflow:hidden;
	line-height:1000px;
	background-repeat:no-repeat;
	margin-top:1em;
}
	DIV.jp H3 A{ display:block;}

	DIV.jp #t_navitime H3{background-image:url(/img/service/jp_t_navitime.gif);}
	DIV.jp #t_naviwalk H3{background-image:url(/img/service/jp_t_naviwalk.gif); }
	DIV.jp #t_jonavi H3{background-image:url(/img/service/jp_t_jonavi.gif);}
	DIV.jp #t_pc H3{background-image:url(/img/service/jp_t_pc.gif);}
	DIV.jp #t_actvila H3{background-image:url(/img/service/jp_t_actvila.gif);}
	DIV.jp #t_cnt H3{background-image:url(/img/service/jp_t_cnt.gif);}
	DIV.jp #t_cycle H3{background-image:url(/img/service/jp_t_cycle.gif);}
	DIV.jp #t_bus H3{background-image:url(/img/service/jp_t_bus.gif);}

	
/* Splitter表示 */
DIV.jp DIV#t_navitime,
DIV.jp DIV#t_cycle,
DIV.jp DIV#t_bus,
DIV.jp DIV#t_naviwalk,
DIV.jp DIV#t_pc{
	background:url(/img/service/jp_split.gif) no-repeat bottom;
	padding-bottom:2em;
}
DIV.jp DIV#t_actvila,
DIV.jp DIV#t_cnt{
	padding-bottom:2em;
}

DIV.jp DIV.inner_box P.box_txt{
	display:block;
	padding:1em 80px 1em 0;
	background-repeat:no-repeat;
	background-position:179px 0;
	min-height:70px;
	height:auto !important;
	height:70px;
}
	DIV.jp #t_navitime P.box_txt{ background-image:url(/img/service/jp_ico_navitime.gif);}
	DIV.jp #t_naviwalk P.box_txt{ background-image:url(/img/service/jp_ico_naviwalk.gif);}
	DIV.jp #t_jonavi P.box_txt{ background-image:url(/img/service/jp_ico_jonavi.gif);}
	DIV.jp #t_pc P.box_txt{ background-image:url(/img/service/jp_ico_pc.gif);}
	DIV.jp #t_actvila P.box_txt{ background-image:url(/img/service/jp_ico_actvila.gif);}
	DIV.jp #t_cnt P.box_txt{ background-image:url(/img/service/jp_ico_cnt.gif);}
	DIV.jp #t_cycle P.box_txt{ background-image:url(/img/service/jp_ico_cycle.gif);}
	DIV.jp #t_bus P.box_txt{ background-image:url(/img/service/jp_ico_bus.gif);}
	
DIV.jp DL#pc_sitelist{ padding-top:1em;}

DIV.jp DL#pc_sitelist DT{
	padding-left:12px;
	background:url(/img/common/arrow_lime.gif) no-repeat 3px 9px;
}

DIV.jp DL#pc_sitelist DD{
	padding:0 0 1em 12px;
	line-height:2em;
}

/***** os top *****/

DIV.os DIV.container DIV.box1{ width:260px;}

	DIV.os #sv_jpconnect H2{
		width:260px;
		height:49px;
		background-image:url(/img/service/os_headline_jpconnect.gif);
	}
	
	DIV.os #sv_journey H2{
		width:260px;
		height:49px;
		background-image:url(/img/service/os_headline_journey.gif);
	}
	
	DIV.os #sv_navitime H2{
		width:260px;
		height:49px;
		background-image:url(/img/service/os_headline_navitime.gif);
	}
	
	DIV.os #sv_gnt H2{
		width:260px;
		height:49px;
		background-image:url(/img/service/os_headline_gnt.gif);
	}
	
DIV.os DIV.inner_box P.box_txt{
	display:block;
	padding:1em 80px 1em 0;
	background-repeat:no-repeat;
	background-position:179px 0;
	min-height:70px;
	height:auto !important;
	height:70px;
}
	DIV.os #t_jpconnect P.box_txt{ background-image:url(/img/service/os_ico_jpconnect.gif);}
	DIV.os #t_journey P.box_txt{ background-image:url(/img/service/os_ico_journey.gif);}
	DIV.os #t_navitime P.box_txt{ background-image:url(/img/service/os_ico_navitime.gif);}
	DIV.os #t_gnt P.box_txt{ background-image:url(/img/service/os_ico_gnt.gif);}
	
DIV.os DIV.ban_area{ padding-bottom:3em; width:854px; margin:0 auto;}