@charset "UTF-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body {
*font-size:small;*font:x-small;
	background-color:#FFFFFF;
	font-family: arial, helvetica, clean, sans-serif;
	font-size: 13px;
	line-height: 1.231;
	color: #333333;
}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/

html {
	width: 100%;
	height:100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ",Meiryo,"","ＭＳ Pゴシック",sans-serif;
	width: 100%;
	height:100%;
	text-align:center;
	margin: 0px;
	padding:0px;
	line-height: 1.5em;
	-webkit-text-size-adjust: none;
	background-repeat:no-repeat;
	background-position:center 15px;
	color:#333;
}
#scc{
	background-color:#008AD3;
	background-image:url(/img/lp/sococa/main_bg.jpg);
}
#cn{
	background-color:#FE7129;
	background-image:url(/img/lp/checknote/main_bg.jpg);
}
#vcl{
	background-color:#4D5EA4;
}
#vcl #wrap{
	background-image:url(/img/lp/vehicle/main_bg_line.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}
#vcl #detaile{
	padding-top:0px;
}
#be{
	background-color:#C8D336;
	background-image:url(/img/lp/beacon/main_bg.png);
	background-position:center top;
}
#wrap{
	text-align:left;
	position:relative;
	min-height:100%;
	/* [disabled]overflow:hidden; */
}
h1,h2,h3,h4,p,ul,li,a,img,table,th,td,dl,dt,dd{
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}
h2,h3,h4{
	font-size:100%;
}
li{
	list-style-type: none;
}
a:link,a:visited{
	cursor: pointer;
	color:#333;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}
img{
	vertical-align: bottom;
	border: 0;
}

#detaile{
	width:980px;
	padding-top:45px;
	margin-left:auto;
	margin-right:auto;
}

/*---------------- MAIN ----------------*/
#main{
	overflow:hidden;
	margin-bottom:15px;
	position:relative;
}
.smart #main #main_img{
	width:470px;
	text-align:center;
	position:absolute;
	left:0px;
}
.smart #main #main_ttl{
	padding-left:470px;
	width:510px;
}
.smart #main #main_ttl h1{
	margin-bottom:30px;
}
.smart #main #main_ttl h2{
	margin-bottom:10px;
}
.smart #main #main_ttl h2 span{
	display:block;
	color:#fff;
	font-size:123.1%;
	margin-bottom:10px;
}
.smart #main #badge{
	text-align:right;
}
/* SOCOCA */
#scc #main #main_img{
	top:20px;
}
/* Check Note */
#cn #main #main_img{
	top:5px;
}
/* vehicle */
#vcl #main{
	height:340px;
	background-image:url(/img/lp/vehicle/main_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
#vcl #main #main_ttl{
	float:left;
	width:600px;
	padding-top:65px;
	padding-left:15px;
	margin-right:60px;
}
#vcl #main #main_ttl h1{
	margin-bottom:20px;
}
/* Beacon */
#be #main{
	margin-bottom:0px;
}
#be #main #main_ttl{
	width:400px;
	padding-left:580px;
	margin-top:50px;
	margin-bottom:160px;
}
#be #main #main_img{
	top:0px;
}

/*---------------- NAVI ----------------*/
#navi{
	overflow:hidden;
	background-image:url(/img/lp/navi_line.png);
	background-repeat:no-repeat;
	background-position:right center;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
#navi li{
	float:left;
	width:195px;
	background-image:url(/img/lp/navi_line.png);
	background-repeat:no-repeat;
	background-position:left center;
	height:30px;
}
#navi li a{
	font-size:138.5%;
	display:block;
	width:190px;
	margin-left:5px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding-top:2px;
}
#navi li:hover{
	background-color:#fff;
}
/* SOCOCA */
#scc #navi li:hover a{
	color:#008AD3;
}
/* Check Note */
#cn #navi li:hover a{
	color:#FE7129;
}
/* vehicle */
#vcl #navi{
	overflow:hidden;
	background-image:url(/img/lp/vehicle/navi_line.png);
}
#vcl #navi li{
	background-image:url(/img/lp/vehicle/navi_line.png);
	height:40px;
	width:185px;
}
#vcl #navi li#navi01{
	width:235px;
}
#vcl #navi li a{
	padding-top:3px;
	height:38px;
	width:180px;
	line-height:1.1em
}
#vcl #navi li#navi01 a{
	width:230px;
}
#vcl #navi li:hover a{
	color:#4D5EA4;
}
#vcl #navi li#navi01 a,
#vcl #navi li#navi02 a,
#vcl #navi li#navi03 a,
#vcl #navi li#navi04 a{
	font-size:16px;
}
#vcl #navi li#navi05 a{
	font-size:16px;
	padding-top:12px;
	height:28px;
}
#vcl #navi li a span{
	font-size:11px;
	display:block;
	line-height:1.1em;
	margin-bottom:5px;
}
/* Beacon */
#be #navi li:hover a{
	color:#C8D336;
}

