@charset "UTF-8";


/*文字設定*
**************************************************************************************************/

*{
  margin:0;
  padding:0;
  outline:0;
}  

.small{
  font-size:10px;
}

.small_02{
  font-size:12px;
  line-height:16px;
}

.push{
  font-weight:bold;
  font-size:14px;
  color: #ff6600;
}

.push_02{
  font-weight:bold;
  font-size:14px;
  color: #666666;
  border-left: 5px solid #21a1c8;
  padding: 0px 0px 0px 10px;
  line-height:30px;
}

.push_03{
  font-weight:bold;
  font-size:15px;
  color: #21a1c8;
}

.push_04{
  font-weight:bold;
  font-size:12px;
  color: #21a1c8;
}

.push_05{
  font-weight:bold;
  font-size:12px;
  color: #c87021;
}

.push_06{
  font-weight:bold;
  font-size:12px;
  color: #5bac13;
}

.push_07{
  font-weight:bold;
  font-size:14px;
  color: #21a1c8;
  border-left: 5px solid #21a1c8;
  padding: 0px 0px 0px 10px;
  line-height:30px;
  margin:0px 0px 10px 10px;
}

.push_08{
  font-weight:bold;
  font-size:14px;
  color: #666666;
  border-left: 5px solid #138aac;
  padding: 0px 0px 0px 10px;
  margin:40px 0px 0px 10px;
  line-height:20px;
}

.kojin_hogo {
	color:#c82121;
}

.red{
  color:#FF0000;
}

.red_02{
  color:#c82121;
}

.red_push{
  font-weight:bold;
  font-size:14px;
  color: #FF0000;
}

.red_push_02{
  color:#c82121;
  font-weight:bold;
}

.red_small{
  font-size:10px;
  color:#FF0000;
  line-height:14px;
}

.bold{
  font-weight:bold;
}

.pad_01{
  padding:0px 0px 10px 0px;
}

.pad_02{
  padding:0px 20px 0px 0px;
}

.pad_03{
  padding:5px 0px 5px 0px;
}

.pad_04{
  padding:15px 0px 5px 0px;
}

.pad_05{
  padding:5px 0px 5px 10px;
}

.pad_06{
  margin:0px 60px 0px 0px;
}

.pad_07{
  padding:0px 0px 15px 0px;
}

.pad_08{
  padding:0px 0px 0px 0px;
  text-align:center;
}

.pad_09{
  padding:15px 0px 15px 0px;
}

.pad_10{
  padding:0px 0px 0px 20px;
}

.pad_11{
  padding:0px 0px 0px 5px;
}

.pad_12{
  padding:0px 0px 5px 0px;
  margin:0px 0px 5px 0px;
  border-bottom:1px dotted #CCCCCC;
}

.pad_13{
  width:auto;
  height:auto;
  padding:1px;
  margin:0px 0px 10px 0px;
  background:#21a1c8;
}

.pad_14{
  padding:10px 0px 5px 0px;
  text-align:center;
}

.pad_15{
  padding:30px 0px 15px 0px;
}

.pad_16{
  padding:10px 0px 5px 0px;
  text-align:right;
  clear:both;
}

.pad_17{
  padding:10px 0px 10px 20px;
  line-height:18px;
}

.pad_18{
  padding:10px 0px 0px 20px;
  line-height:18px;
}

.pad_19{
  padding:10px 10px 5px 0px;
  text-align:center;
}

.pad_20{
  padding:10px 0px 5px 10px;
}

.pad_21{
  padding:5px;
}

.pad_22{
  margin:20px 0 0 25px;
}

.list{
  padding:8px 0px 8px 0px;
  font-size:12px;
}

.list_02{
  padding:8px 10px 8px 10px;
  margin:0px 0px 20px 0px;
  font-size:12px;
  text-align:right;
}

.search_list{
  padding:8px 10px 8px 10px;
  font-size:14px;
  text-align:right;
}

.box_01{
  width:auto;
  height:auto;
  padding:7px 5px 7px 5px;
  background:#FFFFFF;
  font-size:12px;
  color:#666666;
}

.box_01 a:link, .box_02 a:link {
  color: #1186aa;
  text-decoration:none;
}

.box_01 a:visited, .box_02 a:visited {
	text-decoration: none;
	color: #1186aa;
}
.box_01 a:hover, .box_02 a:hover {
	text-decoration: none;
	color: #F97C00;
}
.box_01 a:active, .box_02 a:active {
	text-decoration: none;
	color: #1186aa;
}

.box_02{
  width:auto;
  height:auto;
  padding:7px 5px 7px 5px;
  background:#F5F5F5;
  font-size:12px;
  color:#666666;
}

.box_02 a {
  font-size:12px;
  color:#666666;
  text-decoration:none;
}

