@charset "utf-8";





/* CSS Document */



/* == menu =============================== */

#menu {

	width:220px; height:auto;

	float:left;

	background:url(../img/menu_middle.gif) repeat-y;

	margin-right:5px;}

	

#menu h3 {

	margin-left:20px;}

	

#menu h3, #support h3, #company h3, #Account h3,

#loginMenu01 h3,#loginMenu01 h4,#loginMenu01 h5, #loginMenu02 h3,#loginMenu02 h4,#loginMenu02 h5, #loginMenu03 h3,#loginMenu03 h4,#loginMenu03 h5, #loginMenu04 h3,#loginMenu04 h4,#loginMenu04 h5, #loginMenu05 h3,#loginMenu05 h4,#loginMenu05 h5 { /*  for all menutitle */

	font-family:"Times New Roman", "Arial Black", Garamond, Tahoma;

	font-size:120%;}



#service h3, #support h3, #company h3, #Account h3,

#loginMenu01 h3 ,#loginMenu01 h4 ,#loginMenu01 h5, #loginMenu02 h3 ,#loginMenu02 h4 ,#loginMenu02 h5, #loginMenu03 h3,#loginMenu03 h4,#loginMenu03 h5, #loginMenu04 h3, #loginMenu04 h4,#loginMenu04 h5 ,#loginMenu05 h3,#loginMenu05 h4 ,#loginMenu05 h5  {

	margin-left:11px;}

	

.topTitle { /* top */

	background:url(../img/listimg03.gif) no-repeat left;

	background-position:0 7px;

	padding-left:20px;

	margin:0 20px;}

	

#service h3, #support h3, #company h3, #Account h3 { /* menu contents title(leaf) */

	background:url(../img/listimg05.jpg) no-repeat left top;

	background-position:0 -2px;

	padding-left:40px;}

	

/*#support h3, #company h3, #Account h3 {

	background:url(../img/listimg08.gif) no-repeat left top;

	background-position:0 2px;

	padding-left:40px;}*/

	

* html .topTitle, 

* html #service h3,

* html #support h3, 

* html #company h3,

* html #Account h3 { /* IE6only */

	margin:0 11px;}

	

#list01, #list02, #list03, #list04 ,#list05{

	margin:0 12px 10px 11px;}

	

#list01 li, #list02 li, #list03 li, #list04 li,#list05 li {

	line-height:2em;

	width:177px; height:25px;

	background:url(../img/listimg02.gif) no-repeat;

	background-position:20px 10px;}

	

a.navi {

	display:block;

	width:157px;

	height:25px;

	padding-left:40px;}

	

* html a.navi {  /*IE6only*/

	width:197px;}

	

a.navi:hover  {

	background:url(../img/listimg02.gif) no-repeat;

	background-position:22px 10px;

	background-color:#FBFBF9;

	color:#3366FF;}

	

.deco01 { /* anderline */

	border-bottom:#CCCCCC 1px solid;}

	

#menu p { /* use to menutext */

	font-size:85%;

	margin:0 20px;

	padding-bottom:0.6em;}

	

#loginArea, #logoutArea {

	width:160px; height:auto;

	margin:10px 20px;

	padding:10px;}

	

#loginArea {

	text-align:right;

	background-color:#BBEAE2;}

	

#loginArea ul {

	padding-bottom:8px;

	font-size:90%;}

	

#loginArea li {

	padding-bottom:5px;

	text-align:right;}



#login {

	width:55px;}

	

#logoutArea {

	background-color:#FBD2E2;}

	

#logoutArea p {

	font-weight:bold;

	margin:0;}

	

#logout {

	width:70px;

	margin-left:80px;}



#id, #pass {

	width:120px;}

/* == menu =============================== */



/* == loginMenu start =============================== */

#loginMenu01 h3,#loginMenu01 h4,#loginMenu01 h5, #loginMenu02 h3,#loginMenu02 h4,#loginMenu02 h5, #loginMenu03 h3,#loginMenu03 h3 h4,#loginMenu03 h3 h5, #loginMenu04 h3,#loginMenu04 h4,#loginMenu04 h5 ,#loginMenu05 h3,#loginMenu05 h4,#loginMenu05 h5{ /* menu login title(star) */

	background:url(../img/listimg_login.jpg) no-repeat left top;

	background-position:0 -2px;

	padding-left:40px;
	height:32px;
	}



* html #loginMenu01 h3,#loginMenu01 h4 ,#loginMenu01 h5, 

* html #loginMenu02 h3,#loginMenu02 h3 h4 ,#loginMenu02 h3 h5, 

* html #loginMenu03 h3,#loginMenu03 h3 h4,#loginMenu03 h3 h5, 

* html #loginMenu04 h3,#loginMenu04 h3 h4 ,#loginMenu04 h3 h5,

* html #loginMenu05 h3,#loginMenu05 h4 ,#loginMenu05 h5 { /* IE6only */

	margin:0 11px;}

/* -- loginMenu end ---------- */

	

/* -- login contents list start ---------- */

#listL01, #listL02, #listL03, #listL04 ,#listL05{

	margin:0 12px 10px 11px;}

	

#listL01 li, #listL02 li, #listL03 li, #listL04 li,#listL05 li {

	line-height:2em;

	width:177px;

	height:25px;

	background:url(../img/listimg_login02.gif) no-repeat;

	background-position:20px 10px;}

	

a.navi02 {

	display:block;

	width:157px;

	height:25px;

	padding-left:40px;}

	

* html a.navi02 {  /*IE6only*/

	width:197px;}

	

a.navi02:hover  {

	background:url(../img/listimg_login02.gif) no-repeat;

	background-position:22px 10px;

	background-color:#FFFFFF;

	color: #FF66FF;}

/* -- login contents list end ---------- */

	

.tItem04 {

	background-color:#999999;

	text-align:center;}

/* == loginMenu end =============================== */