#contents{
	margin-bottom:40px;
}

/*---------------- SECTION ----------------*/
.section{
	background-color:#fff;
	margin-bottom:18px;
}
.section h3{
	font-size:182%;
	margin-bottom:20px;
}
.section h4{
	font-size:138.5%;
}
.section_detail{
	overflow:hidden;
	position:relative;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:40px;
	padding-right:40px;
}
.section .bg_t,
.section .bg_b{
	background-repeat:no-repeat;
	background-position:top left;
	width:980px;
	height:15px;
}
/* SOCOCA */
#scc .section h3,
#scc .section h4{
	color:#008AD3;
}
#scc .section .bg_t{
	background-image:url(/img/lp/sococa/section_top.gif);
}
#scc .section .bg_b{
	background-image:url(/img/lp/sococa/section_bottom.gif);
}
/* Check Note*/
#cn .section h3,
#cn .section h4{
	color:#FE7129;
}
#cn .section .bg_t{
	background-image:url(/img/lp/checknote/section_top.gif);
}
#cn .section .bg_b{
	background-image:url(/img/lp/checknote/section_bottom.gif);
}
/* vehicle */
#vcl .section h3,
#vcl .section h4{
	color:#4C5EA4;
	margin-bottom:10px;
}
#vcl .section .bg_t{
	background-image:url(/img/lp/vehicle/section_top.gif);
}
#vcl .section .bg_b{
	background-image:url(/img/lp/vehicle/section_bottom.gif);
}
/* Beacon */
#be .section_detail{
	padding:35px 50px;
}
#be .section h3,
#be .section h4{
	color:#4F612C;
}
#be .section .bg_t{
	background-image:url(/img/lp/beacon/section_top.gif);
}
#be .section .bg_b{
	background-image:url(/img/lp/beacon/section_bottom.gif);
}

/*---------------- WHATS ----------------*/
#whats .section_detail .img{
	position:absolute;
}
#whats .section_detail .img img{
	width:100%;
	height:auto;
}
#whats .section_detail .txt h3{
	margin-bottom:5px;
}
#whats .section_detail .txt p{
	font-size:108%;
	font-weight:bold;
}
/* SOCOCA */
#scc #whats .section_detail .img{
	left:70px;
	top:0px;
	max-width:386px;
}
#scc #whats .section_detail{
	min-height:206px;
}
#scc #whats .section_detail .txt{
	padding-left:446px;
}
/* Check Note */
#cn #whats .section_detail .img{
	left:80px;
	top:20px;
	width:225px;
}
#cn #whats .section_detail{
	min-height:179px;
}
#cn #whats .section_detail .txt{
	padding-left:285px;
	padding-top:30px;
}
/* Beacon */
#be #whats .section_detail .img{
	left:50px;
	top:35px;
	max-width:416px;
}
#be #whats .section_detail{
	min-height:220px;
}
#be #whats .section_detail .txt{
	padding-left:450px;
}

/*---------------- POINT ----------------*/
#point ul{
	overflow:hidden;
}
#point ul li{
	float:left;
	width:274px;
	margin-right:39px;
}
#point ul li p{
	font-size:93%;
	font-weight:bold;
	margin-bottom:10px;
}
#point ul li .img{
	text-align:center;
}
/* Beacon */
#be #point ul li{
	width:268px;
	margin-right:38px;
}
#be #point ul li h4{
	text-align:center;
	margin-bottom:10px;
}
#be #point ul li .img_box{
	margin-bottom:20px;
}
#be #point ul li .img{
	margin-bottom:10px;
}
#be #point ul li p{
	margin-bottom:0px;
}
#be #point ul li p.notes{
	text-align:center;
}

/*---------------- FUNCTION ----------------*/
#function table td p{
	font-size:93%;
	font-weight:bold;
	margin-bottom:10px;
}
#function table.col3{
	margin-bottom:40px;
}
#function table.col3 td{
	width:274px;
	padding-right:39px;
	vertical-align:top;
}
#function table.col3 td .box{
	position:relative;
}
#function table.col3 td .box .img{
	width:auto;
	max-width:274px;
}
#function table.col3 td .box .img img{
	width:100%;
	height:auto;
}
#function table.col3 .pb40 td{
	padding-bottom:40px;
}
#function table#col4{
	margin-bottom:40px;
}
#function table#col4 td{
	width:195px;
	padding-right:40px;
	vertical-align:text-bottom;
}
#function table#col4 td h4 span{
	display:block;
	font-size:14px;
	line-height:1em;
}
#function table#col4 td .box{
	position:relative;
}
#function table#col4 td .box .img{
	width:195px;
	text-align:center;
}

