@charset "utf-8";

.tablearea{width:94%;margin: 30px auto 40px auto;color:#1C1C1C;text-align:center;}
.tablearea a:link{ color:#999; text-decoration:none;}
.tablearea a:visited{ color:#999; text-decoration:none;}
.tablearea a:hover{ color:#C00; text-decoration:none;}
.tablearea ul{margin-left:10px;padding-left:5px;}
.tablearea li{margin-left:10px;margin-bottom:12px;list-style:none;}
td.leftn{width:24%;	background-image: url(../images/tile.gif);background-repeat: repeat;color:#222;text-align:center;font-size:14px;line-height:130%;}
td.lefte{width:24%;background-color:#F6F6F6;color:#222;text-align:center;font-size:14px;line-height:130%;}
td.right{width:70%;background-color:#FFF;text-align:left;padding:10px;font-size:14px;}

@media screen and (min-width : 801px) {
ul.ftop{
	margin:20px 0 50px;
	padding:0;
	list-style:none;
}
ul.ftop li{
	float:left;
	width:320px;
	height:320px;
	margin:10px 0 20px;
	padding:0;
	list-style:none;
}
h3.feature{
	background-color:#999;
	width:920px;
	height:auto;
	line-height:140%;
	color:#FFF;
	margin:60px 0;
	padding:6px 0 6px 40px;
	border:none;
	font-size:28px;
}
h3.featurenew{
	background-color:#999;
	width:920px;
	height:auto;
	line-height:140%;
	color:#FFF;
	margin:0 0 60px 0;
	padding:6px 0 6px 40px;
	border:none;
	font-size:28px;
}
.omni{
	width:960px;
	margin:0;
	padding:0;
}

*:first-child+html h3{
	background-color:#999;
	font-size:28px;
	font-weight:normal;
	color:#FFF;
	margin:60px 0;
	padding:6px 0 6px 40px;
	border:none;
	width:920px;
	height:auto;
	line-height:140%;
	text-align:left;
}

ul.feature-hosoku{
	margin:40px 2% 20px 2%;
	padding:0;
	list-style:none;
}
ul.feature-hosoku li{
	list-style:none;
	text-align:left;
	font-size:14px;
	margin:0;
}
ul.feature180h{
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	font-size:18px;
	line-height:130%;
}
ul.feature180h li{
	float:left;
	width:410px;
	height:130px;
	margin:0 0 20px 0;
	padding:30px 20px 20px 20px;
	background-image:url(images/bg_450.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
ul.feature180h li.r450{
	float:right;
	width:410px;
	height:130px;
	margin:0 0 20px 60px;
	padding:30px 20px 20px 20px;
	background-image:url(images/bg_450.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
ul.feature180h span.red{
	color:#F00;
}

ul.feature290w{
	margin:20px 0 40px 0;
	padding:0;
	list-style:none;
	font-size:18px;
	line-height:130%;
}
ul.feature290w li.la{
	float:left;
	width:250px;
	height:70px;
	margin:0 45px 35px 0;
	padding:60px 20px 20px 20px;
	background-image:url(images/bg_2901.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
ul.feature290w li.lb{
	float:left;
	width:250px;
	height:70px;
	margin:0 45px 35px 0;
	padding:60px 20px 20px 20px;
	background-image:url(images/bg_2902.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
ul.feature290w li.ra{
	float:right;
	width:250px;
	height:70px;
	margin:0 0 35px 0;
	padding:60px 20px 20px 20px;
	background-image:url(images/bg_2903.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
.fetureother{
	margin:40px 0 60px 0;
	padding:0;
	text-align:center;
	font-size:16px;
}
ul.feature960w{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:18px;
	line-height:130%;
}
ul.feature960w li{
	width:920px;
	height:50px;
	margin:40px 0 0 0;
	padding:30px 20px 0px 20px;
	background-image:url(images/bg_960.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
ul.featureend{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	text-decoration:underline;
	color:#f0564a;
}
ul.featureend li{
	margin:45px 0 50px 0;
	color:#000;
	padding-left:18px;
	width:942px;
	text-align:left;
	line-height:200%;
	list-style:none;
}
.mjimage{
	margin:20px 0 auto;
}
.mjtxt{
	width:920px;
	height:auto;
	margin:30px auto 70px auto;
	font-size:14px;
	line-height:150%;
}
.apitxt{
	width:920px;
	height:auto;
	margin:30px auto 70px auto;
	font-size:14px;
	line-height:180%;
}
.apiimage{
	margin:20px auto;
	width:925px;
}
.apiimage img{
	width:925px;
	height:auto;
}

.omnitop{
	margin:10px 0 20px 0;
}
.feature-omni{
	margin:30px 0 40px 0;
	padding:0;
	line-height:200%;
}
ul.omnichannel{
	margin:20px 0 20px 0;
	padding:0;
}
ul.omnichannel li{
	margin:10px 0 10px 0;
	list-style:none;
}
.neck1{
	background-image: url(images/omni_neck01.jpg);
	background-repeat:no-repeat;
	padding: 40px 220px 0px 180px;
	font-size: 18px;
	line-height:32px;
	margin:30px 0 20px 0;
	width:560px;
	height:155px;
	text-align:left;
}
.neck2{
	background-image: url(images/omni_neck02.jpg);
	background-repeat:no-repeat;
	padding: 40px 220px 0px 180px;
	font-size: 18px;
	line-height:32px;
	margin:30px 0 20px 0;
	width:560px;
	height:155px;
	text-align:left;
}
.neck3{
	background-image: url(images/omni_neck03.jpg);
	background-repeat:no-repeat;
	padding: 40px 220px 0px 180px;
	font-size: 18px;
	line-height:32px;
	margin:30px 0 20px 0;
	width:560px;
	height:155px;
	text-align:left;
}
.neckfinish{
	background-color:#999;
	width:920px;
	height:auto;
	line-height:180%;
	color:#FFF;
	margin:40px 0 70px 0;
	padding:6px 0 6px 40px;
	border:none;
	font-size:28px;
	text-align:center;
}

.can1{
	background-image: url(images/omni_can01.jpg);
	background-repeat:no-repeat;
	padding: 140px 600px 0px 45px;
	font-size: 20px;
	line-height:40px;
	margin:30px 0 20px 0;
	width:315px;
	height:330px;
	text-align:left;
}
.can2{
	background-image: url(images/omni_can02.jpg);
	background-repeat:no-repeat;
	padding: 140px 600px 0px 45px;
	font-size: 20px;
	line-height:40px;
	margin:30px 0 20px 0;
	width:315px;
	height:330px;
	text-align:left;
}
.can3{
	background-image: url(images/omni_can03.jpg);
	background-repeat:no-repeat;
	padding: 140px 600px 0px 45px;
	font-size: 20px;
	line-height:40px;
	margin:30px 0 20px 0;
	width:315px;
	height:330px;
	text-align:left;
}
}
@media screen and (max-width:800px) and (min-width: 0px) {
h3.feature{
	background-image: url(../images/tile.gif);
	background-repeat: repeat;
	padding: 12px 10px 7px 8px;
	font-size: 20px;
	line-height:30px;
	margin:40px auto 30px auto;
	width:96%;
	height:auto;
	text-align:left;
	border:none;
}
ul.feature-hosoku{
	margin:40px 0 20px 0;
	padding:0;
	list-style:none;
}
ul.feature-hosoku li{
	list-style:none;
	text-align:left;
	font-size:14px;
	margin:0;
	line-height:160%;
}
ul.feature180h{
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
	font-size:18px;
	line-height:130%;
}
ul.feature180h li{
	float:none;
	width:96%;
	height:auto;
	margin:20px 0 10px 0;
	padding:15px 10px 20px 8px;
	background-color:#EEE;
	list-style:none;
}
ul.feature180h li.r450{
	float:none;
	width:96%;
	height:auto;
	margin:10px 0 20px 0;
	padding:15px 10px 20px 8px;
	background-color:#EEE;
	list-style:none;
}
ul.feature180h span.red{
	color:#F00;
}

ul.feature290w{
	margin:20px 0 40px 0;
	padding:0;
	list-style:none;
	font-size:18px;
	line-height:130%;
}
ul.feature290w li.la{
	float:left;
	width:250px;
	height:70px;
	margin:0 45px 35px 0;
	padding:60px 20px 20px 20px;
	background-image:url(images/bg_2901.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
ul.feature290w li.lb{
	float:left;
	width:250px;
	height:70px;
	margin:0 45px 35px 0;
	padding:60px 20px 20px 20px;
	background-image:url(images/bg_2902.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
ul.feature290w li.ra{
	float:left;
	width:250px;
	height:70px;
	margin:0 45px 35px 0;
	padding:60px 20px 20px 20px;
	background-image:url(images/bg_2903.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
.fetureother{
	margin:20px 0 40px 0;
	padding:0;
	text-align:center;
	font-size:14px;
}
ul.feature960w{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:18px;
	line-height:130%;
}
ul.feature960w li{
	width:96%;
	height:auto;
	margin:40px 0 0 0;
	padding:10px 8px 8px 10px;
	background-image:url(images/bg_960.jpg);
	background-repeat: no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	list-style:none;
}
ul.featureend{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	font-size:16px;
	font-weight:normal;
	text-decoration:underline;
	color:#f0564a;
}
ul.featureend li{
	margin:45px 0 50px 0;
	color:#000;
	padding-left:8px;
	width:96%;
	text-align:left;
	line-height:200%;
	list-style:none;
}
.omnitop{
	margin:10px 0 20px 0;
}
.feature-omni{
	margin:30px 0 40px 0;
	padding:0;
	font-size:14px;
	line-height:200%;
}
ul.omnichannel{
	margin:20px 0 20px 0;
	padding:0;
}
ul.omnichannel li{
	margin:10px 0 10px 0;
	list-style:none;
}
.neck1{
	background-image: url(images/omni_neck01_sp800.jpg);
	background-repeat:no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-color:#e5d7b2;
	padding: 160px 8px 12px 10px;
	font-size: 18px;
	line-height:32px;
	margin:30px 0 20px 0;
	width:96%;
	height:auto;
	text-align:left;
}
.neck2{
	background-image: url(images/omni_neck02_sp800.jpg);
	background-repeat:no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-color:#e5d7b2;
	padding: 160px 8px 12px 10px;
	font-size: 18px;
	line-height:32px;
	margin:30px 0 20px 0;
	width:96%;
	height:auto;
	text-align:left;
}
.neck3{
	background-image: url(images/omni_neck03_sp800.jpg);
	background-repeat:no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-color:#e5d7b2;
	padding: 160px 8px 12px 10px;
	font-size: 18px;
	line-height:32px;
	margin:30px 0 20px 0;
	width:96%;
	height:auto;
	text-align:left;
}
.neckfinish{
	background-image: url(../images/tile.gif);
	background-repeat: repeat;
	padding: 12px 10px 7px 8px;
	font-size: 20px;
	line-height:30px;
	margin:40px auto 30px auto;
	width:96%;
	height:auto;
	text-align:left;
}

.can1{
	background-image: url(images/omni_can01_sp800.jpg);
	background-repeat:no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-color:#eeebe2;
	padding: 300px 8px 12px 10px;
	font-size: 18px;
	line-height:32px;
	margin:30px 0 20px 0;
	width:96%;
	height:auto;
	text-align:left;
}
.can2{
	background-image: url(images/omni_can02_sp800.jpg);
	background-repeat:no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-color:#eeebe2;
	padding: 300px 8px 12px 10px;
	font-size: 18px;
	line-height:32px;
	margin:30px 0 20px 0;
	width:96%;
	height:auto;
	text-align:left;
}
.can3{
	background-image: url(images/omni_can03_sp800.jpg);
	background-repeat:no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
	background-color:#eeebe2;
	padding: 300px 8px 12px 10px;
	font-size: 18px;
	line-height:32px;
	margin:30px 0 20px 0;
	width:96%;
	height:auto;
	text-align:left;
}

.mjimage{
	margin:2%;
	width:96%;
}
.mjtxt{
	width:96%;
	height:auto;
	margin:30px 2% 30px 2%;
	font-size:14px;
	line-height:130%;
}
.apitxt{
	width:96%;
	height:auto;
	margin:30px 2% 30px 2%;
	font-size:14px;
	line-height:150%;
}
.apiimage{
	margin:2%;
	width:96%;
}


.tablearea{width:96%;margin: 20px 0px 40px 0px;}
.tablearea li{font-size:12px;}
td.leftn{font-size:12px;}
td.lefte{font-size:12px;}
td.right{font-size:12px;}


}
@media screen and (max-width:720px) and (min-width: 0px) {
ul.feature290w{
	margin_top:20px;
	margin-bottom:40px;
	padding:0;
	list-style:none;
	font-size:18px;
	line-height:130%;
	float:none;
}
ul.feature290w li.la{
	float:none;
	width:250px;
	height:70px;
	margin:0 auto 40px auto;
	padding:60px 20px 20px 20px;
	background-image:url(images/bg_2901.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
ul.feature290w li.lb{
	float:none;
	width:250px;
	height:70px;
	margin:0 auto 40px auto;
	padding:60px 20px 20px 20px;
	background-image:url(images/bg_2902.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
ul.feature290w li.ra{
	float:none;
	width:250px;
	height:70px;
	margin:0 auto 40px auto;
	padding:60px 20px 20px 20px;
	background-image:url(images/bg_2903.jpg);
	background-repeat: no-repeat;
	list-style:none;
}
.can1{
	padding: 270px 8px 12px 10px;
}
.can2{
	padding: 270px 8px 12px 10px;
}
.can3{
	padding: 270px 8px 12px 10px;
}
}
@media screen and (max-width:640px) and (min-width: 0px) {
.neck1{
	padding: 120px 8px 12px 10px;
}
.neck2{
	padding: 120px 8px 12px 10px;
}
.neck3{
	padding: 120px 8px 12px 10px;
}
.can1{
	padding: 240px 8px 12px 10px;
}
.can2{
	padding: 240px 8px 12px 10px;
}
.can3{
	padding: 240px 8px 12px 10px;
}
}
@media screen and (max-width:560px) and (min-width: 0px) {
.neck1{
	padding: 110px 8px 12px 10px;
}
.neck2{
	padding: 110px 8px 12px 10px;
}
.neck3{
	padding: 110px 8px 12px 10px;
}
.can1{
	padding: 210px 8px 12px 10px;
}
.can2{
	padding: 210px 8px 12px 10px;
}
.can3{
	padding: 210px 8px 12px 10px;
}
}
@media screen and (max-width:480px) and (min-width: 0px) {
.neck1{
	padding: 100px 8px 12px 10px;
}
.neck2{
	padding: 100px 8px 12px 10px;
}
.neck3{
	padding: 100px 8px 12px 10px;
}
.can1{
	padding: 180px 8px 12px 10px;
}
.can2{
	padding: 180px 8px 12px 10px;
}
.can3{
	padding: 180px 8px 12px 10px;
}
.tablearea{margin: 20px 0px 50px 0px;font-size:12px;}
.tablearea li{font-size:11px;}
td.leftn{font-size:11px;}
td.lefte{font-size:11px;}
td.right{font-size:11px;}

}

table {
    display: table;
    border-collapse: separate;
    border-collapse: collapse;
    margin-top: 30px;
}
.tbl-r02 th {
  background: #fff;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px 30px;
  width: 30%;
}
.tbl-r02 th h4 {
  margin: 0;
  text-align: center;
}
.tbl-r02 th img {
  max-width: 100%;
  max-height: 100px;
  text-align: center;
}

.tbl-r02 td {
  background: #fff;
  border: solid 1px #ccc;
  padding: 10px 20px;
}
h4 {
  margin: 10px 0 ;
  font-weight: bold;
}

@media screen and (max-width: 640px) {

  .tbl-r02 {
    width: 100%;
    text-align: center;
    margin: 0 10px;
  }
  .first th:first-child {
    border-top: solid 1px #ccc;
  }
  .tbl-r02 th,
  .tbl-r02 td {
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #fff;
    background: #fff;
    border-bottom: : none;
    display: block;
    width: 90%;
    padding: 10px ;
  }
  .tbl-r02 th {
    border-bottom: solid 1px #fff;
    border-top: solid 1px #ccc;
    background: #fff;
    text-align: center;
    width: 90%;
    padding: 10px ;
 }   
  .tbl-r02 th img {
  max-width: 80%;
  max-height: 100px;
  text-align: center;
  margin: 30px auto 10px;
}
}