@charset "utf-8";

/*----------------------------------*/
/*          スタイル初期化          */
/*----------------------------------*/

body,div,dl,dt,dd,ul,li,ol,li,h1,h2,h3,h4,form,p,table,th,td	{
	margin: 0;
	padding: 0;
}

body	{
	font-family: Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
	color:#555;
	font-size:13px;
   line-height: 24px;
}

a img,
img	{
	border: 0;
}


   
body a{
   color:#1394B9;
   text-decoration:none;
   }
   
a:link {
   color:#1394B9;
   text-decoration:none;
   }
   
a:hover {
   color:#1394B9;
   text-decoration:none;
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75
   }
   
a:visit {
   color:#1394B9;
   text-decoration:none;
   }
   
a:active {
   color:#1394B9;
   text-decoration:none;
   }

   
.clear {
   clear:both;
   }
   
ul{
   padding:0 10px 0 35px;
   list-style-type: square;
   }
   
ul.list-number{
   padding:0 10px 0 35px;
   list-style-type: decimal;
   }

ul.ov1 li {
   margin:10px 10px 10px 10px;
}
   
p{
   margin:10px 10px 10px 10px;
   }
   
blockquote{
   padding:10px;
   background:#F5F5F5;
   }
   
/*----------------------------------*/
/*           汎用CSSワーク          */
/*----------------------------------*/
.m0	{ margin: 0 !important; }
.t_left	{ text-align: left !important; }
.pl5	{ padding-left: 5px !important; }

/*----------------------------------*/
/*          clearfix決定版          */
/*----------------------------------*/

div.ranking div.base_body ol:after,
div.r_control:after,
dl.my_message dd:after,
div.n_user_list:after,
div.newuser:after,
div#news_topics ul li:after,
div#contents_navi:after,
div#contents:after,
.clearfix:after	{
	content: url(/common/img/fixed.gif);
	display: block;
	clear: both;
	height: 0;
}

/* clearfix for IE7 over */

div.ranking div.base_body ol,
div.r_control,
dl.my_message dd,
div.n_user_list,
div.newuser,
div#news_topics ul li,
div#contents_navi,
div#contents,
.clearfix	{ zoom: 1; }

/*----------------------------------*/
/*          汎用スタイル            */
/*----------------------------------*/

h1 {
   line-height:30px;
   font-size:14px;
   font-weight:bold;
   margin:0px 0px 20px 0px;
   padding:5px 0px 5px 15px;
   background:#FFFFFF;
   color:#555;
   border:#ccc solid 1px;
   border-left:#29ABE2 solid 5px;
   }

h2 {
   color:#29ABE2;
   line-height:20px;
   font-size:14px;
   font-weight:bold;
   margin:10px 0px;
   padding:5px 0px 5px 30px;
   background-image: url("/common/img/icon2.gif");
   background-repeat: no-repeat;
   background-position:left center;
   }

h3{
   background:#FFFFFF;
   padding:2px 10px;
   margin:10px 0px;
}

h4{
   margin:10px;
}

div.hl1{
   margin:10px 0px 0px 0px;
   padding:0px 0px 0px 25px;
   font-weight:bold;
   font-size:14px;
   background-image: url("/common/img/icon.gif");
   background-repeat: no-repeat;
   background-position:left center;
   }
   
div.hl2{
   margin:15px 0px 5px 0px;
   border-bottom: dotted 1px #cccccc;
   background-image: url("/common/img/icon.gif");
   background-repeat: no-repeat;
   background-position:left center;
   padding:3px 0 0 25px;
   font-size:14px;
   font-weight:bold;
   line-height:30px;
   }
   
   
.pankuzu{
   padding:0px 0px 5px 0px;
   font-size:10px;
   }
   
/*----------------------------------*/
/*          カラムの設定            */
/*          リキッド3カラム         */
/*----------------------------------*/

div.wrapper	{
	background: #fff url(/common/img/width1020.gif) repeat-y center;
}

div#container	{
	padding: 10px 0 0 0;
	background: #fff;
	}

div#contents	{
	width: 955px;
	margin: 0 auto;
	background: #FFF;
	}

div#main_container	{
	width: 760px;
	padding-right:10px;
	float: left;
}

div#main_body	{
}

div#main	{
	width: 530px;
	float: right;
	overflow: hidden;
}

div#side_container	{
	width: 180px;
	float: right;
}

div#menu_container	{
	width: 230px;
	float: left;
}
.base_wrap {
padding:0 0 0 20px;
}
/*----------------------------------*/
/*          カラムの設定            */
/*          リキッド2カラム         */
/*----------------------------------*/
div.clum2 div#main	{
	width: 740px;
	float: left;
}


