/* header */
#header{
	width:1000px;
	margin:0 auto;
}

#header #headerArea{ width:1000px;padding:21px 0 0 0;zoom:1;}
#header #headerArea #headerLeft{float:left;width:790px;padding:0 0 10px 0}
#header #headerArea #headerLeft a#logo{ padding:0 0 0 5px;float:left; display:inline; width:135px;zoom:1;}
#header #headerArea #headerLeft p.headCopy{margin:26px 0 0 150px;}
#header #headerArea ul#headerSubNavi {margin:0 0 0 790px;zoom:1; font-size:85%;padding-top:48px;}
#header #headerArea ul#headerSubNavi li{float:left;background:#fff 0 5px url(../../images/head_list.png) no-repeat; padding:0 10px 0 8px;zoom:1}
#header ul#tnav{ padding:10px 0 0 65px;background:#fff left top url(../../images/head_hr.jpg) no-repeat; width:935px;zoom:1;}
#header ul#tnav li{ float:left;padding:0 29px 0 29px;zoom:1;}

.hamburger {display:none;}
nav.globalMenuSp {display:none;}

/* topmainimage */
#topmainimage{width:1000px;margin:20px auto 0 auto;}
#topmainimage h2{float:left;padding:0 4px;}



@media screen and (max-width: 640px) {
	#header{
		width:100%;
		padding-top:5%;
	}
	#header img{
		max-width:100%;
		height:auto;
	}

	#header #headerArea{ 
		width:100%;
		padding:0;
		zoom:1;
	}
	#header #headerArea #headerLeft{
		float:none;
		width:90%;
		padding:0 0 10px 0;
		margin:0 auto;
	}
	#header #headerArea #headerLeft a#logo{ 
		padding:0 0 0 5px;
		float:none; 
		display:inline; 
		width:135px;
		zoom:1;
	}
	#header #headerArea #headerLeft p.headCopy{
		margin:0 0 0 10px;
	}


	#header #headerArea ul#headerSubNavi {
		display:none;
	}

	#header ul#tnav{ 
		display:none;
	}
	/*　ハンバーガーメニューボタン　*/
	.hamburger {
	  display : block;
	  position: fixed;
	  z-index : 3;
	  right : 20px;
	  top   : 20px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.hamburger span {
	  display : block;
	  position: absolute;
	  width   : 30px;
	  height  : 2px ;
	  left    : 6px;
	  background : #174266;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
	  top: 10px;
	}
	.hamburger span:nth-child(2) {
	  top: 20px;
	}
	.hamburger span:nth-child(3) {
	  top: 30px;
	}

	/* スマホメニューを開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
	  top : 16px;
	  left: 6px;
	  background :#fff;
	  -webkit-transform: rotate(-45deg);
	  -moz-transform   : rotate(-45deg);
	  transform        : rotate(-45deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
	  top: 16px;
	  background :#fff;
	  -webkit-transform: rotate(45deg);
	  -moz-transform   : rotate(45deg);
	  transform        : rotate(45deg);
	}

	/* メニュー背景　*/
	nav.globalMenuSp {
	  position: fixed;
	  z-index : 2;
	  top  : 0;
	  left : 0;
	  color: #fff;
	  background: rgba( 23,66,102,0.9 );
	  text-align: center;
	  width: 100%;
	  transform: translateX(100%);
	  transition: all 0.6s;
	  
	  overflow-y: auto;
	  overflow-y: scroll;
	}

	nav.globalMenuSp ul {
	  margin: 0 auto;
	  padding:2em 0 2em 0;
	  width: 100%;
	}

	nav.globalMenuSp ul li {
	  list-style-type: none;
	  padding: 0;
	  width: 100%;
	  transition: .4s all;
	}
	nav.globalMenuSp ul li:last-child {
	  padding-bottom: 0;
	}


	nav.globalMenuSp ul li a {
	  display: block;
	  color: #fff;
	  padding: 0.8em 0;
	  text-decoration :none;
	  font-size:110%;
	}

	/* クリックでjQueryで追加・削除 */
	nav.globalMenuSp.active {
	  opacity: 100;
	  display: block;
	   transform: translateX(0%);
	   height:100vh;
	}

	body.fixed{
		position:fixed;
	}

	#topmainimage{
		width:100%;
		margin:1em auto 0 auto;
		padding:0;
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#topmainimage h2{
		float:none;
		
		padding:0;
		margin:0 0 2px 0;
		text-align:center;

	}

	#topmainimage h2 img{
		max-width:100%;
		width:calc(100vw / 2.2);
		margin:0 2px;
		padding:0;
		height:auto;
	}

	#topmainimage.clearfix:after{
		content:none;
	}

}