/*---------------- SCENE ----------------*/
#scene table#col2 td{
	width:430px;
	padding-right:40px;
	padding-bottom:10px;
}
#scene table#col2 td p{
	font-size:93%;
	font-weight:bold;
	margin-bottom:10px;
}
#scene table#col2 td .box{
	position:relative;
}
#scene table.col3{
	margin-bottom:40px;
}
#scene table.col3 td{
	width:274px;
	padding-right:39px;
	vertical-align:top;
}
#scene table.col3 td .box{
	position:relative;
}
#scene table.col3 td .box .img img{
	width:274px;
	height:auto;
}
#scene table.col3 .pb40 td{
	padding-bottom:40px;
}
#scene table#col2 td .img{
	max-width:300px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
/* Beacon */
#be #scene table#col2 td{
	width:416px;
	padding-right:48px;
	padding-bottom:30px;
	vertical-align:top;
}
#be #scene table#col2 td h4{
	margin-bottom:10px;
}
#be #scene table#col2 td .img{
	max-width:416px;
	margin-bottom:10px;
}
#be #scene table#col2 td p{
	margin-bottom:0px;
}

/*---------------- vehicle ----------------*/
#vcl .col2{
	overflow:hidden;
	margin-bottom:20px;
}
#vcl .col2 li{
	float:left;
	width:440px;
	margin-right:20px;
}
#vcl .col3{
	overflow:hidden;
}
#vcl .col3 li{
	float:left;
	width:273px;
	margin-right:20px;
}
#vcl .box{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:2px solid #ccc;
}
#vcl .box.mb0{
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:none;
}
#vcl #support p{
	font-size:108%;
	font-weight:bold;
}
#vcl #support .img{
	max-width:524px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
#vcl #support .img img{
	width:100%;
	height:auto;
}
#vcl #special p{
	font-size:93%;
	font-weight:bold;
}
#vcl #special p.read{
	margin-bottom:20px;
}
#vcl #special .img{
	max-width:620px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#vcl #special .img img{
	width:100%;
	height:auto;
}
#vcl #special h4{
	margin-bottom:5px;
}
#vcl #management p{
	font-size:93%;
	font-weight:bold;
}
#vcl #management #list_box{
	overflow:hidden;
}
#vcl #management #list_box{
	overflow:hidden;
}
#vcl #management #list_box strong{
	display:inline-block;
	float:left;
	background-color:#E5E5E5;
	background-image:url(/img/lp/vehicle/txt_bg_l.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-right:4px;
	margin-bottom:4px;
}
#vcl #management #list_box strong span{
	display:block;
	background-image:url(/img/lp/vehicle/txt_bg_r.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding:2px 5px 5px 5px;
	height:16px;
}
#vcl #management #list_box strong#nml{
	background-color:#fff;
	background-image:none;
	padding-top:2px;
}
#vcl #management .col2 .img{
	max-width:320px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
#vcl #management .col2 .img img{
	width:100%;
	height:auto;
}
#vcl #management .col{
	overflow:hidden;
}
#vcl #management .col .txt{
	float:left;
	width:280px;
	margin-right:40px;
}
#vcl #management .col .photo{
	float:left;
	width:510px;
}
#vcl #management ul li{
	overflow:hidden;
}
#vcl #management .photo .img{
	float:left;
	width:136px;
}
#vcl #management .photo .img.mr0{
	float:left;
	width:198px;
}
#vcl #management .photo img{
	margin-bottom:10px;
}
#vcl #step .tfs img.max{
	max-width:440px;
	width:100%;
	height:auto;
}

