/* CSS Document  ENGLISH
 */
 
 /*
 --------- --------------------------------------
  WORK IN JAPAN Career Support ENGLISH 
 ------------------------------------------------
*/




/*------------------------------------------------
  Support Contents Menu
  ------------------------------------------------*/

div.frmTopL_BlueSupportIndex {
    background              : url("/images/ja/base/bk_topleft_blue.gif") no-repeat left top;
    width                   : 15px;
    height                  : 80px;
    float                    : left;
}
div.frmTopC_BlueSupportIndex {
    background              : url("/images/ja/base/bk_topcenter_blue.gif") repeat-x left top;
    width                    : 328px;
    height                  : 80px;
    text-align                : center;
    float                    : left;
}
div.frmTopR_BlueSupportIndex {
    background              : url("/images/ja/base/bk_topright_blue.gif") no-repeat left top;
    width                   : 15px;
    height                  : 80px;
    float                    : left;
}
div.frmMiddle_SupportIndex {
    width                    : 356px;
    border                  : 0px solid #B2B2B2;
    border-width            : 0px 1px;
    clear                    : both;
    padding-bottom:5px;
}
div.frmContents {
    padding                    : 0px 15px;
}
div.frmBottomL {
    background              : url("/images/ja/base/bk_underleft.gif") no-repeat left top;
    width                   : 15px;
    height                  : 9px;
    float                    : left;
}
div.frmBottomC {
    background              : url("/images/ja/base/bk_undercenter.gif") repeat-x left top;
    width                    : 328px;
    height                  : 9px;
    float                    : left;
}
div.frmBottomR {
    background              : url("/images/ja/base/bk_underright.gif") no-repeat left top;
    width                   : 15px;
    height                  : 9px;
    float                    : left;
}



/*
 ------------------------------------------------
  SecondMenu Tab
 ------------------------------------------------
*/
/*
#secondTab {
    position                : relative;
    width                    : 100%;
    bottom                    : -1px;
    margin-top                : 20px;
}
#secondTab ul {
    position                : absolute;
    left                    : 20px;
    bottom                    : 0px;
    margin                    : 0px;
    padding                    : 0px;
}
#secondTab li {
    background                : transparent url("/images/ja/base/btn_tab_jobscompany.gif") 100% 0px no-repeat;
    padding                    : 0px 3px 0px 0px;
    margin                    : 0px 2px 0px 0px;
    float                    : left;
    list-style-type            : none;
}
#secondTab ul a {
    background                : transparent url("/images/ja/base/btn_tab_jobscompany.gif") 0% 0px no-repeat;
    padding                    : 4px 4px 2px 7px;
    color                    : #444;
    font-size                : 12px;
    text-decoration            : none;
    float                    : left;
}
#secondTab li:hover {
    background-position        : 100% -48px;
}
#secondTab ul li:hover a {
    background-position        : 0% -48px;
}
#secondTab ul a:hover {
    color                    : #003F97;
}
#secondTab li#second_on {
    background-position        : 100% -48px;
}
#secondTab  li#second_on a {
    background-position        : 0% -48px;
    color                    : #003F97;
}
*/


.lij{
line-height:120%;
word-spacing:0.1em;
}

.lij ul{
margin:5px 0 5px 0;}

.lij ul li{
list-style:none;
margin:4px 0 0 2px;
}



.lij table tr td a{
font-weight:normal;}

.lij table tr td{
font-weight:bold;
color:#666666;
padding:5px 0 0 0px; }




h1.lij_title{
font-size:22px;
color:#DA7E18;

} 

h2.lij_subtitle{
font-size:18px;
color:#006699;
padding:15px 0 4px 0;
margin:0;
} 

h3.lij_subtitle{
font-size:14px;
color:#0099CC;
padding:7px 0 4px 0;
margin:0;
} 
 


/*
 --------- --------------------------------------
  転職サポート　ページ　メインボディ
 ------------------------------------------------
*/

div.supportColumnLeft {
    /*float                   : left;
    padding-left            : 30px;
    margin-top              : 10px;*/
        width                   : 760px;
    margin-top                : 20px;
    padding-left            : 28px;
    float                   : left;
}
div.supportColumnRight {
    width                    : 160px;
    margin-top                : 20px;
    float                    : right;
}