.box_03{
  width:auto;
  height:auto;
  background:#e6f4f8;
  font-size:12px;
  color:#666666;
  margin:0px 0px 10px 0px;
}

.box_04{
  width:auto;
  height:auto;
  padding:10px 20px 10px 20px;
  border-top:#FFFFFF 1px dotted;
  border-bottom:#FFFFFF 1px solid;
  color:#666666;
}

.box_05{
  width:500px;
  height:auto;
  float:left;
  font-size:12px;
  padding:0px 0px 0px 0px;
  text-align:left;
}

.box_06{
  width:450px;
  height:auto;
  float:right;
  text-align:right;
  font-size:14px;
}

.box_07{
  width:auto;
  height:1%;
  background:#e6f4f8;
  font-size:12px;
  font-weight:bold;
  color:#666666;
  padding:8px;
  margin:0px 0px 5px 0px;
}

.box_08{
  width:auto;
  height:1%;
  font-size:12px;
  color:#666666;
  padding:8px;
  margin:0px 0px 5px 0px;
  border-bottom:1px dotted #CCCCCC;
}

.box_09{
  width:auto;
  height:1%;
  padding:25px 0px 20px 0px;
  margin:0px 0px 5px 0px;
  border-bottom:1px dotted #CCCCCC;
  border-top:1px dotted #CCCCCC;
}

.box_10{
  width:auto;
  height:1%;
  padding:10px 0px 10px 0px;
  margin:0px 0px 5px 0px;
  border-bottom:1px dotted #CCCCCC;
  border-top:1px dotted #CCCCCC;
  text-align:center;
  font-weight:bold;
  font-size:14px;
}

.box_11{
  width:auto;
  height:1%;
  line-height:18px;
  padding:15px 0px 15px 25px;
  margin:0px 0px 5px 0px;
  border-bottom:1px dotted #CCCCCC;
  border-top:1px dotted #CCCCCC;
}

.box_12{
  width:auto;
  height:1%;
  padding:10px 10px 10px 10px;
  margin:0px 0px 5px 0px;
  border-bottom:1px dotted #CCCCCC;
  border-top:1px dotted #CCCCCC;
  font-size:12px;
}


.box_move_left{
  width:auto;
  height:auto;
  float:left;
  font-size:12px;
  text-align:left;
}

.box_move_right{
  width:auto;
  height:auto;
  float:right;
  text-align:right;
  font-size:12px;
}

.box_move_left_01{
  width:auto;
  height:auto;
  padding:0px 80px 0px 0px;
  float:left;
  font-size:12px;
  text-align:left;
}

.box_move_right_01{
  width:auto;
  height:auto;
  float:right;
  text-align:right;
  font-size:12px;
}

.box_pr{
  width:300px;
  height:130px;
  font-size:12px;
  font-weight:bold;
  color:#666666;
  text-align:center;
  margin:10px 0px 10px 0px;
}

/*テーブル関係* **************************************************************************************************/
td{
   font-size:12px;
   color:#666666;
   line-height:16px;
}

.td_01{
  background:#FFFFFF;
  padding:5px;
  text-align:center;
}

.td_02{
  background:#fff1e5;
  padding:5px;
  color:#c87021;
  text-align:center;
  border:1px solid #CCCCCC;
}

.td_03{
  background:#e9effa;
  padding:10px;
  color:#138aac;
  text-align:center;
  border:1px solid #FFFFFF;
}

.td_04{
  background:#f1fae9;
  padding:10px;
  color:#5bac13;
  text-align:center;
  border:1px solid #FFFFFF;
}

.td_05{
  background:#FFFFFF;
  padding:10px;
  text-align:center;
  border:1px solid #FFFFFF;
  color:#CCCCCC;
}

.td_06{
  background:#F5F5F5;
  padding:8px;
}

.td_07{
  background:#FFFFFF;
  padding:8px;
}

.table_01{
  border-collapse: collapse;
}

.table_02{
  /*background:#CCCCCC;*/
  margin:5px 0px 10px 0px;
}

table.table_inquiry {
	margin:5px 0px 10px 0px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

table.table_inquiry td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

/*レイアウト設定* **************************************************************************************************/
body{
   text-align:center;
   background:#FFFFFF;
   color:#666666;
}


div#header{
  width:980px;
  height:65px;
  padding:25px 10px 0px 10px;
  text-align:left;
  margin:0 auto;
  background: url(../images/header_back.gif) repeat-x;
}

div#header_left{
  width:300px;
  height:60px;
  padding:0px 0px 0px 0px;
  text-align:left;
  float:left;
}

div#header_left img {
	border:0;	
}

div#header_right{
  width:660px;
  height:60px;
  padding:0px 0px 0px 20px;
  text-align:right;
  float:right;
}

