@charset "utf-8";
/* ===================================================================
CSS information

 file name  :base.css
 author     :Drecom Generated Media (admin)
 style info :コンテンツエリア基本設定 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
 #contents
 #main
 
=================================================================== */

/*----------------------------------------------------
  基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body {
  background: url(../images/bg.jpg) left bottom repeat-x;
}

a:link {
  color: #36C;
  text-decoration: none;
}

a:visited {
  color: #36C;
  text-decoration: none;
}

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

a:active {
}

#page {
  width: 920px;
}

#contents {
  width: 920px;
}

/* IE対策 */
* html a
* html span {
  font-family: Arial, Helvetica, sans-serif;
}

* first-child+html a,
* first-child+html span,
* first-child+html p,
* first-child+html li {
  font-family: "メイリオ";
}

/*----------------------------------------------------
  汎用class
----------------------------------------------------*/
.btn {
  text-align: center;
}

.lh150 { 
	line-height:150%;
}

.fl {  float: left;}
.fr {  float: right;}

.clear {
  clear: both;
  font-size: 5px;
}

/*  clearfix　*/
.clearfix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.clearfix {
  display: inline-block;
}

/*----------------------------------------------------
  #navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
  position: absolute;
  top: 0;
  left: 0;
}

/*----------------------------------------------------
  #page
----------------------------------------------------*/
#page {
  margin: 0 auto;
  text-align: left;
}

/*----------------------------------------------------
  #contents
----------------------------------------------------*/
#contents {
  background-color: #FFFFFF;
}

#contents p.pageTop {
  clear: both;
  float: right;
  margin: 20px 10px 10px 0;
  height: 10px;
  vertical-align: baseline;
}

#contents p.pageTop a {
  display: block;
  width: 78px;
  height: 10px;
  background: url(../images/btn_pagetop.jpg) left top no-repeat;
  text-indent: -9999px;
}

#contents p.pageTop a:hover {
  background: url(../images/btn_pagetop.jpg) left -10px no-repeat;
}