@charset "UTF-8";


/* .titleArea
-------------------------------------------------*/
.titleArea p{
	background:url(../service/img/mainimg.jpg) right bottom no-repeat;
}


/*  #service1  */
#service1 .layout4 li {
	margin-right:6px;
	line-height:32px;
}
#service1 .layout4 li a {
	display:block;
	background-color:#0073BD;
	color:#fff;
	font-size:12px;
	text-align:center;
	padding-left:5px;
}
#service1 .layout4 li a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	text-decoration:none;
}
#service1 .movie{
	width:380px;
	height:285px;
	margin:20px auto 30px;
}
#service1 .waku1 img{
	float:right;
	width:135px;
}
#service1 .waku1.he1{
	min-height:170px;
}
#service1 .waku1.he2{
	min-height:150px;
}
#service1 .layout5 li{
	font-size:12px;
}
#service1 .layout5 li img{
	width:120px;
	margin-bottom:3px;
}
#service1 .layout3 li img{
	width:214px;
}
#service1 .layout3 li{
	margin-bottom:20px;
}
#service1 .serviceBox {
	width:670px;
	margin-bottom:30px;
	background:url(../service/img/top/service2.jpg) left top no-repeat;
}
#service1 .serviceBox li {
	width:204px;
	float:left;
	margin-right:29px;
}
#service1 .serviceBox h3 {
	width:204px;
	height:40px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	background:url(../service/img/top/service1.jpg) left center no-repeat;
}
#service1 .serviceBox li p {
	font-size:13px;
	margin:8px 0;
}
#service1 .serviceBox li ul li a {
	background: url(../img/common/link_icon6.png) left center no-repeat;
	font-size:13px;
	padding-left:18px;
}

@media only screen and (min-width:1px) and (max-width:680px){
.titleArea p{
	background-position:105% bottom;
	background-size:160px 77px;
}
#service1 .layout4 li {
	line-height:38px;
}
#service1 .layout4 li a {
	display:block;
	background-color:#0073BD;
	color:#fff;
	font-size:14px;
	text-align:left;
	width:84%;
	padding:0 8%;
}
#service1 .layout4 li a:hover {
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
}
#service1 .movie{
	width:90%;
	height:200px;
	margin:20px auto;
}
#service1 .waku1.he1,
#service1 .waku1.he2{
	min-height:inherit;
}
#service1 .layout5 li img{
	width:100%;
	margin:10px 0 3px;
}
#service1 .layout3 li img{
	width:100%;
	margin-top:15px;
}
#service1 .serviceBox {
	width:96%;
	margin:0 auto;
	background:none;
	font-size:14px;
}
#service1 .serviceBox li {
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:3px;
}
#service1 .serviceBox h3 {
	width:100%;
	height:29px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	line-height:29px;
	text-align:center;
	background:url(../service/img/top/service1_sp.jpg) left top repeat-x;
}
#service1 .serviceBox li p {
	margin:8px 0;
}
#service1 .serviceBox li p.spon img {
	width:15px;
}
#service1 .serviceBox li ul li a {
	margin-left:0;
}
}

/* history.html */
#service1 .mimg {
	text-align:center;
	padding:15px 0 0;
	margin-bottom:-16px;
}
#service1 .listBtn {
	text-align:center;
	padding-bottom:30px;
}
#service1 .listBtn li {
	display:inline-block;
	float:none;
}
#service1 .histoyAreea .img {
	padding-bottom:25px;
}
#service1 .title {
	color:#0073BD;
	border-left:#0073BD 5px solid;
	padding:0 0 0 6px;
	line-height:1.2;
	margin:10px 0 15px;
}
#service1 .imgList {
	width:100%;
	overflow:hidden;
	clear:both;
	padding-bottom:35px;
}
#service1 .imgList li {
	width:210px;
	float:left;
	text-align:center;
}
#service1 .imgList li.w235 {
	width:235px;
}
#service1 .imgList li.pa {
	padding:0 7px;
}
#service1 .imgList li p {
	font-size:13px;
}
#service1 .imgList li p span {
	font-size:11px;
	display:block;
}

@media only screen and (min-width:1px) and (max-width:680px){
#service1 .mimg img {
	width:100%;
}
#service1 .histoyAreea .img {
	padding-bottom:15px;
}
#service1 .histoyAreea .img img {
	width:100%;
}
#service1 .imgList {
	padding-bottom:0;
}
#service1 .imgList li {
	width:100%!important;
	clear:both;
	float:none;
	display:block;
	text-align:center;
	padding:0 0 15px;
}
#service1 .imgList li.pa {
	padding:0 0 15px;
}
}