div#container{
  width:1000px;
  height:auto;
  margin:0 auto;
  text-align:left;
  padding:0px 0px 0px 0px;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
}

div#contents{
  width:1000px;
  height:auto;
  background: #ddebef;
}

div#contents_under{
  width:980px;
  height:auto;
  padding:5px 10px 15px 10px;
  border-top: #ddebef 1px solid;
  background: #FFFFFF;
  clear:both;
}

/*left* **************************************************************************************************/

div#left{
  width:250px;
  height:auto;
  padding-top: 15px;
  padding-bottom: 20px;
  border-right:1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background: #ddebef;
  float:left;
  
}

div#left_inner {
	text-align:left;
	padding-right: 0px;
 	padding-left: 10px;
}

.form_box{
  width:auto;
  height:auto;
  padding:0px 0px 17px 0px;
  text-align:center;
}

form .search_input {
	width:150px;
}

.serch_purpose_box{
  width:auto;
  height:auto;
}

#serch_business_box{
  width:auto;
  height:auto;
}

.serch_area_box{
  width:auto;
  height:auto;
  padding:2px;
  border-bottom:1px dotted #CCCCCC;
  margin:0px 0px 5px 0px;
}

.serch_area_box_inner_left{
  width:40px;
  height:auto;
  padding:0px 5px 0px 5px;
  float:left;
  font-weight:bold;
  font-size:12px;
}

.serch_area_box_inner_right{
  width:150px;
  height:auto;
  padding:0px 20px 0px 0px;
  float:right;
  font-size:12px;
  line-height:18px;
}
  
/*center* **************************************************************************************************/

div#center{
  width:498px;
  height:auto;
  float:left;
  padding-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
  background:#FFFFFF;
}

div#center_inner {
	text-align:left;
	padding-right: 10px;
  	padding-left: 10px;
}

#pick_up_wrapper{
  width:auto;
  height:auto;
}

.pick_up_box{
  width:155px;
  height:auto;
  font-size:12px;
  padding:5px 2px 0px 2px;
  font-size:11px;
  text-align:center;
  float:left;
}

.pick_up_box_tag{
  width:145px;
  height:20px;
  background: url(../img/top_picup_bus-type_bg.gif) no-repeat;
  font-size:10px;
  font-weight:bold;
  color:#138aac;
  padding:7px 0px 0px 7px;
  text-align:left;
}

.pick_up_box_inner{
  width:150px;
  height:112px;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;  
  margin:0px 0px 5px 0px;
}

#topics_box{
  width:auto;
  height:auto;
}

div#topics_box p.topick {
	text-align:right;
}

/*right* **************************************************************************************************/

div#right{
  width:250px;
  height:auto;
  padding-top: 15px;
  padding-bottom: 20px;
  float:right;
  border-left:1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background: #ddebef;
}

div#right_in {
	padding-right: 0px;
	padding-left: 10px;
}

div#top_interview img {
	padding:5px 5px 5px 5px;
	background-color:#FFFFFF;
	border:1px solid #bbbbbb;
}

div#right_inner{
  width:220px;
  height:auto;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 5px;
  font-size:12px;
}

.interview_company{
 width:auto;
 height:auto;
 padding:10px 0px 5px 0px;
}

.interview_btn{
 width:auto;
 height:auto;
 padding:10px 0px 20px 0px;
 text-align:right;
}

.interview_img{
	border:1px solid #bbbbbb;
}

/*footer* **************************************************************************************************/


div#footer{
  width:1000px;
  height:auto;
  clear:both;
  text-align:center;
  padding:15px 0px 15px 0px;
  border-top: 1px solid #e7e7e7;
  color: #666666;
  font-size:12px;
}

div#copy{
  width:1000px;
  height:auto;
  padding:20px 0px 10px 0px;
  font-size:12px;
  color:#666666;
  margin:0 auto;
}

/*リンク下線設定* **************************************************************************************************/
a:link {
	text-decoration: none;
	color: #21a1c8;
}
a:visited {
	text-decoration: none;
	color: #1186aa;
}
a:hover {
	text-decoration: none;
	color: #21a1c8;
}
a:active {
	text-decoration: none;
}

a:visited .pick_up_box_tag {
	text-decoration: none;
	color: #1186aa;
}

a:hover  .pick_up_box_tag {
	text-decoration: none;
	color: #F97C00;
}

/*エラー表示用*************************/
div .error-message {
	color:#c82121;
}

div#error_contents {
	padding-left:20px;
}

div#error_contents h2 {
	font-size:20px;
	color:#c82121;
}

div#error_contents .error-message {
	padding-top:10px;
	font-size:15px;
	color:#c82121;
}
