﻿/*======================================

    Font-size Adjustment
    
     77% = 10px    |    121% = 16px    |    167% = 22px    
     85% = 11px    |    129% = 17px    |    174% = 23px
     92% = 12px    |    136% = 18px    |    182% = 24px
    100% = 13px    |    144% = 19px    |    189% = 25px
    107% = 14px    |    152% = 20px    |    197% = 26px
    114% = 15px    |    159% = 21px    |

=======================================*/

body{
font-size: 13px;
*font-size: small;
*font: x-small;
color: #222;
background-color: #fff;
text-align:center;
margin:0;
/* fontサイトから　font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
/*ダイジョブ元フォント　font-family:Verdana, "Hiragino Kaku Gothic Pro", Arial, Helvetica, sans-serif;
*/
/*キリンBLOGから*/
font-family: 'MS PGothic',Verdana, Arial,'qMmpS Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;

}
select,input,textarea{
font-size:99%;
}
/*
div.data5 {
text-align:left;
padding:0 37px;
}
*/

div.data5,
div.data6 {
text-align:left;
padding:0 14px;
}

/*------------------------------------------------
Universal selector
------------------------------------------------*/

*{
line-height:1.3;
font-size:100%; 
font-weight:normal;
font-style:normal;
}


/*------------------------------------------------
Text Module
------------------------------------------------*/

p{
margin:5px 0;
padding:0;
}
h1,h2,h3,h4,h5,h6{
margin:0.5em 0;
font-weight:bold;
}
h1{font-size: 189%;}
h2{font-size: 159%;}
h3{font-size: 144%;}
h4{font-size: 107%;}
h5{font-size: 100%;}
h6{font-size: 100%;}
strong{font-weight:bold;}



