﻿@charset "utf-8";
/* CSS Document */
/* 2011, December */

/*

Logo background #d1d2d4

�`��(��r) #595757

�@�� #956134

�L�@�� #c3b49b

�� �� #1074bc

�t�� #9c1320

�� #f1583d


Lucida Sans Demibold Roman
Lucida Sans Unicode
Lucida Sans Italic

*/


#wrapper {
	width: 100%;
	display: table;
	text-align:center;
	margin:0;
	background:url(../images/headbg.gif) repeat-x top center;
}

body{
	background:url(../images/bg.gif) repeat-y top center;
	padding-left:1px;
}


a:link,
a:visited{
	color:#000000;
	text-decoration:none; 
}
a:hover {
	text-decoration:underline; 
}

/*----Header
--------------------------------------------------------------------------*/
div#header {
	width: 960px;
	height: 63px;
	margin:0 auto;
	text-align:left;
	clear:both;
}

/*----Footer
--------------------------------------------------------------------------*/
div#footer {
	width:100%;
	height: 54px;
	font-family:"HelveticaCondensedRegular";
	margin: 0 auto;
	padding-top:5px;
	border-top: solid 2px #dcdcdc;
	text-align:center;
	font-size:0.7em;
	color:#727172;
	clear:both;
}

/*----signcontent
--------------------------------------------------------------------------*/

div#signcontent {
	width:960px;
	margin:20px auto;
	border__:1px solid #eeeeee;
	text-align:left;
	clear:both;
}

div#signcontent h1 {
	font-size:1.3em;
	font-family: 'LucidaSansDemiboldRoman';
	line-height:2em;
	color__:#9c1320;
}
div#signcontent h2 {
	font-size:1em;
	font-weight:lighter;
	margin-bottom:35px;
}
div#signcontent h3 {
	font-size:1em;
	font-weight:lighter;
	margin:20px 0;
}
div#signcontent h3 a:link,
div#signcontent h3 a:visited{
	color:#9c1320;
	text-decoration:underline; 
}
div#signcontent h3 a:hover {
	color:#9c1320;
	text-decoration:none;
}
div#signcontent h3 img {
	vertical-align: middle;
}

div#signcontent .h1title {
	font-size:1em;
	font-weight:lighter;
	color:#936134;
	margin:30px 0 10px 0;
}

/*----signcontent Left
--------------------------------------------------------------------------*/
div#signleft {
	float:left;
	width:540px;
}

div#signleft .signtit {
	font-size:1.2em;
}

div#signleft .signtit span {
	font-size:1.2em;
	font-family: 'LucidaSansDemiboldRoman';
}

div#signleft h2 {
	font-size:1.5em;
	font-family: 'LucidaSansDemiboldRoman';
	color:#9c1320;
	margin:0;
}
div#signleft h3 {
	font-size:1em;
	font-weight:lighter;
	margin:15px 0;
}
div#signleft .sametd {
	font-size:1.2em;
	font-family: 'LucidaSansItalic';
	padding-left:10px;
	line-height:1.2em;
}

div#signleft .selecttext {
	color:#936134;
	margin:50px 0 20px 0;
}
div#signleft .iconbut {
	width:480px;
}

div#signleft .iconbut li {
	float:left;
	width:120px;
	height:155px;
	background-color:#ffffff;
}