/* header設定
--------------------------------------------------------*/
div#header	{
   height: 60px;
   background: #FFF;
   border-top: #29ABE2 solid 8px;
   border-bottom: #CCC solid 1px;
   padding: 8px 0;
}

#header-box{
   width:100%;
   }

.logo{
   float:left;
   margin:7px 0 0 20px;
   }

.account-box{
   margin:10px 15px 0px 0px;
   float:right;
   width:500px;
   }

ul#header_link {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	text-align: right;
	list-style: none;
}

ul#header_link li	{
	display: inline;
}

.account_name {
   text-align:right;
   padding-right:10px;
   }

/* footer設定
--------------------------------------------------------*/

#footer	{
        clear:both;
	width: 100%;
	background: #F5F5F5;
	height: 80px;
	position: relative;
	margin: 10px auto 0 auto;
	border-top: #ccc solid 1px;
}

div#footer_body	{
	height: 60px;
}
/* site link */
ul#footer_link {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	text-align: center;
	list-style: none;
}

ul#footer_link li	{
	display: inline;
	padding: 0 10px;
}

ul#footer_link li a	{
	
}

/* copyright */
div#copy	{
        text-align:center;
	font-size: 10px;
}

/*----------------------------------*/
/*          トップページ          */
/*----------------------------------*/

#banner-box1{
width:510px;
height:140px;
background-image: url("/common/img/top-saiyo.gif");
}

#banner-box2{
width:510px;
height:140px;
background-image: url("/common/img/top-tensyoku.gif");
}


#saiyo-b{
margin:20px 0 0 195px;
padding-top:55px;
width:300px;
height:70px;
}

#tensyoku-b{
margin:20px 0 0 195px;
padding-top:55px;
width:300px;
height:70px;
}


/*ボタン
--------------------------- */

.button{
   text-align:center;
   margin:20px 0;
   }
   

/*parts
--------------------------- */
.f-left{
   float:left;
   }
   
.f-right{
   float:right;
   }
   
.mess{
   color:#FF0000;
   text-align:right;
   margin-top:-10px;
   }
   
.pageback{
   text-align:right;
   margin-top:15px;
   }
   
.pagetop{
   text-align:right;
   margin:15px 0;
   }
   
.bottom5{
   margin-bottom:5px;
   }
   
.b-top{
   border-top: #CCC solid 1px;
   }
   
   
/*index
--------------------------- */
   
table#count-box {
   border-spacing: 0;
   width:185px;
   margin: 15px 0 10px 0;
   }

table#count-box th {
   border: #CCC solid 1px;
   background: #F5F5F5;
   padding: 3px;
   }
   
table#count-box td{
   border-left: #CCC solid 1px;
   border-right: #CCC solid 1px;
   border-bottom: #CCC solid 1px;
   padding: 10px 20px;
   }
   
div.regist{
   margin: 20px auto;
   }

/*login
--------------------------- */
table#login-box {
   border: #CCC solid 1px;
   border-spacing: 0;
   width: 350px;
   margin: 20px auto;
   padding-bottom:15px;
   }

table#login-box th {
   background:#F5F5F5;
   border-bottom:#ccc solid 1px;
   padding: 10px;
   text-align:left;
   }
   
table#login-box td {
   padding: 15px 10px;
   text-align:left;
   }
   

/*member/index
--------------------------- */

table#newinfo {
   border-spacing: 0;
   border: #CCC solid 1px;
   width:500px;
   height:100%;
   margin: 0 auto 20px;
   }

table#newinfo th {
   background: #F5F5F5;
   border-bottom: #CCC dotted 1px;
   text-align:left;
   height:25px;
   padding: 2px 0 2px 10px;
   }
   
table#newinfo th span{
   border-left: #29ABE2 solid 5px;
   text-align:left;
   padding:0 0 0 10px;
   margin:3px;
   }
   
table#newinfo td{
   padding: 10px;
   }


table#info {
   border: #CCC solid 1px;
   border-spacing: 0;
   width:500px;
   height:100%;
   margin: 0 auto 20px;
   }

table#info th {
   height:25px;
   text-align:left;
   border-bottom: #CCC dotted 1px;
   padding: 5px 10px;
   }
   
table#info td{
   padding: 10px;
   }
   

/*jinzai_search kyujin_search
--------------------------- */
table#search-box {
   border: #CCC solid 1px;
   border-spacing: 0;
   width: 500px;
   margin: 5px auto 20px;
   padding:15px 0;
   font-size:12px;
   }
   
table#search-box td {
   padding: 5px;
   text-align:left;
   }
   
table#search-box td span{
   font-weight:bold;
   border-left: #29ABE2 solid 5px;
   text-align:left;
   padding:0 0 0 10px;
   margin:5px;
   }

.sb1{
   width:100px;
   }


