@charset "utf-8";

/* import
---------------------------------------- */
@import url("../../shared/css/reset.css");
@import url("../../shared/css/common.css");


/* base fix
---------------------------------------- */
#base
{
  width: 830px;
  margin: 0 auto;
}


/* header
---------------------------------------- */
#header {
  width: 700px;
  margin: 0 auto;
  background: none;
  position: static;
}

/*----- title -----*/
#header .title {
  float: left;
  width: 164px;
  height: 141px;
  position: static;
}
#header .title h1 {
  width: 164px;
  height: 141px;
  position: static;
}

/*----- aside -----*/
#header .aside {
  float: right;
  width: 508px;
}

/* company */
#header .aside .company {
  height: 17px;
  margin-top: 19px;
  background: url(../img/premium_header_cross.jpg) 377px 0 no-repeat;
}
#header .aside .company .tfm {
  float: right;
  width: 97px;
  height: 17px;
  padding-right: 13px;
}
#header .aside .company .kirin {
  float: right;
  width: 50px;
  height: 17px;
  margin-top: 0;
  padding-right: 24px;
}

/* info */
#header .aside .info {
  height: 78px;
  margin-top: 18px;
  padding-left: 0;
}
#header .aside .info p {
  float: left;
  width: 213px;
  height: 71px;
  margin-top: 5px;
  padding-left: 0;
  background: url(../img/premium_header_time.jpg) no-repeat;
  text-indent: -9999px;
}
#header .aside .info h2 {
  float: right;
  width: 253px;
  height: 78px;
  padding-right: 9px;
  background: url(../img/premium_header_lead.jpg) no-repeat;
  text-indent: -9999px;
}



/* main
---------------------------------------- */
#main {
  width: 830px;
  margin-top: 3px;
  padding-bottom: 32px;
}

/*----- visual -----*/
#main .visual {
  width: 830px;
  height: 211px;
  background: url(../img/premium_main_visual.jpg) no-repeat;
  text-indent: -9999px;
}

/*----- announce -----*/
#main .announce {
  width: 720px;
  height: 342px;
  margin: 0 auto;
  background: url(../img/premium_main_announce_bg.jpg) no-repeat;
  text-indent: -9999px;
}
#main .announce:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#main .announce {display:inline-block;}
#main .announce {display:block;}

#main .announce .info {
  float: left;
  width: 410px;
  margin-top: 51px;
  padding-left: 54px;
}
#main .announce .info h3 {
  width: 405px;
  height: 59px;
  background: url(../img/premium_main_announce_heading.gif) no-repeat;
  text-indent: -9999px;
}
#main .announce .info .lead {
  width: 368px;
  height: 76px;
  margin-top: 23px;
  padding-left: 20px;
  background: url(../img/premium_main_announce_lead.gif) 20px 0 no-repeat;
  text-indent: -9999px;
}
#main .announce .info .time {
  width: 405px;
  height: 37px;
  margin-top: 27px;
  background: url(../img/premium_main_announce_time.gif) no-repeat;
  text-indent: -9999px;
}
#main .announce .info .timeExc {
  width: 405px;
  height: 11px;
  margin-top: 9px;
  background: url(../img/premium_main_announce_time_exc.gif) no-repeat;
  text-indent: -9999px;
}
#main .announce .photo {
  float: right;
  width: 220px;
  height: 322px;
  margin-top: 10px;
  padding-right: 10px;
  background: url(../img/premium_main_announce_photo.jpg) no-repeat;
  text-indent: -9999px;
}

/*----- goback -----*/
#main .goback {
  width: 700px;
  margin: 22px auto 0;
}
#main .goback:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#main .goback {display:inline-block;}
#main .goback {display:block;}

#main .goback a {
  display:block;
  float: right;
  width: 208px;
  height: 20px;
  background: url(../img/premium_main_goback.jpg) no-repeat;
  text-indent: -9999px;
}
#main .goback a:link, #main .goback a:visited {background-position:left;}
#main .goback a:hover, #main .goback a:active {background-position:right;}


/* footer
---------------------------------------- */
#footer {
  width: 100%;
  height: 50px;
  background-color: #fffaee;
}

#footer p {
  width: 720px;
  margin: 0 auto;
}

#footer p img {
  padding-top: 11px;
  padding-left: 13px;
}