/*
 ------------------------------------------------
  Daijob 　　　サイドバー menu list
 ------------------------------------------------
*/

div.menuList a {

list-style-image:url(../../images/dj/ja/arrowr.png);

}
/* 転職サポートコンテンツのメインタイトルたち*/
div.menuTitle {
    padding                 : 7px 7px 5px 5px;

}
/* 転職サポートコンテンツのメインタイトルたちのサブテキスト*/
div.menuTitleSubText {
    font-size               : 10px;;
}
div.menuTitleText {
    padding                 : 2px 0px 0px 0px;
    font-size               : 12px;
}

/* リスト全体　*/
div.menuLink ul {
    margin                  : 0px 0px 10px 0px;
    padding                 : 0px 0px 0px 0px;
    font-size               : 12px;

}

/* サブタイトル*/
div.menuLink ul li {
    padding-left            : 10px;
    margin                  : 7px 0px 2px 0px;
    padding                 : 0px 0px 0px 5px;
    font-size               : 12px;
}

/* サブサブタイトル*/
div.menuLink ul ul li {
    background              : none;
    padding-left            : 10px;
    margin                  : 0px 0px 2px 0px;
    padding                 : 0px 0px 0px 10px;
    font-size               : 10px;
}
/* テキストリンクの色*/
div.menuLink ul a{
    color                   : #003F97;
}

/* テキストリンクの色　オンマウスのとき*/
div.menuLink a:hover {
    color                   : #6CA2F4;
    text-decoration         : none;
}

/* テキストリンクの色　押したとき*/
div.menuLink a:active {
    color                   : #0066FF;
}


/* 転職サポートツールとスカウト活用術（メインタイトルのない分）のテキストリンク*/
div.menuLink ul li a{
    padding-left            : 5px;
    font-size               : 10px;

}



#siteright{
float:right;
width:445px;
border-bottom-color:#999999;
}

#siteleft{
float:left;
width:445px;
border-bottom-color:#CCCCCC;
}

/*
 ------------------------------------------------
  Daijob 　　On and Off koala copy from dj4
 ------------------------------------------------
*/


