/* CSS Document */
@charset "utf-8";


/*Layout*/
html {
}
body {
	margin: 0px auto;
	-webkit-text-size-adjust:none;	/*fontsize auto adjustment off for iPhone*/
	background: #fff;
	color: #333;
}
a {	color: #333; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
a:visited { color: #666; }
img {
	margin: 0px;
	vertical-align: bottom;
}
strong {
	color: #512588;
}
p {
	margin: 0px;
	padding: 0px;
	line-height: 130%;
}


/*---------------------------------*/
/*---------------------------------
Common Classes
---------------------------------*/
/*Floats*/
.floatL {float: left !important;}
.floatR {float: right !important;}
.alignC { text-align:center; }
.allclear {
	clear: both;
	font-size: 1px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}
.clearfix:after {  
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}  
* html .clearfix { zoom: 1; } /*IE6*/
*:first-child+html .clearfix { zoom: 1; } /*IE7*/


/*Margins*/
.marginleftS {margin-left: 5px !important;}
.marginleftM {margin-left: 10px !important;}
.marginleftL {margin-left: 20px !important;}
.marginrightS {margin-right: 5px !important;}
.marginrightM {margin-right: 10px !important;}
.marginrightL {margin-right: 20px !important;}
.marginbottomS {margin-bottom: 5px !important;}
.marginbottomM {margin-bottom: 10px !important;}
.marginbottomL {margin-bottom: 20px !important;}
.marginbottomLL {margin-bottom: 30px !important;}
.margintopS {margin-top: 5px !important;}
.margintopM {margin-top: 10px !important;}
.margintopL {margin-top: 20px !important;}
.margintopLL {margin-top: 30px !important;}
.margintopNone {margin-top: 0px !important;}
.marginNone {margin: 0px !important;}

/*Widths*/
.w5 {width: 5% !important;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w48 {width: 48.5% !important;}
.w50 {width: 50% !important;}
.w55 {width: 55% !important;}
.w60 {width: 60% !important;}
.w65 {width: 65% !important;}
.w70 {width: 70% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w95 {width: 95% !important;}
.w99 {width: 99% !important;}
.w100 {width: 100% !important;}
.wauto {width: auto !important;}



/***header***/
@media only screen and (orientation : portrait) {
	header {
		margin: 0px auto 15px auto;
		position: relative;
	}
	header h1 {
		text-align: center;
	}
	header h1 img {
		width: 70%;
	}
	header h2 {
		background: #25244c;
		color: #fff;
		text-align:center;
	}
	header h2 img {
		width: 100%;
	}
	header h2 span {
		padding: 4% 0;
		display: block;
	}
}
@media only screen and (orientation : landscape) {
	header {
		margin: 0px auto 10px auto;
		position: relative;
	}
	header h1 {
		text-align: center;
	}
	header h1 img {
		width: 65%;
	}
	header h2 {
		background: #25244c;
		color: #fff;
		text-align:center;
	}
	header h2 img {
		width: 100%;
	}
	header h2 span {
		padding: 4% 0;
		display: block;
	}
}



@media only screen and (orientation : portrait) {
	section#mainContents {
		margin: 0px auto;
		padding: 0px 5px;
		font-size: 14px;
	}
}
@media only screen and (orientation : landscape) {
	section#mainContents {
		margin: 0px auto;
		padding: 0px 10px;
		font-size: 16px;
	}
}

section#mainContents h2 {
	margin: 0px auto 8px auto;
}
section#mainContents h2 img {
	width: 100%;
}

ul#relatedSite {
	width: 100%;
	margin: 0px auto 4% auto;
	text-align: center; /* Center the ul container */
	display: flex;
	justify-content: center; /* Center the items horizontally */
	align-items: center; /* Center the items vertically */
	flex-wrap: wrap; /* Allow wrapping on smaller screens */
}
ul#relatedSite li {
	/* Remove float: left */
	list-style-type: none;
	/* Remove width: 33.3% since we only want 2 items */
	margin: 1% 10px; /* Add horizontal margin for spacing between items */
	text-align: center;
	display: inline-block; /* Use inline-block instead of float */
	width: 42%;
}
ul#relatedSite li img {
	width: 100%; /* Set a specific width instead of percentage for larger images */
	height: auto; /* Maintain aspect ratio */
}



