.frame {padding:20px; border:solid #666666; background-color:#EEEEEE;font-size: 14px; width:63%; text-align:left } 
/*

/* specific divs */

html, body {
	padding:0px;
	margin:0px;
	font-size: 100%; /* IE Hack */
}

/* commented backslash hack \*/
html, body {height:100%}
/* end hack */

body {
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ ゴシック", "华文宋体", "华文楷体";
	color: #333333;
	background: #ffffff repeat-y center top;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}




#container {
	padding: 0px;
	margin: 0px auto;
	width: 780px;
	min-height: 100%;
	text-align: left;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
}

* html #container {
	height: 100%;
	width: 780px;
}



#header{
	background-color: #ffffff;
	padding: 0px;
	display: block;
}


/* ************************************************ 
 *	メニュー上部applicant
 * ************************************************ */
#menuupper {
	height: 32px;
	width: 780px;
	display: block;
}

#menuupper em{
	float: left;
	text-indent: -9999px;
}

#menuupper a{
	text-decoration: none;
	display: block;
	background-image: url(images/menu_upper_over.jpg);
	background-position: left top;
	height: 32px;
	width: 156px;
	background-repeat: no-repeat;
}

#menuupper a{
	height: 32px;
	width: 156px;
}

#menuupper02 a{
	height: 32px;
	width: 221px;
}

#menuupper03 a{
	height: 32px;
	width: 85px;
}

#menuupper04 a{
	height: 32px;
	width: 111px;
}

#menuupper05 a{
	height: 32px;
	width: 207px;
}


#menuupper02 a{
	background-position: -156px 0
}

#menuupper03 a{
	background-position: -377px 0
}


#menuupper04 a{
	background-position: -462px 0
}


#menuupper05 a{
	background-position: -573px 0
}


#menuupper01 a:hover{
	background-position: 0 -32px
}

#menuupper02 a:hover{
	background-position: -156px -32px
}

#menuupper03 a:hover{
	background-position: -377px -32px
}

#menuupper04 a:hover{
	background-position: -462px -32px
}

#menuupper05 a:hover{
	background-position: -573px -32px
}


/* ************************************************ 
 *	メニュー上部client
 * ************************************************ */
#menuupperclient {
	height: 32px;
	width: 780px;
	display: block;
}


#menuupperclient em{
	float: left;
	text-indent: -9999px;
}

#menuupperclient a{
	text-decoration: none;
	display: block;
	background-image: url(images/menu_upperclient_over.jpg);
	background-position: left top;
	height: 32px;
	width: 156px;
	background-repeat: no-repeat;
}

#menuupperclient a{
	height: 32px;
	width: 156px;
}

#menuupperclient02 a{
	height: 32px;
	width: 221px;
}

#menuupperclient03 a{
	height: 32px;
	width: 85px;
}

#menuupperclient04 a{
	height: 32px;
	width: 111px;
}

#menuupperclient05 a{
	height: 32px;
	width: 207px;
}


#menuupperclient02 a{
	background-position: -156px 0
}

#menuupperclient03 a{
	background-position: -377px 0
}


#menuupperclient04 a{
	background-position: -462px 0
}


#menuupperclient05 a{
	background-position: -573px 0
}


#menuupperclient01 a:hover{
	background-position: 0 -32px
}

#menuupperclient02 a:hover{
	background-position: -156px -32px
}

#menuupperclient03 a:hover{
	background-position: -377px -32px
}

#menuupperclient04 a:hover{
	background-position: -462px -32px
}

#menuupperclient05 a:hover{
	background-position: -573px -32px
}



/* ************************************************ 
 *	メニュー上部company
 * ************************************************ */
#menuuppercompany {
	height: 32px;
	width: 780px;
	display: block;
}


#menuuppercompany em{
	float: left;
	text-indent: -9999px;
}

#menuuppercompany a{
	text-decoration: none;
	display: block;
	background-image: url(images/menu_uppercompany_over.jpg);
	background-position: left top;
	height: 32px;
	width: 156px;
	background-repeat: no-repeat;
}

#menuuppercompany a{
	height: 32px;
	width: 156px;
}

#menuuppercompany02 a{
	height: 32px;
	width: 221px;
}

