@charset "UTF-8";

/* ------------------------------------------
1. 基本スタイル
2. レイアウト
3. ヘッダー
4. コンテント
5. エントリー
6. 支援内容用テーブル
7. 支援の流れのテーブル
8. イベント用テーブル
9. サイドエリア
10.フッター
11.スポンサー
12.ナビゲーション
13.サブナビゲーション
14.写真
15.個人情報保護方針
16.アクセス情報
17.インタビュー
------------------------------------------ */

/* ------------------------------------------
1. 基本スタイル
------------------------------------------ */
* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 10.5pt;
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    margin: 0;
    background-color: #ffffff;
}

p {
    margin: 2em 0 2em;
}

img {
    border: 0;
}

ol {
    list-style: decimal;
}
ol li{
    margin-left: 50px;
}

a:link {
    color: #06c;
    text-decoration: none;
}
a:visited {
    color: #06c;
    text-decoration: none; 
}
a:hover {
    color: #f00;
    text-decoration: underline; 
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

/* ------------------------------------------
2. レイアウト
------------------------------------------ */
#container {
    width: 850px;
    height: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    text-align: left;
}

#header {
    width: 850px;
    height: 250px;
    float: left;
    margin: 0;
    background-color: #ffffff;
    text-align: center;
}

#sub_header {
    width: 850px;
    height: 150px;
    float: left;
    margin: 0;
    background-color: #ffffff;
    text-align: center;
}

#content {
    width: 590px;
    float: left;
    clear: both;
    margin: 5px 5px 5px 0;
    padding: 0;
    background-color: #ffffff;
}

#side {
    width: 250px;
    float: right;
    margin: 0;
    padding: 0px;
    text-align: center;
}

#footer {
    width: 830px;
    float: left;
    padding: 10px;
    color: #000000;
    font-size: 8pt;
    background-color: #99caed;
}

/* ------------------------------------------
3. ヘッダー
------------------------------------------ */
#header h1{
    margin: -40px 0 0 370px;
    font-size:90%;
    text-align: left;
}

#sub_header {
    width: 850px;
    float: left;
    margin: 0;
    background-color: #ffffff;
}

#sub_header img {
    border: 0;
}

#sub_header h1,h2,h3 {
    margin: 0;
}

/* ------------------------------------------
4. コンテント
------------------------------------------ */
#content p{
    margin: 10px 5px 10px 20px;
}

#content ul.link_ul {
    margin: 10px 0 10px 20px;
}

#content li.link_li {
    margin-bottom: 5px;
    list-style-type: none;
}

#content table {
    width: 550px;
    margin: 10px 0 10px 20px;
}

/* ------------------------------------------
5. エントリー
------------------------------------------ */
table.entry_table {
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.entry_table th {
    padding:0.3em 1em;
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color: #f8f400;
    background-position:left top;
    text-align:center;
}
.entry_table td {
    padding:0.3em 1em;
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}

.entry-content {
    margin-left: 5px;
    padding: 5px 10px 10px 0;
}

.entry-content ul {
    padding: 5px 0 0 30px;
    font-size: 120%;
}

.entry-content li{
    padding-left: 10px;
    font-size: 80%;
}

.entry-body {
    padding: 10px 10px 10px 15px;
}

.entry-header {
    margin: 5px 5px 5px 0;
    padding: 2px 2px 2px 10px;
    background: url(http://www.b-jin.jp/v2/img/BG-EntryTitle_x450.gif) repeat-y;
    border-left: 5px solid #999999;
}

.entry-header2 {
    padding: 2px 2px 2px 10px;
    border-bottom: 2px dotted #666666;
}

.entry-header3 {
    clear: left;
    margin-left: 10px;
    padding: 2px 2px 2px 10px;
    border: 1px solid #666666;
    border-left: 5px solid #666666;
}

.entry-header4 {
    padding: 2px;
    font-size: 120%;
}

.entry-header a {
    font-weight: bold; 
    color:#000000;
    text-decoration: none;
}

.entry-header a:hover {
    color:#ff0000;
    text-decoration: none;
}

.img_th {
    width: 103px;
    height: auto;
    margin: 5px 10px 5px 5px;
    float: left;
    text-align: center;
}

.img_th p {
    margin: 5px;
    text-align: center;
}

#nl {
    width: 500px;
    height: auto;
    margin:5px auto;
    clear: left;
    text-align: center;
}

#nl2 {
    width: 500px;
    height: auto;
    margin:5px auto;
    clear: left;
    text-align: center;
}