/* topcontents */
#topcontents{ width:1000px;margin:35px auto 20px auto;}
#topcontents #topbannerLeft{width:255px;float:left;}
#topcontents #topbannerLeft img{margin-left:25px;}
#topcontents #topbannerLeft p{font-size:85%;padding-left:15px;color:#999;}
#topcontents #topnews{ width:506px;float:left;text-align:left;zoom:1;}
#topcontents #topnews ul{ padding:5px 0;line-height:130%;zoom:1;height:200px;overflow:auto;}
#topcontents #topnews li{ padding:3px 0;zoom:1;}
#topcontents #topnews li div{ width:80px;color:#999;font-size:93%;float:left;display:inline;zoom:1;}
#topcontents #topnews li p{ width:410px;float:left;font-size:93%;display:inline;}
#topcontents #topbannerRight{ width:232px;float:right;}
#topcontents #topbannerRight #topprivacy{height:71px;}
#topcontents #topbannerRight #topprivacy p{ width:150px;float:left;font-size:85%;text-align:right;color:#999;line-height:130%;padding:25px 5px 0 0}

@media screen and (max-width: 640px) {
	#topcontents{
		width:90%;
		margin:1em auto 20px auto;
	}
	#topcontents #topbannerLeft{
		width:100%;
		margin:0 auto;
		float:none;
		text-align:center;
		padding-bottom:1em;
	}

	#topcontents #topbannerLeft img{
		margin-left:auto;
		width:50%;
		height:auto;
	}

	#topcontents #topbannerLeft p{
		font-size:85%;
		padding-left:0;
		color:#999;
	}

	#topcontents #topnews{
		width:100%;
		float:none;
		text-align:left;
		zoom:1;
	}

	#topcontents #topnews ul{
		padding:5px 0;
		line-height:130%;
		zoom:1;
		height:200px;
		overflow-y:auto;
		overflow-x:hidden;
	}

	#topcontents #topnews li div{
		width:100%;
		color:#999;
		font-size:93%;
		float:none;
		display:block;
		zoom:1;
	}
	#topcontents #topnews li p{
		width:90%;
		margin:0 auto;
		float:none;
		font-size:93%;
		display:block;
	}

	#topcontents #topbannerRight{
	 	width:100%;
	 	float:none;
	 	padding-top:1em;
	}

}



/* footer */
#copyright{width:100%;background:center top url(../../images/bottom_line.jpg) no-repeat;margin:20px auto 0 auto;text-align:center;position:relative}
#copyright p{padding:14px 20px 20px 0;font-size:77%;color:#666;line-height:100%;}
#copyright .totop{position:absolute;bottom:0;right:0}
#copyright .totop img{vertical-align:bottom;}