#vcl #step p{
	font-size:93%;
	font-weight:bold;
}
#vcl #step table{
	width:405px;
	margin:0px auto;
}
#vcl #step table th{
	width:260px;
	text-align:center;
	vertical-align:top;
}
#vcl #step table th a img{
	display:block;
}
#vcl #step table th a span{
	font-weight:normal;
	display:block;
	padding-top:2px;
}
#vcl #step table th a:hover span{
	color:#666;
}
#vcl #step table td{
	vertical-align:top;
	padding-left:20px;
}
#vcl #step #step_box{
	overflow:hidden;
	margin-bottom:5px;
}
#vcl #step #step_box .img{
	float:left;
	width:194px;
	margin-right:52px;
}
#vcl #trade h3{
	margin-bottom:0px;
}
#vcl #trade p{
	font-size:108%;
	font-weight:bold;
}
#vcl #trade p.read1{
	margin-bottom:40px;
}
#vcl #trade p.read2{
	margin-bottom:10px;
}
#vcl #trade #voice_box{
	overflow:hidden;
}
#vcl #trade #voice_box li{
	float:left;
	width:274px;
	margin-right:38px;
	background-color:#DBDFED;
	height:96px;
	margin-bottom:5px;
	background-image:url(/img/lp/vehicle/voice_f.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#vcl #trade #voice_box li p{
	background-image:url(/img/lp/vehicle/voice_h.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:17px 20px 0 15px;
}
#vcl #trade #voice_box li.txt1 p{
	font-size:12px;
	line-height:1.5em;
}
#vcl #trade #voice_box li.txt2 p{
	font-size:14px;
	line-height:1.2em;
}
#vcl #trade #voice_box li.txt3 p{
	font-size:16px;
	line-height:1.5em;
}
#vcl #task .main_area{
	margin-bottom:30px;
}
#vcl #task .main_area .img{
	vertical-align:middle;
}
#vcl #task .main_area .txt{
	padding-left:20px;
	vertical-align:middle;
}
#vcl #task .main_area .txt strong{
	display:block;
	line-height:1.5em;
	font-size:24px;
	margin-bottom:5px;
	padding-top:10px;
}
#vcl #task .main_area .txt p{
	margin-bottom:10px;
	font-size:14px;
	line-height:1.8em;
}
#vcl #task .txt_area .list01,
#vcl #task .txt_area .list03{
	width:345px;
	vertical-align:top;
}
#vcl #task .txt_area .list02{
	width:130px;
	margin:0px 20px;
	vertical-align:middle;
	padding:0px 20px;
}
#vcl #task .txt_area .list02 img.pc{
	display:block;
}
#vcl #task .txt_area .list02 img.sp{
	display:none;
}
#vcl #task .txt_area td .ttl{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
	padding:10px 0px 8px 0px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color:#fff;
}
#vcl #task .txt_area .list01 .ttl{
	background-color:#315997;
}
#vcl #task .txt_area .list03 .ttl{
	background-color:#F8A557;
}
#vcl #task .txt_area td p{
	margin-left:1.4em;
	text-indent:-1.4em;
	margin-bottom:10px;
	font-size:13px;
}
#vcl #task .txt_area .list03 p{
	line-height:1.8em;
}
#vcl #task .txt_area td p span{
	color:#F00;
	font-weight:bold;
}
#vcl #task .txt_area .list01 .img{
	margin:0px auto;
	width:130px;
}

/*---------------- case ----------------*/
#case .section_detail{
	padding-bottom:20px;
}
#case h3{
	float:left;
	width:100%;
}
#case h4{
	float:left;
	width:100%;
	margin-bottom:10px;
}
#case .txt{
	float:left;
	width:416px;
}
#case .txt .img{
	margin-bottom:15px;
}
#case .txt #badge{
	margin-bottom:15px;
}
#case .img_box{
	float:right;
	width:420px;
	overflow:hidden;
}
#case .img_box .img01{
	float:left;
	width:189px;
}
#case .img_box .img02{
	float:right;
	width:209px;
}

#contact{
	margin-bottom:10px;
	width:360px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/img/lp/contact_btn_bg.png);
	background-repeat:no-repeat;
}
#contact a img{
	width:100%;
	height:auto;
}
#link{
	margin-bottom:30px;
	text-align:center;
}
#link a{
	display:inline-block;
	padding-right:20px;
	color:#fff;
	font-weight:bold;
	background-image:url(/img/lp/link_icon.png);
	background-repeat:no-repeat;
	background-position:right center;
}
#pageTop{
	position:fixed;
	right:0px;
	bottom:30px;
	width:40px;
	height:120px;
	z-index:1;
}

/*---------------- FOOTER ----------------*/
#footer{
	background-color:#fff;
	padding-top:20px;
	padding-bottom:30px;
}
#footer #fDetail{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
}
#footer #fDetail p#copy{
	font-size:77%;
	line-height:1.2em;
}

.mr0{
	margin-right:0px !important;
}
.mb0{
	margin-bottom:0px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.pr0{
	padding-right:0px !important;
}
.pb0{
	padding-bottom:0px !important;
}

@media screen and (max-width: 1000px) {
body {
	-moz-background-size:contain;
	background-size:contain;
}
#detaile{
	padding-top:20px;
	-moz-background-size:contain;
	background-size:contain;
}

/*---------------- MAIN ----------------*/
#main{
	max-width:600px;
	width:auto;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
.smart #main #main_img {
	max-width:280px;
	left:0px;
}
.smart #main #main_img img{
	width:100%;
	height:auto;
}
.smart #main #main_ttl{
	width:300px;
	padding-left:300px;
}
.smart #main #main_ttl h1{
	padding-top:20px;
	margin-bottom:10px;
}
.smart #main #main_ttl h1 img,
.smart #main #main_ttl h2 img{
	width:100%;
	height:auto;
}
.smart #main #main_ttl h2 span{
	font-size:85%;
	margin-bottom:5px;
}
.smart #main #badge a{
	display:inline-block;
	height:30px;
}
.smart #main #badge a img{
	width:auto;
	height:100%;
}
/* SOCOCA */
#scc #main #main_img{
    top:15px;
}
/* CheckNote */
#cn #main #main_img{
    top:10px;
}
/* Beacon */
#be #main #main_ttl{
	padding-left:300px;
	width:300px;
	margin-top:30px;
	margin-bottom:80px;
}
/* vehicle */
#vcl #main{
	max-width:100%;
	width:100%;
	padding:0px 10px;
	margin-left:-10px;
}