div#signleft .iconbut li a {
	display:block;
	font-size:0.6em;
	width:89px;
	height:57px;
	padding:90px 0 0 25px;
	line-height:1.2em;
}
div#signleft .iconbut li.icon1 a {
	background: url(../images/icon1.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#signleft .iconbut li.icon2 a {
	background: url(../images/icon2.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#signleft .iconbut li.icon3 a {
	background: url(../images/icon3.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#signleft .iconbut li.icon4 a {
	background: url(../images/icon4.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#signleft .iconbut li.icon5 a {
	background: url(../images/icon5.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#signleft .iconbut li.icon7 a {
	background: url(../images/icon7.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#signleft .iconbut li.icon8 a {
	background: url(../images/icon8.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#signleft .iconbut li.icon9 a {
	background: url(../images/icon9.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#signleft .iconbut li.icon10 a {
	background: url(../images/icon10.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#signleft .iconbut li.icon12 a {
	background: url(../images/icon11.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#signleft .iconbut li.icon13 a {
	background: url(../images/icon13.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#signleft .iconbut li.icon14 a {
	background: url(../images/icon14.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#signleft .iconbut li.icon15 a {
	background: url(../images/icon15.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#signleft .iconbut li.icon16 a {
	background: url(../images/icon16.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#signleft .iconbut li.icon6 a {
	background: url(../images/icon6.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#signleft .iconbut li a:link,
div#signleft .iconbut li a:visited{
	background-color:#ffffff;
	text-decoration:none; 
}
div#signleft .iconbut li a:hover {
	/*
		border:3px solid #1A75BC;
		border-top:3px solid #1A75BC;
			border-right:3px solid #1A75BC;*/
	text-decoration:none;
	border:1px solid #B9BABD;
 
}

div#signleft .iconbut li.selected a {
	background-color:#BCBDC0;
		border:1px solid #B9BABD;
}

div#signleft .notetext {
	width:428px;
	font-size:0.7em;
	padding:20px 10px 20px 10px;
	border-top:1px solid #d1d2d4;
	margin-top:15px;
}
div#signleft .notetext span {
	color:#1A75BC;
	text-decoration:underline;
}
div#signleft .notetext a:link,
div#signleft .notetext a:visited{
	color:#1A75BC;
	text-decoration:underline; 
}
div#signleft .notetext a:hover {
	text-decoration:none;
}


/*----signcontent right
--------------------------------------------------------------------------*/
div#signright {
	float:right;
	width:415px; /*�[��=407*/
}
div#signright1 {
	width:415px; /*�[��=407*/
	border:1px solid #b9babd;
	background:url(../images/pbg.gif) repeat-x bottom left;
}
div#signrightcontent {
	width:345px;
	padding:10px 35px 30px 35px;
	background:url(../images/pbg.png) repeat-x top left;
	behavior:url('css/iepngfix.htc')
}

div#signrightcontent .signtext1 {
	font-size:0.9em;
	text-align:right;
}
div#signrightcontent .signtext1 img {
	vertical-align: middle;
}

div#signrightcontent .signhead{
	font-family:"LucidaSansDemiboldRoman";
	font-size:1.4em;
	padding-bottom:10px;
}

div#signrightcontent .signimportant{
	font-size:0.7em;
	color:#56585a;
	line-height:1.9em;
	padding:35px 30px 20px 30px ;

	background:url(../images/sign_important.png) no-repeat top left;
	behavior:url('css/iepngfix.htc');
}

div#signrightcontent .signimportant a:link,
div#signrightcontent .signimportant a:visited{
	color:#1A75BC;
	text-decoration:underline; 
}
div#signrightcontent .signimportant a:hover {
	text-decoration:none;
}

div#signrightcontent .signimportant:not(*:root) { /*-- Css Hack For Chrome --*/
	padding:35px 20px 20px 20px;
}

div#signrightcontent .loginidpw{
	font-size:0.9em;
	padding-top:20px;
}
div#signrightcontent .inputtitle {
	font-size:0.9em;
	color:#595757;
	padding:0 4px 0 4px;
	
}
div#signrightcontent .inputtitle1 {
	font-size:0.9em;
	color:#595757;
	padding:0 4px 0 4px;
	
}

div#signrightcontent input {
	font-size:0.9em;
}

div#signrightcontent input.signinput_a {
	width:333px;
   line-height:30px;
	height:30px;
	border:1px solid #1A75BC;
     
	

}

div#signrightcontent input.signinput_b {
	width:333px;
   line-height:30px;
	height:30px;
	border:1px solid #9c1320;
}
div#signrightcontent input.signinput_a:not(*:root),
div#signrightcontent input.signinput_b:not(*:root) { /*-- Css Hack For Chrome --*/
	margin-top:4px;
}


div#signrightcontent input.signinput_c {
	width:335px;
	font-size:0.9em;
	border:1px solid #595757;
}
div#signrightcontent .loginsignin {
	font-size:0.7em;
	padding-top:20px;
}
div#signrightcontent .loginsignin input,
div#signrightcontent .loginsignin img {
	vertical-align: middle;
}

div#signrightcontent .submitcell {
	text-align:right;
	padding-top:20px;
}

div#signrightcontent .loginwrong {
	font-size:0.75em;
	line-height:1.4em;
	color:#9c1320;
	padding:23px 0 20px 45px;
	background:url(../images/icon_a.png) no-repeat 10px 20px;
	behavior:url('css/iepngfix.htc')
}

div#signrightcontent .loginwrong a:link,
div#signrightcontent .loginwrong a:visited{
	color:#1A75BC;
	text-decoration:underline; 
}
div#signrightcontent .loginwrong a:hover {
	text-decoration:none;
}