#nl3 {
    width: 500px;
    height: auto;
    margin:5px auto;
    clear: left;
    text-align: center;
}

#nl li,
  #nl2 li,
    #nl3 li {
    float: left;
    margin: 5px 10px 5px 5px;
    list-style-type: none;
}

#nl p,
  #nl2 p,
    #nl3 p {
    margin: 5px 0;
}

.company_header {
    width: 555px;
    padding: 5px 0 5px 20px;
    color: #ffffff;
    background-color: #69b2ee;
}

#company_flow {
    width: 575px;
}

.company_flow1 {
    font-size: 14pt;
    font-weight: bold;
    height: 100%;
    text-align: center;
    line-height: 2.3em; 
    background: #d2e10f;
    border: 2px solid #eef013;
}

.company_flow2 {
    height: 100%;
    padding: 9px;
    font-weight: bold;
    text-align: center;
    background: #c0d2ef;
    border: 2px solid #c0d2ef;
}

#flow2_list {
    padding: 5px 0 5px 150px;
    text-align: left;
}

#flow2_list li,
  #flow2_list_en li {
    margin: 0;
    font-size: 10.5pt;
    list-style: none;
}

#flow2_list_en {
    padding: 5px 0 5px 100px;
    text-align: left;
}

.company_flow3 {
    height: 100%;
    padding: 9px;
    font-weight: bold;
    text-align: center;
    background: #e7ed8a;
    border: 2px solid #e7ed8a;
}

.company_flow4 {
    width: 575px;
    height: 130px;
}

.company_flow4_en {
    width: 575px;
    height: 170px;
}

.company_flow6 {
    height: 50px;
    padding: 5px;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    background: #d2e10f;
    border: 2px solid #eef013;
}

.company_flow6_en {
    height: 100px;
    padding: 15px 5px 0 5px;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    background: #d2e10f;
    border: 2px solid #eef013;
}

.company_flow7 {
    height: 50px;
    padding: 5px;
    font-size: 12pt;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    background: #d2e10f;
    border: 2px solid #eef013;
}

.company_flow7_en {
    height: 100px;
    padding: 15px 5px 0 5px;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    background: #d2e10f;
    border: 2px solid #eef013;
}

.company_flow_L {
    width: 300px;
    height: 120px;
    float: left;
}

.company_flow_R {
    width: 270px;
    height: 120px;
    float: right;
}

.company_header2 {
    width: 555px;
    padding: 5px 0 5px 20px;
    color: #ffffff;
    background-color: #adcf1d;
}

.company_header3 {
    width: 555px;
    padding: 5px 0 5px 20px;
    color: #ffffff;
    background-color: #69b2ee;
}

.company_header4 {
    padding: 5px 0 5px 30px;
    background-image: url("http://www.b-jin.jp/v2/img/arrow4.gif");
    background-repeat: no-repeat;
}

.company_header5 {
    background-color: #000000;
}

.company_header5 p {
    font-weight: bold;
    color: #ffff00;
}

.company_header5 a {
    font-weight: bold;
    color: #ffff00;
}

.company_header5 a:hover {
    font-weight: bold;
    color: #ffff00;
    text-decoration: underline;
}

#job {
    margin: 11px;

}

#job ul {
    padding: 0px;

}

#job li {
    margin: 5px;
    padding-left: 18px;
    font-size: 11pt;
    list-style: none;
    background-image: url("http://www.b-jin.jp/v2/img/listmark.gif");
    background-repeat: no-repeat;
}

.feature {
    margin: 5px 10px;
    border: 2px solid #69b2ee;
}

.feature1 {
    padding: 10px 10px 10px 50px;
    border-left: 10px solid #d2e6fa;
    background-image: url("http://www.b-jin.jp/v2/img/1.gif");
    background-repeat: no-repeat;
}