/*---------------- NAVI ----------------*/
#navi{
	width:620px;
}
#navi li{
	width:120px;
}
#navi li a{
	font-size:108%;
	width:115px;
	padding-top:4px;
}
#navi li#navi01{
	width:140px;
}
#navi li#navi01 a{
	width:135px;
}

#vcl #navi{
	background-image:url(/img/lp/vehicle/navi_line_tab.png);
}
#vcl #navi li{
	background-image:url(/img/lp/vehicle/navi_line_tab.png);
}
#vcl #main #main_ttl{
	float:none;
	margin-right:0px;
}
#vcl #main #main_img{
	float:none;
	text-align:center;
}
#vcl #navi li{
	height:50px;
	width:124px !important;
}
#vcl #navi li a{
	width:119px !important;
}
#vcl #navi li a span{
	font-size:10px;
}
#vcl #navi li#navi01 a{
	font-size:14px;
	height:39px;
}
#vcl #navi li#navi02 a{
	font-size:14px;
	height:45px;
	padding-top:10px;
}
#vcl #navi li#navi03 a{
	font-size:14px;
	padding-top:10px;
	height:40px;
}
#vcl #navi li#navi04 a{
	font-size:14px;
	padding-top:10px;
	height:47px;
}
#vcl #navi li#navi05 a{
	font-size:14px;
	padding-top:18px;
	height:32px;
}
	
#detaile{
	width:auto;
	padding-left:10px;
	padding-right:10px;
}

/*---------------- WHATS ----------------*/
/* SOCOCA */
#scc #whats .section_detail .img{
	left:10px;
}
#scc #whats .section_detail .txt{
	padding-left:386px;
}
/* CheckNote */
#cn #whats .section_detail .img{
	left:20px;
}
#cn #whats .section_detail .txt{
	padding-left:245px;
}
/* Beacon */
#be #whats .section_detail .img{
	top:20px;
	left:20px;
}
#be #whats .section_detail .txt{
	padding-left:430px;
}

/*---------------- SECTION ----------------*/
.section{
	padding-bottom:20px;
	padding-top:10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.section .bg_t,
.section .bg_b{
	display:none;
}
.section_detail{
	padding-left:20px;
	padding-right:20px;
}
/* Beacon */
#be .section_detail{
	padding:20px 20px 10px;
}

/*---------------- POINT ----------------*/
#point ul li{
	float:none;
	width:auto;
	position:relative;
	margin-right:0px;
	margin-bottom:20px;
}
/* SOCOCA */
#scc #point ul li{
	min-height:108px;
}
#scc #point ul li h4,
#scc #point ul li p{
	padding-left:200px;
}
#scc #point ul li .img{
	position:absolute;
	top:0px;
	lrft:0px;
	text-align:center;
	width:192px;
}
/* Beacon */
#be #point ul li{
	float:left;
	width:31%;
	margin-right:3.5%;
}
#be #point ul li .img img{
	width:100%;
	max-width:220px;
	height:auto;
}

/*---------------- FUNCTION ----------------*/
#function table.col3{
	display:block;
	width:100%;
	margin-bottom:20px;
}
#function table.col3 td{
	display:block;
	width:100%;
	float:left;
	min-height:170px;
	padding-right:0px;
	padding-bottom:20px;
}
#function table.col3 td .box{
	display:block;
	width:100%;
	position:relative;
	padding-bottom:0px;
}
#function table.col3 td .box h4,
#function table.col3 td .box p{
	padding-left:284px;
}
#function table.col3 td .box .img{
	position:absolute;
	left:0px;
	top:0px;
}
#function table#col4{
	display:block;
	width:100%;
}
#function table#col4 td{
	display:block;
	width:100%;
	padding-right:0px;
	float:left;
	min-height:163px;
	padding-bottom:20px;
}
#function table#col4 td .box{
	display:block;
	width:100%;
	padding-bottom:0px;
}
#function table#col4 td .box h4,
#function table#col4 td .box p{
	padding-left:204px;
}
#function table#col4 td .box .img{
	position:absolute;
	top:0px;
	left:0px;
}
#function table.col3 td .box p br,
#function table#col4 td .box p br{
	display:none;
}
#function table.col3 .pb40 td{
	padding-bottom:0px;
}
#function table#col4 td.min_no{
	min-height:0px;
}
#function table#col4 td.min_no h4,
#function table#col4 td.min_no p{
	padding-left:0px;
}
/* SOCOCA */
#scc #function table.col3 td{
	min-height:156px;
}
/* CheckNote */
#cn #function table.col3 td{
	min-height:156px;
}
#cn #function table.col3 .pb40 td{
	padding-bottom:20px;
}

