* {
	margin:0;
	padding:0;}

body {
	color:#657761;
	background-color:#E6E6E6;
	font-family: 'Myriad Web Pro','Trebuchet MS',arial, 'Osaka�|����';
	font-size:small;
	_font-size:80%;	
	line-height:145%;
	text-align:center;
	background-image:url(../images/bg_top.jpg);
	background-repeat:repeat-x;
}

	
	
a {
	color:#FF4FE0; }

a:hover {
	color:#083C65;
	text-decoration:none; }

a:visited {
	color:#336699;
	text-decoration:underline; }

img {
	border: 0px;}	

/***** OCT 30 **********/
#wrapper {
/***	width:830px;  **/
	width:1030px;
	margin:0 auto;
	text-align:left;}

/***** OCT 30 **********/
#container {
	position:relative;
/***	width:830px;  **/
	width:1030px;
	margin-left:5px;}


div#logo {
	width:215px;
	height:62px;
	margin: 2px 0 0 0;
	padding:0px;
	text-decoration:none; }


#shift {
	margin: 0px 0px 3px 0px;
	padding: 0 0 0 20px;
	text-align:left;
}

div#toptxt {	
	display:none;
}


div#stagetk {	
	display:none;
}

.hidetxt {	
	display:none;
}


#box3 {
	background:url(../images/box3.jpg) no-repeat;
	width:616px;
	height:130px;
	padding:28px 0px 0px 10px;
	clear:both;
	color:#666666;
	font-size:small;
	line-height:110%;
	margin-bottom:2px;
}

/*************************: subnavi 2 *********************/


ul#subnavi {
	margin-left:95px;
	height:24px; }

ul#subnavi li {
	display:inline;
	float:left;
	height:24px;
	margin-left:2px; }

ul#subnavi li a {
	text-indent:-9999px;
	text-decoration:none;
	height:24px;
	display:block; }

ul#subnavi li a#inquiry  {
	width:144px;
	background:url(../images/top_inquiry.jpg) no-repeat 0 0; }

ul#subnavi li a#inquiry:hover {
	background:url(../images/top_inquiry.jpg) no-repeat -144px 0; }

ul#subnavi li a#blank  {
	width:26px;
	background:url(../images/spacer.gif) no-repeat 0 0; }

ul#subnavi li a#blank:hover {
	background:url(../images/spacer.gif) no-repeat -26px 0; }

ul#subnavi li a#large  {
	width:25px;
	background:url(../images/top_largetext.jpg) no-repeat 0 0; }

ul#subnavi li a#large:hover {
	background:url(../images/top_largetext.jpg) no-repeat -25px 0; }

ul#subnavi li a#medium  {
	width:25px;
	background:url(../images/top_mediumtext.jpg) no-repeat 0 0; }

ul#subnavi li a#medium:hover {
	background:url(../images/top_mediumtext.jpg) no-repeat -25px 0; }

ul#subnavi li a#small  {
	width:80px;
	background:url(../images/top_smalltext.jpg) no-repeat 0 0; }

ul#subnavi li a#small:hover {
	background:url(../images/top_smalltext.jpg) no-repeat -80px 0; }

div#toptxt {	
	display:none;}

/*************************: subnavi 2 *********************/

ul#subnavi2 {
	float: right;
	margin-left:75px;
	margin-right:20px;
	margin-bottom:5px;
	height:27px; }

ul#subnavi2 li {
	display:inline;
	float:left;
	height:27px;
	margin-right:0px; }

ul#subnavi2 li a {
	text-indent:-9999px;
	text-decoration:none;
	height:27px;
	display:block; }

ul#subnavi2 li a#eng  {
	width:80px;
	background:url(../images/top_eng_fl.jpg) no-repeat 0 0; }

ul#subnavi2 li a#eng:hover {
	background:url(../images/top_eng_fl.jpg) no-repeat -80px 0; }

