@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, Osaka, verdana, arial, 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 {
float: left;
width: 850px;
height: 250px;
margin: 0;
background-color: #ffffff;
text-align: center;
}

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

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

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

#footer {

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

/* --------------------------------------------------------------------- */
/* 3.ヘッダー                                                            */

#header h1{
font-size:90%;
margin: -40px 0 0 370px;
text-align: left;
}

#sub_header {
float: left;
width: 850px;
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;
align: left;
font-size: 90%;
}

/* --------------------------------------------------------------------- */
/* 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{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color: #f8f400;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.entry_table td{
    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 {
font-size: 120%;
padding: 5px 0 0 30px;
}

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

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


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

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

.entry-header3 {
margin-left: 10px;
padding: 2px 2px 2px 10px;
clear: left;
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;
float: left;
text-align: center;
margin: 5px 10px 5px 5px;
}

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

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

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

#nl p {
margin: 5px 0;
}

/*---- 6.支援内容用テーブル  ------------------------------------*/

table#about-tb {
width: 550px;
}

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; 
}

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 {
text-align: center;
line-height: 1em;
color: #87CEFA;
float: left;
padding-left: 100px;
}

/*---- 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 {
float: right;
width: 240px;
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 0 0 0;
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:#3333333;
	text-decoration: none;
}
.cta_blue a:hover {
	color:#0000FF;
	text-decoration: underline;
}

#bjsearch {
clear: both;
width: 250px
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 {
clear: both;
float: right;
width: 200px;
background-color: #F5F5F5;
text-align: center;
}

.f_contact {
float: left;
padding: 0 0 0 10px;
}
.f_contact h3 {
margin-top: 2px;
margin-bottom: 0;
font-size: 14pt;
}
.f_contact h4 {
margin-top: 2px;
margin-bottom: 5px;
font-size: 12pt;
}
.f_contact a {
color:#000000;
text-decoration: none;
}
.f_contact  a:hover {
color:#009900;
text-decoration: none;
}



/*---- 10.フッター         ----------------------------*/

#footer img {
border: 0;
}

/*---- 11.スポンサー         ----------------------------*/

#sponsor {
width: 850px;
height: 30px;
float: left;
margin-bottom: 20px;
}

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

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

#sponsor #logo_p p{
margin: 0;
}

/*---- 12.ナビゲーション         ----------------------------*/

#navi_menu_area {
background-color: #eeeeeeee;
width: 850px;
height:25px;
float: left;
margin: 5px auto 0 auto;
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 {
float: left;
position: relative;
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;
background-color: #cccccc;
padding: 5px;
margin: 5px;
}

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

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

#photo_adm_column p {
text-align: center;
}

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

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

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

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


/* --------------------------------------------------------------------- */
/* 個人情報保護方針  */

#application_form {
width: 800px;
margin: 10px auto;
text-align: center;
}

#form_table {
margin: 0;
align: center;
}

#privacy_policy {
background-color: #eeeeee;
width: 650px;
margin: 20px;
padding: 20px;
text-align: left;
}
#privacy_policyl_ol {
list-style: decimal;
}
#privacy_policy_ol li{
margin-left: 50px;
}


/* --------------------------------------------------------------------- */
/* アクセス情報*/

#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;
/* float: right; */
padding: 1px;
border: 1px solid #999999;
}

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

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

tmp_clear_both {
clear: both;
}

/* --------------------------------------------------------------------- */
/* 17.インタビュー                                                       */

#interview1 p {
margin: 5px 5px 20px 5px;
font-size: 1em;
}

#interview2 {
float: left;
margin-bottom: 10px;
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: 80px;
height: 90px;
float: left;
font-size: 85%;
text-align: center;
}

.interview_block {
clear: left;
}