.ttlPlain {
	padding: 3% 0px;
	font-weight: bold;
	font-size: 110%;
	margin: 3% 0px 2% 0px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,36,76,1)), color-stop(50%,rgba(37,36,76,1)), color-stop(52%,rgba(1,1,51,1)), color-stop(100%,rgba(36,35,75,1))); /* Chrome,Safari4+ */
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	text-align: center;
}
.ttlFacebook {
	padding: 3% 0px;
	font-weight: bold;
	font-size: 110%;
	margin: 3% 0px 2% 0px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,102,204,1)), color-stop(50%,rgba(33,89,180,1)), color-stop(51%,rgba(7,69,145,1)), color-stop(100%,rgba(7,69,144,1))); /* Chrome,Safari4+ */
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	text-align: center;
}
.ttlCassSite {
	padding: 3% 0px;
	font-weight: bold;
	font-size: 110%;
	margin: 3% 0px 2% 0px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,51,102,1)), color-stop(50%,rgba(187,34,68,1)), color-stop(51%,rgba(153,0,0,1)), color-stop(100%,rgba(153,0,0,1))); /* Chrome,Safari4+ */
	color: #fff;
	border-radius: 3px 3px 0px 0px;
	text-align: center;
}
.subttl {
	padding: 1% 0px 1% 2%;
	border-left: 5px solid #333;
	font-weight: bold;
	font-size: 14px;
	margin: 3% 0px 3% 0px;
	border-bottom: 2px dotted #333;
}

.linklist {
	list-style-type: none;
}
.linklist li {
	display: block;
	border: 1px solid #aaa;
	border-top: none;
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
	font-size: 14px;
}
.linklist li a {
	display: block;
	background: url(../img/icon_linklist.png) 97% 50% no-repeat;
	background-size: 18px 18px;
	height: 100%;
	padding: 12px;
	color: #333;
	text-decoration: none;
}


ul#anchorSwitch {
	width: 100%;
	margin: 0px auto 4% auto;
}
ul#anchorSwitch li {
 	float: left;
	list-style-type: none;
	width: 33.3%;
	text-align: center;
	margin: 1% 0px;
}
ul#anchorSwitch li img {
	width: 98%;
}

#contextInfo {
	margin: 0 0 5% 0;
}
#contextPolicy {
	margin: 0 0 5% 0;
	display: none;
}
#contextRecruit {
	margin: 0 0 5% 0;
	display: none;
}
.no_collect {
	color: #900;
	text-align: center;
}


#contextBusiness {
	margin: 0 0 5% 0;
}
#contextService {
	margin: 0 0 5% 0;
	display: none;
}
#contextPartner {
	margin: 0 0 5% 0;
	display: none;
}
.prword {
	background: url(../img/service_check.gif) 0 50% no-repeat;
	background-size: 20px 20px;
	padding: 1% 0 1% 24px;
	color:#f00;
	font-size:15px;
	margin: 1% 0;
}
.point {
	color:#F00;
	font-size:15px;
}

.cassPartners {
	width: 100%;
}
.cassPartners li {
	display: block;
	border: 1px solid #cecebf;
	padding: 2%;
	width: 45%;
	float: left;
	list-style-type: none;
	font-size: 70%;
	margin: 1% 0;
}




/****/
.btnActDecision a {
	display: block;
	width: 95%;
	margin: 2% auto;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,177,8,1)), color-stop(99%,rgba(226,144,1,1))); /* Chrome,Safari4+ */
	padding: 6% 0px;
	color: #fff !important;
	text-decoration: none;
	border: 1px solid #bc7403;
	border-radius: 3px;
}
.btnActCancel a {
	display: block;
	width: 95%;
	margin: 2% auto;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f9f9f9), color-stop(1,#ddd)); /* Chrome,Safari4+ */
	padding: 6% 0px;
	color: #333 !important;
	text-decoration: none;
	border: 1px solid #aaa;
	border-radius: 3px;
}