/*---------------- SCENE ----------------*/
#scene table#col2 td{
	width:100%;
	padding-right:0px;
	float:left;
	margin-bottom:20px;
}
#scene table#col2 td .box h4,
#scene table#col2 td .box p{
	padding-left:310px;
}
#scene table#col2 td .box .img{
	position:absolute;
	top:0px;
	left:0px;
	margin-left:0px;
	max-width:300px;
}
#scene table#col2 td .box .img img{
	width:100%;
	height:auto;
}
#scene table#col2 td .box{
	padding-bottom:0px;
}
#scene table.col3{
	display:block;
	width:100%;
}
#scene table.col3 td{
	display:block;
	width:100%;
	float:left;
	min-height:170px;
	padding-right:20px;
	padding-bottom:20px !important;
}
#scene table.col3 td .box{
	display:block;
	width:100%;
	position:relative;
	padding-bottom:0px;
}
#scene table.col3 td .box h4,
#scene table.col3 td .box p{
	padding-left:284px;
}
#scene table.col3 td .box .img{
	position:absolute;
	left:0px;
	top:0px;
}
#scene table#col2 td .box p br,
#scene table.col3 td .box p br{
	display:none;
}
#scene table.col3 .pb40 td{
	padding-bottom:0px;
}
/* SOCOCA */
#scc #scene table#col2 td.box01{
	min-height:185px;
}
#scc #scene table#col2 td.box02{
	min-height:225px;
}
#scc #scene table#col2 td.box03{
	min-height:137px;
}
#scc #scene table#col2 td.box04{
	min-height:150px;
}
/* Beacon */
#be #scene table#col2 td{
	width:100%;
	min-height:220px;
	padding-right:0px;
	padding-bottom:0px;
}
#be #scene table#col2 td h4,
#be #scene table#col2 td p{
	padding-left:426px;
}

/*---------------- vehicle ----------------*/
#vcl .col2 li{
	float:none;
	width:auto;
	margin-right:0px;
	margin-bottom:20px;
}
#vcl .col3 li{
	float:none;
	width:auto;
	margin-right:0px;
	margin-bottom:20px;
}
#vcl #management .col .txt{
	float:none;
	width:auto;
	margin-bottom:20px;
	margin-right:0px;
}
#vcl #management .col .photo{
	float:none;
	width:auto;
}
#vcl #step .col2.sp{
	width:440px;
	margin-left:auto;
	margin-right:auto;
}
#vcl #trade #voice_box{
	width:588px;
	margin-left:auto;
	margin-right:auto;
}
#vcl #trade #voice_box li{
	margin-right:20px !important;
}
#vcl #task .txt_area{
	overflow:hidden;
}
#vcl #task .txt_area td{
	display:block;
	float:left;
	width:100% !important;
	margin:0px 0px 20px 0px !important;
	padding:0px !important;
}
#vcl #task .txt_area .list02 img.pc{
	display:none;
}
#vcl #task .txt_area .list02 img.sp{
	display:block;
	width:140px;
	height:auto;
	margin:0px auto;
}
#vcl #task .txt_area .list03{
	margin-bottom:0px !important;
}

/*---------------- case ----------------*/
#be #case .section_detail{
	padding-bottom:0px;
}
#case h3,
#case h4{
	float:none;
}
#case .txt{
	float:none;
	width:auto;
	margin-bottom:20px;
	overflow:hidden;
}
#case .txt .img{
	float:left;
}
#case .txt #badge,
#case .txt p{
	margin-left:426px;
}
#case .img_box{
	float:none;
	margin-left:auto;
	margin-right:auto;
}

}

@media screen and (max-width: 800px) {
/*---------------- WHATS ----------------*/
/* SOCOCA */
#whats .section_detail .img{
	position:static;
	margin-left:auto;
	margin-right:auto;
}
#scc #whats .section_detail .txt,
#cn #whats .section_detail .txt{
	margin-bottom:10px;
	padding-left:0px;
	padding-top:0px;
}
#whats .section_detail .txt h3{
	margin-bottom:10px;
}
/* Beacon */
#be #whats .section_detail .txt{
	padding-left:0px;
	margin-bottom:10px;
}
#vcl #wrap{
	background-image:none;
}

/*---------------- SCENE ----------------*/
/* Beacon */
#be #scene table#col2 td h4,
#be #scene table#col2 td p{
	padding-left:0px;
}
#be #scene table#col2 td .img{
	position:static;
	margin-left:auto;
	margin-right:auto;
}

/*---------------- CASE ----------------*/
#case .txt .img{
	float:none;
	max-width:416px;
	margin-left:auto;
	margin-right:auto;
}
#case .txt .img img{
	width:100%;
	height:auto;
}
#case .txt #badge,
#case .txt p{
	margin-left:0px;
}

