@charset "utf-8";

/****************************************************************************
ラップ
****************************************************************************/

#wrap{
  width:960px;
  margin:0 auto;
  padding-bottom:50px;
}

/****************************************************************************
ヘッダ
****************************************************************************/

h1{
  height:28px;
  padding:40px 0 32px 0;
}

#nav{
  position:relative;
  height:28px;
  margin-top:-28px;
  padding-bottom:15px;
  text-align:right;
}

#nav li{
  display:inline;
  line-height:28px;
  padding-left:10px;
}

#nav li a{
  color:#0288C9;
	background:no-repeat left center;
  padding:8px 0 8px 35px;
}

#nav li.help a{ background-image:url(../img/help.png); }
#nav li.logout a{ background-image:url(../img/logout.png); }

#nav li a{ color:#0288C9; }

#gohome{
  float:right;
  display:inline;
  width:120px;
  height:120px;
  margin-top:-60px;
  margin-right:112px;
}

#gohome a{
  display:block;
  width:120px;
  height:120px;
  text-indent:-9999em;
  font-size:0%;
  line-height:0%;
  overflow:hidden;
  background:url(../img/gohome.png) no-repeat center bottom;
}

#gohome a:hover{ background-position:top; }

/****************************************************************************
コンテンツ
****************************************************************************/

#contents{
  width:840px;
  padding:60px 60px 30px 60px;
  background:url(../img/contents_bg.png) no-repeat center top;
}

*+html #gohome{ position:relative; }
*+html #contents{ margin-top:-60px; }
*+html .home #contents{ margin-top:0; }

* html #gohome{ position:relative; z-index:9999; }
* html #contents{ margin-top:-60px; }
* html .home #contents{ margin-top:0; }

.btnlink{
  width:160px;
  height:30px;
}

.btnlink a{
  display:block;
  background:url(../img/home_btnlink_bg.png) no-repeat center bottom;
  line-height:30px;
  text-align:center;
  text-decoration:none;
}

.btnlink a:hover{ background-position:top; }

/****************************************************************************
汎用クラス
****************************************************************************/

/*ページャ*/
.pager{
  clear:both;
  padding-top:30px;
 min-width:80%;
 
 text-align: center;
 margin: 0 auto;
}

.pager div{
  width:48%;
  height:50px;
}

.pager div.pagerleft{ float:left; }
.pager div.pagerright{ float:right; }

.pager div a{
  border:1px solid #d9d9d9;
  text-decoration:none;
  background-color:#fff;
  background-repeat:no-repeat;
  line-height:30px;
  font-size:18px;
  color:#20a2e7;
}

.pager div a:hover{ background-color:#e8f6ff; }

.pager div.pagerleft a{
  float:left;
  padding:10px 15px 10px 45px;
  background-image:url(/common/img/pager_arrow_l.png);
  background-position:left center;
}

.pager div.pagerright a{
  float:right;
  padding:10px 45px 10px 15px; 
  background-image:url(/common/img/pager_arrow_r.png);
  background-position:right center;
}

/*インデント*/
.indent{
  margin-left:1em;
  text-indent:-1em;
}

/*上下1段空き*/
.blanktop{ padding-top:1em; }
.blankbtm{ padding-bottom:1em; }


/*透過PNG*/
.alphapng{}

/*クリアフィックス*/
.clear:after{
  content:"";
  display:block;
  clear:both;
}
*+html .clear { zoom:1; }
* html .clear { zoom:1; }

/*ページネーション*/
div.pagination {
  width:840px;
  padding:20px 0 30px 0;
  margin:0;
/*
text-align:right;
float:left;
clear:both;
*/
}

div.pagination a,
div.pagination span{
  float:left;
  display:inline;
  margin-bottom:5px;
  min-width:1.5em;
  width:auto !important;
  width:1.5em;
  text-align:center;
  font-size:11px;
  height:20px;
  line-height:20px;
}

div.pagination a {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #52bfea;
  text-decoration: none;
  color: #52bfea;
}

div.pagination a:hover,
div.pagination a:active {
  border:1px solid #52bfea;
  color: #fff;
  background-color: #52bfea;
}

div.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #52bfea;
  font-weight: bold;
  background-color: #52bfea;
  color: #FFF;
}

div.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #f3f3f3;
  color: #ccc;
}