@charset "UTF-8";

/* -*- Encoding: utf8n -*- */

.clearfix:after {
  content:"."; display:block; clear:both; height:0; visibility:hidden;
}
.clearfix {
  display:inline-block;
}
* html .clearfix {
  height:1%;
}
.clearfix {
  display:block;
}
#space {
  height:20px;
}

/* layout
 ------------------------------------------*/
#container {
/*  margin:0 auto; width:920px; position:absolute; top:50%; left:50%; margin-left:-470px; margin-top:-320px; */
  margin:0 auto; width:920px; position:absolute; left:50%; margin-left:-470px; margin-top:0px;
}
#header {
  margin-top:20px; height:40px; position:relative;
}
#header h1 {
  position:absolute; top:0px; left:700px;
}
#footer {
  margin:0; margin-top:10px; padding:0; text-align:center;
}

ul.menu {
  position:absolute; top:20px; left:30px;
}
ul.menu li {
  float:left; text-indent:-9999px; overflow:hidden; height:12px; width:90px; padding:0;
}
ul.menu li a {
  display:block;
}
a.menu01 {
  background:url(../res/menu01.jpg) no-repeat; 
}
a.menu01:hover {
  background:url(../res/menu01.jpg) no-repeat; background-position:0 -12px;
}
a.menu02 {
  background:url(../res/menu02.jpg) no-repeat;
}
a.menu02:hover {
  background:url(../res/menu02.jpg) no-repeat; background-position:0 -12px;
}
a.menu03 {
  background:url(../res/menu03.jpg) no-repeat;
}
a.menu03:hover {
  background:url(../res/menu03.jpg) no-repeat; background-position:0 -12px;
}
a.menu04 {
  background:url(../res/menu04.jpg) no-repeat;
}
a.menu04:hover {
  background:url(../res/menu04.jpg) no-repeat; background-position:0 -12px;
}

#main01 {
  position:relative; background:url(../res/bg01.jpg) no-repeat; width:900px; height:500px; margin:0 auto; border:1px solid white;
}
#main02 {
  position:relative; background:url(../res/bg02.jpg) no-repeat; width:900px; height:500px; margin:0 auto; border:1px solid white;
}
#main03 {
  position:relative; background:url(../res/bg03.jpg) no-repeat; width:900px; height:500px; margin:0 auto; border:1px solid white;
}
#main04 {
  position:relative; background:url(../res/bg04.jpg) no-repeat; width:900px; height:500px; margin:0 auto; border:1px solid white;
}

#content {
  position:absolute; top:30px; left:460px; width:410px; height:450px; overflow:auto;
}
#content .news li {
}
#content .news li div {
  border-bottom:1px dashed #c0c0c0; display:block; display:inline-block; padding-bottom:5px; margin-bottom:5px; 
}

#content .news li span.d {
  display:block; width:7em; float:left;
}
#content .news li span.t {
  display:block; margin-left:8em; line-height:125%; height:1%;
}

.content_line {
   margin:0 auto; margin-top:10px; border-top:1px dashed #c0c0c0; width:80%; height:1px;
}

#main02 .navi {
  position:absolute; top:40px; left:30px; width:400px; text-align:right;
}
#main02 .navi a {
  color:white; text-decoration:none; font-size:14px; display:block; padding-bottom:20px;
}
#main02 .navi a:hover {
  color:white; text-decoration:underline;
}

#main03 .navi {
  position:absolute; top:40px; left:30px; width:400px; text-align:right;
}
#main03 .navi a {
  color:white; text-decoration:none; font-size:14px; display:block;
}
#main03 .navi a.gap {
  color:white; text-decoration:none; font-size:14px; display:block; padding-bottom:25px;
}
#main03 .navi a:hover {
  color:white; text-decoration:underline;
}

.company_info dt {
  float:left; width:5em; padding-bottom:8px; text-align:right;
}
.company_info dd {
  margin-left:6em; padding-bottom:8px;
}
.company_info a {
  color:#707070;
}
.company_message {
  width:92%; margin:0 auto; margin-top:8px; line-height:125%;
}

.sakulunch h2 {
  text-align:center; padding-bottom:10px;
}
.sakulunch .imgbox {
  margin:0 auto; height:210px; width:315px; border:1px solid gray;
}
.sakulunch .desc {
  margin:0 auto; width:80%; margin-top:8px;
}

.sakuracomics h2 {
  text-align:center; padding-bottom:10px;
}
.sakuracomics .desc {
  margin:0 auto; width:85%; margin-top:10px;
}
.sakuracomics .imgbox {
  margin:0 auto; height:161px; width:214px; border:1px solid gray;
}

.business h2 {
  text-align:center; padding-bottom:10px;
}
.business .desc {
  margin:0 auto; width:85%; margin-top:10px;
}