#menuuppercompany03 a{
	height: 32px;
	width: 85px;
}

#menuuppercompany04 a{
	height: 32px;
	width: 111px;
}

#menuuppercompany05 a{
	height: 32px;
	width: 207px;
}


#menuuppercompany02 a{
	background-position: -156px 0
}

#menuuppercompany03 a{
	background-position: -377px 0
}


#menuuppercompany04 a{
	background-position: -462px 0
}


#menuuppercompany05 a{
	background-position: -573px 0
}


#menuuppercompany01 a:hover{
	background-position: 0 -32px
}

#menuuppercompany02 a:hover{
	background-position: -156px -32px
}

#menuuppercompany03 a:hover{
	background-position: -377px -32px
}

#menuuppercompany04 a:hover{
	background-position: -462px -32px
}

#menuuppercompany05 a:hover{
	background-position: -573px -32px
}


/* ************************************************ 
 *	メニュー上部enquiry
 * ************************************************ */
#menuupperenquiry {
	height: 32px;
	width: 780px;
	display: block;
}


#menuupperenquiry em{
	float: left;
	text-indent: -9999px;
}

#menuupperenquiry a{
	text-decoration: none;
	display: block;
	background-image: url(images/menu_upperenq_over.jpg);
	background-position: left top;
	height: 32px;
	width: 156px;
	background-repeat: no-repeat;
}

#menuupperenquiry a{
	height: 32px;
	width: 156px;
}

#menuupperenquiry02 a{
	height: 32px;
	width: 221px;
}

#menuupperenquiry03 a{
	height: 32px;
	width: 85px;
}

#menuupperenquiry04 a{
	height: 32px;
	width: 111px;
}

#menuupperenquiry05 a{
	height: 32px;
	width: 207px;
}


#menuupperenquiry02 a{
	background-position: -156px 0
}

#menuupperenquiry03 a{
	background-position: -377px 0
}


#menuupperenquiry04 a{
	background-position: -462px 0
}


#menuupperenquiry05 a{
	background-position: -573px 0
}


#menuupperenquiry01 a:hover{
	background-position: 0 -32px
}

#menuupperenquiry02 a:hover{
	background-position: -156px -32px
}

#menuupperenquiry03 a:hover{
	background-position: -377px -32px
}

#menuupperenquiry04 a:hover{
	background-position: -462px -32px
}

#menuupperenquiry05 a:hover{
	background-position: -573px -32px
}


/* ************************************************ 
 *	メニュー上部sitemap
 * ************************************************ */
#menuuppersitemap {
	height: 32px;
	width: 780px;
	display: block;
}


#menuuppersitemap em{
	float: left;
	text-indent: -9999px;
}

#menuuppersitemap a{
	text-decoration: none;
	display: block;
	background-image: url(images/menu_uppersitemap_over.jpg);
	background-position: left top;
	height: 32px;
	width: 156px;
	background-repeat: no-repeat;
}

#menuuppersitemap a{
	height: 32px;
	width: 156px;
}

#menuuppersitemap02 a{
	height: 32px;
	width: 221px;
}

#menuuppersitemap03 a{
	height: 32px;
	width: 85px;
}

#menuuppersitemap04 a{
	height: 32px;
	width: 111px;
}

#menuuppersitemap05 a{
	height: 32px;
	width: 207px;
}


#menuuppersitemap02 a{
	background-position: -156px 0
}

#menuuppersitemap03 a{
	background-position: -377px 0
}


#menuuppersitemap04 a{
	background-position: -462px 0
}


#menuuppersitemap05 a{
	background-position: -573px 0
}


#menuuppersitemap01 a:hover{
	background-position: 0 -32px
}

#menuuppersitemap02 a:hover{
	background-position: -156px -32px
}

#menuuppersitemap03 a:hover{
	background-position: -377px -32px
}

#menuuppersitemap04 a:hover{
	background-position: -462px -32px
}

#menuuppersitemap05 a:hover{
	background-position: -573px -32px
}


/* ************************************************ 
 *	サブメニュー
 * ************************************************ */

#menuArea{
	width: 780px;
	background-color: #001042;
	height: 31px;
	text-align: left;
	}
	


