body { 
background-color:#fff;
background-image:url(../img/bodybg.png);
background-position:0 0;
background-repeat:repeat-x;
}

a {
	color: #0271C8;
	text-decoration: underline;
}
a:hover {
	color: #245FB4;
	text-decoration:none;
}

/* Style for PCs */
@media screen and (min-width: 1025px) {
	
	/*------------------------------------------------
	Pagetitle
	------------------------------------------------*/
	#pagetitle_fs {
		width:100%;
		height:auto;
		display:block;
		text-align:center;
	}
	#pagetitle_fs h2 {
		font-size:20px;
		font-weight:bold;
		line-height:1.4em;
		margin-bottom:5px;
		color:#04729A;
	}
	#pagetitle_fs h3 {
		font-size:14px;
		font-weight:bold;
		line-height:1.4em;
		margin-bottom:10px;
		color:#222;
	}
	#pagetitle_fs p {
		font-size:12px;
		line-height:1.4em;
		margin-bottom:30px;
	}
	
	#pagetitle {
		width:100%;
		height:auto;
		display:block;
		background: #0e81c5;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlODFjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #0e81c5 0%, #7db9e8 100%);
		background: -webkit-linear-gradient(top,  #0e81c5 0%,#7db9e8 100%);
		background: linear-gradient(to bottom,  #0e81c5 0%,#7db9e8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e81c5', endColorstr='#7db9e8',GradientType=0 );
	}
	#pagetitle #ptbody {
		width:100%;
		max-width:1200px;
		height:70px;
		margin:0 auto;
		padding:0 2%;
	}
	#pagetitle #ptbody h2 {
		font-size:12px;
		font-weight:normal;
		line-height:70px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
		float:left;
		margin-right:10px;
	}
	#pagetitle #ptbody h3 {
		font-size:24px;
		font-weight:bold;
		line-height:70px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
		float:left;
	}
	#pagetitle #ptbody ul {
		width:40%;
		height:70px;
		display:block;
		float:right;
		text-align:right;
	}
	#pagetitle #ptbody ul li {
		display: -moz-inline-box;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		font-size:0.8em;
		line-height:70px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
	}
	#pagetitle #ptbody ul li a:after {
		content:" > ";
	}
	#pagetitle #ptbody ul li a {
		color:#fff;
		text-decoration:underline;
	}
	#pagetitle #ptbody ul li a:hover {
		color:#fff;
		text-decoration:none;
	}
	
	/*------------------------------------------------
	Basic contents
	------------------------------------------------*/
	#msp {
		width:100%;
		height:auto;
		display:block;
	}
	#mmbody {
		width:100%;
		max-width:1200px;
		height:auto;
		display:block;
		padding:40px 1%;
		margin:0 auto;
	}
	
	#ccleft {
		width:20%;
		height:auto;
		display:block;
		float:left;
	}
	
	#ccright {
		width:75%;
		height:auto;
		display:block;
		float:right;
	}
	
	.pd5 { padding:5px; }
	.pd10 { padding:10px; }
	.pd15 { padding:15px; }
	.pd20 { padding:20px; }
	.pd25 { padding:25px; }
	
	.fs_08 {
		font-size:0.8em;
	}
	
	.b50m {
		width:50%;
		height:auto;
		display:block;
		float:left;
		padding:0 2%;
	}
	
	/*------------------------------------------------
	title styles
	------------------------------------------------*/
	.ccm p {
		font-size:12px;
		line-height:1.8em;
		margin-bottom:2.5em;
	}
	h3.h3nom1 {
		font-size:14px;
		font-weight:normal;
		line-height:1.4em;
		padding-bottom:0px;
		border-bottom:1px dotted #04729A;
		margin-bottom:10px;
		color:#04729A;
	}
	
	/*------------------------------------------------
	Box style
	------------------------------------------------*/
	.w10 { width:10%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w20 { width:20%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w30 { width:30%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w40 { width:40%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w50 { width:50%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w60 { width:60%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w70 { width:70%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w80 { width:80%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w90 { width:90%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	
	
	.box20-left { width:20%; height:auto; display:block; float:left; }
	.box25-left { width:25%; height:auto; display:block; float:left; }
	.box30-left { width:30%; height:auto; display:block; float:left; }
	.box35-left { width:35%; height:auto; display:block; float:left; }
	.box40-left { width:40%; height:auto; display:block; float:left; }
	.box45-left { width:45%; height:auto; display:block; float:left; }
	.box50-left { width:50%; height:auto; display:block; float:left; }
	.box55-left { width:55%; height:auto; display:block; float:left; }
	.box60-left { width:60%; height:auto; display:block; float:left; }
	.box65-left { width:65%; height:auto; display:block; float:left; }
	.box70-left { width:70%; height:auto; display:block; float:left; }
	.box75-left { width:75%; height:auto; display:block; float:left; }
	.box80-left { width:80%; height:auto; display:block; float:left; }
	.box85-left { width:85%; height:auto; display:block; float:left; }
	
	.box20-right { width:20%; height:auto; display:block; float:right; }
	.box25-right { width:25%; height:auto; display:block; float:right; }
	.box30-right { width:30%; height:auto; display:block; float:right; }
	.box35-right { width:35%; height:auto; display:block; float:right; }
	.box40-right { width:40%; height:auto; display:block; float:right; }
	.box45-right { width:45%; height:auto; display:block; float:right; }
	.box50-right { width:50%; height:auto; display:block; float:right; }
	.box55-right { width:55%; height:auto; display:block; float:right; }
	.box60-right { width:60%; height:auto; display:block; float:right; }
	.box65-right { width:65%; height:auto; display:block; float:right; }
	.box70-right { width:70%; height:auto; display:block; float:right; }
	.box75-right { width:75%; height:auto; display:block; float:right; }
	.box80-right { width:80%; height:auto; display:block; float:right; }
	.box85-right { width:85%; height:auto; display:block; float:right; }
	
	.lb_b_grey {
		border:1px solid #e0e0e0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.col2 {
		width:49%;
		height:auto;
		display:block;
		margin-left:0.5%;
		margin-right:0.5%;
		float:left;
	}
	
	/*---------------------------------------------------------------------------------------------------------*/
	
	#banners {
		width:100%;
		height:auto;
		display:block;
	}
	
	ul.fban li {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:10px;
	}
	
	/*---------------------------------------------------------------------------------------------------------*/
	
	/* Company Information */
	
	#companyinfo {
		width:100%;
		height:auto;
		display:block;
		clear:both;
		border-top:1px dotted #999;
		padding-top:40px;
	}
	
	.b15mleft {
		width:15%;
		height:auto;
		display:block;
		float:left;
	}
	ul.ulsubbanners li {
		width:90%;
		height:auto;
		display:block;
		margin:0 auto 10px auto;
	}
	.b80mright {
		width:80%;
		height:auto;
		display:block;
		float:right;
	}
	h2.rokanlogo {
		width:100%;
		height:40px;
		display:block;
		text-indent:-9999px;
		background-image:url(../img/header/logo.png);
		background-repeat:no-repeat;
		background-position:left center;
		background-size:auto 40px;
		margin-bottom:15px;
	}
	#companyinfo h3 {
		font-size:14px;
		font-weight:200;
		line-height:1.4em;
		color:#1A285F;
		margin-bottom:5px;
	}
	#companyinfo h4 {
		font-size:12px;
		font-weight:700;
		line-height:1.4em;
		color: #327E8D;
		padding-bottom:5px;
		border-bottom:1px solid #327E8D;
		margin-bottom:10px;
	}
	#companyinfo p {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:15px;
	}
	#companyinfo p.pnom {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:0!important;
	}
	#companyinfo p.pnom1 {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:1em!important;
	}
	
	/*------------------------------------------------
	Normal styles
	------------------------------------------------*/
	.ccbody {
		padding-bottom:80px;
	}
	.ccbody p {
		font-size:12px;
		line-height:2em;
		margin-bottom:2.5em;
	}
	.ccbody p.pnom1 {
		margin-bottom:1em!important;
	}
	.ccbody p.pnom {
		margin-bottom:0!important;
	}
	
	.ccbody h2.h2nom1 {
		font-size:24px;
		font-weight:200;
		line-height:1.4em;
		margin-bottom:25px;
		color:#1E6682;
	}
	
	.ccbody h3.h3nom1 {
		font-size:16px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:5px;
	}
	.ccbody h3.h3nom2 {
		font-size:16px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:15px;
	}
	
	.ccbody h4.h4nom1 {
		font-size:12px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#f0f0f0;
		margin-bottom:15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	.ccbody h5.h5nom1 {
		font-size:12px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#f0f0f0;
		margin-bottom:15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.ccbody h5.h5nom2 {
		font-size:12px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:10px;
	}
	
	.ccbody ul.ulnum_notice {
		margin:0 0 2.5em 0em;
	}
	.ccbody ul.ulnum_notice li {
		font-size:12px;
		line-height:1.6em;
		margin:0 0 0.5em 0em;
		list-style:none;
	}
	.ccbody ul.ulnum_notice li:before {
		content:"��";
	}
	
	.ccbody ul.ulnom1 {
		margin:0 0 2.5em 1em;
	}
	.ccbody ul.ulnom1 li {
		font-size:12px;
		line-height:1.5em;
		margin:0 0 0.5em 1em;
		list-style-image:url(../img/lidot.png)!important;
	}
	
	
	.ccbody ol.olnom {
		margin:0 0 2.5em 1em;
	}
	.ccbody ol.olnom li {
		list-style:decimal;
		font-size:12px;
		line-height:1.5em;
		margin:0 0 0.5em 1em;
	}
	
	/*------------------------------------------------
	Text Botton
	------------------------------------------------*/
	a.txtbn_nom1 {
		font-size:16px;
		line-height:50px;
		font-weight:normal;
		color:#fff;
		width:80%;
		height:50px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#04729A;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto;
	}
	a.txtbn_nom1:hover {
		background-color:#3B95C2;
	}
	
	a.txtbn_nom2 {
		font-size:16px;
		line-height:50px;
		font-weight:normal;
		color:#fff;
		width:80%;
		height:50px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#85B009;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto;
	}
	a.txtbn_nom2:hover {
		background-color:#3B95C2;
	}
	
	
	/*------------------------------------------------
	Table
	------------------------------------------------*/
	table.ts01 {
		width:100%;
		border-collapse:collapse;
	}
	table.ts01 th {
		width:150px;
		height:auto;
		border:1px solid #e0e0e0;
		background-color:#f5f5f5;
		text-align:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.5em;
		padding:10px;
	}
	table.ts01 td {
		width:auto;
		height:auto;
		border-bottom:1px solid #e0e0e0;
		font-size:12px;
		line-height:1.5em;
		padding:10px;
	}
	
	table.ts02 {
		width:100%;
		border-collapse:collapse;
	}
	table.ts02 th {
		width:auto;
		height:auto;
		border:1px solid #e0e0e0;
		background-color:#f5f5f5;
		text-align:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.5em;
		padding:10px;
	}
	table.ts02 td {
		width:auto;
		height:auto;
		border:1px solid #e0e0e0;
		font-size:12px;
		line-height:1.5em;
		padding:10px;
	}
	
	.tablescr table.scrtable {
		width:100%;
		border-collapse:collapse;
	}
	table.scrtable th {
		width:auto;
		height:auto;
		padding:10px;
		font-size:12px;
		font-weight:bold;
		line-height:1.4em;
		border:1px solid #d5d5d5;
		background-color:#7db9e8;
		color:#fff;
		text-align:left;
	}
	table.scrtable td {
		width:auto;
		height:auto;
		padding:10px;
		font-size:12px;
		line-height:1.4em;
		border:1px solid #d5d5d5;
	}
	table.scrtable tr:nth-child(even) { background-color:#ffffff; }
	table.scrtable tr:nth-child(odd) { background-color:#fbfbfb; }
	
	/*------------------------------------------------
	Access
	------------------------------------------------*/
	
	table.ts-map {
		width:100%;
		border-collapse:collapse;
	}
	table.ts-map th {
		width:100px;
		height:auto;
		border-bottom:1px solid #3B95C2;
		text-align:left;
		font-size:12px;
		font-weight:bold;
		color:#3B95C2;
		line-height:20px;
		padding:10px;
	}
	table.ts-map td {
		width:auto;
		height:auto;
		border-bottom:1px solid #e0e0e0;
		font-size:12px;
		line-height:20px;
		padding:10px;
	}
	
	a.txtbn_map {
		font-size:0.8em;
		line-height:20px;
		font-weight:normal;
		color:#fff;
		width:140px;
		height:20px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#85B009;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		float:right;
	}
	a.txtbn_map:hover {
		background-color:#3B95C2;
	}
	
	/*------------------------------------------------
	Flow
	------------------------------------------------*/
	
	.flowmm .fm0 {
		width:90%;
		height:auto;
		display:block;
		padding:25px;
		box-shadow:0px 2px 4px #999;
		border:2px solid #DAE6EB;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto 15px;
	}
	
	/*------------------------------------------------
	News
	------------------------------------------------*/
	.newslist {
		padding-top:20px;
		margin:0 0 0 1em;
	}
	.newslist li {
		list-style-image:url(../img/lidot.png);
		font-size:12px;
		line-height:1.5em;
		margin:0 0 15px 1em;
		padding:0 5px 15px;
		border-bottom:1px dotted #ccc;
	}
	/*------------------------------------------------
	Link
	------------------------------------------------*/
	ul.linkmm {
		width:auto;
		height:auto;
		margin:0 0 50px 0
	}
	ul.linkmm li {
		width:auto;
		height:auto;
		display:block;
		padding-bottom:10px;
		border-bottom:1px dotted #ccc;
		margin-bottom:10px;
	}
	ul.linkmm li h4.linkhead {
		width:60%;
		height:auto;
		display:block;
		font-size:14px;
		font-weight:normal;
		line-height:1.4em;
		float:left;
		margin:0!important;
		padding-left:10px;
	}
	ul.linkmm li p.linkurl {
		width:38%;
		height:auto;
		display:block;
		font-size:12px;
		font-weight:normal;
		line-height:1.4em;
		float:right;
		text-align:right;
		margin:0!important;
		padding-right:10px;
	}
	
}


/* Style for TabletPCs */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	/*------------------------------------------------
	Pagetitle
	------------------------------------------------*/
	#pagetitle_fs {
		width:100%;
		height:auto;
		display:block;
		text-align:center;
	}
	#pagetitle_fs h2 {
		font-size:20px;
		font-weight:bold;
		line-height:1.4em;
		margin-bottom:5px;
		color:#04729A;
	}
	#pagetitle_fs h3 {
		font-size:14px;
		font-weight:bold;
		line-height:1.4em;
		margin-bottom:10px;
		color:#222;
	}
	#pagetitle_fs p {
		font-size:12px;
		line-height:1.4em;
		margin-bottom:30px;
	}
	
	#pagetitle {
		width:100%;
		height:auto;
		display:block;
		background: #0e81c5;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlODFjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #0e81c5 0%, #7db9e8 100%);
		background: -webkit-linear-gradient(top,  #0e81c5 0%,#7db9e8 100%);
		background: linear-gradient(to bottom,  #0e81c5 0%,#7db9e8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e81c5', endColorstr='#7db9e8',GradientType=0 );
	}
	#pagetitle #ptbody {
		width:100%;
		height:70px;
		margin:0 auto;
		padding:0 2%;
	}
	#pagetitle #ptbody h2 {
		font-size:12px;
		font-weight:normal;
		line-height:70px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
		float:left;
		margin-right:10px;
	}
	#pagetitle #ptbody h3 {
		font-size:18px;
		font-weight:bold;
		line-height:70px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
		float:left;
	}
	#pagetitle #ptbody ul {
		width:60%;
		height:70px;
		display:block;
		float:right;
		text-align:right;
	}
	#pagetitle #ptbody ul li {
		display: -moz-inline-box;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		font-size:12px;
		line-height:70px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
	}
	#pagetitle #ptbody ul li a:after {
		content:" > ";
	}
	#pagetitle #ptbody ul li a {
		color:#fff;
		text-decoration:underline;
	}
	#pagetitle #ptbody ul li a:hover {
		color:#fff;
		text-decoration:none;
	}
	
	/*------------------------------------------------
	Basic contents
	------------------------------------------------*/
	#msp {
		width:100%;
		height:auto;
		display:block;
	}
	#mmbody {
		width:100%;
		height:auto;
		display:block;
		padding:40px 5% 40px 2%;
		margin:0 auto;
	}
	
	#ccleft {
		width:20%;
		height:auto;
		display:block;
		float:left;
	}
	
	#ccright {
		width:75%;
		height:auto;
		display:block;
		float:right;
	}
	
	.pd5 { padding:5px; }
	.pd10 { padding:10px; }
	.pd15 { padding:15px; }
	.pd20 { padding:20px; }
	.pd25 { padding:25px; }
	
	.fs_08 {
		font-size:0.8em;
	}
	
	.b50m {
		width:100%;
		height:auto;
		display:block;
		padding:0;
	}
	
	/*------------------------------------------------
	title styles
	------------------------------------------------*/
	.ccm p {
		font-size:12px;
		line-height:1.8em;
		margin-bottom:2.5em;
	}
	h3.h3nom1 {
		font-size:14px;
		font-weight:normal;
		line-height:1.4em;
		padding-bottom:0px;
		border-bottom:1px dotted #04729A;
		margin-bottom:10px;
		color:#04729A;
	}
	
	/*------------------------------------------------
	Box style
	------------------------------------------------*/
	.w10 { width:10%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w20 { width:20%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w30 { width:30%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w40 { width:40%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w50 { width:60%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w60 { width:60%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w70 { width:70%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w80 { width:80%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w90 { width:90%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	
	.box20-left { width:20%; height:auto; display:block; float:left; }
	.box25-left { width:25%; height:auto; display:block; float:left; }
	.box30-left { width:30%; height:auto; display:block; float:left; }
	.box35-left { width:35%; height:auto; display:block; float:left; }
	.box40-left { width:40%; height:auto; display:block; float:left; }
	.box45-left { width:45%; height:auto; display:block; float:left; }
	.box50-left { width:50%; height:auto; display:block; float:left; }
	.box55-left { width:55%; height:auto; display:block; float:left; }
	.box60-left { width:60%; height:auto; display:block; float:left; }
	.box65-left { width:65%; height:auto; display:block; float:left; }
	.box70-left { width:70%; height:auto; display:block; float:left; }
	.box75-left { width:75%; height:auto; display:block; float:left; }
	.box80-left { width:80%; height:auto; display:block; float:left; }
	.box85-left { width:85%; height:auto; display:block; float:left; }
	
	.box20-right { width:20%; height:auto; display:block; float:right; }
	.box25-right { width:25%; height:auto; display:block; float:right; }
	.box30-right { width:30%; height:auto; display:block; float:right; }
	.box35-right { width:35%; height:auto; display:block; float:right; }
	.box40-right { width:40%; height:auto; display:block; float:right; }
	.box45-right { width:45%; height:auto; display:block; float:right; }
	.box50-right { width:50%; height:auto; display:block; float:right; }
	.box55-right { width:55%; height:auto; display:block; float:right; }
	.box60-right { width:60%; height:auto; display:block; float:right; }
	.box65-right { width:65%; height:auto; display:block; float:right; }
	.box70-right { width:70%; height:auto; display:block; float:right; }
	.box75-right { width:75%; height:auto; display:block; float:right; }
	.box80-right { width:80%; height:auto; display:block; float:right; }
	.box85-right { width:85%; height:auto; display:block; float:right; }
	
	.lb_b_grey {
		border:1px solid #e0e0e0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.col2 {
		width:49%;
		height:auto;
		display:block;
		margin-left:0.5%;
		margin-right:0.5%;
		float:left;
	}
	
	/*---------------------------------------------------------------------------------------------------------*/
	
	#banners {
		width:100%;
		height:auto;
		display:block;
		border-bottom:1px solid #ccc;
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e0eff9 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e0eff9 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e0eff9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0eff9',GradientType=0 );
	}
	
	ul.fban li {
		width:25%;
		height:auto;
		display:block;
		float:left;
		padding:0 1% 15px 1%;
	}
	
	/*---------------------------------------------------------------------------------------------------------*/
	
	/* Company Information */
	
	#companyinfo {
		width:100%;
		height:auto;
		display:block;
		border-top:1px dotted #999;
		padding-top:40px;
	}
	
	.b15mleft {
		width:15%;
		height:auto;
		display:block;
		float:left;
	}
	ul.ulsubbanners li {
		width:90%;
		height:auto;
		display:block;
		margin:0 auto 10px auto;
	}
	.b80mright {
		width:80%;
		height:auto;
		display:block;
		float:right;
	}
	h2.rokanlogo {
		width:100%;
		height:40px;
		display:block;
		text-indent:-9999px;
		background-image:url(../img/header/logo.png);
		background-repeat:no-repeat;
		background-position:left center;
		background-size:auto 40px;
		margin-bottom:15px;
	}
	#companyinfo h3 {
		font-size:14px;
		font-weight:200;
		line-height:1.4em;
		color:#1A285F;
		margin-bottom:5px;
	}
	#companyinfo h4 {
		font-size:12px;
		font-weight:700;
		line-height:1.4em;
		color: #327E8D;
		padding-bottom:5px;
		border-bottom:1px solid #327E8D;
		margin-bottom:10px;
	}
	#companyinfo p {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:15px;
	}
	#companyinfo p.pnom {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:0!important;
	}
	#companyinfo p.pnom1 {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:1em!important;
	}
	
	/*------------------------------------------------
	Normal styles
	------------------------------------------------*/
	.ccbody {
		padding-bottom:80px;
	}
	.ccbody p {
		font-size:12px;
		line-height:2em;
		margin-bottom:2.5em;
	}
	.ccbody p.pnom1 {
		margin-bottom:1em!important;
	}
	.ccbody p.pnom {
		margin-bottom:0!important;
	}
	
	.ccbody h2.h2nom1 {
		font-size:24px;
		font-weight:200;
		line-height:1.4eml;
		margin-bottom:25px;
		color:#1E6682;
	}
	
	.ccbody h3.h3nom1 {
		font-size:16px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:5px;
	}
	.ccbody h3.h3nom2 {
		font-size:16px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:15px;
	}
	
	.ccbody h4.h4nom1 {
		font-size:12px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#f0f0f0;
		margin-bottom:15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	.ccbody h5.h5nom1 {
		font-size:12px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#f0f0f0;
		margin-bottom:15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	.ccbody h5.h5nom2 {
		font-size:12px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:10px;
	}
	
	.ccbody ul.ulnum_notice {
		margin:0 0 2.5em 0em;
	}
	.ccbody ul.ulnum_notice li {
		font-size:12px;
		line-height:1.6em;
		margin:0 0 0.5em 0em;
		list-style:none;
	}
	.ccbody ul.ulnum_notice li:before {
		content:"��";
	}
	
	
	.ccbody ul.ulnom1 {
		margin:0 0 2.5em 1em;
	}
	.ccbody ul.ulnom1 li {
		font-size:12px;
		line-height:1.5em;
		margin:0 0 0.5em 1em;
		list-style-image:url(../img/lidot.png)!important;
	}
	
	.ccbody ol.olnom {
		margin:0 0 2.5em 1em;
	}
	.ccbody ol.olnom li {
		list-style:decimal;
		font-size:12px;
		line-height:1.5em;
		margin:0 0 0.5em 1em;
	}
	
	/*------------------------------------------------
	Text Botton
	------------------------------------------------*/
	a.txtbn_nom1 {
		font-size:14px;
		line-height:50px;
		font-weight:normal;
		color:#fff;
		width:80%;
		height:50px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#04729A;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto;
	}
	a.txtbn_nom1:hover {
		background-color:#3B95C2;
	}
	
	a.txtbn_nom2 {
		font-size:14px;
		line-height:50px;
		font-weight:normal;
		color:#fff;
		width:80%;
		height:50px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#85B009;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto;
	}
	a.txtbn_nom2:hover {
		background-color:#3B95C2;
	}
	
	
	/*------------------------------------------------
	Table
	------------------------------------------------*/
	table.ts01 {
		width:100%;
		border-collapse:collapse;
	}
	table.ts01 th {
		width:150px;
		height:auto;
		border:1px solid #e0e0e0;
		background-color:#f5f5f5;
		text-align:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.5em;
		padding:10px;
	}
	table.ts01 td {
		width:auto;
		height:auto;
		border-bottom:1px solid #e0e0e0;
		font-size:12px;
		line-height:1.5em;
		padding:10px;
	}
	
	table.ts02 {
		width:100%;
		border-collapse:collapse;
	}
	table.ts02 th {
		width:auto;
		height:auto;
		border:1px solid #e0e0e0;
		background-color:#f5f5f5;
		text-align:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.5em;
		padding:10px;
	}
	table.ts02 td {
		width:auto;
		height:auto;
		border:1px solid #e0e0e0;
		font-size:12px;
		line-height:1.5em;
		padding:10px;
	}
	
	.tablescr table.scrtable {
		width:100%;
		border-collapse:collapse;
	}
	table.scrtable th {
		width:auto;
		height:auto;
		padding:10px;
		font-size:12px;
		font-weight:bold;
		line-height:1.4em;
		border:1px solid #d5d5d5;
		background-color:#7db9e8;
		color:#fff;
		text-align:left;
	}
	table.scrtable td {
		width:auto;
		height:auto;
		padding:10px;
		font-size:12px;
		line-height:1.4em;
		border:1px solid #d5d5d5;
	}
	table.scrtable tr:nth-child(even) { background-color:#ffffff; }
	table.scrtable tr:nth-child(odd) { background-color:#fbfbfb; }
	
	
	/*------------------------------------------------
	Access
	------------------------------------------------*/
	
	table.ts-map {
		width:100%;
		border-collapse:collapse;
	}
	table.ts-map th {
		width:100px;
		height:auto;
		border-bottom:1px solid #3B95C2;
		text-align:left;
		font-size:12px;
		font-weight:bold;
		color:#3B95C2;
		line-height:20px;
		padding:10px;
	}
	table.ts-map td {
		width:auto;
		height:auto;
		border-bottom:1px solid #e0e0e0;
		font-size:12px;
		line-height:20px;
		padding:10px;
	}
	
	a.txtbn_map {
		font-size:0.8em;
		line-height:20px;
		font-weight:normal;
		color:#fff;
		width:140px;
		height:20px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#85B009;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		float:right;
	}
	a.txtbn_map:hover {
		background-color:#3B95C2;
	}
	
	/*------------------------------------------------
	Flow
	------------------------------------------------*/
	
	.flowmm .fm0 {
		width:90%;
		height:auto;
		display:block;
		padding:25px;
		box-shadow:0px 2px 4px #999;
		border:2px solid #DAE6EB;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto 15px;
	}
	
}


/* Style for TabletPCs */
@media screen and (min-width: 600px) and (max-width: 768px) {
	
	/*------------------------------------------------
	Pagetitle
	------------------------------------------------*/
	#pagetitle_fs {
		width:100%;
		height:auto;
		display:block;
		text-align:center;
	}
	#pagetitle_fs h2 {
		font-size:20px;
		font-weight:bold;
		line-height:1.4em;
		margin-bottom:5px;
		color:#04729A;
	}
	#pagetitle_fs h3 {
		font-size:14px;
		font-weight:bold;
		line-height:1.4em;
		margin-bottom:10px;
		color:#222;
	}
	#pagetitle_fs p {
		font-size:12px;
		line-height:1.4em;
		margin-bottom:30px;
	}
	
	#pagetitle {
		width:100%;
		height:auto;
		display:block;
		background: #0e81c5;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlODFjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #0e81c5 0%, #7db9e8 100%);
		background: -webkit-linear-gradient(top,  #0e81c5 0%,#7db9e8 100%);
		background: linear-gradient(to bottom,  #0e81c5 0%,#7db9e8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e81c5', endColorstr='#7db9e8',GradientType=0 );
	}
	#pagetitle #ptbody {
		width:100%;
		max-width:1200px;
		height:auto;
		margin:0 auto;
		padding:15px 2%;
	}
	#pagetitle #ptbody h2 {
		font-size:12px;
		font-weight:normal;
		line-height:16px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
		text-align:center;
		margin-bottom:5px;
	}
	#pagetitle #ptbody h3 {
		font-size:18px;
		font-weight:bold;
		line-height:22px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
		text-align:center;
	}
	#pagetitle #ptbody ul {
		display:none;
	}
	#pagetitle #ptbody ul li {
		display:none;
	}
	#pagetitle #ptbody ul li a:after {
		display:none;
	}
	#pagetitle #ptbody ul li a {
		display:none;
	}
	#pagetitle #ptbody ul li a:hover {
		display:none;
	}
	
	/*------------------------------------------------
	Basic contents
	------------------------------------------------*/
	#msp {
		width:100%;
		height:auto;
		display:block;
	}
	#mmbody {
		width:100%;
		height:auto;
		display:block;
		padding:40px 2%;
		margin:0 auto;
	}
	
	#ccleft {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:25px;
	}
	
	#ccright {
		width:100%;
		height:auto;
		display:block;
		padding:0 1%;
	}
	
	.pd5 { padding:5px; }
	.pd10 { padding:10px; }
	.pd15 { padding:15px; }
	.pd20 { padding:20px; }
	.pd25 { padding:25px; }
	
	.fs_08 {
		font-size:0.8em;
	}
	
	.b50m {
		width:100%;
		height:auto;
		display:block;
		padding:0;
	}
	
	/*------------------------------------------------
	title styles
	------------------------------------------------*/
	.ccm p {
		font-size:12px;
		line-height:1.8em;
		margin-bottom:2.5em;
	}
	h3.h3nom1 {
		font-size:14px;
		font-weight:normal;
		line-height:1.4em;
		padding-bottom:0px;
		border-bottom:1px dotted #04729A;
		margin-bottom:10px;
		color:#04729A;
	}
	
	/*------------------------------------------------
	Box style
	------------------------------------------------*/
	.w10 { width:10%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w20 { width:20%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w30 { width:30%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w40 { width:40%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w50 { width:70%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w60 { width:60%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w70 { width:70%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w80 { width:80%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w90 { width:90%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	
	.box20-left { width:20%; height:auto; display:block; float:left; }
	.box25-left { width:25%; height:auto; display:block; float:left; }
	.box30-left { width:30%; height:auto; display:block; float:left; }
	.box35-left { width:35%; height:auto; display:block; float:left; }
	.box40-left { width:40%; height:auto; display:block; float:left; }
	.box45-left { width:45%; height:auto; display:block; float:left; }
	.box50-left { width:50%; height:auto; display:block; float:left; }
	.box55-left { width:55%; height:auto; display:block; float:left; }
	.box60-left { width:60%; height:auto; display:block; float:left; }
	.box65-left { width:65%; height:auto; display:block; float:left; }
	.box70-left { width:70%; height:auto; display:block; float:left; }
	.box75-left { width:75%; height:auto; display:block; float:left; }
	.box80-left { width:80%; height:auto; display:block; float:left; }
	.box85-left { width:85%; height:auto; display:block; float:left; }
	
	.box20-right { width:20%; height:auto; display:block; float:right; }
	.box25-right { width:25%; height:auto; display:block; float:right; }
	.box30-right { width:30%; height:auto; display:block; float:right; }
	.box35-right { width:35%; height:auto; display:block; float:right; }
	.box40-right { width:40%; height:auto; display:block; float:right; }
	.box45-right { width:45%; height:auto; display:block; float:right; }
	.box50-right { width:50%; height:auto; display:block; float:right; }
	.box55-right { width:55%; height:auto; display:block; float:right; }
	.box60-right { width:60%; height:auto; display:block; float:right; }
	.box65-right { width:65%; height:auto; display:block; float:right; }
	.box70-right { width:70%; height:auto; display:block; float:right; }
	.box75-right { width:75%; height:auto; display:block; float:right; }
	.box80-right { width:80%; height:auto; display:block; float:right; }
	.box85-right { width:85%; height:auto; display:block; float:right; }
	
	.lb_b_grey {
		border:1px solid #e0e0e0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.col2 {
		width:49%;
		height:auto;
		display:block;
		margin-left:0.5%;
		margin-right:0.5%;
		float:left;
	}
	
	
	/*---------------------------------------------------------------------------------------------------------*/
	
	#banners {
		width:100%;
		height:auto;
		display:block;
		border-bottom:1px solid #ccc;
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e0eff9 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e0eff9 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e0eff9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0eff9',GradientType=0 );
	}
	
	ul.fban li {
		width:33.3333333%;
		height:auto;
		display:block;
		float:left;
		padding:0 1% 15px 1%;
	}
	
	
	/*---------------------------------------------------------------------------------------------------------*/
	
	/* Company Information */
	
	#companyinfo {
		width:100%;
		height:auto;
		display:block;
		border-top:1px dotted #999;
		padding-top:40px;
	}
	
	.b15mleft {
		width:15%;
		height:auto;
		display:block;
		float:left;
	}
	ul.ulsubbanners li {
		width:90%;
		height:auto;
		display:block;
		margin:0 auto 10px auto;
	}
	.b80mright {
		width:80%;
		height:auto;
		display:block;
		float:right;
	}
	h2.rokanlogo {
		width:100%;
		height:40px;
		display:block;
		text-indent:-9999px;
		background-image:url(../img/header/logo.png);
		background-repeat:no-repeat;
		background-position:left center;
		background-size:auto 40px;
		margin-bottom:15px;
	}
	#companyinfo h3 {
		font-size:14px;
		font-weight:200;
		line-height:1.4em;
		color:#1A285F;
		margin-bottom:5px;
	}
	#companyinfo h4 {
		font-size:12px;
		font-weight:700;
		line-height:1.4em;
		color: #327E8D;
		padding-bottom:5px;
		border-bottom:1px solid #327E8D;
		margin-bottom:10px;
	}
	#companyinfo p {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:15px;
	}
	#companyinfo p.pnom {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:0!important;
	}
	#companyinfo p.pnom1 {
		font-size:12px;
		line-height:1.7em;
		margin-bottom:1em!important;
	}
	
	
	/*------------------------------------------------
	Normal styles
	------------------------------------------------*/
	.ccbody {
		padding-bottom:80px;
	}
	.ccbody p {
		font-size:12px;
		line-height:2em;
		margin-bottom:2.5em;
	}
	.ccbody p.pnom1 {
		margin-bottom:1em!important;
	}
	.ccbody p.pnom {
		margin-bottom:0!important;
	}
	
	.ccbody h2.h2nom1 {
		font-size:24px;
		font-weight:200;
		line-height:1.4eml;
		margin-bottom:25px;
		color:#1E6682;
	}
	
	.ccbody h3.h3nom1 {
		font-size:16px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:5px;
	}
	.ccbody h3.h3nom2 {
		font-size:16px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:15px;
	}
	
	.ccbody h4.h4nom1 {
		font-size:12px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#f0f0f0;
		margin-bottom:15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	.ccbody h5.h5nom1 {
		font-size:12px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#f0f0f0;
		margin-bottom:15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	.ccbody h5.h5nom2 {
		font-size:12px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:10px;
	}
	
	.ccbody ul.ulnum_notice {
		margin:0 0 2.5em 0em;
	}
	.ccbody ul.ulnum_notice li {
		font-size:12px;
		line-height:1.6em;
		margin:0 0 0.5em 0em;
		list-style:none;
	}
	.ccbody ul.ulnum_notice li:before {
		content:"��";
	}
	
	.ccbody ul.ulnom1 {
		margin:0 0 2.5em 1em;
	}
	.ccbody ul.ulnom1 li {
		font-size:12px;
		line-height:1.5em;
		margin:0 0 0.5em 1em;
		list-style-image:url(../img/lidot.png)!important;
	}
	
	.ccbody ol.olnom {
		margin:0 0 2.5em 1em;
	}
	.ccbody ol.olnom li {
		list-style:decimal;
		font-size:12px;
		line-height:1.5em;
		margin:0 0 0.5em 1em;
	}
	
	/*------------------------------------------------
	Text Botton
	------------------------------------------------*/
	a.txtbn_nom1 {
		font-size:14px;
		line-height:50px;
		font-weight:normal;
		color:#fff;
		width:80%;
		height:50px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#04729A;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto;
	}
	a.txtbn_nom1:hover {
		background-color:#3B95C2;
	}
	
	a.txtbn_nom2 {
		font-size:14px;
		line-height:50px;
		font-weight:normal;
		color:#fff;
		width:80%;
		height:50px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#85B009;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto;
	}
	a.txtbn_nom2:hover {
		background-color:#3B95C2;
	}
	
	
	/*------------------------------------------------
	Table
	------------------------------------------------*/
	table.ts01 {
		width:100%;
		border-collapse:collapse;
	}
	table.ts01 th {
		width:150px;
		height:auto;
		border:1px solid #e0e0e0;
		background-color:#f5f5f5;
		text-align:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.5em;
		padding:10px;
	}
	table.ts01 td {
		width:auto;
		height:auto;
		border-bottom:1px solid #e0e0e0;
		font-size:12px;
		line-height:1.5em;
		padding:10px;
	}
	
	table.ts02 {
		width:100%;
		border-collapse:collapse;
	}
	table.ts02 th {
		width:auto;
		height:auto;
		border:1px solid #e0e0e0;
		background-color:#f5f5f5;
		text-align:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.5em;
		padding:10px;
	}
	table.ts02 td {
		width:auto;
		height:auto;
		border:1px solid #e0e0e0;
		font-size:12px;
		line-height:1.5em;
		padding:10px;
	}
	
	.tablescr table.scrtable {
		width:100%;
		border-collapse:collapse;
	}
	table.scrtable th {
		width:auto;
		height:auto;
		padding:10px;
		font-size:12px;
		font-weight:bold;
		line-height:1.4em;
		border:1px solid #d5d5d5;
		background-color:#7db9e8;
		color:#fff;
		text-align:left;
	}
	table.scrtable td {
		width:auto;
		height:auto;
		padding:10px;
		font-size:12px;
		line-height:1.4em;
		border:1px solid #d5d5d5;
	}
	table.scrtable tr:nth-child(even) { background-color:#ffffff; }
	table.scrtable tr:nth-child(odd) { background-color:#fbfbfb; }
	
	
	/*------------------------------------------------
	Access
	------------------------------------------------*/
	
	table.ts-map {
		width:100%;
		border-collapse:collapse;
	}
	table.ts-map th {
		width:100px;
		height:auto;
		border-bottom:1px solid #3B95C2;
		text-align:left;
		font-size:12px;
		font-weight:bold;
		color:#3B95C2;
		line-height:20px;
		padding:10px;
	}
	table.ts-map td {
		width:auto;
		height:auto;
		border-bottom:1px solid #e0e0e0;
		font-size:12px;
		line-height:20px;
		padding:10px;
	}
	
	a.txtbn_map {
		font-size:0.8em;
		line-height:20px;
		font-weight:normal;
		color:#fff;
		width:140px;
		height:20px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#85B009;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		float:right;
	}
	a.txtbn_map:hover {
		background-color:#3B95C2;
	}
	
	/*------------------------------------------------
	Flow
	------------------------------------------------*/
	
	.flowmm .fm0 {
		width:90%;
		height:auto;
		display:block;
		padding:25px;
		box-shadow:0px 2px 4px #999;
		border:2px solid #DAE6EB;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto 15px;
	}
}


/* Style for Smartphonea */
@media screen and (max-width: 599px) {
	
	/*------------------------------------------------
	Pagetitle
	------------------------------------------------*/
	#pagetitle_fs {
		width:100%;
		height:auto;
		display:block;
		text-align:center;
	}
	#pagetitle_fs h2 {
		font-size:18px;
		font-weight:bold;
		line-height:1.4em;
		margin-bottom:5px;
		color:#04729A;
	}
	#pagetitle_fs h3 {
		font-size:14px;
		font-weight:bold;
		line-height:1.4em;
		margin-bottom:10px;
		color:#222;
	}
	#pagetitle_fs p {
		font-size:14px;
		line-height:1.4em;
		margin-bottom:30px;
	}
	
	#pagetitle {
		width:100%;
		height:auto;
		display:block;
		background: #0e81c5;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlODFjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #0e81c5 0%, #7db9e8 100%);
		background: -webkit-linear-gradient(top,  #0e81c5 0%,#7db9e8 100%);
		background: linear-gradient(to bottom,  #0e81c5 0%,#7db9e8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e81c5', endColorstr='#7db9e8',GradientType=0 );
	}
	#pagetitle #ptbody {
		width:100%;
		max-width:1200px;
		height:auto;
		margin:0 auto;
		padding:15px 2%;
	}
	#pagetitle #ptbody h2 {
		font-size:12px;
		font-weight:normal;
		line-height:16px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
		text-align:center;
		margin-bottom:5px;
	}
	#pagetitle #ptbody h3 {
		font-size:18px;
		font-weight:bold;
		line-height:22px;
		color:#fff;
		text-shadow:0px 1px 3px #527691;
		text-align:center;
	}
	#pagetitle #ptbody ul {
		display:none;
	}
	#pagetitle #ptbody ul li {
		display:none;
	}
	#pagetitle #ptbody ul li a:after {
		display:none;
	}
	#pagetitle #ptbody ul li a {
		display:none;
	}
	#pagetitle #ptbody ul li a:hover {
		display:none;
	}
	
	/*------------------------------------------------
	Basic contents
	------------------------------------------------*/
	#msp {
		width:100%;
		height:auto;
		display:block;
	}
	#mmbody {
		width:100%;
		height:auto;
		display:block;
		padding:40px 2%;
		margin:0 auto;
	}
	
	#ccleft {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:25px;
	}
	
	#ccright {
		width:100%;
		height:auto;
		display:block;
		padding:0 1%;
	}
	
	.pd5 { padding:5px; }
	.pd10 { padding:10px; }
	.pd15 { padding:15px; }
	.pd20 { padding:20px; }
	.pd25 { padding:25px; }
	
	.fs_08 {
		font-size:0.8em;
	}
	
	.b50m {
		width:100%;
		height:auto;
		display:block;
		padding:0;
	}
	
	/*------------------------------------------------
	title styles
	------------------------------------------------*/
	.ccm p {
		font-size:12px;
		line-height:1.8em;
		margin-bottom:2.5em;
	}
	h3.h3nom1 {
		font-size:14px;
		font-weight:normal;
		line-height:1.4em;
		padding-bottom:0px;
		border-bottom:1px dotted #04729A;
		margin-bottom:10px;
		color:#04729A;
	}
	
	/*------------------------------------------------
	Box style
	------------------------------------------------*/
	.w10 { width:10%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w20 { width:30%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w30 { width:30%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w40 { width:40%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w50 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w60 { width:100%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w70 { width:70%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w80 { width:80%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.w90 { width:90%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	
	
	.mobile-w10 { width:10%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.mobile-w20 { width:20%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.mobile-w30 { width:30%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.mobile-w40 { width:40%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.mobile-w50 { width:50%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.mobile-w60 { width:60%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.mobile-w70 { width:70%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.mobile-w80 { width:80%; height:auto; display:block; margin-left:auto; margin-right:auto; }
	.mobile-w90 { width:90%; height:auto; display:block; margin-left:auto; margin-right:auto; }

	
	.box20-left { width:100%; height:auto; display:block; }
	.box25-left { width:100%; height:auto; display:block; }
	.box30-left { width:100%; height:auto; display:block; }
	.box35-left { width:100%; height:auto; display:block; }
	.box40-left { width:100%; height:auto; display:block; }
	.box45-left { width:100%; height:auto; display:block; }
	.box50-left { width:100%; height:auto; display:block; }
	.box55-left { width:100%; height:auto; display:block; }
	.box60-left { width:100%; height:auto; display:block; }
	.box65-left { width:100%; height:auto; display:block; }
	.box70-left { width:100%; height:auto; display:block; }
	.box75-left { width:100%; height:auto; display:block; }
	.box80-left { width:100%; height:auto; display:block; }
	.box85-left { width:100%; height:auto; display:block; }
	
	.box20-right { width:100%; height:auto; display:block; }
	.box25-right { width:100%; height:auto; display:block; }
	.box30-right { width:100%; height:auto; display:block; }
	.box35-right { width:100%; height:auto; display:block; }
	.box40-right { width:100%; height:auto; display:block; }
	.box45-right { width:100%; height:auto; display:block; }
	.box50-right { width:100%; height:auto; display:block; }
	.box55-right { width:100%; height:auto; display:block; }
	.box60-right { width:100%; height:auto; display:block; }
	.box65-right { width:100%; height:auto; display:block; }
	.box70-right { width:100%; height:auto; display:block; }
	.box75-right { width:100%; height:auto; display:block; }
	.box80-right { width:100%; height:auto; display:block; }
	.box85-right { width:100%; height:auto; display:block; }
	
	.lb_b_grey {
		border:1px solid #e0e0e0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	.col2 {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:10px;
	}
	
	
	/*---------------------------------------------------------------------------------------------------------*/
	
	#banners {
		width:100%;
		height:auto;
		display:block;
		border-bottom:1px solid #ccc;
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGVmZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e0eff9 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e0eff9 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e0eff9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0eff9',GradientType=0 );
	}
	
	ul.fban li {
		width:50%;
		height:auto;
		display:block;
		float:left;
		padding:0 1% 10px 1%;
	}
	
	/*---------------------------------------------------------------------------------------------------------*/
	
	/* Company Information */
	
	#companyinfo {
		width:100%;
		height:auto;
		display:block;
		border-top:1px dotted #999;
		padding-top:40px;
	}
	
	.b15mleft {
		width:60%;
		height:auto;
		display:block;
		margin:0 auto;
	}
	ul.ulsubbanners li {
		width:70%;
		height:auto;
		display:block;
		margin:0 auto 10px auto;
	}
	.b80mright {
		width:100%;
		height:auto;
		display:block;
		margin-bottom:40px;
	}
	h2.rokanlogo {
		width:100%;
		height:40px;
		display:block;
		text-indent:-9999px;
		background-image:url(../img/header/logo.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:auto 30px;
		margin-bottom:15px;
	}
	#companyinfo h3 {
		font-size:18px;
		font-weight:700;
		line-height:1.4em;
		color:#1A285F;
		text-align:center;
		margin-bottom:5px;
	}
	#companyinfo h4 {
		font-size:14px;
		font-weight:700;
		line-height:1.4em;
		color: #327E8D;
		text-align:center;
		padding-bottom:5px;
		border-bottom:1px solid #327E8D;
		margin-bottom:10px;
	}
	#companyinfo p {
		font-size:14px;
		line-height:1.7em;
		margin-bottom:40px;
		text-align:center;
	}
	#companyinfo p.pnom {
		font-size:14px;
		line-height:1.7em;
		margin-bottom:0!important;
		text-align:center;
	}
	#companyinfo p.pnom1 {
		font-size:14px;
		line-height:1.7em;
		margin-bottom:1em!important;
		text-align:center;
	}
	.pm0 {
		display:block;
	}
	
	/*------------------------------------------------
	Normal styles
	------------------------------------------------*/
	.ccbody {
		padding-bottom:80px;
	}
	.ccbody p {
		font-size:14px;
		line-height:1.8em;
		margin-bottom:2.5em;
	}
	.ccbody p.pnom1 {
		margin-bottom:1em!important;
	}
	.ccbody p.pnom {
		margin-bottom:0!important;
	}
	
	.ccbody h2.h2nom1 {
		font-size:24px;
		font-weight:200;
		line-height:1.4eml;
		margin-bottom:15px;
		color:#1E6682;
	}
	
	.ccbody h3.h3nom1 {
		font-size:14px;
		font-weight:200;
		color:#fff;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#3B95C2;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin-bottom:15px;
	}
	.ccbody h3.h3nom2 {
		font-size:14px;
		font-weight:200;
		color:#fff;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#3B95C2;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin-bottom:15px;
	}
	
	.ccbody h4.h4nom1 {
		font-size:14px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#f0f0f0;
		margin-bottom:15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	.ccbody h5.h5nom1 {
		font-size:14px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding:5px 8px;
		background-color:#f0f0f0;
		margin-bottom:15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	.ccbody h5.h5nom2 {
		font-size:14px;
		font-weight:200;
		color:#1E6682;
		line-height:1.4em;
		padding-bottom:5px;
		border-bottom:1px dotted #3B95C2;
		margin-bottom:10px;
	}
	
	.ccbody ul.ulnum_notice {
		margin:0 0 2.5em 0em;
	}
	.ccbody ul.ulnum_notice li {
		font-size:14px;
		line-height:1.6em;
		margin:0 0 0.5em 0em;
		list-style:none;
	}
	.ccbody ul.ulnum_notice li:before {
		content:"��";
	}
	
	.ccbody ul.ulnom1 {
		margin:0 0 2.5em 1em;
	}
	.ccbody ul.ulnom1 li {
		font-size:14px;
		line-height:1.5em;
		margin:0 0 0.5em 1em;
		list-style-image:url(../img/lidot.png)!important;
	}
	
	.ccbody ol.olnom {
		margin:0 0 2.5em 1em;
	}
	.ccbody ol.olnom li {
		list-style:decimal;
		font-size:14px;
		line-height:1.5em;
		margin:0 0 0.5em 1em;
	}
	
	/*------------------------------------------------
	Text Botton
	------------------------------------------------*/
	a.txtbn_nom1 {
		font-size:14px;
		line-height:50px;
		font-weight:normal;
		color:#fff;
		width:100%;
		height:50px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#04729A;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto;
	}
	a.txtbn_nom1:hover {
		background-color:#3B95C2;
	}
	
	a.txtbn_nom2 {
		font-size:14px;
		line-height:50px;
		font-weight:normal;
		color:#fff;
		width:100%;
		height:50px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#85B009;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto;
	}
	a.txtbn_nom2:hover {
		background-color:#3B95C2;
	}
	
	/*------------------------------------------------
	Table
	------------------------------------------------*/
	table.ts01 {
		width:100%;
	}
	table.ts01 th {
		width:100%;
		height:auto;
		display:block;
		border-bottom:1px solid #ccc;
		text-align:left;
		font-size:14px;
		color:#3B95C2;
		font-weight:normal;
		line-height:1.5em;
		padding:5px;
	}
	table.ts01 td {
		width:100%;
		height:auto;
		display:block;
		font-size:14px;
		line-height:1.5em;
		padding:5px 5px 20px 2px;
	}
	
	table.ts02 {
		width:100%;
		border-collapse:collapse;
	}
	table.ts02 th {
		width:70%;
		height:auto;
		border:1px solid #e0e0e0;
		background-color:#f5f5f5;
		text-align:left;
		font-size:12px;
		font-weight:normal;
		line-height:1.5em;
		padding:10px;
	}
	table.ts02 td {
		width:30%;
		height:auto;
		border:1px solid #e0e0e0;
		font-size:12px;
		line-height:1.5em;
		padding:10px;
	}
	
	.tablescr {
		width:100%;
		height:auto;
		display:block;
		margin:0 auto;
		box-sizing: border-box;
		border-right: 2px solid #666;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.tablescr table.scrtable {
		width:800px;
		border-collapse:collapse;
		border-right: none;
	}
	table.scrtable th {
		width:auto;
		height:auto;
		padding:10px;
		font-size:12px;
		font-weight:bold;
		line-height:1.4em;
		border:1px solid #d5d5d5;
		background-color:#7db9e8;
		color:#fff;
		text-align:left;
	}
	table.scrtable td {
		width:auto;
		height:auto;
		padding:10px;
		font-size:12px;
		line-height:1.4em;
		border:1px solid #d5d5d5;
	}
	
	.tdw60 {
		width:60px!important;
	}
	.tdnr {
		white-space:nowrap!important;	
	}
	
	/*------------------------------------------------
	Access
	------------------------------------------------*/
	
	table.ts-map {
		width:100%;
		border-collapse:collapse;
	}
	table.ts-map th {
		width:100%;
		height:auto;
		display:block;
		border-bottom:1px solid #3B95C2;
		text-align:left;
		font-size:14px;
		color:#3B95C2;
		font-weight:normal;
		line-height:1.5em;
		padding:5px 5px 3px 5px;
	}
	table.ts-map td {
		width:100%;
		height:auto;
		display:block;
		font-size:14px;
		line-height:1.5em;
		padding:5px 5px 20px 2px;
	}
	
	
	a.txtbn_map {
		font-size:12px;
		line-height:25px;
		font-weight:normal;
		color:#fff;
		width:140px;
		height:25px;
		display:block;
		text-decoration:none;
		text-align:center;
		background-color:#85B009;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	a.txtbn_map:hover {
		background-color:#3B95C2;
	}
	
	/*------------------------------------------------
	Flow
	------------------------------------------------*/
	
	.flowmm .fm0 {
		width:100%;
		height:auto;
		display:block;
		padding:25px 15px 25px 15px;
		border:2px solid #DAE6EB;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin:0 auto 15px;
	}
	.ffm {
		display:block;
		text-align:center;
	}

}