/*
 * selfpublish.css
 *
 */

/* general frame layout */

body{
  margin:0;
  padding:0;
  text-align:center;/* for IE */
  font-family:"ＭＳ Ｐゴシック",meiryo, Osaka, "ヒラギノ角ゴ Pro W3";
  font-size:75%;
  line-height:1.5;
  color:#222;
  background:#434132;
  }

h1,h2,h3,h4,p,th,td{
  font-size:100%;
  margin:0;
  padding:0;
  }

img,table{
  border:0;
  }

.clr{
  clear:both;
  width:0px;
  height:0px;
  overflow:hidden;
  }

#container{
  width:810px;
  margin:0 auto;
  text-align:left;
  }

#container_inner{
  width:800px;
  border-right:solid 5px #2f2d22;
  border-left:solid 5px #2f2d22;
  background:#fff;
  }

#header{
  position:relative;
  width:800px;
  }

#header h2{
  position:absolute;
  width:189px;
  height:54px;
  top:10px;
  left:6px;
  }
#header h2 a{
  display:block;
  width:189px;
  height:54px;
  text-indent:-9999px;
  overflow:hidden;
  text-decoration:none;
  }

#page_body{
  width:800px;
  }

#page_body_inner{
  padding:3px 0 0 0;
  }

#alpha{
  width:586px;
  float:left;
  }

#alpha_inner{
  padding:2px 24px 30px 24px;
  }

#beta{
  width:214px;
  float:left;
  }

#beta_inner{
  padding:0 10px 0 0;
  }

#footer{
  width:800px;
  }

#footer_inner{
  padding:10px 0 0 0;
  }

#footer .navi{
  text-align:center;
  padding:0 0 4px 0;
  }

#footer .navi a,
#footer .navi a:visited
#footer .navi a:hover{
  color:#333;
  }

#footer .copyright{
  padding:4px;
  font-size:100%;
  font-weight:bold;
  text-align:center;
  background:#f0f986;
  }


/* alpha inner layout style */

.seg{
  padding:0 0 28px 5px;
  }

.seg h3{
  margin:0 0 20px 0;
  padding-left:8px;
  }

.seg .pic{
  float:left;
  }

.seg p{
  margin:0 0 0 115px;
  padding:3px 0 0 0;
  font-size:100%;
  }

.area_01{
  width:538px;
  background:url(../img/area_01_bg.gif) repeat-y;
  }

.area_01 .inner{
  width:538px;
  padding:0 0 17px 0;
  background:url(../img/area_01_btm.gif) no-repeat 0 100%;
  }

.area_01 .inner h4{
  margin-bottom:15px;
  }

.area_01 .pic_01{
  width:280px;
  padding:0 0 0 20px;
  text-align:center;
  float:left;
  }

.area_01 .pic_02{
  width:220px;
  text-align:center;
  float:left;
  }

.area_01 .pic_01 img,
.area_01 .pic_02 img{
  margin:3px 5px;
  }

.area_01 .pic_01 p,
.area_01 .pic_02 p{
  line-height:1.1;
  }

.area_02{
  width:538px;
  padding:0;
  margin-top:20px;
  background:url(../img/area_02_bg.gif) repeat-y;
  }

.area_02 .inner{
  width:538px;
  padding-top:15px;
  background:url(../img/area_02_top.gif) no-repeat 0 0;
  }

.area_02 .btm{
  width:538px;
  padding-bottom:15px;
  background:url(../img/area_02_btm.gif) no-repeat 0 100%;
  }

.area_02 .pic{
  float:left;
  margin-left:15px;
  }

.area_02 p{
  margin-left:97px;
  }

.area_02 .btn{
  clear:both;
  padding:14px 0 0 0;
  text-align:center;
  }

.area_03{
  width:200px;
  margin:9px auto 0 auto;
  background:url(../img/area_03_bg2.gif) repeat-y;
  }

.area_03 .inner1{
  width:200px;
  background:url(../img/area_03_bg1.gif) repeat-y;
  }

.area_03 .inner1 .top{
  width:200px;
  background:url(../img/area_03_top.gif) no-repeat 0 0;
  }

.area_03 .inner1 .top span{
  display:block;
  width:192px;
  padding:7px 0 3px 8px;
  background:url(../img/area_03_inbtm.gif) no-repeat 0 100%;
  }

.area_03 .inner2{
  width:192px;
  padding:0 0 5px 8px;
  background:url(../img/area_03_btm.gif) no-repeat 0 100%;
  }

.area_03 h4{
  padding-bottom:2px;
  color:#749926;
  line-height:1.1;
  }

.area_03 h4 span{
  font-size:83%;
  }

.area_03 p.auther{
  width:164px;
  padding:0 0 2px 0;
  line-height:1.1;
  }

.area_03 p.descript{
  width:164px;
  padding:3px 0 0 0;
  line-height:1.2;
  background:url(../img/line_01.gif) repeat-x 0 0;
  }