/*------------------------------------------------
Hypertext Module
------------------------------------------------*/
a:link{color:#294987; text-decoration:none;}
a:visited{color:#294987; text-decoration:none;}
a:hover{color:#66CCFF; text-decoration:underline;}
a{cursor:pointer;}


/*------------------------------------------------
List Module
------------------------------------------------*/

ul{list-style-type:none;text-align:left;}
li{line-height:1;}

ul,
ol,
dl{margin:0;padding:0;list-style:none;}

li,dt,dd{margin:0;}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd{
}

li ul,
li ol,
li p,
{
margin:0.1em 10px;
}

ul li.inlines{
display:inline;
}



/*------------------------------------------------
Forms Module
------------------------------------------------*/
form{display:inline;}
input{
display:inline;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
textarea{
border:1px solid #A8A8A8;
margin:0;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
input[type="text"]{
border:1px solid #A8A8A8;
padding:2px;
}
input[type="password"]{
border:1px solid #A8A8A8;
padding:2px;
}
input[type="checkbox"]{
margin:0 5px 0 0;
padding:0;
vertical-align:middle;
line-height:0;
}
input[type="radio"]{
margin:0 5px 0 0;
padding:0;
vertical-align:middle;
line-height:0;
}
input[type="submit"]{
}
select{
}
select[type="multiple"]{
width:250px;
border:1px solid #a8a8a8;
}


/*------------------------------------------------
Tables Module
  ------------------------------------------------*/
table{
margin:0;
padding:0;
text-align:left;
/*border-spacing:0;
border-collapse:collapse;*/
}
table tr.valign{vertical-align:top;}
/*table td{border-width:0;padding:0;}*/
table td.nowrap{white-space: nowrap;}
table td.center{text-align:center;}
table td.right{text-align:right;}



/*------------------------------------------------
image
------------------------------------------------*/
img{
vertical-align:text-bottom;
border:0;
}



/*------------------------------------------------
line
------------------------------------------------*/
hr{
display:none;
}
div.line{
background:url("/images/ja/base/line.gif") repeat-x;
height:1px;
margin:7px 0;
width:100%;
}



/*------------------------------------------------
block
------------------------------------------------*/
.blockGlay, .blockRed, .blockBlue, .blockYellow, .blockGreen, .blockMossGreen{
margin:0;
padding: 11px 8px;
}
.blockGlay{background:#eee; }
.blockRed{background:#ffdcdc;}
.blockBlue{background:#dbe7fa;}
.blockYellow{background:#fff1c2;}
.blockGreen{background:#21A537;}
.blockMossGreen{background:#ebf5f6;}


/*------------------------------------------------
block
------------------------------------------------*/
.blockGlaySmall, .blockRedSmall, .blockBlueSmall, .blockYellowSmall, .blockGreenSmall, .blockMossGreenSmall{
margin:20px 50px 20px 50px;
padding: 8px 8px;
}
.blockGlaySmall{background:#eee; }
.blockRed{background:#ffdcdc;}
.blockBlueSmall{background:#dbe7fa;}
.blockYellowSmall{background:#fff1c2;}
.blockGreen{background:#21A537;}
.blockMossGreenSmall{background:#ebf5f6;}



/*------------------------------------------------
fontColor
------------------------------------------------*/
.fontWhite{color:#fff;}
.fontRed{color:#dd0000;}
.fontBlue{color:#003f97;}
.fontYellow{color:#ffc000;}
.fontGreen{color:#339933;}



/*------------------------------------------------
fontStyle
------------------------------------------------*/
.fontNormal{font-weight:normal;}
.fontBold{font-weight:bold;}



/*---------------------------------------------
fontSize
---------------------------------------------*/
.fontSmall{font-size:85%;}
.fontSmaller{font-size:92%;}
.fontMedium{font-size:100%;}
.fontLarge{font-size:114%;}
.fontLarger{font-size:121%;}


/*------------------------------------------------
alignPosition
------------------------------------------------*/
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}



/*---------------------------------------------
lineHeight
---------------------------------------------*/
.line0{line-height:0;}
.line10{line-height:1;}
.line11{line-height:1.1;}
.line12{line-height:1.2;}
.line13{line-height:1.3;}
.line14{line-height:1.4;}
.line15{line-height:1.5;}
.line16{line-height:1.6;}
.line17{line-height:1.7;}
.line18{line-height:1.8;}
.line19{line-height:1.9;}
.line20{line-height:2;}



/*------------------------------------------------
baseMargin
------------------------------------------------*/
.basemarginH{margin:10px 0;}



/*------------------------------------------------
basePadding
------------------------------------------------*/
.basepadding{padding:10px;}



/*------------------------------------------------
border
------------------------------------------------*/
.boxborder{border:1px solid #a8a8a8;}



/*------------------------------------------------
float
------------------------------------------------*/
.floatLeft{float:left;}
.floatRight{float:right;}



/*------------------------------------------------
floatClear
------------------------------------------------*/
.floatClear{clear:both;}



/*------------------------------------------------
  input form styles
  ------------------------------------------------*/
  
div.ifrm {
margin: 5px 5px 10px 20px;
padding: 20px;
line-height: 1.4;
}
div.ifrm label {
font-size: medium;
}
div.ifrm label.fieldWithErrors {
font-size: medium;
color: #ff0000;
}
div.ifrm input {
font-size: medium;
}
div.ifrm textarea {
font-size: medium;
}
div.fieldWithErrors {
padding-left: 5px;
border-left: 3px solid #CC0000;
display: inline;
}
div.fieldWithErrors input[type="text"] {
background-color: #FFCCCC;
}
div.fieldWithErrors textarea {
background-color: #FFCCCC;
}


/*------------------------------------------------
  Error Color : RED
  ------------------------------------------------*/

div#errors {
width: 640px;
margin: 10px auto 10px auto;
text-align: center;
background-color: #ffffff;
border: 1px solid #dd0000;
}
div#errors h1.error {
font-size: 100%;
color: #dd0000;
margin: 0;
padding: 8px;
}
div#errors p.error {
text-align: center;
color: #dd0000;
}
span.error{
color: #dd0000;
}
p.error{
color: #dd0000;
}
p.warning {
color: #009900;
}
span.warning{
color: #009900;
}


/*------------------------------------------------
  Error Color : Green
  ------------------------------------------------*/

div#errors2 {
width: 640px;
margin: 10px auto;
text-align: center;
background-color: #fff;
border: 1px solid #0B9408;
}
div#errors2 h1.error {
font-size: medium;
background-color: #0B9408;
color: #fff;
margin: 0;
padding: 8px;
}
div#errors2 p.error {
text-align: center;
color: #0B9408;
}
div.frm label {
font-size: medium;
line-height: 1.4;
color: #000;
}
div.frm label.fieldWithErrors {
font-size: medium;
line-height: 1.4;
color: #ff0000;
}


/*------------------------------------------------
  Pagination links
  ------------------------------------------------*/

div.page_links{
background-color: #B9D9F6;
margin: 0 0 12px 0;
font-size: 92%;
}
div.page_links p{
text-align: right;
line-height: 1;
margin: 0;
padding: 0.5em 1em 0.5em 0em;
}
div.page_links span.current_page{
font-weight: bold;
color: #000;
}
div.page_links a:link{
color: #003F97;
}
div.page_links a:visited{
color: #555;
}
div.page_links a:hover{
color: #6CA2F4;
}

span.note{
color: #336699;
font-size: 85%;
}

div.btnBig {
    text-align:left;
}
div.btnBig .textLink a {
    background:url("/images/ja/base/bluearrow10_wb.gif") 0px 0px no-repeat;
    padding-left:12px;
    color:#003F97;
    font-size:12px;
    font-weight:bold;
}
div.btnBig .textLink a:hover {
    color:#6CA2F4;
}
/* listmark 複数行リストの頭文字揃え */
ul.note{
margin:10px 0;
}

ul.note li{
margin-bottom:2px;
font-size: 12px;
*font-size:12px;
}

ul.note { 
padding-left:1em; 
text-indent:-1em; 
} 
/*------------------------------------------------
JUN 09/12/16/ index job category li change
------------------------------------------------*/

div#category li{
list-style: list-style-type:disc;
list-style-image:url(/images/ja/top/arrow_light.gif); 
list-style-position:outside;
margin:0 0 0 20px;
padding:0;
line-height: 150%;
}
/*------------------------------------------------
JUN 09/12/04/ clear
------------------------------------------------*/

.clear { clear:both; font-size:0px; padding:0; margin:0; position:relative; }
.clear5 { clear:both; font-size:0px; padding:0; margin:5px 0 0 0; position:relative; }
.clear10 { clear:both; font-size:0px; padding:0; margin:10px 0 0 0; position:relative; }
.clear15 { clear:both; font-size:0px; padding:0; margin:15px 0 0 0; position:relative; }
.clear20 { clear:both; font-size:0px; padding:0; margin:20px 0 0 0; position:relative; }
.clear_hr_20 { clear:both; font-size:0px; padding:0; margin:20px 0; border-bottom:1px solid #e7e7e7; }
.clear_dotted_5 { clear:both; font-size:0px; padding:0; margin:5px 0; border-bottom:1px dotted #ccc; }
.clear_dotted_10 { clear:both; font-size:0px; padding:0; margin:10px 0; border-bottom:1px dotted #ccc; }
.clear_dotted_20 { clear:both; font-size:0px; padding:0; margin:20px 0; border-bottom:1px dotted #ccc;
}
/*------------------------------------------------
JUN 09/12/18/ company page btn
------------------------------------------------*/

a.rolloverPositionMenu {
  background: #00f url(/images/ja/company/inquiry_btn_over.gif) left top no-repeat;
  color: #fff;
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 563px;
  height: 85px;
}
a.rolloverPositionMenu:hover{
  background-color: #f73;
  color: #f00;
}
a.rolloverPositionMenu img {
  background-color: #00f;
}
a.rolloverPositionMenu:hover img {
  position: relative;
  top: -85px;
}
/*------------------------------------------------
JUN 09/12/18/ company page btn2
------------------------------------------------*/

a.rolloverPositionMenu2 {
  background: #00f url(/images/ja/company/btn5_over.gif) left top no-repeat;
  color: #fff;
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 912px;
  height: 95px;
}
a.rolloverPositionMenu2:hover{
  background-color: #fff;
  color: #f00;
}
a.rolloverPositionMenu2 img {
  background-color: #fff;
}
a.rolloverPositionMenu2:hover img {
  position: relative;
  top: -95px;
}
/*------------------------------------------------
JUN 10/01/15/ Landing Page
------------------------------------------------*/

#lp_wrapper {
	width: 929px;
	background:#fff;
	margin: 0 auto;
	text-align: center;	
}
#lp_wrapper p{
	color: #5d5c5c;
	font-size: 13px;
	line-height: 22px;
}
.boxtop{
	background:url(/images/ja/welcome/lp_body_top.gif) top left no-repeat;
	margin-top:0px;
	height:10px;
	overflow: hidden;
}
.boxmiddle{
	width:929px;
	background:url(/images/ja/welcome/lp_repeaty.gif) #fff repeat-y;
}
.boxbottom{
	background:url(/images/ja/welcome/lp_body_bottom.gif) bottom left no-repeat;
	margin-bottom:0px;
	height:10px;
}
.titlebar {
	margin: 10px 0 20px 0;
}
#blurbbig{
	float: left;
	margin: 0 0 20px 50px;
	text-align: left;
}
#blurbbig .title {
	margin: 20px 0 15px 0;
	float: left;
}
#blurbbig .text {
	float: left;
	width: 530px;
	margin: 0 0 0 20px;
	vertical-align: text-top;
}
#blurbbig ul {
	padding:0;
	margin:0 0 15px 15px;
}
#blurbbig ul li {
	padding:0;
	margin:0;
	list-style:disc;
	color:#5d5c5c;
	line-height:25px;
	padding: 0;
}
.bannercloud {
	margin-top: 20px;
}
.testimonial_left {
	float: left;
	margin: 0 10px 10px 32px;
	width: 410px;
	text-align: left;
	border-right: 1px solid #dbdbdb;
	padding-right: 20px; 
}
.testimonial_margin {
	margin: 0 10px 0 0;
}
.testimonial_right{
	float: left;
	margin: 0 10px 10px 10px;
	width: 410px;
	text-align: left;
}
.lp_flow_blurb {
	float: left;
	margin: 0 0 20px 32px;
}
#lp_wrapper a.rolloverPositionMenu {
  background: #00f url(/images/ja/welcome/lp_banner_over.gif) left top no-repeat;
  color: #fff;
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 929px;
  height: 158px;
}
#lp_wrapper a.rolloverPositionMenu:hover{
  background-color: #f73;
  color: #f00;
}
#lp_wrapper a.rolloverPositionMenu img {
  background-color: #00f;
}
#lp_wrapper a.rolloverPositionMenu:hover img {
  position: relative;
  top: -158px;
}
/*------------------------------------------------
JUN 10/01/19/ Link Lists
------------------------------------------------*/

#related_links li {
	line-height: 23px;
	list-style: disc;
	margin-left: 15px;
}
/*------------------------------------------------
JUN 10/01/26/ Takashi links
------------------------------------------------*/

#takashi_top a:link{color:#0295c9; text-decoration:underline;}
#takashi_top a:visited{color:#0295c9; text-decoration:underline;}
#takashi_top a:hover{color:#0295c9; text-decoration:underline;}
#takashi_top a{cursor:pointer;}

.takashi_box {
	width:747px;
	border:dotted 1px #c6c4c4;
	padding:5px 10px 10px 10px;
}
.takashi_link {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.7em;
}
/*------------------------------------------------
JUN 10/02/03/ Job Mail
------------------------------------------------*/
#jobmail h3 {
	color: #0058aa;
}
#jobmail p {
	line-height: 170%;
}
#jobmail .frameTop {
	background: url(/images/ja/support/jobmail/jobmail_top.gif) top left no-repeat;
	height: 8px;
	width: 767px;
	margin-top:0px;
}
#jobmail .frameBottom {
	background: url(/images/ja/support/jobmail/jobmail_bottom.gif) bottom left no-repeat;
	height: 23px;
	width: 767px;
}
#jobmail .frameMiddle {
	border-left: solid #c5c3c3 1px;
	border-right: solid #c5c3c3 1px;
	width: 735px;
	padding: 10px 10px 10px 20px;
}
#jobmailBenefits {
	width: 680px;
	margin-left: auto;
	margin-right: auto;
}
#jobmailBenefits .columnOne {
	width: 201px;
	height: 320px;
	background: url(/images/ja/support/jobmail/jobmail_one.gif) no-repeat;
	float: left;
	padding-left: 6px;
	margin-right: 28px;
}
#jobmailBenefits .columnTwo {
	width: 201px;
	height: 320px;
	background: url(/images/ja/support/jobmail/jobmail_two.gif) no-repeat;
	float: left;
	padding-left: 6px;
	margin-right: 28px;
}
#jobmailBenefits .columnThree {
	width: 201px;
	height: 320px;
	background: url(/images/ja/support/jobmail/jobmail_three.gif) no-repeat;
	float: left;
	padding-left: 6px;
}
#jobmailBenefits .columninside {
	margin: 10px 0 0 10px;
	width: 175px;
}
#jobmailBenefits .title {
	border-left: solid 3px #0058aa;
	padding-left: 5px;
	color: #0058aa;
	font-weight: bold;
	font-size: 1.2em;
}
#jobmailBenefits p {
	font-size: 0.95em;
	line-height: 180%;
	text-align: justify;
}
#jobmail .button {
	text-align: center;
	margin: 20px 20px 0 0;
	padding-top: 50px;
	width: 700px;
	font-size: 0.8em;
}
/*------------------------------------------------
JUN 10/02/03/ Job Mail
------------------------------------------------*/
#companyRegister {
	margin: auto;
	width:720px;
}
.companyTop h4 {
	margin-bottom: 3px;
	margin-top: 4px;
	padding-bottom: 5px;
	color: #003f97;
	border-bottom: dotted #bbbcbd 1px;
}
.companyRed {
	color:#dd0000;
	font-size: 0.9em;
	font-weight: bold;
}
.cap {
	font-size: 0.9em;
}
.companyMargin {
	margin-left: 40px;
}
.companyBox {
	border: solid 1px #eceded;
	width: 97%;
	padding: 5px 15px 5px 15px;
	background-color: #eceded;
}
/*------------------------------------------------
  Jun 10/02/12 Color Balls
  ------------------------------------------------*/
