/*

 ARTES PUBLISHING
 アルテス・パブリッシング
 
 連載ページ
 
 April 11, 2008
 designed by Yuka M.

*/

/*

code

2: 連載ページ

*/

html {
  margin: 0;

  /* setting border: 0 hoses ie6 win window inner well border */
  padding: 0; }
  
body {
  margin: 0;
  /* setting border: 0 hoses ie5 win window inner well border */
  padding: 0;
  font: medium "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
  text-align: center; }

a, a:active {
  color: #002448;
  text-decoration: underline; }
a:hover, a:visited {
  color: #933;
  text-decoration: underline; }

#container {
  background: #FFFFFF;
  margin: 0px auto;
  height: auto;
  width: 750px;
  text-align: left; }
#header {
  padding-top: 30px;
  padding-left: 30px;
  margin: 0px;
  height: 120px;
  width: 720px;
  background: #369 url(./img/serial_headtop.jpg) no-repeat;
  color: #FFF;
  font-size: 26px;
  font-weight: bold; }
#header a {
  color: #FFF;
  text-decoration: none; }
#pagebody {
  position: relative;
  width: 100%;
  padding: 10px 0 0 0;
  background: #FFF; }
#footer {
  height: 18px;
  width: 745px;
  margin-top: 10px;
  padding-left: 5px;
  padding-top: 2px;
  background: #369;
  color: #FFF;
  font-size: 10px;
  float: left; }

/*

serial alpha

*/

#alpha {
  height: auto;
  width: 180px;
  background: #FFF;
  float: left; }

#serialtitle {
  height: auto;
  width: 170px;
  background: #369;
  float: left;
  padding: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF; }

#banner {
  list-style: none;
  margin-bottom: 20px;
  width: 180px; }

/*

serial beta

*/

#beta {
  height: auto;
  width: 570px;
  float: right; }

/*

serial article

*/

#news {
  height: auto;
  width: 550px;
  float: right;
  margin-left: 20px; }

#title {
  font-size: large;
  line-height: 150%;
  font-weight: bold;
  text-align: left;
  height: auto;
  width: 530px;
  float: left;
  border-left: 10px solid #336699;
  border-top: 1px solid #336699;
  border-right: 1px solid #336699;
  border-bottom: 1px solid #336699;
  padding: 4px 4px 4px 5px; }

#title a, a:visited {
  text-decoration: none;
  color: #000; }

#text {
  height: auto;
  width: 505px;
  float: left;
  background: #FFF;
  text-align: left;
  font-size: medium;
  line-height: 170%;
  border-left: 1px solid #336699;
  border-right: 10px solid #336699;
  border-bottom: 1px solid #336699;
  padding: 15px 20px 14px 14px;
  margin-bottom: 20px; }

#text a, a:active {
  color:#002448;
  text-decoration: underline; }
#text a:hover, a:visited {
  color:#933;
  text-decoration: underline; }

.text-footer {
  text-align: right;
  font-size: 10px;
  margin-bottom: 5px; }

#profiel {
  height: auto;
  width: 175px;
  float: right;
  background: #FFFFFF;
  font-size: 11px;
  font-style: normal;
  line-height: 130%;
  font-weight: normal;
  margin-left: 5px;
  margin-top: 5px;
  text-align: left; }

/*    */
.image01 {
  background-image: url(../../artes_site/serial/serial/line_u.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
.image02 {
  background-image: url(../../artes_site/serial/serial/line_b.jpg);
  background-repeat: no-repeat;
  background-position: center; }
.rpb {
  color: #FF3333;
  font-weight: normal;
  font-size: medium; }
.red { color: #FF3333; }
.reference { font-size: 10px; }
.style1 { font-size: small; }
.style2 { font-size: x-small; }
.style3 {
  font-size: 18px;
  font-weight: bold; }
.style4 { font-weight: bold; }
p.style5 {
  text-align: right;
  font-size: small;
  font-weight: bold; }
p.style6 {
  text-align: right;
  font-size: small; }