@charset 'UTF-8';
/*--------------------------------------
 @creater  宇野 陽太
 @date     2008/11/28
 @msg      『ベルアイル』地上世界 地上世界物語
--------------------------------------*/
@import '../common/css/common.css';

#navigation li.list03 span.dsLabelH{
  background-position:-188px -49px;
}

p.article{
  margin-top:18px;
  margin-bottom:0;
  padding-bottom:18px;
  border-bottom:1px dashed #fff;
}

ul.pager{
  width:642px;
  margin-top:8px;
  zoom:1;
}

  ul.pager li{
    float:left;
    width:214px;
  }
    ul.pager li.top{
      text-align:center;
    }
    ul.pager li.next{
      text-align:right;
    }

    ul.pager li a{
      display:block;
      width:214px;
      height:auto;
    }

/*--------------------------------------
 【老いの呪い】 #act1
--------------------------------------*/
#act1 #navigation li.list03 ul li.list01 a{
  color:#7f1;
  background:url('../common/images/bg_mainnav_list_on.gif') no-repeat left top;
}
  #act1 #navigation li.list03 ul li.list01 a:hover{
    text-decoration:none;
  }

#act1 h2{
  background-image:url('./images/h2_act1.jpg');
}

#act1 h3{
  background-image:url('./images/h3_act1_01.png');
	_background:none;/*ie6*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/h3_act1_01.png", sizingMethod="crop");/*ie6*/
}

#act1 p.article01 img{
  float:right;
  margin:0 0 0 18px;
}

#act1 p.article02 img{
  float:left;
  margin:0 18px 0 0;
}

#act1 ul.pager li.prev{
  visibility:hidden;
}

/*--------------------------------------
 【虹の旅団】 #act2
--------------------------------------*/
#act2 #navigation li.list03 ul li.list02 a{
  color:#7f1;
  background:url('../common/images/bg_mainnav_list_on.gif') no-repeat left top;
}
  #act2 #navigation li.list03 ul li.list02 a:hover{
    text-decoration:none;
  }

#act2 h2{
  background-image:url('./images/h2_act2.jpg');
}

#act2 h3{
  background-image:url('./images/h3_act2_01.png');
	_background:none;/*ie6*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/h3_act2_01.png", sizingMethod="crop");/*ie6*/
}

#act2 p.article01 img{
  float:right;
  margin:0 0 0 18px;
}

#act2 p.article02 img{
  float:left;
  margin:0 18px 0 0;
}

/*--------------------------------------
 【暗黒軍師】 #act3
--------------------------------------*/
#act3 #navigation li.list03 ul li.list03 a{
  color:#7f1;
  background:url('../common/images/bg_mainnav_list_on.gif') no-repeat left top;
}
  #act3 #navigation li.list03 ul li.list03 a:hover{
    text-decoration:none;
  }

#act3 h2{
  background-image:url('./images/h2_act3.jpg');
}

#act3 h3{
  background-image:url('./images/h3_act3_01.png');
	_background:none;/*ie6*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/h3_act3_01.png", sizingMethod="crop");/*ie6*/
}

#act3 p.article01 img{
  float:right;
  margin:0 0 0 18px;
}

#act3 p.article02 img{
  float:left;
  margin:0 18px 0 0;
}

/*--------------------------------------
 【樹内の坑道】 #act4
--------------------------------------*/
#act4 #navigation li.list03 ul li.list04 a{
  color:#7f1;
  background:url('../common/images/bg_mainnav_list_on.gif') no-repeat left top;
}
  #act4 #navigation li.list03 ul li.list04 a:hover{
    text-decoration:none;
  }

#act4 h2{
  background-image:url('./images/h2_act4.jpg');
}

#act4 h3{
  background-image:url('./images/h3_act4_01.png');
	_background:none;/*ie6*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/h3_act4_01.png", sizingMethod="crop");/*ie6*/
}
#act4 p.article02,
#act4 p.article03{
  padding-bottom:0;
  border-bottom:none;
}

#act4 p.article01 img,
#act4 p.article04 img,
#act4 p.article06 img{
  float:right;
  margin:0 0 0 18px;
}

#act4 p.article02 img,
#act4 p.article05 img{
  float:left;
  margin:0 18px 0 0;
}

/*--------------------------------------
 【深淵の呼び声】 #act5
--------------------------------------*/
#act5 #navigation li.list03 ul li.list05 a{
  color:#7f1;
  background:url('../common/images/bg_mainnav_list_on.gif') no-repeat left top;
}
  #act5 #navigation li.list03 ul li.list05 a:hover{
    text-decoration:none;
  }

#act5 h2{
  background-image:url('./images/h2_act5.jpg');
}

#act5 h3{
  background-image:url('./images/h3_act5_01.png');
	_background:none;/*ie6*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/h3_act5_01.png", sizingMethod="crop");/*ie6*/
}

#act5 p.article01 img{
  float:right;
  margin:0 0 0 18px;
}

#act5 ul.pager li.next{
  visibility:hidden;
}
/*--------------------------------------
  clear fix
--------------------------------------*/
ul.pager:after{
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


ul.pager {zoom:100%;}