.colorballBookmark {
	color:#c6180a;
	font-weight: bold;
	font-size: 105%;
}
.colorballScout {
	color:#44a91f;
	font-weight: bold;
	font-size: 105%;
}
.colorballApplied {
	color:#0086d1;
	font-weight: bold;
	font-size: 105%;
}
.colorballWrapper {
	width: 100%;
	margin-top:20px;
}
.colorBookmark {
	width: 90px;
	height: 7px;
	color: #c6180a;
	float: left;
}
.colorScout {
	width: 90px;
	height: 7px;
	color: #44a91f;
	float: left;
}
.colorApplied {
	width: 90px;
	height: 7px;
	color: #0086d1;
	float: left;
}
/*------------------------------------------------
  Jun 10/02/17 Twitter
  ------------------------------------------------*/
#twitter_div {
	text-align : left;
	margin : 0;
	padding : 5px;
	background-color: #f1eeee;
	width: 150px;
	overflow: hidden;
}
#twitter_div h2 {
	font-size : 0.9em;
	color : #1dbaee;
	text-align : left;
	margin : 5px 0;
}
#twitter_div ul {
	width : 150px; 
}
#twitter_div li {
	padding : 2px 0 2px 0px;
	background-image : url("/images/ja/top/arrow_lightblue.gif");
	background-repeat : no-repeat;
	background-position : 2px 8px;
	border-bottom : dotted 1px #6e6055;
}
#twitter_div li a {
	font-size : 0.8em !important;
	color : #969697;
}
#twitter_div li a:hover {
	color : #f708a0;
}
#twitter_div li span {
	color : #4c4d4e;
	font-size : 0.9em;
}
#twitter_div li span a {
	color :#1dbaee;
	font-size : 0.9em !important;
}
#twitter_div .sidebar-title {
	color :#464647; 
	font-size : 0.9em !important;
	text-align: center;
	border-bottom: dotted 1px #afaeae;
	padding-bottom: 3px;
}
a#twitter-link {
	font-size : 0.9em;
	color : #1dbaee;
	text-align : right;
	display : block;
	margin: 7px 0 7px 0;
}
a#twitter-link:hover {
	color : #f708a0;
}
ul#twitter_update_list li {
	padding:3px 0 10px 10px;
    width: 135px;
    clear: both;
}
.twitterTop {
	background: url("/images/ja/top/twitter_top.jpg") no-repeat top left;
	height: 56px;
	margin-top: 0;
	padding: 0;
	overflow: hidden;
}
.twitterBottom {
	background-image: url("/images/ja/top/twitter_bottom.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 26px;
	margin-bottom: 10px;
	margin-top: 0;
	overflow: hidden;
}
.redtext {
	color: red;
	font-size: 0.9em;
}
.bluetext {
	color: #003399;
	font-size: 0.9em;
}
/*---------------------------
  Jun 10/03/29 Company New
---------------------------*/
#com {
	margin-left: auto;
	margin-right: auto; 
	padding: 0;
	clear: both;
	width: 860px;
}
#com img {
	border: none;
}
#com_button {
	background-color:#e6e6e6;
	clear: both;
	margin-bottom: 20px;
}
#com_button p {
	font-size: 0.9em;
}
#com_button .outside {
	width: 830px;
	padding: 7px 12px 0 12px;
	vertical-align: middle;
}
#com_button .inside {
	width: 858px;
	padding: 7px 12px 7px 12px;
}
#com_button .phone {
	margin: 10px 0 0 30px;
	float: left;
}
#com_swap {
	width:288px;
	height:32px;
	float: left;
	margin: 4px 0 7px 65px;
}
#com_swap a {
	display:block;
	background:url(/images/ja/company/com_button_ja.gif);
	width:288px;
	height:32px;
	text-indent:-99999px;
	overflow:hidden;
	outline:none;
}
#com_swap a:hover {
	background:url(/images/ja/company/com_button_over_ja.gif);
}
#companyNav {
	float:left;
	background:#fff;
	margin-left: -270px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0;
	padding: 0;
}
#companyNav ul {
	margin:0;
	padding:0 5px 0 33%;
	list-style:none;
}
#companyNav li {
	display:inline;
	margin:0;
	padding:0;
}
#companyNav #toppage a {
	float:left;
	background:url(/images/ja/company/com_nav_top_off_ja.jpg) no-repeat left top;
	margin:0;
	padding:0 0 0 1px;
	text-decoration:none;
	text-indent: -99999px;
	width: 96px;
	height: 23px;
}
#companyNav #voice a {
	float:left;
	background:url(/images/ja/company/com_nav_voice_off_ja.jpg) no-repeat left top;
	margin:0;
	padding:0 0 0 1px;
	text-decoration:none;
	text-indent: -99999px;
	width: 90px;
	height: 23px;
}
#companyNav #data a {
	float:left;
	background:url(/images/ja/company/com_nav_data_off_ja.jpg) no-repeat left top;
	margin:0;
	padding:0 0 0 1px;
	text-decoration:none;
	text-indent: -99999px;
	width: 140px;
	height: 23px;
}
#companyNav #toppage a:hover {
	background:url(/images/ja/company/com_nav_top_on_ja.jpg) no-repeat left top;
}
#companyNav #voice a:hover {
	background:url(/images/ja/company/com_nav_voice_on_ja.jpg) no-repeat left top;
}
#companyNav #data a:hover {
	background:url(/images/ja/company/com_nav_data_on_ja.jpg) no-repeat left top;
}
.com_border {
	border: solid 1px #bebdbd;
	width: 860px;
	margin-top: 0;
}
#com .contents {
	margin: 0 30px 0 30px;
	clear: both;
}
#com .contents2 {
	margin: 0 24px 0 25px;
	clear: both;
}