#footer{background:#006699;padding:0;zoom:1;overflow:hidden;width:100%;}
#footer .footer-in{
	margin:0 auto;
	width:1000px;

}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{color:#94CDE9;}
#footer #footAccess{ float:left;width:248px;display:inline;zoom:1;background:#0E507A;color:#fff;padding:10px 0 0 0;text-align:left;overflow:hidden; }
#footer #footAccess .companyName{ font-weight:bold;padding:5px 20px}
#footer #footAccess .companySt{ font-size:85%;padding:0 20px}
#footer #footAccess .companyBt{ font-weight:bold;font-size:108%;padding:0 20px;}


#footer #footMap{float:left;width:728px;display:inline; background:#174266;text-align:left;padding:0 0 30px 0}
#footer #footMap div{padding:10px 0 0 20px;_padding:10px 0 0 5px;}

#footer #footMap ul.fo1{ width:140px;}
#footer #footMap ul.fo2{ width:110px;}
#footer #footMap ul{ float:left; display:inline;font-size:85%;line-height:150%;}
#footer #footMap ul li{ padding:0;zoom:1;}
#footer #footMap ul li.bc{ padding:5px 0 2px 0;font-weight:bold;}
#footer #footMap ul li.bc2{ padding:5px 0 2px 0;font-weight:bold;color:#fff;}
#footer #footMap ul li.mc{ padding:5px 0 2px 6px;font-weight:bold;}
#footer #footMap ul li.mc2{ padding:5px 0 2px 18px;font-weight:bold;color:#fff;}
#footer #footMap ul li.hc{ padding:25px 0 0 0;}
#footer #footMap ul li.nc{ padding:0 0 0 12px;}
#footer #footMap ul li a{  padding:0 0 0 12px;text-decoration:none; color:#fff;}
#footer #footMap ul li a:hover{ padding:0 0 0 12px;color:#94CDE9;background: 0 2px url(../../images/bottom_li.png) no-repeat;}


@media screen and (max-width: 640px) {
	#footer .footer-in{
		margin:0 auto;
		width:100%;
	}
	#footer #footAccess{
		float:none;
		width:100%;
		display:block;
		padding:10px 0 10px 0;
		text-align:left;
		overflow:hidden;
		height:auto !important;
	}

	#footer #footMap{
		float:none;
		width:100%;
		display:block;
		padding:0 0 30px 0;
		height:auto !important;
		display:none;
	}


}

.smh1{
	display:none;
}

/* bread brumb */
ul.breadcrumb{width:100%;max-width:1000px;margin:10px auto 0 auto;font-size:77%;line-height:100%;color:#999;}
ul.breadcrumb li{float:left;padding:0 2px;}


/* mainimage */
#mainimage{width:100%;max-width:985px;margin:5px auto 0 auto;}
#mainimage h2{float:left;padding:0 4px;}


/* contents */
#contents{ width:985px;margin:0 auto 0 auto;padding:0 0 10px 0;background:#fff left top url(../../images/contents_bg.jpg) no-repeat;}
#contents2{ width:985px;margin:0 auto 0 auto;padding:0 0 10px 0;background:#fff left top url(../../images/products_bg.jpg) no-repeat;}
#contentsLeft{width:240px;float:left}
#contentsRight{ width:740px;float:left;}


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

	.smh1{
		border-top:1px solid #eee;
		border-bottom:1px solid #eee;
		display:block;
		font-size:180%;
		font-weight:bold;
		padding:0.5em 0;
		margin:0.5em 0 1em 0;
		text-align:center;
		background:#003b7f;
		color:#FFFFFF;
	}
	#contents{
		width:100%;
		background:none;
		display:flex;
		flex-direction: column-reverse;
	}

	#contents2{
		width:100%;
		display:flex;
		flex-direction: column-reverse;
		background:none;
	}
	#contentsLeft{
		width:100%;
		float:none;
	}
	#contentsRight{
		width:100%;
		float:none;
		overflow:hidden;
	}
}