ul#subnavi2 li a#chn  {
	width:80px;
	background:url(../images/top_chn_fl.jpg) no-repeat 0 0; }

ul#subnavi2 li a#chn:hover {
	background:url(../images/top_chn_fl.jpg) no-repeat -80px 0; }

ul#subnavi2 li a#jpn  {
	width:80px;
	background:url(../images/top_jpn_fl.jpg) no-repeat 0 0; }

ul#subnavi2 li a#jpn:hover {
	background:url(../images/top_jpn_fl.jpg) no-repeat -80px 0; }


/**********************************************/

#spacing_btnnavi {
	clear:both;
	margin: 0 0 5px 5px;}

#spacing_btnnavi a {
	color:#666666;}


/**********************************************/

/***** OCT 30 **********/
#contents_body {
	position:relative;
/***	width:830px;  **/
	width:1030px;
	padding:0 0 20px 0;
	height:auto;
}


#osusumebox {
	background:url(../images/lnavi_osusume.jpg) no-repeat;
	width:201px;
	height:395px;
	padding:28px 5px 5px 15px;
	clear:both;
	color:#666666;
	font-size:12px;
	line-height:125%;
	margin-bottom:1px;
}

#osusumebox img {
	vertical-align:top; border: 0px;}

#infobox_main {
	background:url(../images/lnavi_link.jpg) no-repeat;
	width:201px;
	height:215px;
	padding:28px 5px 5px 15px;
	clear:both;
	color:#666666;
	font-size:13px;
	line-height:120%;
	margin-bottom:1px;
}

#infobox_main a{
	color:#FF6600;
	text-decoration:none; }

#infobox_main a:hover{
	color:#666666;
	text-decoration:underline; }

#otherbox_main {
	background:url(../images/lnavi_link2.jpg) no-repeat;
	width:201px;
	height:187px;
	padding:8px 5px 5px 15px;
	clear:both;
	color:#666666;
	font-size:13px;
	line-height:120%;
	margin-bottom:1px;
}

#otherbox_main a{
	color:#FF6600;
	text-decoration:none; }

#otherbox_main a:hover{
	color:#666666;
	text-decoration:none; }

/************************ main_contents ************************/

#main_topcontents {
	width:616px;
	margin-left:211px;
	height:340px;
	min-height:340px;
}

#main_topcontents {
	height:auto;
}


#main_contents {
	width:616px;
	margin-left:214px;
	height:400px;
	min-height:400px;
}

#main_contents {
	height:auto;
}



#box1 {
	background:url(../images/box1.jpg) no-repeat;
	width:616px;
	height:95px;
	padding:10px;
	clear:both;
	color:#666666;
	font-size:small;
	line-height:115%;
	margin-bottom:5px;
}


#box2 {
	background:url(../images/box2.jpg) no-repeat;
	width:616px;
	height:117px;
	padding:28px 10px 0px 10px;
	clear:both;
	color:#666666;
	font-size:small;
	line-height:115%;
	margin-bottom:5px;
}


.leftdotted {
background: url(../images/dottedline.gif) repeat-x bottom left;
height: 1px;
margin: 0px 30px 10px 0;
}


.dotted {
background: url(../images/dottedline.gif) repeat-x bottom left;
height: 1px;
margin: 0px 30px 10px 0;
}

/***** OCT 30 added **********/
.dotted2 {
background: url(../images/dottedline.gif) repeat-x bottom left;
height: 1px;
margin: 2px 30px 2px 0;
}

.centerdotted {
background: url(../images/dottedline.gif) repeat-x bottom left;
height: 1px;
margin: 0px 20px 10px 15px;
}


/************************* 3 column banners **************************/

#main_contents ul {
	list-style:none;
	margin:4px 0px 10px 0px;
	float:left;
}


#main_contents ul li {
	float:left;
	width:200px;
	height:122px;
	text-indent:-9999px;
	text-decoration:none;
}
#main_contents ul li a {
	display:block;
	width:200px;
	height:122px;
}