.feature2 {
    padding: 10px 10px 10px 50px;
    border-left: 10px solid #d2e6fa;
    background-image: url("http://www.b-jin.jp/v2/img/2.gif");
    background-repeat: no-repeat;
}

.feature3 {
    padding: 10px 10px 10px 50px;
    border-left: 10px solid #d2e6fa;
    background-image: url("http://www.b-jin.jp/v2/img/3.gif");
    background-repeat: no-repeat;
}

.feature4 {
    padding: 10px 10px 10px 50px;
    border-left: 10px solid #d2e6fa;
    background-image: url("http://www.b-jin.jp/v2/img/4.gif");
    background-repeat: no-repeat;
}

.feature5 {
    padding: 10px 10px 10px 50px;
    border-left: 10px solid #d2e6fa;
    background-image: url("http://www.b-jin.jp/v2/img/5.gif");
    background-repeat: no-repeat;
}

.doc {
    width: 280px;
    float: left;
}

#new {
    border: 1px solid #000000;
}

#new_in {
    margin: 1px;
    color: #ffffff;
    background-color: #00552e;
    padding: 10px;
}

#m_header {
    width: 460px;
    margin: 10px 5px;
    height: auto;
    float:left;
}

#i_header {
    width: 370px;
    margin: 10px 5px;
    height: auto;
    float:left;
}

.B-JINchan {
    float:left;
}

#a1 {
    height: auto;
    float: left;
}

#a1 table{
    width: 250px;
    height: auto;
    float: left;
}

.answer {
    vertical-align: top;
    padding-right: 5px;
}

#iq-3l {
    height: auto;
    float: left;
}

#iq-3l table,
  #iq-3r table {
    width: 250px;
    height: auto;
}

#iq-3r table td {
    padding: 5px;
    text-align: center;
    height: auto;
}

#iq-3r {
    height: auto;
    float: left;
}

.table1 {
    font-size: 10.5pt;
}

.seminar{
    width: 575px;
    float: left;
}

.semiclass {
    width: 170px;
    paddint: 5px 5px 5px 30px;
    border-left: 20px solid #b2a79f;
    background-color: #cdc4bd;
}

.semiclass2 {
    paddint: 5px 5px 5px 15px;
    font-size: 9pt;
}

#seminarL {
    width: 300px;
    float: left;
}

#seminarR {
    width: 270px;
    float: left;
}

#seminarR p {
    margin: 5px;
    font-size: 9pt;
}

.seminarfont {
    font-size: 11pt;
    font-weight: bold;
    color: #ec008c;
}

.seminar3 {
    padding-left: 18px;
    background-image: url("http://www.b-jin.jp/v2/img/mark.gif");
    background-repeat: no-repeat;
}

.koe_title1 {
    font-weight: bold;
    color: #f174a0;
}

.koe_title2 {
    font-weight: bold;
    color: #3cb64b;
}

.koe_title3 {
    font-weight: bold;
    color: #422311;
}

.koe {
    padding-left: 18px;
}

/* ------------------------------------------
6. 支援内容用テーブル
------------------------------------------ */
table#about-tb {
    width: 550px;
    font-size: 90%;
}

table#about-tb td.ab_left {
    width: 100px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #666666;
}

table#about-tb td.ab_right {
    width: 400px;
    font-size: 95%;
    border-bottom: 1px dotted #666666;
}

table#about-tb td.ab_right .td_in {
    margin: 5px;
    padding-left: 5px;
    border-left: 5px solid #99ccff;
}

/* ------------------------------------------
7. 支援の流れのテーブル
------------------------------------------ */
table.chart-tb {
    width: 550px;
    border: 1px solid #000000; 
    font-size: 90%;
}

table.chart-tb td.ch_left {
    width: 100px;
    background-color: #ffff00;
    font-weight: bold;
    text-align: center;
}

table.chart-tb td.ch_right {
    width: 400px;
    padding: 20px;
}

.ch {
    width: 100%;
    height: 30px;
    margin: 5px 0 10px 0;
    background-color: #000000;
}

