body{
    /*font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Trebuchet MS, Lucida Sans Unicode, Arial, Sans-Serif;*/
    font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', Trebuchet MS, Lucida Sans Unicode, Arial, Sans-Serif;
    font-size:14px;
}
html>/**/body {             /* Except IE */
    color:#3D3D3D;
    font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', Trebuchet MS, Lucida Sans Unicode, Arial, Sans-Serif;
    font-size: 14px;
}
body, html{
	height:100%;
    margin:0px;
	width:100%;
    word-break:break-all;   /* 文字列を折り返させる IEのみ */
}
body, div, table, tr, td{
	border:none;
    color:#3D3D3D;
    font-size:14px;
    line-height:1.3;
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6 {
	color:#102E7A;
    font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Trebuchet MS, Lucida Sans Unicode, Arial, Sans-Serif;
    margin:0px;
    padding:0px;
}
img {                       /* IEで画像を縮小表示させた時、画像が汚くなることを防止 */
	-ms-interpolation-mode: bicubic;
	border:none;
}
/* Icon */
.icon12{height:12px; width:12px;}
.icon22{height:22px; width:22px; vertical-align: text-bottom;}
/* Banner */
.banner165x90 {border:none; height: 90px; width:165px;}
.banner180x180{border:none; height:180px; width:180px;}
.banner234x60 {border:none; height: 60px; width:234px;}

/* Link */
a         {text-decoration:none;}
a:link    {color:#0022FF;}
a:visited {color:#2244CC;}
a:active  {color:#CC0000;}
a:hover   {color:#0044FF; text-decoration: underline;} 

/* Frame */
.bodyFrame   {margin:0px auto; padding:0px; width:990px;}
.contentsFrame{clear:both; padding:0px 0px 0px 0px;}
/* ヘッダー */
.headerFrame {clear:both; margin-top:5px;}
.headerFrame .topLink  {font-size:10px; text-align:right;}
.headerFrame .topLink a{color:#102E7A; margin:0px 5px;}
.headerFrame .topLink img{vertical-align:middle;}
.headerFrame .namePlateJa{height:30px; width:340px;}
.headerFrame .namePlateEn{height:30px; width:200px;}
/* ヘッダー : Menu */
.headerFrame .mainMenu {list-style-type:none; margin:0px; padding:0px;}
.headerFrame .mainMenu li{float:left;}
.headerFrame .mainMenu li.logo   {background:url(../img/menu/menu_logo.gif) no-repeat left top; height:38px; width:198px;}
.headerFrame .mainMenu a{background-position:top left; background-repeat:no-repeat; display:block; height:38px; width:132px;}
.headerFrame .mainMenu a.top     {background-image:url(../img/menu/menu_top.gif);}
.headerFrame .mainMenu a.company {background-image:url(../img/menu/menu_company.gif);}
.headerFrame .mainMenu a.recruit {background-image:url(../img/menu/menu_recruit.gif);}
.headerFrame .mainMenu a.market  {background-image:url(../img/menu/menu_market.gif);}
.headerFrame .mainMenu a.job     {background-image:url(../img/menu/menu_job.gif);}
.headerFrame .mainMenu a.calendar{background-image:url(../img/menu/menu_calendar.gif);}
/* ヘッダー : Menu Hover */
.headerFrame .mainMenu a:hover.top     {background-image:url(../img/menu/menuHover_top.gif);}
.headerFrame .mainMenu a:hover.company {background-image:url(../img/menu/menuHover_company.gif);}
.headerFrame .mainMenu a:hover.recruit {background-image:url(../img/menu/menuHover_recruit.gif);}
.headerFrame .mainMenu a:hover.market  {background-image:url(../img/menu/menuHover_market.gif);}
.headerFrame .mainMenu a:hover.job     {background-image:url(../img/menu/menuHover_job.gif);}
.headerFrame .mainMenu a:hover.calendar{background-image:url(../img/menu/menuHover_calendar.gif);}
/* ヘッダー : Menu Active */
.headerFrame .mainMenu a.topActive     {background-image:url(../img/menu/menuActive_top.gif);}
.headerFrame .mainMenu a.companyActive {background-image:url(../img/menu/menuActive_company.gif);}
.headerFrame .mainMenu a.recruitActive {background-image:url(../img/menu/menuActive_recruit.gif);}
.headerFrame .mainMenu a.marketActive  {background-image:url(../img/menu/menuActive_market.gif);}
.headerFrame .mainMenu a.jobActive     {background-image:url(../img/menu/menuActive_job.gif);}
.headerFrame .mainMenu a.calendarActive{background-image:url(../img/menu/menuActive_calendar.gif);}
/* 左サイドバー */
.leftFrame {display:inline; float:left; width:200px;}
.leftFrame .leftArea   {margin:15px 10px 0px 10px;}
.leftFrame .subMenuArea ul{list-style:none; margin:0px; padding:0px;}
.leftFrame .subMenuArea li{margin:0px 0px 5px 5px;}
.leftFrame .subMenuArea li a {background-image:url(../img/subMenu/subMenu.gif); background-position:top left; background-repeat:no-repeat; display:block; text-decoration:none; height:26px; padding:10px 0px 0px 25px;}
.leftFrame .subMenuArea li a:hover {background-image:url(../img/subMenu/subMenuHover.gif);}
.leftFrame .subMenuArea li a.Active{background-image:url(../img/subMenu/subMenuActive.gif);}
.leftFrame .subMenuArea li.noLink{background-image:url(../img/subMenu/subMenu.gif); background-position:top left; background-repeat:no-repeat; display:block; text-decoration:none; height:26px; padding:10px 0px 0px 25px;}
.leftFrame .subMenuArea li.child {padding-left:12px;}
.leftFrame .subMenuArea li.child a {background-image:url(../img/subMenu/subMenuChild.gif); background-position:top left; background-repeat:no-repeat; display:block; text-decoration:none; height:18px; padding:10px 0px 0px 25px;}
.leftFrame .subMenuArea li.child a:hover {background-image:url(../img/subMenu/subMenuChildHover.gif);}
.leftFrame .subMenuArea li.child a.Active{background-image:url(../img/subMenu/subMenuChildActive.gif);}

.leftArea h3 {font-size:15px; border-bottom:solid 1px #102E7A; padding-left:0.5em;}
.leftArea h4 {font-size:14px; padding:0.5em 0em 0em 0.5em;}
.leftArea h5 {font-size:12px; border-bottom:solid 1px #102E7A;}
.leftArea h6 {font-size:12px;}
.leftArea .contentsPanel{margin:0em 0.5em; padding:0.5em 0em 0.5em 0.5em;}
.leftArea .contentsPanel p{margin:0em 0em 0.5em 0.5em;}
.leftArea .boxLightBlue{background-color:#F8FAFF; border:solid 1px #CCCCCC; margin:5px 0px; padding:5px;}
.leftArea .raundPanel{overflow:hidden; width:180px;}
.leftArea .raundPanel .top   {background:url(../img/subMenu/leftPanel_top.gif) no-repeat left top; font-size:1px; height:20px;}
.leftArea .raundPanel .middle{border-color:#AAAAAA; border-style:solid; border-width:0px 1px; padding:0px 5px;}
.leftArea .raundPanel .bottom{background:url(../img/subMenu/leftPanel_bottom.gif) no-repeat left top; font-size:1px; height:20px;}
.leftArea img.linkButton {height:45px; width:180px;}

/* メイン */
.mainFrame {border-left:solid 1px #102E7A; display: inline; float:left; overflow:hidden; width:775px;}
.mainFrame .mainArea{clear:both; margin:0px 10px 15px 20px; zoom:1;}
.mainFrame h1{font-size:24px; border-bottom:solid 2px #C6CDEF; clear:both; color:#B6BDEF; margin:10px 50px 10px 0px; padding:0em 0em 0em 1em;}
.mainArea h2 {font-size:20px; background:url(../img/titleUnderLine.gif) repeat-x bottom left; clear:both; margin:5px 0px 5px 0px; padding:0em 0em 0em 1em;}
.mainArea h3 {font-size:16px; margin:10px 0px 0px 0px;}
.mainArea h4 {font-size:15px;}
.mainArea h5 {font-size:14px;}
.mainArea h6 {font-size:14px; color:#3D3D3D;}
.mainArea .contentsPanel{margin:0em 1.5em; padding:0.5em 1em;}
.mainArea .contentsPanel p{margin:1em 2em 2em 2em;}
/* メイン：テーブル */
/* 会社情報、募集要項、エントリーフォーム、問い合わせフォーム */
table.contentsPanel {table-layout:fixed;}
table.contentsPanel td{line-height:1.5; padding:0.5em 0.5em 1em 0em; vertical-align:top;}
table.contentsPanel td.title{width:90px; color:#102E7A;}
table.contentsPanel td.content{border-left:solid 1px #102E7A; padding-left:1.5em; text-align:left; vertical-align:middle;}
table.contentsPanel td.content input{width:250px;}
table.contentsPanel td.content textarea{width:500px;}
table.contentsPanel td.content .caution{color:#FF0000; font-size:12px; padding-left:5px;}
input, textarea{border-color:#6B9BD1 #4B7BB1 #4B7BB1 #6B9BD1; border-style:solid; border-width:1px;}

/* メールフォーム：メール送信準備中画面 */
#mail_overlay{
    background-color:#FFFFFF;
	display:none;
	height:100%;
	left:0px;
   	position:fixed;
	top:0px;
	width:100%;
	z-index:500;
    filter:alpha(opacity=60);
    opacity:0.6;
}
#mail_msgbox{
    background-color:#FFFFFF;
    border:double 3px #AAAAAA;
	display:none;
   	left:30%;
    padding:1em;
   	position:absolute;
   	top:40%;
    width:40%;
	z-index:501;
}

/* 社員インタビューバナー */
.interviewOuter234x60{background:url(../recruit_interview/img/frame_interview234x60.gif) no-repeat left top; display:inline-block; height:60px; margin:5px; overflow:hidden; padding:0px; width:234px;}
.interviewOuter234x60 .employeeImage{display:block; float:left; height:57px; overflow:hidden; width:76px;}
.interviewOuter234x60 .employeeImage img{border:solid 1px #999999; height:52px; margin:3px 0px 0px 3px; width:70px;}
.interviewOuter234x60 .sectionName {display:block; float:right; font-size:12px; padding-top:22px; text-align:center; width:150px;}
.interviewOuter234x60 .employeeName{display:block; float:right; font-size:16px; padding:2px 10px 0px 0px;text-align:right; width:140px;}

/* フッター */
/*-- 最下部に固定 Sticky Footer Solution [ http://www.cssstickyfooter.com/ ] -->*/ 
/** {margin:0;padding:0;} */
html, body, form, .wrap{height:99.7%;}
body .wrap {min-height:99.7%; height: auto !important;height:99.7%;}
.wrapChild   {padding-bottom:20px;}	/* must be same height as the footer */
.footerFrame {
	clear:both;
	height:20px;
	margin:-20px auto 0px auto;		/* margin-top : negative value of footer height */
	position:relative;
	text-align:center;
	width:990px;
} 
.clearfix:after {content: "."; clear:both; display:block; height:0; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/*<-----------------------------------------------------------------------------*/ 
.footerFrame .footerArea{background:#FFFFFF url(../img/titleUnderLine.gif) repeat-x top left; padding-top:8px;}

/* Utility */
.alertPanel{background-color:#FFD0F0; color:#DD0000; display:block; padding:10px 20px; width:100%;}
.infoPanel{background-color:#CCE0FF; color:#0000FF; display:block; padding:10px 20px; width:100%;}
.clearFloat{clear:both;}
.clearLeft {clear:left;}
.clearRight{clear:right;}
.fixedTable{table-layout:fixed; width:100%;}
.margin5{margin:5px;}
/* Align */
.alignLeft  {text-align:left;}
.alignCenter{text-align:center;}
.alignRight {text-align:right;}
/* Font */
.fontRed {color:#FF0000;}
.fontNavy{color:#102E7A;}
.fontSmall{font-size:12px;}
.fontBold {font-weight:bold;}
.fontUnderline{text-decoration:underline;}
/* List */
.listNone     {list-style:none none outside;}
.listDecimal  {list-style:decimal none outside;}
.listCircle   {list-style:circle none outside;}
.listDisc     {list-style:disc none outside;}
.listSquare   {list-style:square none outside;}
.listRoman_Low{list-style:lower-roman none outside;}
.listRoman_Up {list-style:upper-roman none outside;}