/*jinzai_list kyujin_list
--------------------------- */
table#list-box {
   border-collapse: collapse;
   table-layout: fixed;
   border: #CCC solid 1px;
   border-spacing: 0;
   width: 500px;
   margin: 10px auto;
   font-size:12px;
   }
   
table#list-box th {
   border-bottom: #CCC solid 1px;
   padding: 5px;
   background:#F5F5F5;
   }
   
table#list-box td {
   padding: 5px;
   text-align:center;
   }

.lb1{
   background:#F5F5F5;
   }
   
.lb2{
   width:30px;
   }
   
.lb3{
   width:100px;
   }
   
.mess-search{
   color:#FF0000;
   text-align:left;
   margin-top:-10px;
   }


/*jinzai_detail kyujin_detail
--------------------------- */
table#detail-box {
   border-collapse: collapse;
   table-layout: fixed;
   border: #CCC solid 1px;
   border-spacing: 0;
   width: 500px;
   margin: 5px auto 15px;
   font-size:12px;
   }
   
table#detail-box th {
   padding: 5px;
   border-right: #CCC solid 1px;
   background:#F5F5F5;
   width:100px;
   }  
   
table#detail-box td {
   padding: 5px;
   text-align:left;
   }
   
.db1{
   border-bottom: #CCC solid 1px;
   }
   
.db2{
   border-bottom: #CCC dotted 1px;
   }

.db3{
   border-right: #CCC dotted 1px;
   width:50px;
   }
   

.favo{
   display:block;
   border-top: 1px solid #ccc;
   border-right: 1px solid #999;
   border-bottom: 1px solid #999;
   border-left: 1px solid #ccc;
   text-align: center;
   font-weight: bold;
   cursor: pointer;
   background-color: #F5F5F5;
   color:#555;
   width: 120px;
   line-height:26px;
   margin-bottom:10px;
   float:right;
   }
   
.favo a {
   text-decoration:none;
   display:block;
   color:#555;
   font-weight: bold;
   }

.favo a:hover {
   background-color: #F5F5F5;
   }   

.sinki{
   display:block;
   border-top: 1px solid #ccc;
   border-right: 1px solid #999;
   border-bottom: 1px solid #999;
   border-left: 1px solid #ccc;
   text-align: center;
   font-weight: bold;
   cursor: pointer;
   background-color: #F5F5F5;
   color:#555;
   width: 120px;
   line-height:30px;
   margin:15px 0 20px 10px;
   float:left;
   }
   
.sinki a {
   text-decoration:none;
   display:block;
   color:#555;
   font-weight: bold;
   }

.sinki a:hover {
   background-color: #F5F5F5;
   } 
   
/*jinzai_confirm kyujin_confirm
--------------------------- */
table#confirm-box {
   table-layout: fixed;
   border: #CCC solid 1px;
   border-spacing: 0;
   width: 500px;
   margin: 5px auto 15px;
   font-size:12px;
   padding:15px;
   }


/*mail_offer mail_request
--------------------------- */
#mail-bar{
   width: 500px;
   margin: 0px auto;
   }

table#mail-box {
   table-layout: fixed;
   border-bottom: #CCC solid 1px;
   border-right: #CCC solid 1px;
   border-left: #CCC solid 1px;
   border-spacing: 0;
   width: 500px;
   margin: 0px auto;
   font-size:12px;
   }
   
table#mail-box th {
   border-bottom: #CCC dotted 1px;
   padding: 5px;
   background:#FFF;
   color:#555;
   }
   
table#mail-box td {
   padding: 5px;
   text-align:left;
   }

.mb1 {
  width:30px;
}

.mb2 {
   width:90px;
   }
.mb3 {
   border-right: #CCC solid 1px;
   }
   
.mail-navi, .search-navi{
   text-align: right;
   }
  
.mail-b{
   display:block;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   text-align: center;
   font-weight: bold;
   background-image: url("/common/img/mail.gif");
   background-repeat: x-repeat;
   color:#555;
   width: 248px;
   line-height:30px;
   }

   
.mail-b-s{
   display:block;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   text-align: center;
   font-weight: bold;
   background-color: #F4F4F4;
   color:#555;
   width: 249px;
   line-height:30px;
   }
   
.mail-b-s a{
   display:block;
   text-align: center;
   font-weight: bold;
   cursor: pointer;
   background-color: #F4F4F4;
   color:#555;
   width: 249px;
   line-height:30px;
   }

/*mail未読・既読フラグ
--------------------------- */
.unread {
   font-weight:bold;
   }

.unread a{
   font-weight:bold;
   display: block;
   width: 100%;
   color:#555;
   }
   
.unread td .icon {
   text-align: center;
   width:85px;
   color:#FFF;
   background:#FF3333;
   border:#FF3333 solid 1px;
   paddind:5px 10px;
   }