.ch p {
    float: left;
    padding-left: 100px;
    text-align: center;
    line-height: 1em;
    color: #87CEFA;
}

/* ------------------------------------------
8. イベント用テーブル
------------------------------------------ */
#event_table {
    width: 550px;
    font-size: 90%;
}

#event_table th {
    background-color: #fff200;
    text-align: center;
    border: 1px solid #999999; 
}

.pdf {
    margin-left: 8px;
}

#past_year_event li {
    float: left;
    margin: 5px 10px;
    padding-left: 20px;
    list-style-type: none;
    background-image: url("http://www.b-jin.jp/v2/img/arrow2.gif");
    background-repeat: no-repeat;
}

#past_year_event {
    float: left;
    margin: 10px 5px 10px 0;
    padding-left: 20px;
}

/* ------------------------------------------
9. サイドエリア
------------------------------------------ */
.side_button {
    width: 240px;
    float: right;
    margin: 5px 5px;
    padding: 0px;
}

#btn_OnlineReg {
    padding: 1px;
    border: 1px solid #999999;
}

#btn_Offer {
    padding: 1px;
    border: 1px solid #999999;
}

#btn_Kougi {
}

#btn_SciCom {
    border: 1px solid #999999;
}

#btn_CareerPath {
    clear: both;
}

.cta_blue {
    padding: 1px;
    color:#333333;
    font-size: 80%;
    border: 1px solid #333333;
}

.cta_blue h3 {
    margin: 5px;
}

.cta_blue dl {
    padding: 5px;
    text-align: left;
}

.cta_blue dd {
    margin: 0 0 0 10px;
    text-align: left;
}

.cta_blue a {
	font-weight: bold; 
	color:#333333;
	text-decoration: none;
}

.cta_blue a:hover {
	color:#0000FF;
	text-decoration: underline;
}

#bjsearch {
    width: 250px;
    clear: both;
    margin: 0;
    text-align: right;
}

#bjmenu {
    clear: both;
    float: right;
    margin: 0;
    text-align: right;
}

#bjarticlelist {
    background-color: #DCDCDC;
    text-align: center;
}

#bjarticlelist h3 {
    border-bottom: 2px dotted #333333;
}

#sub_bjarticlelist {
    width: 200px;
    clear: both;
    float: right;
    background-color: #F5F5F5;
    text-align: center;
}

.f_contact {
    float: left;
    padding: 0 0 0 10px;
}

.f_contact_en {
    width: 600px;
    float: left;
    padding: 0 0 0 10px;
}

.f_contact h3,
  .f_contact_en h3 {
    margin-top: 2px;
    font-size: 14pt;
}

.f_contact h4,
  .f_contact_en h4 {
    margin: 2px 0 5px 0;
    font-size: 12pt;
}

.f_contact a,
  .f_contact_en a {
    color:#000000;
    text-decoration: none;
}

.f_contact  a:hover,
  .f_contact_en a:hover {
    color:#009900;
    text-decoration: none;
}

/* ------------------------------------------
10.フッター
------------------------------------------ */
#footer img {
    border: 0;
}

/* ------------------------------------------
11.スポンサー
------------------------------------------ */
#sponsor_jp {
    width: 850px;
    height: 30px;
    float: left;
    margin-bottom: 20px;
}

#sponsor_en {
    width: 850px;
    height: 70px;
    float: left;
    margin-bottom: 20px;
}

#sponsor_jp #logo,
  #sponsor_en #logo {
    width: 28px;
    height: 24px;
    float: left;
    margin: 10px 0 10px 100px;
}

#sponsor_jp #logo_p {
    float: left;
    margin: 10px 0 0 5px;
    font-size: 90%;
}

#sponsor_en #logo_p_en {
    width: 500px;
    height: 100%;
    float:left;
    padding: 5px 10px;
    font-size: 90%;
}

#sponsor_jp #logo_p p{
    margin: 0;
}

/* ------------------------------------------
12.ナビゲーション
------------------------------------------ */
#navi_menu_area {
    width: 850px;
    height:25px;
    float: left;
    margin: 5px auto 0 auto;
    background-color: #eeeeee;
    border-bottom: 5px solid #999999;
}