div#signrightcontent .loginwrong span.wrongtext{
	color:#595757;
}

div#signrightcontent .loginwrong span.wronglink a:link,
div#signrightcontent .loginwrong span.wronglink a:visited{
	color:#f1583d;
	text-decoration:underline; 
}
div#signrightcontent .loginwrong span.wronglink a:hover {
	text-decoration:none;
}



div#signrightcontent .notetext {
	font-size:0.7em;
	line-height_:1em;
	padding:20px 0 0 0;
}
div#signrightcontent .notetext span.t1 {
	font-size:0.75em;
	vertical-align: super;
	color:#9c1320;
}
div#signrightcontent .notetext a:link,
div#signrightcontent .notetext a:visited{
	color:#1A75BC;
	text-decoration:none; 
}
div#signrightcontent .notetext a:hover {
	text-decoration:underline;
}

div#signright2 {
	width:415px; /*�[��=407*/
	height:67px;
	border:1px solid #b9babd;
	background:url(../images/applybg.gif) repeat-x bottom left;
	padding-top:38px;
	margin-top:25px;
	text-align:center;
}
div#signright3 {
	width:415px; /*�[��=407*/
	font-size:0.7em;
	padding-top:20px;
}

/*----systemsicon
--------------------------------------------------------------------------*/

div#systemsiconbg{
	/*width:490px;*/
	width:522px;
	padding:0;
	border:1px solid #b9babd;
	background:url(../images/pbg.gif) repeat-x bottom left;
}

div#systemsicon {
	width:482px;
	padding:20px;
	margin:0;
	background:url(../images/pbg.png) repeat-x top left;
	behavior:url('css/iepngfix.htc');
}
div#systemsicon .icontitle {
	font-size:1em;
	font-weight:lighter;
	color:#936134;
	margin:0 0 10px 0;
}
div#systemsicon ul {
	width:480px;
}

div#systemsicon li {
	float:left;
	width:120px;
	height:137px;
}

div#systemsicon li a {
	display:block;
	font-size:0.6em;
	width:89px;
	height:57px;
	padding:80px 0 0 31px;
	line-height:1.2em;
}
div#systemsicon li.icon1 a {
	background: url(../images/icon1.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#systemsicon li.icon2 a {
	background: url(../images/icon2.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#systemsicon li.icon3 a {
	background: url(../images/icon3.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#systemsicon li.icon4 a {
	background: url(../images/icon4.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#systemsicon li.icon5 a {
	background: url(../images/icon5.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#systemsicon li.icon7 a {
	background: url(../images/icon7.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#systemsicon li.icon8 a {
	background: url(../images/icon8.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#systemsicon li.icon9 a {
	background: url(../images/icon9.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#systemsicon li.icon10 a {
	background: url(../images/icon10.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#systemsicon li.icon12 a {
	background: url(../images/icon11.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#systemsicon li.icon13 a {
	background: url(../images/icon13.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#systemsicon li.icon14 a {
	background: url(../images/icon14.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}
div#systemsicon li.icon15 a {
	background: url(../images/icon15.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#systemsicon li.icon16 a {
	background: url(../images/icon16.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#systemsicon li.icon6 a {
	background: url(../images/icon6.png) no-repeat 50% 15px;
	behavior:url('css/iepngfix.htc')
}

div#systemsicon li a:link,
div#systemsicon li a:visited{
	background-color__:#ffffff;
	text-decoration:none; 
}
div#systemsicon li a:hover {
	background-color:#c3b49b;
	text-decoration:none;
}

div#systemsicon li.selected a {
	background-color:#c3b49b;
}

div#systemsicon .notetext {
	width:428px;
	font-size:0.7em;
	padding:20px 10px 10px 10px;
	border-top:1px solid #d1d2d4;
	margin-top:10px;
}

div#systems_iconbg {
	width:730px; /*�[��=407*/
	height:50px;
	font-size:0.75em;
	border:1px solid #b9babd;
	background:url(../images/applybg.gif) repeat-x bottom left;
	padding:15px 50px 5px 50px;
}
div#systems_iconbg td {
	height:40px;
	padding:0 35px 0 48px;
	line-height:1.2em;
	vertical-align:middle;
}

div#systems_iconbg td.icon1m {
	background: url(../images/icon1m.gif) no-repeat ;
}
div#systems_iconbg td.icon2m {
	background: url(../images/icon2m.gif) no-repeat ;
}
div#systems_iconbg td.icon3m {
	background: url(../images/icon3m.gif) no-repeat ;
}
div#systems_iconbg td.icon4m {
	background: url(../images/icon4m.gif) no-repeat ;
}
div#systems_iconbg td.icon5m {
	background: url(../images/icon5m.gif) no-repeat ;
}

div#systems_iconbg td.icon7m {
	background: url(../images/icon7m.gif) no-repeat ;
}
div#systems_iconbg td.icon8m {
	background: url(../images/icon8m.gif) no-repeat ;
}