/* 2011-11.8 satou CF用 */
div#cf-ban {
	background:url(/images/ja/cfair/2011/com_bana.jpg) no-repeat 0 0;
	width:860px;
	height:141px;
}
div#cf-ban_EN {
	background:url(/en/images/cfair/2011/com_bana.jpg) no-repeat 0 0;
	width:913px;
	height:140px;
}

div#cf-ban ul#cf_btn {
	width:370px;
	position:relative;
	top:96px;
	left:465px;
}
div#cf-ban_EN ul#cf_btn {
	width:370px;
	position:relative;
	top:96px;
	left:295px;
/*	left:350px; */
}

div#cf-ban ul#cf_btn li,
div#cf-ban_EN ul#cf_btn li {
	float:left;
	margin-left:8px;
	font-size:11px;
}

div#cf-ban ul#cf_btn li a,
div#cf-ban_EN ul#cf_btn li a {
	display:block;
	border:#F00 solid 1px;
	padding:4px 5px 2px;
	background:#C00;
	color:#FFF;
}

div#cf-ban ul#cf_btn li a:hover,
div#cf-ban_EN ul#cf_btn li a:hover {
	border:#666 solid 1px;
	background:#999;
	color:#FFF;
}



/* For IE6 */
*html body #com .contents h2 {
	color: #305593;
	border-bottom: dotted 1px #b9b8b8;
	padding: 0 0 3px 0;
	font-weight: bold;

}
#com .contents h2 {
	color: #305593;
	border-bottom: dotted 1px #b9b8b8;
	padding: 0 0 3px 0;
	font-weight: bold;
}
#com .contents h3 {
	color: #305593;
	font-weight: bold;
	font-size: 1.1em;
	display: inline;
}
#com .contents p {
	line-height: 160%;
	text-align: justify;
}
#com .boxleft {
	margin-top: 23px;
	width: 210px;
	height: 250px;
	float: left;
	background: url(/images/ja/company/com_about_ss.jpg) no-repeat top left;
}
#com .boxleft2 {
	width: 210px;
	height: 140px;
	float: left;
	background: url(/images/ja/company/com_about_ss2.jpg) no-repeat top left;
	clear: both;
}
#com .boxright {
	width: 570px;
	float: left;
	margin-left: 20px;
}
.arrowadjust {
	background-image: url(/images/ja/company/com_about_arrow.gif);
	background-repeat: no-repeat;
	background-position: -;
	display: inline;
}
/* For IE6 */
*html body #com .boxrectemp {
	width: 182px;
	float: left;
	margin: 5px 0 0 12px;
}
#com .boxrectemp {
	width: 182px;
	float: left;
	margin: 5px 0 20px 12px;
}
#com .emp {
	width: 182px;
	float: left;
	margin-top: 5px;
}
#com .emp2 {
	width: 182px;
	float: left;
	margin-right: 15px;
}
#com table {
	border-collapse:collapse;
	border-spacing: 0; 
}
#com table.rightrow {
	border-collapse:collapse;
	border-spacing: 0;
	margin-left: 20px;
}
#com td {
	vertical-align:middle;
	height: 25px;
}
#com td.top {
	border-top: 1px #b9b8b8 solid;
	border-bottom: 1px #b9b8b8 solid;
	background-color: #f7f2e1;
	width: 114px;
	font-size: 0.9em;
	color:#474242;
	font-weight: bold;
	padding-left: 5px;
	border-collapse:collapse;
}
#com td.content {
	border-top: 1px #b9b8b8 solid;
	border-bottom: 1px #b9b8b8 solid;
	background-color: #fff;
	width: 252px;
	font-size: 0.9em;
	color:#474242;
	padding-left: 13px;
	border-collapse:collapse;
}
#com td.head {
	background-image: url(/images/ja/company/com_about_arrow_small.gif);
	background-position: 4px 9px;
	background-repeat: no-repeat;
	border-top: 1px #b9b8b8 solid;
	border-bottom: 1px #b9b8b8 solid;
	background-color: #fff;
	width: 252px;
	font-size: 0.9em;
	color:#474242;
	padding-left: 13px;
	border-collapse:collapse;
}
#com .login_form {
	float: right;
	font-size: 0.9em;
	clear: both;
	
}
#com .iforgot {
	margin: 0;
	display: inline;
	margin-left: 10px;
	
}
#com .login_form h3 {
	font-size: 1.1em;
	margin: 0;
	padding-left: 15px;
	color: #3d3e3f;
	background: url(/images/ja/company/com_register_arrow.gif) no-repeat 0 2px;
	display: inline;
}
#com input {
	color:#808080;
}
.about_toeic {
	float:left;
	width:388px;
}
.about_position {
	float:left;
	width:403px;
	margin-left: 5px;
}
.otherinfo {
	float: right;
	padding-right: 5px;
	margin: 10px 0 20px 0;
}
#com .box_one {
	width: 246px;
	height: 200px;
	background: url(/images/ja/company/com_about_tile.gif) top left;
	border: 1px solid #b9b8b8;
	float: left;
}
#com .box_rest {
	width: 246px;
	height: 200px;
	background: url(/images/ja/company/com_about_tile.gif) top left;
	border: 1px solid #b9b8b8;
	margin-left: 28px;
	float: left;
}
#com .box_inside {
	margin: 10px 15px 10px 15px;
}
#com .bar {
	float: left;
	margin-bottom:20px;
	clear: both;
}
*html body .voice_box {
	width: 240px;
	border-top: 1px solid #b9b8b8;
	border-left: 1px solid #b9b8b8;
	border-bottom: 1px solid #b9b8b8;
	border-right: 11px solid #b9b8b8;
	float: left;
}
.voice_box {
	width: 240px;
	border-top: 1px solid #b9b8b8;
	border-left: 1px solid #b9b8b8;
	border-bottom: 1px solid #b9b8b8;
	border-right: 13px solid #b9b8b8;
	float: left;
}
*html body .voice_box_rest {
	width: 240px;
	border-top: 1px solid #b9b8b8;
	border-left: 1px solid #b9b8b8;
	border-bottom: 1px solid #b9b8b8;
	border-right: 11px solid #b9b8b8;
	float: left;
	margin-left: 19px;
}
.voice_box_rest {
	width: 240px;
	border-top: 1px solid #b9b8b8;
	border-left: 1px solid #b9b8b8;
	border-bottom: 1px solid #b9b8b8;
	border-right: 13px solid #b9b8b8;
	float: left;
	margin-left: 19px;
}
*html body .voice_thumb {
	width: 91px;
	height: 71px;
	margin: 6px 0 0 0;
	float: left;
}
.voice_thumb {
	width: 91px;
	height: 71px;
	margin: 6px 0 0 6px;
	float: left;
}
.voice_cap {
	width: 140px;
	margin: 6px 3px 0 0;
	float: left;
}
.voice_cap h4 {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 150%;
	color: #305593;
	padding: 0;
	margin: 0;
}
.voice_box p {
	font-size: 0.8em;
	line-height: 140%;
	padding: 0;
	margin: 0;
}
.voice_box_rest p {
	font-size: 0.8em;
	line-height: 140%;
	padding: 0;
	margin: 0;
}
.voice_quotation {
	width: 180px;
	margin: 0 0 10px 5px;
	float: left;
	font-size: 0.9em;
	line-height: 150%;
	padding: 0;
	color: #3a3a3a;
}
.double_quotation {
	margin-left: 6px;
	margin-right: 5px;
	float: left;
}
.voice_button {
	margin-right: 5px;
	float: right;
}
.image_top20 {
	margin-top: 20px !important;
	clear: both;
}
.first_header {
	float: left;
	margin-bottom: 10px;
}
.voice_thumb_box {
	width: 782px;
	height: 40px;
	border: 1px solid #b9b8b8;
	background-color: #e0dede;
	padding: 5px 9px 5px 9px;
	float: left;
}
.voice_thumb_box a {
	color: #343434;
}
.voice_thumb_box a:visited {
	color: #252525;
}
.border_right {
	width: 260px;
	float: left;
	border-right: 1px solid #b9b8b8;
	padding: 3px 0 8px 0;
}
.border_right2 {
	width: 250px;
	float: left;
	border-right: 1px solid #b9b8b8;
	padding: 3px 0 8px 10px;
}
.border_right3 {
	width: 250px;
	float: left;
	padding: 3px 0 8px 10px;
}
.voice_thumb_text {
	margin:-25px 0 0 50px;
	font-weight: bold;
	font-size: 0.9em;
}
.voice_polaroid {
	width: 195px;
	height: 210px;
	float: left;
	background: url(/images/ja/company/com_voice_polaroid1.jpg) no-repeat top left;
	margin-top: 20px;
}
.voice_right {
	width: 605px;
	float: left;
	margin-top: 25px;
}
.voice_right h4 {
	font-size: 0.9em;
	line-height: 160%;
	color: #494848;
	margin: 12px 0 10px 0;
}

/*
table.base2cTbl {
margin:0;
padding:0;
text-align:left;
table-layout:fixed;
}*/

table.base2cTbl td.baseR {
word-break: break-all;
}

/* register_thank CF */

div#thank_bg {
	background: url(/images/ja/cfair/2012_1/thank.jpg) no-repeat 0 0;
	padding-left:164px;
}

div#thank_bg h4 {
	text-align:center;
}

div#cfair {
	background: url(/images/ja/base/bg_g_gra.jpg) repeat-x 0 bottom;
	width:80%;
	border:#E8E8E8 solid 2px;
	padding:8px 14px;
	text-align:left;
}

div#cfair p.fair_lead {
	font-size:90%;
}

div#cfair p.fair_date {
	padding:3px 0 5px;
}

div#cfair p.fair_date span {
	display:block;
	padding:0 0 3px 0;
}

div#cfair a {
	display:block;
	text-align:right;
}