/* .consulting.html */
#service1 .consultArea .txt {
	border-bottom:#9E9E9E 2px dashed;
	padding-bottom:12px;
	margin-bottom:12px;
}
#service1 .consultArea .txt2 {
	width:644px;
	overflow:hidden;
	clear:both;
	margin-bottom:4px;
	padding:10px 13px;
}
#service1 .consultArea .dl01 {
	background:#FBE5E5;
}
#service1 .consultArea .dl02 {
	background:#DCEBF7;
}
#service1 .consultArea .dl03 {
	background:#DBF0E4;
	margin-bottom:32px;
}
#service1 .consultArea .txt2 dt {
	width:85px;
	float:left;
}
#service1 .consultArea .txt2 dd {
	width:542px;
	float:right;
}
#service1 .consultArea .dl01 dt {
	color:#D70000;
}
#service1 .consultArea .dl02 dt {
	color:#0073BD;
}
#service1 .consultArea .dl03 dt {
	color:#008923;
}
#service1 .consultArea .txt2 dd .ddTxt {
	width:330px;
	float:left;
}
#service1 .consultArea .txt2 dd .ddImg {
	float:right;
	padding:3px 0 0;
}
#service1 .consultArea .txt2 dd .ddImg img {
	width:182px;
}
#service1 .list1.largeR {
	margin-top:-8px;
	padding-bottom:16px;
}
#service1 .list1.largeR li {
	padding-left:1.4em;
	text-indent:-1.4em;
	font-size:14px;
}
#service1 .list1.largeR li:before {
	content: "●";
	color: #0073BD;
	font-size:12px;
	line-height:1.2;
	padding-right:3px;
}
#service1 .consultArea .serviceBox {
	background:none;
}
#service1 .consultArea .serviceBox li {
	width:auto;
	display:inline-block;
}
#service1 .consultArea .serviceBox li ul {
	display:block;
	margin-top:-5px;
}
#service1 .consultArea .serviceBox li ul li {
	display:inline-block;
	padding-bottom:4px;
}
#service1 .consultArea .serviceBox li ul li.liW01 {
	width:158px;
}
#service1 .consultArea .serviceBox li ul li.liW02 {
	width:75px;
}
#service1 .consultArea .serviceBox li ul li a {
	font-size:14px;
}
#service1 .consultArea .consTxt {
	width:450px;
	float:left;
	padding:10px 0 16px;
}
#service1 .consultArea .imgs {
	float:right;
	padding:15px 0 0;
}
#service1 .consultArea .consu {
	width:450px;
	float:left;
}
#service1 .consultArea .img2 {
	padding-top:8px;
	clear:both;
}

#service1 .mainCont.consul #p01,
#service1 .mainCont.consul #p02 {
	margin-top:-56px;
	padding-top:56px;
}


@media only screen and (min-width:1px) and (max-width:680px){
#service1 .consultArea .txt2 {
	width:92%;
	padding:4%;
}
#service1 .consultArea .txt2 dt {
	width:100%;
	clear:both;
	float:none;
	padding-bottom:5px;
}
#service1 .consultArea .txt2 dd {
	width:100%;
	clear:both;
	float:none;
}
#service1 .consultArea .txt2 dd .ddTxt {
	width:100%;
	padding:0 0 10px;
	float:none;
	clear:both;
}
#service1 .consultArea .txt2 dd .ddImg {
	float:none;
	clear:both;
	text-align:center;
}
#service1 .consultArea .txt2 dd .ddImg img {
	width:100%;
}
#service1 .consultArea .serviceBox {
	margin:0;
}
#service1 .consultArea .serviceBox li ul {
	width:100%;
	overflow:hidden;
	clear:both;
	padding-bottom:20px;
}
#service1 .consultArea .serviceBox li ul li {
	width:60%!important;
	margin:0;
	float:left;
	padding:0;
}
#service1 .consultArea .serviceBox li ul li.spWid {
	width:40%!important;
}
#service1 .consultArea .serviceBox li ul li a {
	font-size:13px;
}
#service1 .consultArea .dl03 {
	margin-bottom:25px;
}
#service1 .consultArea .consTxt {
	width:100%;
	padding:10px 0;
	float:none;
	clear:both;
}
#service1 .consultArea .imgs {
	width:100%;
	overflow:hidden;
	clear:both;
}
#service1 .consultArea .imgs li {
	width:49%;
	margin-right:2%;
	float:left;
}
#service1 .consultArea .imgs li:last-child {
	margin-right:0;
}
#service1 .consultArea .imgs li img {
	width:100%;
}
#service1 .consultArea .consu {
	width:100%;
	padding:0;
}
#service1 .list1.largeR li {
	padding-left:1.2em;
	text-indent:-1.2em;
	font-size:12px;
}
#service1 .list1.largeR li:before {
	font-size:11px;
}
#service1 .consultArea .img2 img {
	width:100%;
}
#service1 .mainCont.consul #p01,
#service1 .mainCont.consul #p02 {
	margin-top:0;
	padding-top:0;
}
}