/* sidemenu */
ul#sideMenu{ padding:20px 0 50px 0;font-weight:bold;_padding:0 0 50px 0;}
ul#sideMenu li a{padding:3px 0 3px 18px;display:block;zoom:1}
ul#sideMenu li a:hover{color:#fff;text-decoration:none;background:#95BFD4;display:block}
ul#sideMenu li span{margin:0;padding:0 5px 0 22px;background:0 2px url(../../images/sidemenu_list.png) no-repeat}
ul#sideMenu li span.selected{color:#006699;padding:3px 0 3px 40px;background:#95BFD4 18px 6px url(../../images/sidemenu_list.png) no-repeat;display:block}
ul#sideMenu li ul{ padding:0;font-weight:bold;}
ul#sideMenu li ul li a{padding:3px 0 3px 36px;display:block;zoom:1;color:#84B3CC;}
ul#sideMenu li ul li a:hover{color:#006699;text-decoration:none;display:block;zoom:1;}
ul#sideMenu li ul li span{margin:0;padding:0 5px 0 22px;background:0 2px url(../../images/sidemenu_list2.png) no-repeat;zoom:1;}
ul#sideMenu li ul li span.selected{color:#006699;padding:3px 0 3px 58px;background:36px 6px url(../../images/sidemenu_list2.png) no-repeat;display:block;zoom:1;}

.sideBanner{width:230px;padding:10px 0}
.sideBanner p{font-size:85%;color:#333;}

.sidecpimg{padding:0 0 20px 0;}


/* maincontents */
#maincontens{width:705px;padding:10px 0 20px 35px;}
#maincontens .center{text-align:center}
#maincontens .left{text-align:left}

/* gyoumu */
#maincontens dl.gyoumu{margin:10px 150px 10px 60px}
#maincontens dl.gyoumu dt{padding:10px 0 3px 10px;font-weight:bold;border-bottom:1px solid #000;font-size:108%;}
#maincontens dl.gyoumu dd{padding:5px 0 3px 30px;font-size:93%;}

/* saiyou */
#maincontens .btitle{background-color:#006699;color:#fff;}
#maincontens .saititle{background-color:#006699;color:#fff;text-align:center;}

/* support */
#maincontens dl.supbox{font-size:93%;padding:0 0 50px 0}
#maincontens dl.supbox dt{font-weight:bold}
#maincontens dl.supbox dd{border:1px solid #ccc;padding:10px 30px;margin-left:5px;}
#maincontens dl.supbox dd ul li{text-align:left}
#maincontens dl.supbox dd ul li div{float:left;width:60px;text-align:right;padding-right:5px}
#maincontens dl.supbox dd ul li strong{font-size:138.5%;}

#maincontens div#qabox{width:623px;margin:5px 0 0 27px;border-top:1px solid #ccc;padding:10px 40px;}

#maincontens .anune{}

#maincontens .anune h2{
	text-align:center;
	font-size:clamp(1rem, 1.6vw, 1.2rem);
	font-weight:bold;
	padding-bottom:1em;
}

#maincontens .anune p{
	font-size:clamp(.7rem, 1vw, .8rem);
	padding:.5rem 0;
}

#maincontens .anune dl{
	width:60%;
	margin:0 auto;
	font-size:clamp(.7rem, 1vw, .8rem);
	border:5px solid #cccccc;
	padding:1em;

}

#maincontens .anune dl dt{
	font-weight:bold;
	font-size:120%;
}

#maincontens .anune dl dd{
	
}

@media screen and (max-width: 640px) {
	#maincontens .anune{
		padding-top:10vw;
	}

	#maincontens .anune dl{
		width:90%;


	}
}

/* privacy */
#maincontens h3.prititle{font-weight:bold;color:#006699;font-size:108%;}
.prvy-icn{
	position:relative;
	font-size:18px;
	font-weight:bold;
	text-indent:-2em;
	padding-left:2em;
}
.prvy-icn:before{
	content:'';
	background:url(../../images/privacy/logo.png) no-repeat center center;
	background-size:100% auto;
	width:30px;
	height:30px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
 }

 @media screen and (max-width: 640px) {
 	.prvy-icn{
		font-size:14px;
		line-height:1.2;
		font-weight:bold;
		text-indent:-3em;
		padding-left:3em;
	}

 }