#navi_menu_area a:link {
    color: #0066cc;
}

#navi_menu_area a:visited {
    color: #0066cc;
}

ul#navi_menu {
    margin-left: 1px;
    padding: 0;
    list-style: none;
}

ul#navi_menu li {
    position: relative;
    float: left;
    margin-right: 1px;
    padding: 0;
}

/* ------------------------------------------
13.サブナビゲーション
------------------------------------------ */
#about_subnavi_box {
    width: 590px;
    height: 140px;
}

#about_subnavi_list {
    width: 380px;
    height: auto;
    float: left;
}

#about_subnavi_box ul.sn_ul {
    margin-left: 0px;
}

#about_subnavi_box li.sn_li {
    padding: 0;
    list-style-type: none;
}

#about_subnavi_greeting {
    margin: 5px 0 0 25px;
    float: left;
}

#about_subnavi_greeting li{
    margin: 0 0 5px 0;
}

/* ------------------------------------------
14.写真
------------------------------------------ */
#photo_pre_column {
    float: left;
    margin: 5px;
    padding: 5px;
    background-color: #cccccc;
}

#photo_pre_column .pre_name {
    margin: 5px auto;
    padding: 5px;
    background-color: #cccccc;
}

#photo_adm_column {
    margin: 5px;
    float: left;
    padding: 5px;
    background-color: #cccccc;
}

#photo_adm_column p {
    text-align: center;
}

.photo_column p {
    margin-top: 3px;
    font-size: 90%;
    text-align: center;
}
.photo_column_left {
    margin: 5px;
    padding: 3px;
    float: left;
    background-color: #cccccc;
}
.photo_column_left p {
    margin-top: 3px;
    font-size: 90%;
    text-align: center;
}

.photo_right {
    margin: 5px;
    padding: 5px;
    float: right;
    background-color: #cccccc;
}

.photo_left {
    margin: 5px;
    padding: 5px;
    float: left;
    background-color: #cccccc;
}

.photo_caption {
    margin-top: 5px;
    text-align: center;
    font-size: 90%;
    background-color: #cccccc;
}


/* ------------------------------------------
15.個人情報保護方針
------------------------------------------ */
#application_form {
    width: 800px;
    margin: 10px auto;
    text-align: center;
}

#form_table {
    margin: 0;
}

#privacy_policy {
    width: 650px;
    margin: 20px;
    padding: 20px;
    text-align: left;
    background-color: #eeeeee;
}

#privacy_policyl_ol {
    list-style: decimal;
}

#privacy_policy_ol li{
    margin-left: 50px;
}


/* ------------------------------------------
16.アクセス情報
------------------------------------------ */
#access_info ul {
    list-style: square;
}

#access_info ul li{
    margin-left: 50px;
}

.access_info_photo {
    padding: 1px;
    border: 1px solid #000000;
}

#photo_slide_in {
    clear: both;
    padding: 1px;
    border: 1px solid #999999;
}

.top_th_img {
    margin: 5px;
    padding: 3px;
    float: left;
    background-color: #ffffff;
}

.bbb_in_about {
    padding: 3px;
    float: left;
    background-color: #ffffff;
}

tmp_clear_both {
    clear: both;
}

/* ------------------------------------------
17.インタビュー
------------------------------------------ */
#interview1 p {
    margin: 5px 5px 20px 5px;
    font-size: 1em;
}

#interview2 {
    float: left;
    background-color: #feffb9;
}

.profile_photo {
    width: 143px;
    height: 143px;
    margin: 5px;
    padding: 5px;
    float: left;
}

.profile_photo img {
    border: 1px solid #666666;
}

.profile_bg {
    width: 400px;
    height: auto;
    padding: 5px;
    float: right;
    font-size: 1em;
}

.profile_about {
    width: 100%;
    height: 100%;
    padding: 5px;
    clear: left;
}

.profile {
    width: 100%;
    height: 100%;
    margin: 5px;
    padding: 5px;
    float: left;
    clear: left;
}

.profile_th {
    width: 75px;
    height: 80px;
    margin: 5px;
    padding: 5px;
    float: left;
}