#main_contents ul li.left {
	background:url(../images/ul_translate.jpg) no-repeat 0 0;
}

#main_contents ul li.left a:hover {
	background:url(../images/ul_translate_ov.jpg) no-repeat 0 0;
}

#main_contents ul li.center {
	margin-left:7px;
	background:url(../images/ul_transfer.jpg) no-repeat 0 0;
}

#main_contents ul li.center a:hover {
	background:url(../images/ul_transfer_ov.jpg) no-repeat 0 0;
}

#main_contents ul li.right {
	margin-left:7px;
	background:url(../images/ul_job.jpg) no-repeat 0 0;
}

#main_contents ul li.right a:hover {
	background:url(../images/ul_job_ov.jpg) no-repeat 0 0;
}




/************************* boxed_contents *************************/



#boxed_contents {
	margin-left:0px;
	padding:0 ;
	height:auto;
}


#boxed_contents table {
	margin:0 0 0 12px;
	line-height:150%;
}

#boxed_contents td {
	padding: 2px;
}

#boxed_contents table.table_scroller {
	padding-right:25px;
}


#boxed_contents {
	position:relative;
	padding-top:25px;
	background:url(../images/boxed_mid.jpg) repeat-y;
}

#boxed_contents .boxed_title {
	position:absolute;
	top:0;
	left:0;
	width:616px;
	height:65px;
	text-indent:-9999px;
	background:url(../images/boxed_title.jpg) no-repeat;
}

#boxed_contents .boxed_title_indexuse {
	position:absolute;
	top:0;
	left:0;
	width:616px;
	height:90px;
	text-indent:-9999px;
	background:url(../images/boxed_title_indexuse.jpg) no-repeat;
}

#boxed_contents .boxed_newtopic {
	position:absolute;
	top:0;
	left:0;
	width:616px;
	height:65px;
	text-indent:-9999px;
	background:url(../images/OCTboxed_newtopic.jpg) no-repeat;
}

.boxText {
	padding: 0 25px 10px 10px; }

.boxText span {
	margin-left: 25px; }



#boxed_contents .boxed_title_blank {
	position:absolute;
	top:0;
	left:0;
	width:616px;
	height:45px;
	text-indent:-9999px;
	background:url(../images/boxed_title_blank.jpg) no-repeat;
}

#boxed_contents .boxed_title_co {
	position:absolute;
	top:0;
	left:0;
	width:616px;
	height:65px;
	text-indent:-9999px;
	background:url(../images/boxed_title_co.jpg) no-repeat;
}

#boxed_contents .boxed_title_map {
	position:absolute;
	top:0;
	left:0;
	width:616px;
	height:65px;
	text-indent:-9999px;
	background:url(../images/boxed_title_map.jpg) no-repeat;
}

.leftdotted1 {
background: url(../images/dottedline.gif) repeat-x bottom left;
height: 1px;
margin: 0px 30px 10px 0;
}

.leftdotted1 a:hover {
	text-decoration:none; }

/**************************************************/


ul#inqbutton {
	height:24px; }

ul#inqbutton li {
	display:inline;
	float:left;
	height:24px;
	margin-left:5px; }

ul#inqbutton li a {
	text-indent:-9999px;
	text-decoration:none;
	height:24px;
	display:block; }

ul#inqbutton li a#inquiry  {
	width:144px;
	background:url(../images/top_inquiry.jpg) no-repeat 0 0; }

ul#inqbutton li a#inquiry:hover {
	background:url(../images/top_inquiry.jpg) no-repeat -144px 0; }


/**************************************************/


#recommend {
	margin: 0px 0px 20px 0px;
	padding: 0 0 0 20px;
	text-align:left;
}

