@charset "UTF-8"; /* 文字コードはUTF8です */

body{
  backgound:     #FFF;
  color:         #333;
  margin-bottom: 20px;
//  font-size:     62.5%;
}

.clear { clear:both; }
.clear hr { display:none; }

.font12  {font-size: 1.2rem;}
.font14  {font-size: 1.4rem;}
.font16  {font-size: 1.6rem;}
.font18  {font-size: 1.8rem;}

.size50  {width: 50px;}
.size60  {width: 60px;}
.size70  {width: 70px;}
.size80  {width: 80px;}
.size90  {width: 90px;}
.size100 {width: 100px;}
.size120 {width: 120px;}
.size130 {width: 130px;}
.size140 {width: 140px;}
.size150 {width: 150px;}
.size160 {width: 160px;}
.size250 {width: 250px;}
.size300 {width: 300px;}
.size400 {width: 400px;}
.size500 {width: 500px;}
.size600 {width: 600px;}

.marginzero  { margin: 0px; }

.margintop3  { margin-top: 3px; }
.margintop5  { margin-top: 5px; }
.margintop10 { margin-top: 10px; }
.margintop15 { margin-top: 15px; }
.margintop20 { margin-top: 20px; }

.marginbottom3  { margin-bottom: 3px; }
.marginbottom5  { margin-bottom: 5px; }
.marginbottom10 { margin-bottom: 10px; }
.marginbottom15 { margin-bottom: 15px; }
.marginbottom20 { margin-bottom: 20px; }

/* CakePHP default CSS ---------------------------------------- */
/* SQL log */
.cake-sql-log {
	background: #fff;
	border: 2px solid #666;
}
.cake-sql-log td {
	border: 1px solid #999;
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}



/* Notices and Errors */
.message {
    display:        block;
    border:         5px dotted #FDD;
    width:          80%;
    color:          #F60;
    background:     #FEE;
    margin:         2px 0px 2px 0px;
    padding:        4px 15px;
    font-size:      1.2rem;
    font-weight:    bold;
    line-height:    120%;
}

/* ------------------------------------------------------- */

.bluenoticebig{
    color:          #33F;
    font-size:      1.8rem;
    font-weight:    bold;
}

.bluenoticemini{
    color:          #33F;
    font-size:      1.2rem;
    font-weight:    bold;
}

.rednoticebig{
    color:          #33F;
    font-size:      1.8rem;
    font-weight:    bold;
}

.rednoticemini{
    color:          #33F;
    font-size:      1.2rem;
    font-weight:    bold;
}





#breadcrumb{
  width:            1000px;
}

#breadcrumb a{
  font-size:        1.2rem;
  font-weight:      bold;
  line-height:      120%;
  color:            #666;
}

#breadcrumb span{
  font-size:        1.2rem;
  font-weight:      bold;
  line-height:      120%;
  color:            #666;
}

#breadcrumb a:hover{
  color:            #336;
}


#registbox{
  margin:      0px auto;
}

/* 基本的なフォームテーブル */
.registtbl{
  margin:      20px auto;
  border-collapse: collapse;
}

.registtbl caption{
  margin:      0px;
  padding:     10px 10px;
  background:  #77F;
  border:      1px solid #33F;
  font-size:   1.6rem;
  font-weight: bold;
  color:       #FFF;
  text-align:  left;
}

.registtbl tr:nth-child(even){
  background:  #EEF;
}

.registtbl tr:nth-child(odd){
  background:  #FFF;
}

.registtbl th{
  width:       250px;
  margin:      0px;
  padding:     10px 0px 10px 10px;
  font-size:   1.4rem;
  line-height: 150%;
  font-weight: bold;
  text-align:  left;
  border:     1px solid #CCC;
}

.registtbl td{
  width:       550px;
  margin:      0px;
  font-size:   1.4rem;
  line-height: 150%;
  text-align:  left;
  padding:     10px 0px 10px 10px;
  border:     1px solid #CCC;
}

.registtbl input,select{
  margin-top:      2px;
  margin-bottom:   10px;
}


.registtbl p{
  display:     block;
  width:       80%;
  border:      2px dotted #CCF;
  color:       #669;
  background:  #FFF;
  margin:      5px 5px;
  padding:     5px;
  font-size:   1.2rem;
}

/* 決定ボタン等を表示するためのテーブル */
.submittbl{
  margin:      30px auto;
  border-collapse: collapse;
}

.hissu{
  color:       #F00;
  margin:      2px 5px;
  padding:     0px;
  font-weight: bold;
  font-size:   1.2rem;
}


/* ボタン達 */
.submitbtn{
  width:         150px;
  height:        35px;
  background:    #99F;
  color:         #FFF;
  font-weight:   bold;
  font-size:     1.6rem;
  border-top:    3px solid #AAF;
  border-left:   3px solid #AAF;
  border-right:  3px solid #66F;
  border-bottom: 3px solid #66F;
}

.defaultbtn {
  display: block; 
  border-top:    3px solid #CCC;
  border-left:   3px solid #CCC;
  border-right:  3px solid #666;
  border-bottom: 3px solid #666;
  background-color: #AAA;
  padding: 5px;
  margin: 0 auto; 
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}

.defaultbtn a{
  text-decoration: none;
  color: #333;
}

.defaultbtn a:hover{
  text-decoration: underline;
  color: #FFF;
}

/* フォームのチェックボックス用（helperで横並びの数を指定して表示するときに使用） */
.regchkbox_input{
  display: block;
  float:   left;
}