/* news */
#maincontens .newsbox {padding:20px 0 0 0;width:650px;margin-left:40px;border-bottom:1px solid #ccc; }
#maincontens .newsbox h3{font-weight:bold;color:#006699;font-size:93%; }
#maincontens .newsbox .newsdate{color:#006699;font-size:85%;padding-left:5px; }
#maincontens .newsbox p{font-size:93%;padding:10px 20px 30px 20px; }
.newscts li{cursor:pointer}


/* system */
#maincontens div.systemMain {margin:20px 0}
#maincontens div.systemMain h2 {background:left top url(../../images/system/topicstitle_bg.jpg) no-repeat;color:#fff;padding:8px 5px 0 35px;font-weight:bold;font-size:108%;line-height:100%;height:30px}
#maincontens div.systemMain p{padding:5px 5px 20px 40px;font-size:93%;}

#maincontens #package {background:5px top url(../../images/system/system03/title_list.png) no-repeat;color:#336633;font-size:138.5%;font-weight:bold;padding:3px 0 20px 30px;}
#maincontens ul.packageList {margin:0 0 0 35px;width:590px;zoom:1;}
#maincontens ul.packageList li {float:left;margin:2px;zoom:1}

#maincontens #system03spec{padding:20px 0 20px 25px}
#maincontens #system03spec dl{width:680px;border-bottom:1px solid #ccc;margin:20px 0 20px 0;padding:0 0 15px 0}
#maincontens #system03spec dl dt{width:160px;padding:0 0 0 20px;background:left 2px url(../../images/system/system03/sys_list.png) no-repeat;float:left;font-size:116%;font-weight:bold;}
#maincontens #system03spec dl dt .pc{
	display:block;
}
#maincontens #system03spec dl dd{float:left;width:490px;font-size:93%;}
#maincontens #system03spec dl dd ul{padding-left:15px;}
#maincontens #system03spec dl dd ul li{list-style-type:disc}

#maincontens #sysdisp{
	text-align:center;
	padding:20px 0 0 0;
	width:100%;
}
#maincontens #sysdisp .sysdispimg img{
	border:solid 1px #efefef;
	padding:20px;
	max-width:100%;
	height:auto;
}

#maincontens ul#sysdisptitle {text-align:center;width:520px;font-size:93%;padding:20px 0 20px 0;zoom:1;}
#maincontens ul#sysdisptitle li{text-align:left;display:inline;padding:0 5px;border-right:1px solid #999;zoom:1;}
#maincontens ul#sysdisptitle li a{display:inline-block;zoom:1}
#maincontens ul#sysdisptitle li .active{color:#333;}