.S08H100 { font-size: 8px; color: #333333}

.S08H120 { font-size: 8px; line-height: 120%; color: #333333}

.S08H160 { font-size: 8px; line-height: 160%; color: #333333}


.S10H100 { font-size: 10px; color: #333333}

.S10H120 { font-size: 10px; line-height: 120%; color: #333333}

.S10H140 { font-size: 10px; line-height: 140%; color: #333333}

.S10H160 { font-size: 10px; line-height: 160%; color: #333333}

.S10H200 { font-size: 10px; line-height: 200%; color: #333333}


.S12H100 {  color: #333333}

.S12H120 {  line-height: 120%; color: #333333}

.S12H140 { line-height: 140%; color: #333333}

.S12H160 {  line-height: 160%; color: #333333}

.S12H200 {  line-height: 200%; color: #333333}


.S14H100 { font-size: 14px; color: #333333}

.S14H120 { font-size: 14px; line-height: 120%; color: #333333}

.S14H140 { font-size: 14px; line-height: 140%; color: #333333}

.S14H160 { font-size: 14px; line-height: 160%; color: #333333}

.S14H200 { font-size: 14px; line-height: 200%; color: #333333}


.point1 {font-size: 12pt; line-height: 16pt; color: #333333}

.point2 {font-size: 10pt; line-height: 12pt; color: #333333}

.point3 {font-size: 9pt; line-height: 11pt; color: #333333}

.point4 {font-size: 8pt; line-height: 10pt; color: #333333}

.point5 {font-size: 7pt; line-height: 9pt; color: #333333}


.formwidthtextarea {
    width : 480px;
    font-size: 12pt;
}

.bg01 {
    background-image: url(/img/ja/onandoff/koala/bg_01.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

p.koala {
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 30px;
}

.onandoff_box{
border:dashed thin #0066CC;
width:250px;
font-size:10px;
float: right;
}
.img{
float:left;}

.S14H160T {
    font-size: 16px;
    color: #333333;
    padding: 5px 5px 3px;
    border: 1px solid #333333;
}
.S16H140 {
    font-size: 16px;
    font-weight: bold;
    color: #000066;
}


.outdoorbox{
width:205px;
height:95px;
border:#CCCCCC solid 1px;
float:left;
margin:0 0 10px 15px;
padding:5px;
line-height:14px;

overflow:hidden;
 }
 
.outdoorbox img{
width:80px;
height:60px;
border:#CCCCCC 1px solid;
margin-right:5px;
margin-top:5px;
margin-bottom:2px;
float:left;}

.outdoorbox p{
font-size:10px;
line-height:12px;
margin:0}

.storytitle a{
font-weight:bold;
color:#DD8740;
font-size:12px;
}

.storytitle a:visited{
color:#DD8740;
}

.storytitle a:hover{
color:#FFCC66;
}
 
.balancebox{
width:205px;
height:80px;
line-height:14px;
border:#CCCCCC solid 1px;
float:left;
margin:0 0 10px 15px;
padding:5px;
font-size:10px;
overflow:hidden;
}

.balancebox img{
width:80px;
max-height:60px;
border:#CCCCCC 3px double;
margin-right:0px;
margin-top:0px;
margin-bottom:2px;
float:right;
}
 
.storyhead{
padding: 15px 0 10px 0;}

.storytitle_b a {
font-weight:bold;
color:#8BA338;
font-size:12px;
line-height:14px;
}
.storytitle_b a:visited{
color:#8BA338;
}
.storytitle_b a:hover{
color:#A4D661;
}

.whatsonandoff{
color:#666666;
font-size:12px;
padding:5px;}

.storytitle_b strong{
color:#006699;}

/*
 ------------------------------------------------
  Daijob 　スカウト
 ------------------------------------------------
*/


.scout_tateline{
border-left-style:dashed;
border-left-color:#999999;
border-left-width:1px;}

.scout_yokoline{
border-bottom-style:dashed;
border-bottom-color:#999999;
border-bottom-width:1px;}

/*
 ------------------------------------------------
  Daijob 　英語アラカルト　ゆうわーど from dj4
 ------------------------------------------------
*/


.style2 {color: #FFFFFF}
.style4 {color: #33CC00}
.style5 {color: #009933}


/*
 ------------------------------------------------
  Daijob コラム　
 ------------------------------------------------
*/
/* サーチ*/
div.column .ifrm {
  margin: 0px;
  padding: 0px;
  text-align:right;
  font-size:10px;
}
div.column .ifrm input {
    font-size: 10px;
    line-height:120%;
    background-color:#FFFFCC;
}

div.headerimg{
float:left;
}

div.columntitle {
float:left;
font-size:14px;
padding-left:20px;
padding-top:27px;}

div.columntitle a{
color:#669966;}

/* コラム*/

.latest_column h3{
color:#FF6633;
padding:0;
margin:3px 0 3px 0;
border-left:#D2694A 8px solid;
text-indent:5px;
font-size:12px;}

.column_header{
margin-bottom:10px;
clear:both;}

/*.column{
    margin:0px;
    padding:0px;
    float:left;
    width:730px;
}
*/
.column a{
text-decoration:none;}

.bioProfile{
color:#666666;
padding:60px 0 0 180px;
width:540px;
margin:0;
font-size:12px;
}
.bioProfile p{
font-size:10px;}


.columntitle{
font-size: large;
font-weight:bold;
color:#666666;

}
.columnsummary {
padding:0px ;
margin-left:20px;
border-color:#800040; 
line-height: 110%;
width:93%;

}
.latestcolumn{
font-size:medium;
width:700px;
background-color:#FFFDFB;
padding: 15px 15px 5px 15px ;
border-width:1px;
border-color:#999999;
border-style:solid;
margin-bottom:5px;
}
.latestcolumn h3{
margin:0px;
padding:0px;
background-color:#F0F0F0;
font-size:large;
padding:4px 2px 2px 4px;

}

/*chinese */
.bio{
width: 590px;
font-size:12px;
margin-left:135px;
margin-top:60px;

}
.bio p{
font-size:10px;
padding-left:35px;

}





/* 記事　article.rhtml　*/

div.article{
width:680px;
background-color:#ffffff;
margin-top:20px;
padding:15px 30px 10px 30px;
border-width:1px;
border-color:#333399;
border-style:solid;
}

div.article h3 {
    font-size: large;
}
    
div.article p{
line-height:1.5;
text-align:justify;
}



/* 記事　QAのあるコラム　転職相談　　*/

.bioProfile_ishihara{
width:700px;
padding-left:14px;}


/* 記事　QAのあるコラム　新・転職相談　　*/

.article_QA{
width:680px;
border-width:1px;
border-style:solid;
border-color:#94C651;
background-color:#FFFFF7;
margin: 0px;
padding:15px 30px 10px 30px;
line-height: 125%;
font-size;

}
.article_Q{
border-color:#66CC66;
border-style:dashed;
background-color:#FFFFFF;
padding:8px;
border-width:thin;
}


.article_A{
border-width:thin;

}

/* 記事　QAのあるコラム　ASK　THE　EXPERT　石原さん　　*/
.article_QA2{
width:680px;
border-width:1px;
border-style:solid;
border-color:#EEEBAC;
background-color:#ffffff;
margin: 0px;
padding:15px 30px 10px 30px;
line-height: 125%;
font-size;

}
.article_Q2{
border-color:#DAC888;
border-style:dashed;
background-color:#fff;
padding:8px;
border-width:1px;

}

.latestcolumn_QA{
border-left:thick solid #F3EDD3;

}
/* 記事 コラム　タカシ　　*/
.bioProfile_takashi{
color:#666666;
padding:0px 0 0 30px;
width:590px;
margin:0;
font-size:12px;
}

/* 記事　CHINESE　　*/
.article_chinese{
/*background:url(/img/ja/column/chinese_article.gif) no-repeat ;*/
width:680px;
background-color:#FFFFF7;
margin: 0px;
padding:15px 30px 10px 30px;
border-width:2px;
border-color:#FF9D9D;
border-style:dotted;
line-height: 125%;

}

.article_chinese_sub{
padding-left:70px;}


.mba_img{
padding-left:4px;
}

/*
 ------------------------------------------------
On and Off バランスライフ　メインページ　
 ------------------------------------------------
*/
/*  特集　キャンペーン 　*/

.campaign{
}

#campaign1{
float:left;
width:425px;
}
#campaign2{
float:left;
width:425px;
clear:both;

}
/*  Woman&Work　*/
.dotwaku{
border-style:dotted;
border-color:#3399CC;
width:720px;
border-width:2px;
padding:5px;
}

.dotline{
border-top-style:dotted;
border-top-color:#3399CC;
border-top-width:2px;
height:10px;

}

.dotwaku2{
border-style:dotted;
border-color:#DAC888;
width:720px;
border-width:2px;
padding:5px;
}

.dotline2{
border-top-style:dotted;
border-top-color:#DAC888;
border-top-width:2px;
height:5px;
}


.interview_bio{
background-color:#FCF1FC;
padding:5px;}

.title_womancarrer{
background-color:#F2F5B4;
color:#9F5B33;
font-weight:bold;
font-size:12px;
padding:5px;
margin-bottom:3px;

}

.title_womanwork{
background-color:#D4E9FF;
color:#2D41C3;
font-weight:bold;
font-size:12px;
padding:5px;
margin-bottom:3px;

}


.link_text a{
line-height:16px;

}


/*  What's On and Off? 　*/
.whatis{
float:right;
width:250px;
height:320px;
border-style:solid;
border-color:#F2F5B4;
border-width:2px;
background-color:#F2F5B4;
color:#666666;
padding:10px;}




/*  皆さんの投稿STORY　*/
.story{
margin-top:15px;
}
.story_outdoor{
width:340px;
background-color:#FFFFF0;
height:270px;
border:dotted;
border-width:2px;
border-color:#00CC99;
padding-left:10px;
}
.story_balancelife{
width:340px;
background-color:#FFFFF0;;
height:270px;
border:dotted;
border-width:2px;
border-color:#66CCCC;
padding-left:10px;
margin-right:0px;
}

.story_balancelifetitle {
    font-size: 14px;
    font-weight: bold;
    color:#006699;
    width: 100%;
    }
    
.story_outdoortitle {
    font-size: 14px;
    font-weight: bold;
    color:#006633;
    width: 100%;
    margin-top:5px;
    }
    
.story_header{
background-color:#F2F5B4;
text-align:center;
width:730px;
color:#FF6600;
font-weight:bold;
font-size:16px;
border-style:double;
border-color:#FFAE88;
margin-bottom:5px;
padding-bottom:3px;
padding-top:4px;

}


/* セルダル　

div.profiletable_serdal .bio{
width: 490px;
margin-left:11px;
font-size:12px;

}

.bio2{
background-color:#FFF4F4;
padding:5px 5px 5px 5px;
border:thin;
border-style:dashed;
border-color:#CC9933;
}

.bio2 span{
font-weight:bold;
padding-bottom:5px;
padding-top:5px;

}

.bio3{
background-color:#F0F5E2;
padding:5px 5px 5px 5px;
border:thin;
border-style:solid;
border-color:#CC9933;
}


.bio p{
font-size:12px;
font-weight:bold;
border-style:none;
margin-bottom:5px;
padding-bottom:0;

}

div.bio  .bioName{
font-size:13px;
color:#996600;
font-weight:bold;
padding:5px;
}

div.bio .bioProfile{
color:#666666;
padding:5px;

*/

/* 対面相談　石原さん*/

.taimen_box1{
width:500px;
background-color:#FFFFCC;
}
#taimen_box2{

background-image:url(../../img/ja/column/sodan_clip.gif);
background-repeat:no-repeat;
/*border-left:#D0E688 10px solid;*/
height:160px;
}

#taimen_box2 p{
padding:0px 0px 5px 10px ;
font-size:14px;
width:350px;
line-height:18px;
}

#taimen_box2 .taimen_sodan{
font-size:16px;
font-weight: bold;
color:#336633;
/**/border-bottom:#336633 1px solid;
width:360px;
vertical-align:bottom;
margin:10px;
padding: 15px 0 0 0px;
}
.taimen_q_box{
width:100%;
background-color:#D0E688;

}


.taimen_q_txt{
color:#FFFFFF;
font-weight:bold;
font-size:14px;
padding:7px 0 5px 5px;
}

.taimen_keireki{
font-size:12px;
line-height:13px;
padding-left:10px;}


dl.ishihara, dl.sodansha {

 margin-bottom: 1em;
 clear:left;
 width:95%;
 margin-left:10px;


}

dl.ishihara dt {

 font-weight: bold;
 color:#C56C2C;
 float: left;
 width:60px;
}

dl.ishihara dd {
  margin-left: 80px;
  color:#333333;
}

dl.ishihara dd p {
 line-height: 160%;
 margin-bottom: 1em;

}



dl.sodansha dt {
 font-weight: bold;
 float: left;
 color:#757E30;
 width:60px;

}

dl.sodansha dd {
margin-left: 80px;
}



dl.sodansha dd p {
 line-height: 160%;
 margin-bottom: 1em;
}

.taimen_point{
border: #D0E688 double ; }
.taimen_point p{
padding: 0 10px;}

.taimen_point h2{
font-size:18px;
color:#CC9933;
font-weight:bold;
padding: 0 0 0px 10px;}

.taimen_point h4{
font-size:16px;
color:#93A041;
line-height:18px;
}
.taimen_profile{
background-color:#E8F4C6;
padding:5px 10px 10px 10px;
line-height:1.3em;
border:#D0E688 1px dotted;}

.profile_name{
font-weight:bold;
border-bottom: #D0E688 thin solid;
color:#666633;}

.pic_150{
clear:both;
border:#CCCCCC thin solid;
padding:2px;
width:151px;
height:151px;
text-align:center;
vertical-align:middle;
float:left;
margin:12px 10px 0 10px;}

.sodan_indexbox {
border:#F5B53D 2px dotted;
padding:5px;
margin:0px;
background-color:#FDFADF;
min-height:105px;
height:105px;


}

.sodan_indexbox p{
}

.sodan_number{
font-weight:bold;
color:#003366;
font-size:16px;
line-height:18px;
float:left;
padding:5px;
}

.sodan_navibutton{
margin-left:480px;


}

.sodan_boshu{
font-size:14px;
font-weight:bold;
padding:10px;
line-height:16px;
}

.sodan_boshu p{
padding-left:5px;
margin-left:60px;
color:#666666;
line-height:14px;

}