/**contact**/
.tblInput {
	width: 100%;
	margin: 3% 0px;
	border-top: 1px solid #777;
}
.tblInput th {
	padding: 1.5%;
	background: #f5f5f5;
	color: #666;
	border-bottom: 1px solid #777;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 12px;
}
.tblInput td {
	padding: 1.5%;
	border-bottom: 1px solid #777;
	vertical-align: middle;
}
.tblInput td input,
.tblInput td textarea {
	padding: 2px;
	border: 1px solid #999;
}
.require { font-weight:bold; color:#b00; }
.example { font-size:12px; color:#666; }

ul.switchLabels li {
	position: relative;
	list-style: none;
	float: left;
	width: 50%;
	font-size:12px;
}
ul.switchLabels label {
	display: block;
	padding: 8px 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #ddd), color-stop(0.5, #ccc), color-stop(1, #bbb));
	border: 1px solid #999;
	border-radius: 5px 0 0 5px;
	/*-webkit-box-shadow: 0 0 3px #aaa;*/
	color: #000;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	text-align: center;
	color: #555;
}
ul.switchLabels li:last-child label {
	border-left: 0;
	border-radius: 0 5px 5px 0;
}
ul.switchLabels input[type="radio"]:checked + label {
	text-shadow: 0 -1px #000;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,.9)), color-stop(1, rgba(0,0,0,.6)));
	color: #fff;
}
ul.switchLabels input[type="radio"] {
	opacity : 0;
	position: absolute;
	top: -3px;
	left: -3px;
	width: 100%;
	height: 100%;
	padding: 0;
}


ul.switchLabelsFor3 li {
	position: relative;
	list-style: none;
	float: left;
	width: 33%;
	font-size:12px;
}
ul.switchLabelsFor3 label {
	display: block;
	padding: 8px 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #ddd), color-stop(0.5, #ccc), color-stop(1, #bbb));
	border: 1px solid #999;
	/*-webkit-box-shadow: 0 0 3px #aaa;*/
	color: #000;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	text-align: center;
	color: #555;
}
ul.switchLabelsFor3 li:first-child label {
	border-right: 0;
	border-radius: 5px 0 0 5px;
}
ul.switchLabelsFor3 li:last-child label {
	border-left: 0;
	border-radius: 0 5px 5px 0;
}
ul.switchLabelsFor3 input[type="radio"]:checked + label {
	text-shadow: 0 -1px #000;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,.9)), color-stop(1, rgba(0,0,0,.6)));
	color: #fff;
}
ul.switchLabelsFor3 input[type="radio"] {
	opacity : 0;
	position: absolute;
	top: -3px;
	left: -3px;
	width: 100%;
	height: 100%;
	padding: 0;
}

#postButtons {
	width: 100%;
	text-align: center;
	margin: 4% 0 5% 0;
}

#postButtonsFor2 {
	width: 100%;
	margin: 4% 0 5% 0;
}
#postButtonsFor2 li {
 	float: left;
	list-style-type: none;
	width: 50%;
	text-align: center;
}








/**sitemap**/
.sitemap {
	list-style-type: none;
	border-top: 1px solid #aaa;
}
.sitemap li {
	display: block;
	border: 1px solid #aaa;
	border-top: none;
	position: relative;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
	font-size: 14px;
}
.sitemap li a {
	display: block;
	background: url(../img/icon_linklist.png) 97% 50% no-repeat;
	background-size: 18px 18px;
	height: 100%;
	padding: 12px;
	color: #333;
	text-decoration: none;
}



/**privacy policy**/
.policies {
}
.policies dt {
	padding: 1% 0px 1% 2%;
	border-left: 5px solid #333;
	font-weight: bold;
	font-size: 14px;
	margin: 3% 0px 3% 0px;
	border-bottom: 2px dotted #333;
}
.policies dd {
	margin: 0px auto;
	/*background: url(../img/bg_border_dotline-h.png) 0 100% repeat-x;*/
	padding: 0px;
	color: #000;
	line-height: 120%;
}
.policies dd.last {
	background: none;
	padding-bottom: 0px;
}
.policies dd ul {
	margin: 5px 0px 5px 24px;
}
.policies dd table {
}
.policies dd table th,
.policies dd table td {
	padding: 1% 4% 1% 0%;
}
.policies dd table th {
	width: 40%;
	text-align: left;
}


.tblStandard {
	width: 100%;
	margin: 3% 0px;
	border-top: 1px solid #777;
}
.tblStandard th {
	padding: 1.5%;
	background: #f5f5f5;
	color: #666;
	border-bottom: 1px solid #777;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 12px;
}
.tblStandard td {
	padding: 1.5%;
	border-bottom: 1px solid #777;
	vertical-align: middle;
}




/**FooterNav**/
#telandview {
	margin: 3% 0 0 0;
}
#telandview div {
	margin: 1% 0;
}

.corpsummary {
	border: 1px solid #999;
	border-radius: 3px;
	padding: 2%;
	font-size: 90%;
	margin: 3% 0 0 0;
}


/**Footer**/
footer {
	position: relative;
	background: #25244c;
	color: #fff;
	text-align: center;
	font-size: 70%;
	padding: 2% 0;
	margin: 3% 0 0 0;
}