@media screen and (max-width: 640px) {
	#maincontens{
		width:90%;
		margin:0 auto;
		padding:0 0 20px 0;
	}

	#maincontens img{
		max-width:100%;
		height:auto;
	}

	#maincontens .newsbox {
		padding:20px 0 0 0;
		width:100%;
		margin-left:0;
		border-bottom:1px solid #ccc; 
	}

	#maincontens .newsbox p{
		font-size:93%;
		padding:10px 20px 0 20px; 
	}

	.sideBanner{
		width:100%;
		text-align:center;
		padding:10px 0;
	}

	.sideBanner:last-child{
		display:flex;
		justify-content: center;
	}

	.sidecpimg{
		padding:0 0 20px 0;
		text-align:center;
	}

	#maincontens dl.gyoumu{
		margin:10px auto;
	}
	#maincontens dl.gyoumu dd{
		padding:5px 0 3px 10px;
		font-size:93%;
	}

	#maincontens dl.supbox dd{
		border:1px solid #ccc;
		padding:10px 10px;
		margin-left:5px;
	}

	#maincontens div.systemMain h2 {
		padding:10px 5px 10px 40px;
		background-repeat:repeat-y;
		background-position:left center;
		font-size:90%;
		line-height:100%;
		height:auto;
		background:url(../../images/system/topicstitle_sbg.png) repeat left top;
		background-size:5% auto;
		position:relative;
		line-height:1.4;
	}

	#maincontens div.systemMain h2:before {
		content:'';
		display:inline-block;
		background:left top url(../../images/system/topicstitle.png) no-repeat;
		background-size:100% auto;
		width:2em;
		height:2em;
		position:absolute;
		top:50%;
		left:10px;
		transform: translate(0, -50%);
    	-webkit-transform: translate(0, -50%);
    	-ms-transform: translate(0, -50%);
	}
	#maincontens div.systemMain p{
		padding:5px 5px 20px 10px;
		font-size:93%;
	}

	#maincontens #package {
		font-size:110%;
		font-weight:bold;
		padding:3px 0 20px 30px;
	}

	#maincontens ul.packageList {
		margin:0 auto 0 auto;
		width:100%;
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#maincontens ul.packageList.clearfix:after{
		content:none !important;
	}

	#maincontens ul.packageList li {
		float:none;
		margin:1px;
		width:calc(100vw / 2.5);
	}

	#maincontens ul.packageList li img{
		max-width:100%;
		height:auto;
	}

	#maincontens #system03spec{
		padding:20px 0 20px 0;
	}

	#maincontens #system03spec dl{
		width:100%;
		border-bottom:1px solid #ccc;
		margin:20px 0 20px 0;
		padding:0 0 15px 0;
	}

	#maincontens #system03spec dl dt{
		width:90%;
		padding:0 0 0 20px;
		background:left 2px url(../../images/system/system03/sys_list.png) no-repeat;
		float:none;
		font-size:116%;
		font-weight:bold;
	}

	#maincontens #system03spec dl dt .pc{
		display:none;
	}
	#maincontens #system03spec dl dd{
		float:none;
		width:100%;
		font-size:93%;
	}

	#maincontens #system03spec dl dd img{
		max-width:100%;
		height:auto;
	}

	#maincontens #sysdisp{
		text-align:center;
		padding:20px 0 0 0;
		width:100%;
		margin:0 auto;
	}

	#maincontens #sysdisp .sysdispimg img{
		border:none;
		padding:0;
		max-width:100%;
		height:auto;

	}

	#maincontens ul#sysdisptitle {
		text-align:center;
		width:100%;
	}

	#maincontens dl.supbox{
		padding:0
	}

}



#syslidecontens{

}

#syslidecontens h3{

font-weight:bold;
background:#7FB2CC;
padding:8px 40px;
color:#ffffff;
}

#syslidecontens h3 span{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#006699;
padding:7px 20px;
}

#syslidecontens .tsob{
padding:20px 0 20px 15px;
}

#syslidecontens .tsoblist{
width:171px;
margin-right:10px;
float:left;
}


#syslidecontens .tsoblist .tsct{
border-left:1px solid #eee;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
border-top:2px solid #006699;
min-height:160px;
padding:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}



#syslidecontens .tsoblist .tsct .tscttitle{
font-size:110%;
font-weight:bold;
padding-bottom:5px;
margin-bottom:5px;
color:#006699;
border-bottom:1px solid #eee;
}

#syslidecontens .active .tsct .tscttitle{
color:#006699
}

#syslidecontens .tsoblist .tsct .tsctmn{
font-size:90%;
}

/*.bx-pager a[]{
color:#94CDE9; 
text-decoration:underline;
}*/



#syslidecontens .tsctmn .bx-pager .none{
display:none;
}


#syslidecontens .bx-wrapper{
width:670px;
margin:0 auto 40px auto;
}

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

	#syslidecontens .tsob{
		padding:20px 0 20px 0;
		display:flex;
		flex-wrap: wrap;
	}
	#syslidecontens .tsoblist{
		width:calc(100vw / 2.2);
		margin:0 auto;
		padding:0;
		float:none;

	}

	#syslidecontens .bx-wrapper{
		width:80%;
		margin:0 auto 40px auto;
	}

}