/* diagnostics.html */
#service1 .diagnosticsArea .txt {
	width:500px;
	float:left;
}
#service1 .diagnosticsArea .txt.w320 {
	width:325px;
}
#service1 .diagnosticsArea .img {
	float:right;
	padding:0 15px 0 0;
}
#service1 .diagnosticsArea ul {
	width:330px;
	overflow:hidden;
	float:right;
}
#service1 .diagnosticsArea ul li {
	width:150px;
	float:left;
	padding:0 15px 0 0;
}
#service1 .diagnosticsArea ul li span {
	display:block;
	font-size:13px;
}

#service1 .mainCont.diagno #p01,
#service1 .mainCont.diagno #p02,
#service1 .mainCont.diagno #p03 {
	margin-top:-56px;
	padding-top:56px;
}


@media only screen and (min-width:1px) and (max-width:680px){
#service1 .diagnosticsArea .txt {
	width:100%!important;
	padding:0 0 15px;
	font-size:13px;
	float:none;
}
#service1 .diagnosticsArea .img {
	width:100%;
	text-align:center;
	padding-bottom:20px;
	float:none;
}
#service1 .diagnosticsArea .img img {
	width:60%;
}
#service1 .diagnosticsArea ul {
	width:100%;
	overflow:hidden;
	float:none;
	clear:both;
}
#service1 .diagnosticsArea ul li {
	width:48%;
	float:left;
	margin-right:4%;
	padding:0;
}
#service1 .diagnosticsArea ul li:last-child {
	margin-right:0;
}
#service1 .diagnosticsArea ul li img {
	width:100%;
}
#service1 .mainCont.diagno #p01,
#service1 .mainCont.diagno #p02,
#service1 .mainCont.diagno #p03 {
	margin-top:0;
	padding-top:0;
}
}

/* maintenance.html */
#service1 .maintenance .cont {
	width:545px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}
#service1 .maintenance .cont dl {
	width:246px;
	float:left;
}
#service1 .maintenance .cont dl.dl02 {
	float:right;
}
#service1 .maintenance .cont dl dt {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	line-height:25px;
	padding-top:4px;
}
#service1 .maintenance .cont dl.dl01 dt {
	background:#0073bd;
}
#service1 .maintenance .cont dl.dl02 dt {
	background:#008923;
}
#service1 .maintenance .txt {
	line-height:1.6;
	padding:8px 0;
}
#service1 .maintenance .img2 {
	text-align:center;
	font-size:0;
	line-height:0;
	padding-bottom:30px;
}
#service1 .maintenance .txt2 {
	padding-bottom:20px;
}
#service1 .maintenance .cont .txtBox {
	position:relative;
	width:256px;
	background:#f2f2f2;
	padding:10px 14px;
	font-size:12px;
	margin-top:-235px;
	float:right;
	line-height:1.6;
}
#service1 .mainCont.mainten #cont1,
#service1 .mainCont.mainten #cont2,
#service1 .mainCont.mainten #cont3 {
	margin-top:-56px;
	padding-top:56px;
}

@media only screen and (min-width:1px) and (max-width:680px){
#service1 .maintenance .cont {
	width:100%;
}
#service1 .maintenance .cont dl {
	width:47%;
	margin-right:6%;
}
#service1 .maintenance .cont dl.dl02 {
	margin-right:0;
}
#service1 .maintenance .cont .img {
	font-size:0;
	line-height:0;
	clear:both;
}
#service1 .maintenance .txt2 {
	padding-bottom:10px;
}
#service1 .maintenance .img2 {
	padding-bottom:15px;
}
#service1 .maintenance .img2 img,
#service1 .maintenance .cont .img img {
	width:100%;
}
#service1 .maintenance .cont .txtBox {
	position:static;
	margin:15px 0;
	float:none;
	width:96%;
	padding:2%;
	font-size:11px;
}
#service1 .mainCont.mainten #cont1,
#service1 .mainCont.mainten #cont2,
#service1 .mainCont.mainten #cont3 {
	margin-top:0;
	padding-top:0;
}
}