#recommend dl#reco_list {
	width:616px;
	margin:0px 0px;
	padding:0px;
}
#recommend dl#reco_list dt {
	background:url(../images/bg_shinchaku.jpg) no-repeat top left;
	width:80px;
	height:20px;
	margin-top:5px;
	padding-left:10px;
	display:block;
	float:left;
}
#recommend dl#reco_list dd {
	background:url(../images/bg_shinchaku.jpg) no-repeat top left;
	width:464px;
	height:20px;
	margin-top:5px;
	padding:0px;
	float:left;
}


/**************************************************/

#recommend2 { margin: 0px 0px 7px 0px; padding: 0 0 0 5px;  text-align:left;}
#recommend2 a { color:#FF4FE0; text-decoration:underline;}
#recommend2 a:hover { color:#083C65; text-decoration:none; }
#recommend2 a:visited { color:#336699; text-decoration:underline; }

#recommend2 dl#reco_list {
	width:616px;
	margin:0px 0px;
	padding:0px;
}

/***** OCT 30 **********/
#recommend2 dl#reco_list dt {
/***	background:url(../images/bg_shinchaku1.jpg) no-repeat top left; *****/
	width:70px;
	height:18px;
	margin-top:4px;
	padding-left:3px;
	display:block;
	float:left;
}
#recommend2 dl#reco_list dd {
/***	background:url(../images/bg_shinchaku1.jpg) no-repeat top left; *****/
	width:505px;
	height:auto;
	margin-top:4px;
	padding:0px;
	float:left;
}


/**************************************************/

#price {
	margin: 0px 0px 5px 0px;
	padding: 0;
	text-align:left;
}

#price dl#reco_price {
	margin:2px 0px;
	padding:0px;
}
#price dl#reco_price dt {
	width:118px;
	height:15px;
	margin-top:2px;
	display:block;
	float:left;
}

#price dl#reco_price dd {
	width:75px;
	height:15px;
	margin-top:2px;
	padding:0px;
	float:left;
}

/**************************************************/

#price_s {
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align:left;
}

#price_s dl#reco_price_s {
	margin:0px 0px;
	padding:0px;
}
#price_s dl#reco_price_s dt {
	width:95px;
	display:block;
	float:left;
}

#price_s dl#reco_price_s dd {
	width:75px;
	padding:0px;
	float:left;
}


/**************************************************/

#price_m {
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align:left;
}

#price_m dl#reco_price_m {
	margin:0px 0px;
	padding:0px;
}
#price_m dl#reco_price_m dt {
	width:205px;
	display:block;
	float:left;
}

#price_m dl#reco_price_m dd {
	width:75px;
	padding:0px;
	float:left;
}



/**************************************************/

.detbutton {
	width:194px;
	height:24px;
	margin:10px 5px 10px auto;
}

.detbutton a {
	width:194px;
	height:24px;
	display:block;
	background:url(../images/btn_past.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
	text-align:left;
	margin:0px;
}
.detbutton a:hover {
	background:url(../images/btn_past.jpg) no-repeat -194px 0;
}




/************************* footer *************************/

/***** OCT 30 **********/
#footer_navi {
	background:url(../images/OCTbg_footer.gif) no-repeat;
/***	width:830px;  **/
	width:1030px;
	height:85px;
	padding:19px 50px 0 0;
	clear:both;
	color:#666666;
	line-height:115%;
	text-align:right;
	font-size:small;
}


/****************************************************/


/* Ad ticker css */
#ticketadleft{
width: 200px;
height: 300px;
padding: 0px;
margin-bottom: 1px;
font-size: 12px;
}

/***********************Dec25 *************************/

#infobox a{
	color:#FF6600;
	text-decoration:none; }

#infobox a:hover{
	color:#666666;
	text-decoration:underline; }

#infobox {
	background:url(../images/lnavi_info.jpg) no-repeat;
	width:201px;
	height:175px;
	padding:28px 5px 5px 15px;
	clear:both;
	color:#666666;
	font-size:12px;
	line-height:125%;
	margin-bottom:1px;
}