/* system Subcontents */
#subcontens{padding:20px 0}
#subcontens #specseet{margin-bottom:30px;}
#subcontens #specseet ul.tab{background:#7FB2CC;padding:5px 40px;zoom:1;overflow: hidden;}
#subcontens #specseet ul.tab li{float:left;display:inline;padding:0 5px;zoom:1;}
#subcontens #specseet ul.tab li a{
color:#fff;
font-weight:bold;
display: inline-block;
padding:5px 20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior: url(common/htc/PIE.htc);
position: relative;
zoom:1;
}

#subcontens #specseet ul.tab li .nntl{
color:#fff;
background:#006699 ;
font-weight:bold;
display: inline-block;
padding:5px 20px;
border-radius:5px;
}

#subcontens ul.tab li a.active{
color:#fff;
font-weight:bold;
background:#006699;
text-decoration:none;
}

#subcontens ul.tab li a:hover,
#subcontens ul.tab li a:active{
color:#fff;
font-weight:bold;
background:#006699;
text-decoration:none;
}
#subcontens div.tabPanelGroup {width: 700px;margin:0 0 0 25px;padding-top: 20px;}
#subcontens div.tabPanel {}
#subcontens #feature,
#subcontens #system,
#subcontens #pdf{border-top:1px solid #ccc;}
#subcontens .stripe-x tr.even{background:#efefef;}
#subcontens .stripe-x tr.odd{background:#fff;}
#subcontens .stripe-x td ul{overflow:hidden;zoom:1;}
#subcontens .stripe-x td ul li{text-align:left; border-bottom:1px solid #ccc;padding:5px 0 5px 0;margin:0 0 -1px 0;}


#subcontens .wlink{background:right 2px url(../../images/system/system02/linkw.png) no-repeat;padding-right:14px;text-decoration:underline} 

#sy01{
padding:0 0 0 10px;
}
#sy01 h3
{background:#7FB2CC;padding:5px 40px;zoom:1;overflow: hidden;}

#sy01 h3 span{

color:#fff;
font-weight:bold;
background:#006699;
text-decoration:none;
display: inline-block;
padding:5px 20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior: url(common/htc/PIE.htc);
position: relative;
zoom:1;
}

#sy01 .sy01-img{
	padding:1em 0;
	text-align:center;
}

#sy01 .sy01-func{
	padding-top:1em;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#sy01 .sy01-func li{
	width:30%;
	padding:1em 0 1em 0;
}

#sy01 .sy01-func li .sy01-ic{
	text-align:center;
}

#sy01 .sy01-func li .sy01-ic img{
	max-width:100%;
	height:auto;
}

#sy01 .sy01-func li .sy01-ic a{
	-moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity:1;
}

#sy01 .sy01-func li .sy01-ic a:hover{
	opacity:.5;
}

#sy01 .sy01-func li dl{
	
}

#sy01 .sy01-func li dl dt{
	font-weight:bold;
	text-align:center;
	padding-top:0.5em;
}

.sy01-func li dl dd{
	font-size:95%;
}

@media screen and (max-width: 640px) {
	#subcontens div.tabPanelGroup {
		width: 100%;
		margin:0;
		padding-top: 20px;
	}
	#sy01{
		width:90%;
		margin:0 auto;
		padding:0;
	}

	#sy01 .sy01-img img{
		max-width:100%;
		height:auto;
	}

	#sy01 .sy01-func{
		padding:1em 0 0 0;
		margin:0 auto;
		display:flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	#sy01 .sy01-func li{
		width:42%;
		padding:1em 2.5% 1em 2.5%;
	}
}


.map{
	text-align:center;
}
.map .acbt{
	text-align:center;
	padding:1em 0;
}

.map .acbt a{
	background:#003b7f;
	border-radius:20px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0.5em 1em;
	-moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.map .acbt a:hover{
	background:#ccc;
	color:#003b7f;
}

.privacy-list{
	text-indent:-1em;
	padding-left:1em;
}