div#systems_iconbg td.icon9m {
	background: url(../images/icon9m.gif) no-repeat ;
}
div#systems_iconbg td.icon10m {
	background: url(../images/icon10m.gif) no-repeat ;
}
div#systems_iconbg td.icon12m {
	background: url(../images/icon11m.gif) no-repeat ;
}
div#systems_iconbg td.icon13m {
	background: url(../images/icon13m.gif) no-repeat ;
}
div#systems_iconbg td.icon14m {
	background: url(../images/icon14m.gif) no-repeat ;
}
div#systems_iconbg td.icon15m {
	background: url(../images/icon15m.gif) no-repeat ;
}
div#systems_iconbg td.icon16m {
	background: url(../images/icon16m.gif) no-repeat ;
}


div#systems_iconbg td.icon6m {
	background: url(../images/icon6m.gif) no-repeat ;
}

/*----Feedback
--------------------------------------------------------------------------*/
#fbbut,
#butclose1 {
	cursor:pointer;
}

#ssocell {
	position:absolute;
	z-index:1000;
	text-align:center;
	width:100%;
	height:100%;
	display: table;
	font-size:1em;
	position:fixed;
}

#ssocell .ssotab{
	position:fixed;
	top:10%; /*�Z���W�誺��m*/
	left:35%; /*�Z�����誺��m*/
	margin-top_:-100px; /*�W�����*/
	margin-left:-250px; /*�������*/
	border:6px solid #000000;
	background-color:#ffffff;
}

#ssocell .ssotab td.ssotitle{
	font-size:1.3em;
	font-family: 'LucidaSansDemiboldRoman';
	padding-left:20px;
}

#ssocell .ssotab table td a:link,
#ssocell .ssotab table td a:visited{
	color:#1074bc;
	text-decoration:underline; 
}
#ssocell .ssotab table td a:hover {
	color:#1074bc;
	text-decoration:none;
}

#ssocell .ssotab table td span.ownertype {
	font-size:0.75em;
	line-height:1.8em;
}
#ssocell .ssotab table td span.texttype {
	font-size:0.8em;
	color:#666666;
}

#ssocell .ssotab table td span.texttype a:link,
#ssocell .ssotab table td span.texttype a:visited{
	color:#0d9344;
	text-decoration:underline;
}
#ssocell .ssotab table td span.texttype a:hover {
	color:#0d9344;
	text-decoration:none;
}

#ssocell .ssotab .ssosystem1 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s1.gif) no-repeat 8px 22px;
}
#ssocell .ssotab .ssosystem2 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s2.gif) no-repeat 8px 22px;
}
#ssocell .ssotab .ssosystem3 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s3.gif) no-repeat 8px 22px;
}
#ssocell .ssotab .ssosystem4 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s4.gif) no-repeat 8px 22px;
}


#ssocell .ssotab .ssosystem5 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s5.gif) no-repeat 8px 22px;
}

#ssocell .ssotab .ssosystem7 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s7.gif) no-repeat 8px 22px;
}
#ssocell .ssotab .ssosystem8 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s8.gif) no-repeat 8px 22px;
}

#ssocell .ssotab .ssosystem9 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s9.gif) no-repeat 8px 22px;
}
#ssocell .ssotab .ssosystem10 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s10.gif) no-repeat 8px 22px;
}

#ssocell .ssotab .ssosystem12 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s11.gif) no-repeat 8px 22px;
}
#ssocell .ssotab .ssosystem13 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s13.gif) no-repeat 8px 22px;
}

#ssocell .ssotab .ssosystem14 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s14.gif) no-repeat 8px 22px;
}

#ssocell .ssotab .ssosystem15 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s15.gif) no-repeat 8px 22px;
}

#ssocell .ssotab .ssosystem16 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	background: url(../images/icon_s16.gif) no-repeat 8px 22px;
}





#ssocell .ssotab .ssosystem11 {
	line-height:1.2em;
	padding:20px 0 20px 55px;
	border-bottom:2px solid #e6e7e9;
	
}