.read-na a, .read-ok a, .read-ng a{
   display: block;
   width: 100%;
   color:#555;
   }
   
  
.read-na td .icon {
   text-align: center;
   width:85px;
   color:#FFF;
   background:#FF9900;
   border:#FF9900 solid 1px;
   paddind:5px 10px;
   }

.read-ok td .icon {
   text-align: center;
   width:85px;
   color:#FFF;
   background:#0099CC;
   border:#0099CC solid 1px;
   paddind:5px 10px;
   }

.read-ng td .icon {
   text-align: center;
   width:85px;
   color:#FFF;
   background:#999;
   border:#999 solid 1px;
   paddind:5px 10px;
}

.jinzai_d{
   margin:20px auto;
   width:150px;
   text-align:center;
   }
   
#status-box{
   margin:0 0 0 5px;
}
   
/*user_edit
--------------------------- */
th .ue1 {
   font-weight:nomal;
   font-size:12px;
   }
   
.cancel{
   padding:5px;
   border: dotted 1px #cccccc;
   font-size:11px;
   text-align:center;
   margin-bottom:20px;
   }
   
/*candidate_regist_edit
--------------------------- */
div.delete{
   width:300px;
   margin: 20px auto 0px;
   text-align: center;
   }


/*ページ送り
--------------------------- */

ul.pagenav {
	list-style: none;
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	text-align: center;
}

ul.pagenav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pagenav li span,
ul.pagenav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #eeeff7;
	text-decoration: none;
	vertical-align: middle;
}

ul.pagenav li a:hover {
	background: #ccf;
	border-color: #00f;
}


/*complete
--------------------------- */
.comp-navi{
   text-align:center;
   margin:50px auto;
   }

   
   
/*左メニューリスト
--------------------------- */
ul.menu-list{
  list-style-type: none;
  margin: 0 0 1em;
  padding: 0;
}

ul.menu-list li {
   display:inline;
   }

ul.menu-list li a {
  margin-bottom: 1px;
  padding: 10px 0 10px 10px;
  display:block;
  width: 200px;
  text-decoration: none;
  border-left: 5px solid #666;
  background-color: #F5F5F5;
  color: #555;
}

ul.menu-list li a:hover {
  background-color: #FFFFFF;
  border-left: 5px solid #29ABE2;
}

/* 左メニュー現在ページ表示
--------------------------------------------------------*/
.page01 #menu01 a,.page02 #menu02 a,.page03 #menu03 a,.page04 #menu04 a,.page05 #menu05 a,.page06 #menu06 a,.page07 #menu07 a {
  background-color: #FFFFFF;
  border-left: 5px solid #29ABE2;
  font-weight:bold;
  }


div.contents-box{
   border: 1px solid #ccc;
   background-color: #F5F5F5;
   padding: 5px 15px 15px 15px;
   margin:15px 20px;
   }
   
div.contents-box2{
   border: 1px solid #ccc;
   padding: 5px 15px 15px 15px;
   margin:15px 20px;
   }
   
   


   /* 会社概要 利用規約 ご利用方法
--------------------------------------------------------*/
table.tb1 {
	margin: 20px 0px 20px 15px;
	border-collapse: collapse;
	border: solid 1px #ccc;
}
table.tb1 th{
	padding: 5px 5px 5px 5px;
	background:#F9F8F3;
	border: solid 1px #ccc;
}
table.tb1 td{
	padding: 5px 5px 5px 5px;
        border: solid 1px #ccc;
	line-height: 150%;
}

table.tb2 {
	margin: 20px 0px 20px 15px;
	border-collapse: collapse;
	border: solid 1px #ccc;
}

table.tb2 th{
	padding: 5px 5px 5px 5px;
	background:#F9F8F3;
	border: solid 1px #ccc;
}
table.tb2 td{
	padding: 5px 10px 5px 10px;
        border: solid 1px #ccc;
	line-height: 150%;
	text-align:center;
}

.ex-img{
   margin:20px 0;
   }
   
.point{
  margin-left:10px;
  background:#29ABE2;
  padding:0 5px;
  color:#fff;
  width:50px;
  text-align:center;
}

.point-b{
  background:#F5F5F5;
  padding:10px;
  margin:0 10px 10px;
  }


   /* TOP
--------------------------------------------------------*/
#main-sub{
  margin:20px 0;
  }
  
  
.checkbox {
    float:left;
}

#flashMessage, .message, .error-message {
    color:#ff0000;
}

.forget{
   text-align:center;
   margin:15px 0;
   }
   
.exp{
   padding:10px;
   background:#FFFFCC;
   border: dotted 1px #cccccc;
   font-size:12px;
   margin:15px 5px;
   }