@charset "UTF-8";

	/*기본설정*/
	html, body{height:100%;}
	body {font-family:'Nanum Gothic',verdabna, sans-serif; font-size: 14px; color: #444; line-height: 1.5; } 	
	#main {height:100%; padding: 0;}
	ul,li{padding:0; margin:0; list-style:none;}
	a{text-decoration:none;}

	
   /*item 설정*/	
	.item {
		position: relative;
		-moz-transition: opacity 1s ease;
		-webkit-transition: opacity 1s ease;
		-o-transition: opacity 1s ease;
		-ms-transition: opacity 1s ease;
		transition: opacity 1s ease;
	}

	.item:before {
		content: '';
		display: inline-block;
		/*height: 100%;
		vertical-align: middle;*/
	}

	.item .container {
		display:block;
		vertical-align: top;
		-moz-perspective: 1200px;
		-webkit-perspective: 1200px;
		-o-perspective: 1200px;
		-ms-perspective: 1200px;
		perspective: 1200px;
	}

	
	.item .container .title {
		display: inline-block;
		width:100%;
		text-align:left;
		/*background: none;
		padding: 0.5em 1em;
		border-radius: 0.25em;*/
		font-size: 64px;
		color:#fff;
		letter-spacing:-1px;
		margin: 60px 0 0 0;
		-moz-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		line-height:0.5;
		padding:0;	 
	}
	
	.item .container .title.black{
		color:#333;
	}
	
	.title > span{
		display:inline-block;
		width:100%;	
	    font-weight:normal;
	}
	
	.title > span.first{
		font-size:18px;		
		line-height:4;
		letter-spacing:0;
	}
	
	.title> span.second{
		letter-spacing:7px;
		font-size:14px;
		line-height:5;
	}
	

	/*.item .container p {
		line-height: 1.5em;
		margin: 0;
		text-align:left;
		font-size:24px;
	}*/

	.item .main.next {
		display:block;
		width: 300px;
		height:50px;
		line-height: 50px;
		color: #fff;
		text-decoration: none;
		text-align:center;
		border: solid 1px #fff;
		margin:250px auto 0 auto;
	}
	
	.item .btn{
		position:absolute;
		bottom:20px;
		width:100%;
		text-align:center;
	
	}
	
	.item .next {
		display:inline-block;
		width: 100px;
		height:50px;
		line-height: 50px;
		color: #ccc;
		text-decoration: none;
		text-align:center;
		border: solid 1px #666;
	}	
	
	.item .firsttop {
		display:inline-block;
		width: 100px;
		height:50px;
		line-height: 50px;
		color: #ccc;
		text-decoration: none;
		text-align:center;
		border: solid 1px #666;
	}	
	
	.item .next.black{
		color:#333;
		border:1px solid #999;
	}
	
	.item .firsttop.black{
		color:#333;
		border:1px solid #999;
	}

	.item.inactive {
		opacity: 1;
	}

	
	/*배경이미지 설정*/
	#header {
		 background-image: linear-gradient(to top, rgba(43, 43, 43, 0.1), rgba(43, 43, 43, 0.1)), url("images/back.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
		 height:100%;
	}
	
	#contents{
		 background-image: linear-gradient(to top, rgba(43, 43, 43, 0.1), rgba(43, 43, 43, 0.1)), url("images/back01.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
		 height:100%;
	}
	
	#introduction{
		 background-image: linear-gradient(to top, rgba(43, 43, 43, 0.1), rgba(43, 43, 43, 0.1)), url("images/back02.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
		 height:100%;
	}
	
	#feature{
		 background-image: linear-gradient(to top, rgba(43, 43, 43, 0.1), rgba(43, 43, 43, 0.1)), url("images/back03.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
		 height:100%;
	}
	
	#function_line01, #function_line02, #function_line03{
		 background-image: linear-gradient(to top, rgba(43, 43, 43, 0.1), rgba(43, 43, 43, 0.1)), url("images/back04.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
		 height:100%;	
	}
	
	#function_all{
		 background-image: linear-gradient(to top, rgba(43, 43, 43, 0.1), rgba(43, 43, 43, 0.1)), url("images/back04.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
		 height:100%;
	}
	

	[ID^="basic"], [ID^="option"]{
		 background-image: linear-gradient(to top, rgba(43, 43, 43, 0.1), rgba(43, 43, 43, 0.1)), url("images/back04.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
		 height:100%;
	}
	
	/*#basic_fun01, #basic_fun02, #basic_fun03, #basic_fun04, #basic_fun05, #basic_fun05_02, #basic_fun06, #basic_fun06_02,  #basic_fun06_03, #basic_fun07, #basic_fun08, #basic_fun09, #basic_fun09_02, #basic_fun10, #basic_fun10_02, #basic_fun11, #basic_fun11_02, #basic_fun12, #basic_fun13, #basic_fun14, #basic_fun15, #basic_fun16,  #basic_fun17, #basic_fun18, #basic_fun19, #basic_fun20, #basic_fun21, #basic_fun22, #basic_fun23, #basic_fun24, #basic_fun25, #basic_fun26, #basic_fun27, #basic_fun28,
	#option_fun01, #option_fun01_02, #option_fun02, #option_fun02_02, #option_fun03, #option_fun03_02, #option_fun04, #option_fun04_02,
	#option_fun05, #option_fun05_02, #option_fun06, #option_fun06_02{
		 background-image: linear-gradient(to top, rgba(43, 43, 43, 0.1), rgba(43, 43, 43, 0.1)), url("images/back04.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
		 height:100%;
	}*/
	
	[ID^="history"]{
		 background-image: linear-gradient(to top, rgba(43, 43, 43, 0.1), rgba(43, 43, 43, 0.1)), url("images/back05.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
		 height:100%;
	}
	
	
	.container {
		width:1200px;
	}
	
	
	h1{
		 display:block;
		 width:100%;
		 font-size:92px;
		 color:#fff;
		 line-height:0.5;
		 padding:0;	 
		 margin:150px auto 0 auto;
	}
	
	h1 > span{
		display:inline-block;
		width:100%;	
	    font-weight:normal;
		line-height:5;
	}
	
	h1 > span.first{
		letter-spacing:-1px;		
		font-size:24px;	
	}
	
	h1 > span.second{
		letter-spacing:5px;
		font-size:18px;
	}
	
	
	
	.top{
		width:100%;
		position:fixed;
		bottom:0;
		font-size:12px;
		color:#fff;
		background:#000;
		padding:5px;
		z-index:2;		
	}
	
	.top a{
		color:#fff;
	}
	
	.top_container{
		width:1200px;
		margin:0 auto;
		text-align:right;		
	}
	
	#contents ol{
		margin-top:80px;
	}
	
	#contents  li a{
		display:block;
		width:100%;
		font-size:18px;
		line-height:3;
		color:#fff;
		border-bottom:1px dashed #666;
	}
	
	#introduction p{
		display:block;
		width:50%;
		font-size:18px;
		line-height:1.75;
		letter-spacing:-1px;
		color:#fff;
		margin:100px 0 0 50%;
	}
	
	#introduction p > span{
		font-size:24px;
		font-weight:bold;
		color:#91c855;
	}
	
	#feature ul{
		background:url("images/feature.png") no-repeat 50% 50%;
		background-size:cover; 
		width:831px;
		height:540px;
		margin:-40px auto 0 auto;
	}
	
	#feature li{
		display:none;
		font-size:0;
	}
	
	
	/*한줄소개*/
	
	h3{
		font-size:18px;
		line-height:3;
	}
	
	h3 > span{
		font-size:12px;
	}
	
	
	#function_line02 .title{
		margin-bottom:50px;
	}
	
	#function_line01 .function_line_all,
	#function_line02 .function_line_all,
	#function_line03 .function_line_all02{
		position:relative;
		width:100%;
		overflow:hidden;
	}
	
	#function_line01 .function_line_all ul{
		border-top: 2px solid #666;
	}
	
	#function_line02 .function_line_all ul{
		border-bottom: 2px solid #666;
	}
	
	#function_line03 .function_line_all02 ul{
		border-top: 2px solid #666;
		border-bottom: 2px solid #666;
	}
	
	
	#function_line01  .function_line_all ul,
	#function_line02  .function_line_all ul,
	#function_line03  .function_line_all02 ul{
		float:left;
		width:50%;
	}
	
	#function_line01  .function_line_all li,
	#function_line02  .function_line_all li,
	#function_line03  .function_line_all02 li{
		width:95%;
		border-bottom:1px dashed #999;
	}
	
	#function_line01  .function_line_all li dl,
	#function_line02  .function_line_all li dl{	
	  padding-left:60px;
	  margin: 10px 0 10px 0;
	}
	
	#function_line01 .function_line_all ul:nth-child(1) li:nth-child(1) dl{
	  background:url("images/feature_icon01.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(1) li:nth-child(2) dl{
	  background:url("images/feature_icon02.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(1) li:nth-child(3) dl{
	  background:url("images/feature_icon03.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(1) li:nth-child(4) dl{
	  background:url("images/feature_icon04.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(1) li:nth-child(5) dl{
	  background:url("images/feature_icon05.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line01 .function_line_all ul:nth-child(1) li:nth-child(6) dl{
	  background:url("images/feature_icon06.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line01 .function_line_all ul:nth-child(1) li:nth-child(7) dl{
	  background:url("images/feature_icon07.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(1) li:nth-child(8) dl{
	  background:url("images/feature_icon29.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line01 .function_line_all ul:nth-child(2) li:nth-child(1) dl{
	  background:url("images/feature_icon30.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(2) li:nth-child(2) dl{
	  background:url("images/feature_icon08.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(2) li:nth-child(3) dl{
	  background:url("images/feature_icon09.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(2) li:nth-child(4) dl{
	  background:url("images/feature_icon10.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(2) li:nth-child(5) dl{
	  background:url("images/feature_icon11.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line01 .function_line_all ul:nth-child(2) li:nth-child(6) dl{
	  background:url("images/feature_icon12.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line01 .function_line_all ul:nth-child(2) li:nth-child(7) dl{
	  background:url("images/feature_icon13.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line01 .function_line_all ul:nth-child(2) li:nth-child(8) dl{
	  background:url("images/feature_icon14.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line02 .function_line_all ul:nth-child(1) li:nth-child(1) dl{
	  background:url("images/feature_icon15.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line02 .function_line_all ul:nth-child(1) li:nth-child(2) dl{
	  background:url("images/feature_icon16.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line02 .function_line_all ul:nth-child(1) li:nth-child(3) dl{
	  background:url("images/feature_icon17.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line02 .function_line_all ul:nth-child(1) li:nth-child(4) dl{
	  background:url("images/feature_icon18.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line02 .function_line_all ul:nth-child(1) li:nth-child(5) dl{
	  background:url("images/feature_icon19.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line02 .function_line_all ul:nth-child(1) li:nth-child(6) dl{
	  background:url("images/feature_icon20.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line02 .function_line_all ul:nth-child(1) li:nth-child(7) dl{
	  background:url("images/feature_icon21.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line02 .function_line_all ul:nth-child(2) li:nth-child(1) dl{
	  background:url("images/feature_icon22.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line02 .function_line_all ul:nth-child(2) li:nth-child(2) dl{
	  background:url("images/feature_icon23.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line02 .function_line_all ul:nth-child(2) li:nth-child(3) dl{
	  background:url("images/feature_icon24.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line02 .function_line_all ul:nth-child(2) li:nth-child(4) dl{
	  background:url("images/feature_icon26.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line02 .function_line_all ul:nth-child(2) li:nth-child(5) dl{
	  background:url("images/feature_icon27.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line02 .function_line_all ul:nth-child(2) li:nth-child(6) dl{
	  background:url("images/feature_icon28.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	
	#function_line02 .function_line_all ul:nth-child(2) li:nth-child(7) dl{
	  background:url("images/feature_option_icon01.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line03  .function_line_all02 li dl{
	  padding-left:50px;
	  margin: 15px 0 15px 0;
	}
	
	#function_line03 .function_line_all02 ul:nth-child(1) li:nth-child(1) dl{
	  background:url("images/feature_option_icon02.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line03 .function_line_all02 ul:nth-child(1) li:nth-child(2) dl{
	  background:url("images/feature_option_icon03.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line03 .function_line_all02 ul:nth-child(1) li:nth-child(3) dl{
	  background:url("images/feature_option_icon04.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line03 .function_line_all02 ul:nth-child(2) li:nth-child(1) dl{
	  background:url("images/feature_option_icon05.png") no-repeat 0 0;
	  background-size: 45px;
	}
	
	#function_line03 .function_line_all02 ul:nth-child(2) li:nth-child(2) dl{
	  background:url("images/feature_option_icon06.png") no-repeat 0 0;
	  background-size: 45px;
	}

	
	#function_line01  .function_line_all li dt,
	#function_line02  .function_line_all li dt,
	#function_line03  .function_line_all02 li dt{
		font-weight:bold;
	}
	
	
	#function_line02 .function_line_all ul li:nth-child(1){
		border-top:1px dashed #999
	}
	
	/*한눈에 보기*/
	#function_all .container{
		overflow:hidden;
	}
	
	
	#function_all .function_all_part01,
	#function_all .function_all_part02{
		float:left;
	}
	
	#function_all .function_all_part01{		
		overflow:hidden;
	}
	
	#function_all .function_all_part01 a{
		display:block;
		float:left;
		width:95px;
		height:90px;
		margin:1px;
		border:1px solid #ccc;
		background:#fff;
	}
	
	#function_all .function_all_part01 a > img{
		width:100%;
		height:100%;
	}
	
	#function_all .function_all_part02{
	    overflow:hidden;
		margin-top:20px;
	}
	
	#function_all .function_all_part02 a{
		display:block;
		float:left;
		width:95px;
		height:90px;
		margin:1px;
		border:1px solid #ccc;
	}
	
	#function_all .function_all_part02 a > img{
		width:100%;
		height:100%;
	}
	
	[ID^="basic"], [ID^="option"]{
		 background-image: url("images/back04.jpg");
		 background-size:cover; 
		 background-position: 0% 0%, center center; 
		 background-repeat:no-repeat; 
		 background-attachment: scroll, fixed;
	}
		

	
	
	/*기능 상세보기*/	
   
	.item_middle{
		width:100%; 
		margin-bottom:100px; 
		margin-top:50px;
	}

	.item_middle_list{
		float:left; 
		width:50%;
		position:relative;
	}
	
	.title_sub{
		font-size:18px;
		color:#333; 
		display:block; 
		width:100%; 
		text-align:left;
	}
	
	.item_middle_list li.list_sub{
		font-size:12px;
		color:#666;
		margin-top:30px;
	}

	
	#function_all .function_all_part01 .play_btn a{

		position:absolute; 
		top:10px; 
		right:40px; 
		display:block; 
		background:#999; 
		font-size:13px; 
		color:#fff; 
		padding:2px 10px; 
		border-radius:5px; 
		border:1px solid #999;
		width:auto;
		height:auto;

	}
	
	.play_btn a{
		position:absolute; 
		top:0; 
		right:0; 
		display:block; 
		background:#999; 
		font-size:13px; 
		color:#fff; 
		padding:2px 10px; 
		border-radius:5px; 
		border:1px solid #999;
		width:auto;
		height:auto;
	}
	
	.item_middle_list ul{
		margin:0; 
		padding:0; 
		list-style:none; 
		border-top:3px solid #333; 
		border-bottom:3px solid #333;  
		margin-top:20px; 
		padding:20px 0; 
	}
	
	.item_middle_list li{
		text-align:left; 
		color:#333; 
		margin:10px 0;
	}
	
	.item_middle_img{
		float:right;  
		width:576px;
		height:640px;
		margin-top:-130px;
		margin-left:20px;
		/*transition : transform 1s ease;
		transform : translateX(10%);*/
	}
	
	[ID$="_02"] .item_middle_img,
	[ID$="_03"] .item_middle_img{
		margin-top:-50px;
	}
	
	#basic_fun01 .item_middle_img{
		background:url("images/basic_fun01_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun02 .item_middle_img{
		background:url("images/basic_fun02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun03 .item_middle_img{
		background:url("images/basic_fun03_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun04 .item_middle_img{
		background:url("images/basic_fun04_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun05 .item_middle_img{
		background:url("images/basic_fun05_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun05_02 .item_middle_img{
		background:url("images/basic_fun05_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun06 .item_middle_img{
		background:url("images/basic_fun06_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun06_02 .item_middle_img{
		background:url("images/basic_fun06_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun06_03 .item_middle_img{
		background:url("images/basic_fun06_03_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun07 .item_middle_img{
		background:url("images/basic_fun07_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun29 .item_middle_img{
		background:url("images/basic_fun29_s.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun30 .item_middle_img{
		background:url("images/basic_fun30_s.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun08 .item_middle_img{
		background:url("images/basic_fun08_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun09 .item_middle_img{
		background:url("images/basic_fun09_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun09_02 .item_middle_img{
		background:url("images/basic_fun09_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun09_02 .item_middle_img{
		background:url("images/basic_fun09_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun10 .item_middle_img{
		background:url("images/basic_fun10_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun10_02 .item_middle_img{
		background:url("images/basic_fun10_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}

	#basic_fun10_03 .item_middle_img{
		background:url("images/basic_fun10_03_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun11 .item_middle_img{
		background:url("images/basic_fun11_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun11_02 .item_middle_img{
		background:url("images/basic_fun11_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun12 .item_middle_img{
		background:url("images/basic_fun12_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun13 .item_middle_img{
		background:url("images/basic_fun13_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun14 .item_middle_img{
		background:url("images/basic_fun14_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun15 .item_middle_img{
		background:url("images/basic_fun15_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun16 .item_middle_img{
		background:url("images/basic_fun16_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun17 .item_middle_img{
		background:url("images/basic_fun17_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun18 .item_middle_img{
		background:url("images/basic_fun18_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun19 .item_middle_img{
		background:url("images/basic_fun19_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun20 .item_middle_img{
		background:url("images/basic_fun20_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun21 .item_middle_img{
		background:url("images/basic_fun21_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun22 .item_middle_img{
		background:url("images/basic_fun22_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun23 .item_middle_img{
		background:url("images/basic_fun23_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun24 .item_middle_img{
		background:url("images/basic_fun24_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun25 .item_middle_img{
		background:url("images/basic_fun25_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun26 .item_middle_img{
		background:url("images/basic_fun26_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun27 .item_middle_img{
		background:url("images/basic_fun27_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#basic_fun28 .item_middle_img{
		background:url("images/basic_fun28_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun01 .item_middle_img{
		background:url("images/option_fun01_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun01_02 .item_middle_img{
		background:url("images/option_fun01_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun02 .item_middle_img{
		background:url("images/option_fun02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun02_02 .item_middle_img{
		background:url("images/option_fun02_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun03 .item_middle_img{
		background:url("images/option_fun03_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun03_02 .item_middle_img{
		background:url("images/option_fun03_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun04 .item_middle_img{
		background:url("images/option_fun04_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun04_02 .item_middle_img{
		background:url("images/option_fun04_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun05 .item_middle_img{
		background:url("images/option_fun05_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun05_02 .item_middle_img{
		background:url("images/option_fun05_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun06 .item_middle_img{
		background:url("images/option_fun06_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	#option_fun06_02 .item_middle_img{
		background:url("images/option_fun06_02_s.png") no-repeat 50% 50%;
		background-size:cover;
	}
	
	.line{border-bottom:1px solid #ccc;}
	.line.black{border-bottom:1px dotted #000;}
	ul.noborder_top{border-top:0;}
	ul.noborder_bottom{border-bottom:0;}
	
	
	.item_middle_list.style02 ul{
		padding:0;
	}
	
	.item_middle_list.style02 li{
		border-bottom:1px dashed #999;
	}
	
	.item_middle_list.style02 li:last-child{
		border-bottom:0;
	}
	
	.item_middle_list.style02 dl{
	  overflow:hidden;
	  padding-left:50px;
	  margin: 15px 0 15px 0;
	}
	
	#basic_fun06 .item_middle_list.style02 ul li dl dt, 
	#basic_fun06_02 .item_middle_list.style02 ul li dl dt, 
	#basic_fun06_03 .item_middle_list.style02 ul li dl dt{
		width:100px;
	}
	
	#basic_fun05 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/board_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}	
	
	#basic_fun05 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/board_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
		
	#basic_fun05 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/board_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun05 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/board_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun05 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/board_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun05_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/board_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun05_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/board_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun05_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/board_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun05_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/board_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun05_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/board_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun05_02 .item_middle_list.style02 ul li:nth-child(6) dl{
	  background:url("images/board_icon11.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun05_02 .item_middle_list.style02 ul li:nth-child(7) dl{
	  background:url("images/board_icon12.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/customer_icon01.png") no-repeat 0 50%;
	  background-size: 40px;
	}
	
	#basic_fun06 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/customer_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/customer_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/customer_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/customer_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/customer_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/customer_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/customer_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/customer_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/customer_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_02 .item_middle_list.style02 ul li:nth-child(6) dl{
	  background:url("images/customer_icon11.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_02 .item_middle_list.style02 ul li:nth-child(7) dl{
	  background:url("images/customer_icon12.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_03 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/customer_icon13.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_03 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/customer_icon14.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_03 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/customer_icon15.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_03 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/customer_icon16.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_03 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/customer_icon17.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun06_03 .item_middle_list.style02 ul li:nth-child(6) dl{
	  background:url("images/customer_icon18.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/business_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/business_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/business_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/business_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/business_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/business_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/business_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/business_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/business_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/business_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09_02 .item_middle_list.style02 ul li:nth-child(6) dl{
	  background:url("images/business_icon11.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun09_02 .item_middle_list.style02 ul li:nth-child(7) dl{
	  background:url("images/business_icon12.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/company_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/company_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/company_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/company_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/company_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/company_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/company_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/company_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/company_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun10_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/company_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}

	#basic_fun10_03 .item_middle_list.style02 ul li:nth-child(1) dl{
		background:url("images/company_icon11.png") no-repeat 0 0;
		background-size: 40px;
	}
	
	#basic_fun10_03 .item_middle_list.style02 ul li:nth-child(2) dl{
	background:url("images/company_icon12.png") no-repeat 0 0;
	background-size: 40px;
	}
	
	#basic_fun10_03 .item_middle_list.style02 ul li:nth-child(3) dl{
	background:url("images/company_icon13.png") no-repeat 0 0;
	background-size: 40px;
	}
	
	#basic_fun11 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/folder_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/folder_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/folder_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/folder_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/folder_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/folder_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/folder_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/folder_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/folder_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/folder_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11_02 .item_middle_list.style02 ul li:nth-child(6) dl{
	  background:url("images/folder_icon11.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun11_02 .item_middle_list.style02 ul li:nth-child(7) dl{
	  background:url("images/folder_icon12.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun27 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/visit_icon01.png") no-repeat 0 10px;
	  background-size: 40px;
	}
	
	#basic_fun27 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/visit_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#basic_fun27 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/visit_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/mobile_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/mobile_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/mobile_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/mobile_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/mobile_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/mobile_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/mobile_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/mobile_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/mobile_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/mobile_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun01_02 .item_middle_list.style02 ul li:nth-child(6) dl{
	  background:url("images/mobile_icon11.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/phone_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/phone_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/phone_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/phone_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/phone_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun02_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/phone_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun02_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/phone_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun02_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/phone_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun02_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/phone_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/move_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/move_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/move_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/move_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/move_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/move_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/move_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/move_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/move_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun03_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/move_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/sign_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/sign_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/sign_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/sign_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/sign_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/sign_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/sign_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/sign_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/sign_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/sign_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04_02 .item_middle_list.style02 ul li:nth-child(6) dl{
	  background:url("images/sign_icon11.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun04_02 .item_middle_list.style02 ul li:nth-child(7) dl{
	  background:url("images/sign_icon12.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/money_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/money_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/money_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/money_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/money_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/money_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/money_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/money_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/money_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun05_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/money_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/factory_icon01.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/factory_icon02.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/factory_icon03.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/factory_icon04.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/factory_icon05.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06_02 .item_middle_list.style02 ul li:nth-child(1) dl{
	  background:url("images/factory_icon06.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06_02 .item_middle_list.style02 ul li:nth-child(2) dl{
	  background:url("images/factory_icon07.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06_02 .item_middle_list.style02 ul li:nth-child(3) dl{
	  background:url("images/factory_icon08.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06_02 .item_middle_list.style02 ul li:nth-child(4) dl{
	  background:url("images/factory_icon09.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	#option_fun06_02 .item_middle_list.style02 ul li:nth-child(5) dl{
	  background:url("images/factory_icon10.png") no-repeat 0 0;
	  background-size: 40px;
	}
	
	.item_middle_list.style02 dt{
		float:left;
		width:90px;
		height:40px;
		line-height:40px;
		font-weight:bold;
		padding:0 5px;
	}
	
	/*.item_middle_list.style02 dd{
		float:left;
	}*/
	
	
	#history01 .title{
		margin-bottom:200px;
	}
	
	#history01 ol,
	#history02 ol,
	#history03 ol{
		overflow:hidden;
	}
	
	#history02 ol:nth-child(1){
		margin-bottom:100px;
	}
	
	#history01 li,
	#history02 li,
	#history03 li{
		float:left;
		width:33%;
		color:#fff;
		line-height:2;		
	}
	
	#history01 li dt,
	#history02 li dt,
	#history03 li dt{
		border-bottom:1px solid #ccc;
		margin-bottom:10px;
		line-height:3;
		font-size:15px;
		font-weight:bold;
	}
	
	#history01 dt:before,
	#history02 dt:before,
	#history03 dt:before{
		content:"▼ "
	}
	
	
	/*#history01 dd:before,
	#history02 dd:before,
	#history03 dd:before{
		content:"- "
	}*/
	
	[ID^="history"] ol li .green{
		color:#9fca3d;
	}
	
	[ID^="history"] ol li .blue{
		color:#00a1e9;
	}
	
	footer{
		background-color:#000;
		font-size:11px;
		color:#666;
		padding:30px;
		text-align:center;
	}
	
		

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

	/*header, section{
		min-height: 1000px !important;
	}*/
	
	.container {
		width:90%;
	}
		
	.item .container .title{
		width:100%;
	}

	.item_middle{
		width:100%; 
		margin-bottom:100px; 
		margin-top:50px;
	}

	.item_middle_list{
		float:left; 
		width:48%;
		position:relative;
	}
	
	.title_sub{
		font-size:16px;
	}
	
	.item_middle_img{
		float:right;  
		width:50%;
		height:640px;
		margin-left:20px;
		/*transition : transform 1s ease;
		transform : translateX(10%);*/
	}
	
	#feature ul{
		margin:-100px auto 0 auto;
	}
	
	
	
}



@media screen and (max-width: 1199px){
	#main{
		min-height:1000px;
	}
	
	.container {
		width:90%;
	}
	
	h1{
		text-align:center;
	}
	
	.item .container .title{
		text-align:center;
		font-size:48px;
	}
	
	#introduction p{
		width:75%;
		letter-spacing:0;
		margin:70px auto 0 auto;
	}
	
	#feature ul{
		margin:20px auto 0 auto;
		width:100%;
		height:390px;
		background-size:contain;
	}
	
	#function_line01, #function_line02, #function_line03{
		height:auto !important;
	}
	
	[ID^="function"] .function_line_all ul li dl{
		background-size:35px !important;
		padding-left: 40px !important;
	}
	
	[ID^="function"] .function_line_all02 ul li dl{
		background-size:35px !important;
		padding-left: 40px !important;
	}
	
	#function_line01 .function_line_all ul, #function_line02 .function_line_all ul, #function_line03 .function_line_all02 ul{
		width:100%;
	}
	
   #function_line01 .function_line_all ul:nth-child(2){
		border-top:0;
	}
	
    #function_line02 .function_line_all ul:nth-child(1){
		border-bottom:0;
	}
	
	 #function_line02 .function_line_all ul:nth-child(2) li:nth-child(1){
		border-top:0px;
	}
	 
	 #function_line02 .function_line_all ul:nth-child(2) li:last-child{
		border-bottom:0;
	 }
	
    #function_line01 .function_line_all ul:nth-child(2), #function_line02 .function_line_all ul:nth-child(2){
		margin-bottom:100px;
	}
	
     #function_line03 .function_line_all02 ul:nth-child(1){
		border-bottom:0;
	}
	
	 #function_line03 .function_line_all02 ul:nth-child(2){
		border-top:0;
		margin-bottom:100px;
	 }
	 
	 #function_line03 .function_line_all02 ul:nth-child(2) li:last-child{
		border-bottom:0;
	 }
	
	  
	#function_all{
		height: auto !important;
	}
	
	
	#function_all .function_all_part01 a{
		display:block;
		float:left;
		width:70px;
		height:70px;
		margin:1px;
		border:1px solid #ccc;
	}
	
	#function_all .function_all_part02{
		margin-bottom:100px;
	}
	
	#function_all .function_all_part02 a{
		display:block;
		float:left;
		width:70px;
		height:70px;
		margin:1px;
		border:1px solid #ccc;
	}
	
	[ID^="basic"], [ID^="option"]{
		height: auto !important;
	}
	
	
	h2{display:block; width:100%;}
	
	.title_sub{
		width:100%; 
		font-size:16px; 
	}
	
	.item_middle_img{position:relative;}
	
	.item_middle{
		overflow:hidden; 
		width:90%; 
		margin:50px auto 0 auto; 
		margin-bottom:100px; 
		font-size:14px; 
		letter-spacing:-1px;
	}
	
	.item_middle_list{
		float:left; 
		width:100%;
	}

	
	
	.item_middle_list ul{
		margin:0; 
		padding:0; 
		list-style:none; 
		border-top:3px solid #333; 
		border-bottom:3px solid #333;  
		margin-top:20px; 
		padding:20px 0;  
	}
	
	.item_middle_list li{
		text-align:left; 
		color:#333; 
		margin:7px 0;
	}
	
	.item_middle_img{
		float:left;  
		width:100%;
		height:500px;
		text-align:center; 
		margin-top:50px; 
		margin-left:0;
	}
	
	[ID$="_02"] .item_middle_img,
	[ID$="_03"] .item_middle_img{
		margin-top:50px; 
	}
	
	.item_middle_list li{
		text-align:left; 
		color:#333; 
		margin:10px 0;
	}
	
	
	#basic_fun01 .item_middle_img{
		background:url("images/basic_fun01.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun02 .item_middle_img{
		background:url("images/basic_fun02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun03 .item_middle_img{
		background:url("images/basic_fun03.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun04 .item_middle_img{
		background:url("images/basic_fun04.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun05 .item_middle_img{
		background:url("images/basic_fun05.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun05_02 .item_middle_img{
		background:url("images/basic_fun05_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun06 .item_middle_img{
		background:url("images/basic_fun06.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun06_02 .item_middle_img{
		background:url("images/basic_fun06_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun06_03 .item_middle_img{
		background:url("images/basic_fun06_03.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun07 .item_middle_img{
		background:url("images/basic_fun07.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun29 .item_middle_img{
		background:url("images/basic_fun29.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun30 .item_middle_img{
		background:url("images/basic_fun30.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun08 .item_middle_img{
		background:url("images/basic_fun08.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun09 .item_middle_img{
		background:url("images/basic_fun09.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun09_02 .item_middle_img{
		background:url("images/basic_fun09_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun10 .item_middle_img{
		background:url("images/basic_fun10.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun10_02 .item_middle_img{
		background:url("images/basic_fun10_02.png") no-repeat 50% 50%;
		background-size:contain;
	}

	#basic_fun10_03 .item_middle_img{
		background:url("images/basic_fun10_03.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun11 .item_middle_img{
		background:url("images/basic_fun11.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun11_02 .item_middle_img{
		background:url("images/basic_fun11_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun12 .item_middle_img{
		background:url("images/basic_fun12.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun13 .item_middle_img{
		background:url("images/basic_fun13.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun14 .item_middle_img{
		background:url("images/basic_fun14.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun15 .item_middle_img{
		background:url("images/basic_fun15.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun16 .item_middle_img{
		background:url("images/basic_fun16.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun17 .item_middle_img{
		background:url("images/basic_fun17.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun18 .item_middle_img{
		background:url("images/basic_fun18.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun19 .item_middle_img{
		background:url("images/basic_fun19.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun20 .item_middle_img{
		background:url("images/basic_fun20.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun21 .item_middle_img{
		background:url("images/basic_fun21.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun22 .item_middle_img{
		background:url("images/basic_fun22.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun23 .item_middle_img{
		background:url("images/basic_fun23.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun24 .item_middle_img{
		background:url("images/basic_fun24.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun25 .item_middle_img{
		background:url("images/basic_fun25.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun26 .item_middle_img{
		background:url("images/basic_fun26.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun27 .item_middle_img{
		background:url("images/basic_fun27.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#basic_fun28 .item_middle_img{
		background:url("images/basic_fun28.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun01 .item_middle_img{
		background:url("images/option_fun01.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun01_02 .item_middle_img{
		background:url("images/option_fun01_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun02 .item_middle_img{
		background:url("images/option_fun02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun02_02 .item_middle_img{
		background:url("images/option_fun02_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun03 .item_middle_img{
		background:url("images/option_fun03.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun03_02 .item_middle_img{
		background:url("images/option_fun03_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun04 .item_middle_img{
		background:url("images/option_fun04.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun04_02 .item_middle_img{
		background:url("images/option_fun04_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun05 .item_middle_img{
		background:url("images/option_fun05.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun05_02 .item_middle_img{
		background:url("images/option_fun05_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun06 .item_middle_img{
		background:url("images/option_fun06.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	#option_fun06_02 .item_middle_img{
		background:url("images/option_fun06_02.png") no-repeat 50% 50%;
		background-size:contain;
	}
	
	
	#history01, #history02, #history03{
		height: auto !important;
	}
	
	#history01 .title{
		margin-bottom:50px;
	}
	
	
	#history01 li, #history02 li, #history03 li{
		width:100%;
	}
	
	#history03 ol{
		margin-bottom:100px;
	}
}  

.new{
	display:inline-block; 
	padding:0px 5px; 
	font-size:11px; 
	line-height:1.25; 
	background:#ff6666; 
	color:#fff; 
	margin-left:5px; 
	border-radius:3px;
}

@media screen and (max-width: 640px){
	
	.play_btn{
		width:100%;
	}

	.play_btn a{
		position:relative; 
		display:block;
		width:95px; 
		margin:10px 0;
		background:#999; 
		font-size:13px; 
		color:#fff; 
		padding:2px 10px; 
		border-radius:5px; 
		border:1px solid #999;
	}

	#function_all .function_all_part01 .play_btn{
		position:relative;
		width:100%;
		height:40px;
	}

	#function_all .function_all_part01 .play_btn a{
		position:relative; 
		top:0;
		left:0;
		display:block;
		width:105px; 
		background:#999; 
		font-size:13px; 
		color:#fff; 
		padding:2px 10px; 
		border-radius:5px; 
		border:1px solid #999;
	}
}

@media screen and (max-width: 480px){
	#main{
		min-height:auto !important;
	}
	.container {
		width:90%;
	}
	
	h1{
		text-align:center;
	}
	
	h1{
		 display:block;
		 width:100%;
		 font-size:52px;
		 color:#fff;
		 line-height:0.5;
		 text-align:center;
		 padding:0;	 
		 margin:100px auto 0 auto;
	}
	
	h1 > span{
		display:inline-block;
		width:100%;	
	    font-weight:normal;
		line-height:5;
	}
	
	h1 > span.first{
		letter-spacing:0px;		
		font-size:14px;	
	}
	
	h1 > span.second{
		letter-spacing:3px;
		font-size:12px;
	}
	
	.item .main.next{
		width: 70%;
		height:50px;
		line-height: 50px;
		color: #fff;
		text-decoration: none;
		text-align:center;
		border: solid 1px #fff;
		margin:300px auto 0 auto;
	}
	
	.item .container .title {
		display: inline-block;
		width:100%;
		text-align:center;
		/*background: none;
		padding: 0.5em 1em;
		border-radius: 0.25em;*/
		font-size: 36px;
		color:#fff;
		letter-spacing:-1px;
		margin: 40px 0 0 0;
		-moz-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		line-height:0.5;
		padding:0;	 
	}
	
	.item .container .title.black{
		color:#333;
	}
	
	.title > span{
		display:inline-block;
		width:100%;	
	    font-weight:normal;
	}
	
	.title > span.first{
		font-size:12px;		
		line-height:5;
		letter-spacing:0;
	}
	
	.title> span.second{
		letter-spacing:2px;
		font-size:11px;
		line-height:5;
	}
	
	#contents ol{
		width:80%;
		margin:70px auto 0 auto;
	}
	
	#contents li a{
		font-size:12px;
	}
	
	#introduction p{
		width:90%;
		font-size:12px;
		
	}
	
	#introduction p > span{
		font-size:16px;
	}
	
	
	
	#feature ul{
		margin:20px auto 0 auto;
		width:100%;
		height:390px;
		background-size:contain;
	}
	
	h3{font-size:14px;}
	h3 > span{
		font-size:11px;
	}
	
	[ID^="basic"] .item_middle_list.style02 ul li dl,
	[ID^="option"] .item_middle_list.style02 ul li dl{
		background-size: 35px !important;
		padding-left:40px !important;
	}
	
	#function_line01 .function_line_all, #function_line02 .function_line_all, #function_line03 .function_line_all02{
		font-size:12px;
	}
	
	#function_all .function_all_part01 a{
		display:block;
		float:left;
		width:70px;
		height:70px;
		margin:1px;
		border:1px solid #ccc;
	}
	
	#function_all .function_all_part02{
		margin-bottom:100px;
	}
	
	#function_all .function_all_part02 a{
		display:block;
		float:left;
		width:70px;
		height:70px;
		margin:1px;
		border:1px solid #ccc;
	}
	
	.title_sub{
		width:100%; 
		font-size:14px; 
	}
	
	.item_middle_img{position:relative;}
	
	.item_middle{
		overflow:hidden; 
		width:100%; 
		margin:50px auto 0 auto; 
		margin-bottom:100px; 
		font-size:14px; 
		letter-spacing:-1px;
	}
	
	.item_middle_list{
		float:left; 
		width:100%;
	}

	
	
	.item_middle_list ul{
		margin:0; 
		padding:0; 
		list-style:none; 
		border-top:3px solid #333; 
		border-bottom:3px solid #333;  
		margin-top:20px; 
		padding:20px 0;  
	}
	
	.item_middle_list li{
		text-align:left; 
		color:#333; 
		margin:7px 0;
	}
	
	.item_middle_img{
		float:left;  
		width:100%; 
		text-align:center; 
		margin-top:100px; 
	}
	
	.item_middle_img > img{ 
		width:90%; 
		height:auto; 
		margin-bottom:50px;
	}
	
	.item_middle_list.style02 dt{
		width:70px;
		font-size:12px;
	}
	
	.item_middle_list.style02 dd{
		font-size:12px;
		letter-spacing:-2px;
	}		
	
	#basic_fun06 .item_middle_list.style02 ul li dl dt, 
	#basic_fun06_02 .item_middle_list.style02 ul li dl dt, 
	#basic_fun06_03 .item_middle_list.style02 ul li dl dt{
		width:70px;
	}
	
	#history01, #history02, #history03{
		height: auto !important;
	}
	
	#history01 .title{
		margin-bottom:50px;
	}
	
	
	#history01 li, #history02 li, #history03 li{
		width:100%;
	}
	
	.item .next{
		width:80px;
		height:20px;
		line-height:20px;
		font-size:12px;
	}
	
}

@media screen and (max-width: 360px){
	.container {
		width:90%;
	}
}