/* ************************************************ 
 *	Image
 * ************************************************ */

#topImageJP_AP{
	width: 780px;
	background-color: #D7CFBD;
	background-position: center;
	background-image: url(jp/applicant/images/Mainimage.jpg);
	background-repeat: no-repeat;
	height: 212px;
	}
	

#topImageJP2_AP{
	width: 780px;
	background-color: #FFFFFF;
	background-position: center center;
	background-image: url(jp/applicant/images/Mainimagepage2.jpg);
	background-repeat: no-repeat;
	height: 142px;
	}
	

#topImageJP_CL{
	width: 780px;
	background-color: #D7CFBD;
	background-position: center;
	background-image: url(jp/client/images/Mainimage.jpg);
	background-repeat: no-repeat;
	height: 212px;
	}
	

#topImageJP2_CL{
	width: 780px;
	background-color: #FFFFFF;
	background-position: center center;
	background-image: url(jp/client/images/MainimagePage2.jpg);
	background-repeat: no-repeat;
	height: 142px;
	}
	


/* ************************************************ 
 *	トップページレイアウト
 * ************************************************ */


#spaceTop {
	width: 5px;
	background-image: url(images/spacer.gif);
	background-repeat: repeat-y;
	background-position: top;
	float: left;
	background-color: #FFFFFF;
}


#mainTop {
	width: 770px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: right;
	background-color: #FFFFFF;
}

#mainToptopspace {
	width: 770px;
	height: 2px;
	background-image: url(images/spacer.gif);
	background-repeat: repeat-y;
	background-position: top;
}


#mainToptitle {
	height: 30px;
	width: 770px;
	padding-bottom: 15px;
}

#mainTopcontents {
	width: 770px;
}

#mainTopbottom {
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	clear: both;
}



/* ************************************************ 
 *	お知らせ
 * ************************************************ */

#news {
	float: left;
	height: 143px;
	width: 385px;
}

#topics {
	float: right;
	height: 143px;
	width: 380px;
	padding-right: 5px;
}

	

/* ************************************************ 
 *	1段組レイアウト
 * ************************************************ */


#spaceWide {
	width: 20px;
	background-image: url(images/spacer.gif);
	background-repeat: repeat-y;
	background-position: top;
	float: left;
	background-color: #FFFFFF;
}


#mainWide {
	width: 760px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: right;
	background-color: #FFFFFF;
}

#mainWidetopspace {
	width: 760px;
	height: 2px;
	background-image: url(images/spacer.gif);
	background-repeat: repeat-y;
	background-position: top;
}


#mainWidetitle {
	height: 30px;
	width: 740px;
	padding-bottom: 15px;
}

#mainWidecontents {
	width: 740px;
}


/* ************************************************ 
 *	2段組レイアウト
 * ************************************************ */

#leftColum {
	width: 176px;
	float: left;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}


#leftColumtopspace {
	width: 176px;
	height: 2px;
	background-image: url(images/spacer.gif);
	background-repeat: repeat-y;
	background-position: top;
}


#leftColumtitle {
	width: 176px;
	height: 58px;
}


#leftColummenu {
	width: 176px;
}




/* fix box model for IE5 */
#leftColumnnews\Panel {width:146px;}


#space {
	width: 39px;
	background-image: url(images/spacer.gif);
	background-repeat: repeat-y;
	background-position: top;
	float: left;
	background-color: #FFFFFF;
}


#main {
	width: 565px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: right;
	background-color: #FFFFFF;
}

#maintopspace {
	width: 565px;
	height: 2px;
	background-image: url(images/spacer.gif);
	background-repeat: repeat-y;
	background-position: top;
}


#maintitle {
	height: 30px;
	width: 545px;
	padding-bottom: 15px;
}

#maincontents {
	width: 545px;
}




#bottom {
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	clear: both;
}





/* footer is outside container and positioned absolute - footerspace clears space */
#footerspace {
	padding: 0px;
	margin: 0px auto;
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	clear: both;
}

#footerspaceLeft {
	width: 390px;
	float: left;
}

#footerspaceRight {
	width: 280px;
	float: right;
}

#footerbottom {
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	clear: both;
}