/* vehicle */
#vcl #main{
	background-size:auto 100%;
	height:280px;
}
#vcl #main #main_ttl{
	padding-top:50px;
}
#vcl #main #main_ttl h1{
	width:340px;
	margin-bottom:20px;
}
#vcl #main #main_ttl h1 img{
	width:100%;
	height:auto;
}
#vcl #main #main_ttl h2{
	width:280px;
}
#vcl #main #main_ttl h2 img{
	width:100%;
	height:auto;
}
}

@media screen and (max-width: 640px) {
#detaile{
	padding-top:15px;
}

/*---------------- MAIN ----------------*/
#main{
	margin-bottom:18px;
}
.smart #main #main_img{
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	position:static;
	width:150px;
}
.smart #main #main_img img{
	width:100%;
	height:auto;
}
.smart #main #main_ttl{
	float:none;
	width:220px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
}
.smart #main #main_ttl h1{
	margin-bottom:25px;
}
.smart #badge{
	text-align:center;
}

/* SOCOCA */
#scc #main{
	min-height:0px;
}
/* CheckNote */
#cn #main #main_ttl h1{
	padding-top:0px;
}
/* vehicle */
#vcl #wrap{
	background-image:url(/img/lp/vehicle/main_bg_line_sp.jpg);
	background-size:auto 400px;
}
#vcl #main{
	background-image:url(/img/lp/vehicle/main_bg_sp.jpg);
	height:400px;
}
#vcl #main #main_ttl{
	width:280px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0px 0px 0px;
}
#vcl #main #main_ttl h1{
	width:280px;
	margin-bottom:15px;
}
#vcl #main #main_ttl h2{
	width:280px;
	margin:0 auto;
}
/* Beacon */
#be #main #main_ttl{
	width:220px;
	margin:0px auto;
	padding-left:0px;
}

/*---------------- NAVI ----------------*/
#navi{
	width:auto;
	background-image:none;
	border-top:2px solid #fff;
}
#navi li{
	width:auto;
	float:none;
	border-bottom:2px solid #fff;
	background-image:none;
	height:auto;
}
#navi li a{
	width:auto;
	padding-top:8px !important;
	padding-bottom:6px !important;
	font-weight:bold;
	height:auto !important;
}
#navi li#navi01,
#navi li#navi01 a{
	width:auto;
}

#vcl #navi{
	background-image:none;
}
#vcl #navi li{
	background-image:none;
	width:auto !important;
	height:auto;
}
#vcl #navi li a{
	width:auto !important;
}
#vcl #navi li#navi01 a,
#vcl #navi li#navi02 a,
#vcl #navi li#navi03 a,
#vcl #navi li#navi04 a,
#vcl #navi li#navi05 a{
	height:auto;
	line-height:1.5em;
}
#vcl #navi li a span{
	display:inline-block;
	padding-right:5px;
	margin-bottom:0px;
	font-size:10px;
}
#vcl #navi li a br{
	display:none;
}
#vcl #step table{
	width:100%;
	overflow:hidden;
}
#vcl #step table th,
#vcl #step table td{
	display:block;
	width:100%;
	float:left;
	text-align:center;
	padding:0px;
}
#vcl #step table th{
	margin-bottom:15px;
}
#vcl #step table th a img{
	margin:0px auto;
}

#contents{
	margin-bottom:20px;
}

/*---------------- SECTION ----------------*/
.section{
	margin-bottom:10px;
}
.section_detail{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
.section h3{
	font-size:167%;
	margin-bottom:10px;
}
.section h4{
	font-size:123.1%;
}
/* Beacon */
#be .section_detail{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}


/*---------------- WHATS ----------------*/
#whats .section_detail .txt p{
	font-size:93%;
}

/*---------------- POINT ----------------*/
#point ul li{
	margin-bottom:30px;
}
#point ul li p{
	 font-size:85%;
}
/* SOCOCA */
#scc #point ul li{
	min-height:0px;
}
#scc #point ul li h4,
#scc #point ul li p{
	padding-left:0px;
}
#scc #point ul li .img{
	position:static;
	margin-left:auto;
	margin-right:auto;
}
/* Beacon */
#be #point ul li{
	width:100%;
	float:none;
	margin-right:0px;
	margin-bottom:20px;
}
#be #point ul li .img img{
	max-width:200px;
}

/*---------------- FUNCTION ----------------*/
#function table.col3{
	margin-bottom:20px;
}
#function table.col3 td{
	width:100%;
	padding-right:0px;
	float:left;
	min-height:0px;
	padding-bottom:30px;
}
#function table.col3 td .box{
	padding-bottom:0px;
}
#function table.col3 td .box h4,
#function table.col3 td .box p{
	padding-left:0px;
}
#function table.col3 td .box p{
	margin-bottom:10px;
	font-size:85%;
}
#function table.col3 td .box .img{
	position:static;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}