.regchkbox_label{
  display: block;
  float:   left;
  width:  230px;
}

.regchkbox_label_short{
  display: block;
  float:   left;
  font-size: 1.2rem;
  width:  185px;
}

/* トップページにある求職者用のマイメニュー */
.teachertbl{
  margin:      10px;
  width:       980px;
  border-collapse: collapse;
}

.teachertbl caption{
  margin:      0px;
  padding:     5px;
  background:  #6A6;
  border:      2px solid #9D9;
  font-size:   1.6rem;
  font-weight: bold;
  color:       #FFF;
  text-align:  left;
}

.teachertbl td{
  background:  #9F9;
  font-size:   1.2rem;
  border:      2px solid #9D9;
}

.teacher_minibox {
  float: left;
}

.teacher_minibox ul{
  margin: 0px; 
  padding: 0px; 
  list-style: none;
}

.teacher_minibox li{
  display: inline;
  border: 1px solid #999;
  background: #DFD;
  width:   150px;
  padding: 4px; 
  margin: 5px; 
  float: left;
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
}

.teacher_minibox li span{
  display: block; 
  padding: 4px;
  margin: 4px;
  border: 1px solid #999;
  background: #FFF;
  float: left;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 130%;
}

/* トップページにある企業用のマイメニュー */
.companytbl{
  margin:      10px;
  width:       980px;
  border-collapse: collapse;
}

.companytbl caption{
  margin:      0px;
  padding:     5px;
  background:  #FA3;
  border:      2px solid #FDA;
  font-size:   1.6rem;
  font-weight: bold;
  color:       #FFF;
  text-align:  left;
}

.companytbl td{
  background:  #FC9;
  font-size:   1.2rem;
  padding:     10px;
  border:      2px solid #FDA;
}

.company_minibox {
  float: left;
}

.company_minibox ul{
  margin: 0px; 
  padding: 0px; 
  list-style: none;
}

.company_minibox li{
  display: inline;
  border: 1px solid #999;
  background: #FED;
  width:   150px;
  padding: 4px; 
  margin: 5px; 
  float: left;
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
}

.company_minibox li span{
  display: block; 
  padding: 4px;
  margin: 4px;
  border: 1px solid #999;
  background: #FFF;
  float: left;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 130%;
}

.maintbl{
  margin:      10px;
  border-collapse: collapse;
}

.maintbl caption{
  margin:      0px;
  padding:     5px 10px;
  background:  #77F;
  border:      1px solid #33F;
  font-size:   1.6rem;
  font-weight: bold;
  color:       #FFF;
  text-align:  left;
}

.maintbl td{
  width:       700px;
  margin:      0px;
  font-size:   1.4rem;
  line-height: 130%;
  text-align:  left;
  padding:     10px 0px 10px 10px;
  border:      1px solid #CCC;
}

/* トップページ右側のお知らせ */
.newstbl{
  margin:      10px;
  border-collapse: collapse;
}

.newstbl caption{
  margin:      0px;
  padding:     5px;
  background:  #777;
  border:      1px solid #CCC;
  font-size:   1.4rem;
  font-weight: bold;
  color:       #FFF;
  text-align:  left;
}


.newstbl td{
  width:       250px;
  margin:      0px;
  font-size:   1.2rem;
  line-height: 120%;
  text-align:  left;
  padding:     10px 0px 10px 10px;
  border:      1px solid #CCC;
}

/* 求職者／企業のマイページの左側メニュー */
.menutbl{
  margin:      10px;
  border-collapse: collapse;
}

.menutbl caption{
  margin:      0px;
  padding:     5px;
  background:  #777;
  border:      1px solid #CCC;
  font-size:   1.6rem;
  font-weight: bold;
  color:       #FFF;
  text-align:  left;
}

.menutbl td{
  width:       250px;
  margin:      0px;
  font-size:   1.2rem;
  line-height: 120%;
  text-align:  left;
  border:      1px solid #CCC;
  padding:     10px 0px 10px 10px;
}

.menutbl td ul{
  display: block;
  width: 220px;
  margin: 0px;
  padding: 0px;
}

.menutbl td ul li{
//  display:     block;
//  border-bottom: 1px dotted #AAA;
  height:      30px;
  margin: 5px 0px 0px 20px;
  list-style-image: url("/img/common/listmark01.gif");
  font-size:   1.4rem;
  line-height: 200%;
  text-align:  left;
}

.menutbl td ul li a{
  color: #633;
  text-decoration: none;
}

.menutbl td ul li a:hover{
  color: #A66;
  text-decoration: underline;
}

/* お知らせ用 */
.normalnotice{
  line-height: 140%;
}

.normalnotice ul{
  display: block;
  list-style-type: square;
  width: 95%;
  margin: 0px;
  padding: 0px;
}

.normalnotice ul li{
  display:     block;
  height:      30px;
  margin: 0px;
  border-bottom: 1px dotted #AAA;
  font-size:   1.6rem;
  line-height: 200%;
  text-align:  left;
}

.normalnotice ul li a{
  color: #966;
  text-decoration: none;
}

.normalnotice ul li a:hover{
  color: #A66;
  text-decoration: underline;
}

/* パンくずリスト用 */
#crumb{
  margin: 5px;
  font-size: 1.6rem;
  color: #666;
}  
  
#crumb a{
  color: #966;
  text-decoration: none;
}

#crumb a:hover{
  color: #A66;
  text-decoration: underline;
}