#function table#col4 td{
	width:100%;
	padding-right:0px;
	float:left;
	min-height:0px;
}
#function table#col4 td .box{
	padding-bottom:0px;
}
#function table#col4 td .box h4,
#function table#col4 td .box p{
	padding-left:0px;
}
#function table#col4 td .box p{
	margin-bottom:10px;
	font-size:85%;
}
#function table#col4 td .box .img{
	position:static;
	text-align:center;
	width:auto;
}
#function table#col4 td h4 span{
	font-size:12px;
}

/*---------------- SCENE ----------------*/
#scene table#col2 td{
	width:100%;
	padding-right:0px;
	float:left;
	min-height:0px;
	padding-bottom:30px;
}
#scene table#col2 td .box{
	padding-bottom:0px;
}
#scene table#col2 td .box h4,
#scene table#col2 td .box p{
	padding-left:0px;
}
#scene table#col2 td .box p{
	margin-bottom:10px;
	font-size:85%;
}
#scene table#col2 td .box .img{
	position:static;
	margin-left:auto;
	margin-right:auto;
}
#scene table.col3{
	margin-bottom:20px;
}
#scene table.col3 td{
	width:100%;
	padding-right:0px;
	float:left;
	min-height:0px;
	padding-bottom:30px;
}
#scene table.col3 td .box{
	padding-bottom:0px;
}
#scene table.col3 td .box h4,
#scene table.col3 td .box p{
	padding-left:0px;
}
#scene table.col3 td .box p{
	margin-bottom:10px;
	font-size:85%;
}
#scene table.col3 td .box .img{
	position:static;
	text-align:center;
}
#scene table.col3 .pb40 td{
	padding-bottom:30px;
}

/*---------------- vehicle ----------------*/
#vcl #trade #voice_box{
	width:auto;
}
#vcl #trade #voice_box li{
	background-image: url(/img/lp/vehicle/voice_bg_sp.gif);
	background-size:29px 11px;
	background-position:center bottom;
	margin-right:0px !important;
	float:none;
	width:auto;
	background-color:#fff;
	height:auto;
	padding-bottom:11px;
	margin-bottom:10px;
}
#vcl #trade #voice_box li p{
	background-image:none;
	background-color:#dbdfed;
	padding:10px;
	text-align:center;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
#vcl #management .col .photo{
	margin-left:auto;
	margin-right:auto;
	width:272px;
	text-align:center;
}
#vcl #management .photo .img{
	margin-bottom:20px;
}
#vcl #management .photo .img.mr0{
	float:none;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto !important;
}
#vcl #management ul li.mr0{
	margin-bottom:0px;
}
#vcl #special .col3 li.mr0{
	margin-bottom:0px;
}
#vcl #step .col2 li.mr0{
	margin-bottom:0px;
}
#vcl #support p{
	font-size:12px;
}
#vcl #trade p{
	font-size:12px;
}
#vcl #trade #voice_box li p{
	font-size:13px !important;
}
#vcl #task .main_area{
	overflow:hidden;
}
#vcl #task .main_area td{
	width:100%;
	float:left;
	display:block;
}
#vcl #task .main_area .img{
	text-align:center;
}
#vcl #task .main_area .img img{
	width:120px;
	height:auto;
}
#vcl #task .main_area .txt{
	padding:0px;
}
#vcl #task .main_area .txt strong{
	font-size:18px;
}
#vcl #task .main_area .txt p{
	font-size:12px;
	margin-bottom:0px;
}

/*---------------- case ----------------*/
#case .img_box{
	width:auto;
}
#case .img_box .img01{
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#case .img_box .img02{
	float:none;
	width:189px;
	margin-left:auto;
	margin-right:auto;
}
#case .img_box .img02 img{
	width:100%;
	height:auto;
}

#contact{
	width:230px;
	background-image:url(/img/lp/contact_btn_bg_sp.png);
	-moz-background-size:contain;
	background-size:contain;
}
#link{
	margin-bottom:20px;
}
#pageTop{
	bottom:0px;
	width:40px;
	height:40px;
}
#pageTop a{
	display:block;
	width:40px;
	height:40px;
	text-indent:-999999px;
	background-size:40px;
}
#pageTop a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}
#scc #pageTop a{
	background-image:url(/img/lp/sococa/page_top_sp.gif);
}
#cn #pageTop a{
	background-image:url(/img/lp/checknote/page_top_sp.gif);
}
#vcl #pageTop a{
	background-image:url(/img/lp/vehicle/page_top_sp.gif);
}
#be #pageTop a{
	background-image:url(/img/lp/beacon/page_top_sp.gif);
}
}

@media screen and (max-width: 500px) {
/*---------------- vehicle ----------------*/
#vcl #step .col2.sp{
	width:auto;
}
#vcl #step #step_box .img{
	float:none;
	margin-left:auto;
	margin-right:auto !important;
	margin-bottom:20px;
}
#vcl #step table th{
	display:block;
	width:100%;
	float:left;
	text-align:center;
	padding:0px;
}
#vcl #step table td{
	display:block;
	width:100%;
	float:left;
}
}