/* body
----------------------------------------------- */
body {
  color:#333;
  margin:0;
  padding:0;
  font:13px/1.231 sans-serif;*font-size:small;*font:x-small;
}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt,.tt {font-family:monospace;*font-size:108%;line-height:100%;}
input,textarea {font-size:99%}

a {text-decoration: none;}
a:link {color: #047;}
a:visited {color: #047;}
a:active {color: #369;}
a:hover {color: #69c; border-bottom:1px dotted #ccc;}


/* html
----------------------------------------------- */
p {margin: 0 0 1.3em 0;}
em {
  color:red;
  font-style:normal;
}
u, .u {
  text-decoration:none;
  border-bottom:2px solid #aaa;
}
b, .b {font-weight:bold;}
i, .i {font-style:oblique;}

/* font
----------------------------------------------- */
body, p, td, li, input, textarea, select {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Meiryo, 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
  margin:0;
}

.ft20 {font-size:153%}
.ft18 {font-size:138%}
.ft16 {font-size:123%}
.ft15 {font-size:115%}
.ft14 {font-size:108%}
.ft13 {font-size:100%}
.ft12, small {font-size:92%}
.ft11 {font-size:85%}
.ft10 {font-size:76%}
.ft9 {font-size:69%}

.red {color:red}
.serif{font-family:serif}

/* basic
----------------------------------------------- */
.rel {position:relative}
.ab {position:absolute}

.clear {clear:both}
.hide {display:none}

.fr {float:right;}
.fl {float:left;}

.mt {margin-top:10px;}
.mr {margin-right:10px;}
.mb {margin-bottom:10px;}
.ml {margin-left:10px;}
.mth {margin-top:5px;}
.mrh {margin-right:5px;}
.mbh {margin-bottom:5px;}
.mlh {margin-left:5px;}
.mt2 {margin-top:20px;}
.mb2 {margin-bottom:20px;}
.mn {margin:0}
.ma {margin:10px}

.pt {padding-top:10px;}
.pt2 {padding-top:20px;}
.pr {padding-right:10px;}
.pb {padding-bottom:10px;}
.pl {padding-left:10px;}
.pth {padding-top:5px;}
.plh {padding-right:5px;}
.pbh {padding-bottom:5px;}
.plh {padding-left:5px;}
.pn {padding:0}
.pa {padding:10px}
.pah {padding:5px}

.tc {text-align:center;}
.tr {text-align:right;}
.vt {vertical-align:top}
.vm {vertical-align:middle}
.vb {vertical-align:bottom}
.nw {white-space:nowrap}

.bt {border-top:1px solid #ddd}
.btd {border-top:1px dotted #ddd}
.bt2 {border-top:2px solid #ddd}
.bb {border-bottom:1px solid #ddd}
.bbd {border-bottom:1px dotted #ddd}
.bb2 {border-bottom:2px solid #ddd}
.bbf {border-bottom:1px dotted #fff}
.waku {border:1px solid #ddd}
.br {border-right:1px solid #ddd}
.bl {border-left:1px solid #ddd}

.bgF {background-color: #ff8;}

.wf {width:99%}
.w98 {width:98%}
.w95 {width:95%}
.w90 {width:90%}
.w80 {width:80%}
.w70 {width:70%}
.w60 {width:60%}
.w50 {width:50%}
.w40 {width:40%}

img.btn {cursor:pointer;}

/* form
----------------------------------------------- */
form {margin:0;}
input {margin:0;line-height:normal;}

label {font-size:92%; color:#555;}
table td input.wf {_width:95%;}

/* table
----------------------------------------------- */
table {
  border-collapse: collapse;
  width:100%;
}
table.wa {
  width:auto;
}
th {
  white-space:nowrap;
  vertical-align:top;
  text-align:left;
  font-weight:normal;
}
td {
  vertical-align:top;
}

table.f th {
  text-align: right;
}
table.f th, table.f td {
  padding:5px 10px 10px 0;
}

table.lm th {
  font-size:92%;
}
table.lm td {
  font-size:92%;
  border-bottom-style: none;
}
table.lm td.bb {
  padding-bottom: 3px;
  border-bottom:1px solid #eee;
}
table.company {
  margin:30px 20px 0 20px;
  width:auto;
}
table.company th, table.company td {
  padding-bottom:30px;
  line-height:1.8;
}
table.company th {
  vertical-align: top;
  font-weight:bold;
  font-family:serif;
}

/* list
----------------------------------------------- */
ul,ol {
  margin:5px 0 10px 3px;
  padding-left:1.5em;
}

/* layout
----------------------------------------------- */
#mainwrapper {
  width:780px;
  margin:0 auto;
  background: url('img/bg.png') center top repeat-y;
}
#mainbody {
/*   background: url('img/bg_shoku.jpg') 40px 320px no-repeat; */
}


/* header
----------------------------------------------- */
#header {
  position: relative;
  height:210px;
  width:780px;
  background: url('img/bg_top.png') center top no-repeat;
}
#header h1 {
  position: relative;
  width:290px;
  height:70px;
  top:50px;
  left:30px;
}
#header h1 a {
  position: absolute;
  top:0px;
  left: 0px;
  width:175px;height:150px;
  background: url(img/logo.png) 0 0 no-repeat;
}
#header h1 a:hover {
  border-bottom-style: none;
}

#header h1 span, #header h3 span {
  display: none;
}

#header h2 {
  position: absolute;
  top:50px;
  left:40px;
  font-size:92%;
  display:none;
}

#header h3 {
  position: absolute;
  top:70px;
  right:40px;
}

#kuzu {
  margin:0 0 20px 35px;
  font-size:92%;
  font-family:monospace;
}

/* main
----------------------------------------------- */
#main h3 {
  color: #1E90FF;
  border-bottom:2px dotted #1E90FF;
  font-family:serif;
  font-size:100%;
  background: url('img/ic_onigiri1.png') left top no-repeat;
  padding:0 0 4px 18px;
}
#main h4.head {
  font-size:115%;
  margin-top:30px;
}
#main h5 {
  font-size:108%;
  background: url('img/ic_onigiri1.png') left top no-repeat;
  padding:0 0 4px 18px;
  margin: 20px 0 0 15px ;
}
#main h6 {
  font-size:100%;
  margin:10px 0 10px 20px;
}

ul.about {
  margin:10px 0 20px 20px;
  list-style:square;
}
ul.about li {
  margin-bottom: 10px;
}
ul.about li div {
  margin-top:5px;
}

/* footer
----------------------------------------------- */
#footer {
  position: relative;
  height:80px;
  width:780px;
  background: url('img/bg_btm.png') center bottom no-repeat;
}
#footer .copyright {
  border-top:1px dotted #ddd;
  margin:0 30px;
  padding:15px 0px 0 0 ;
  text-align:right;
  font-size:92%;
  font-family: monospace;
}
#footer .pg a {
  position: absolute;
  bottom:12px; right:12px;
  width:28px; height:28px;
}

/* menu
----------------------------------------------- */
#menu {
  position: absolute;
  top:60px; right:30px;
  z-index:1;
  font-size:92%;
}
#menu ul {
  list-style:none;
  padding:0; margin:0;
}
#menu ul li {
  float:left;
  margin-left:15px;
  padding-bottom:2px;
}
#menu ul li a {
  background: url('img/ic_onigiri.png') left center no-repeat;
  padding-left:17px;
  color: #333;
}

#menu ul li.active {
  border-bottom: 2px solid #ccc;
  font-weight:bold;
}


ul.news {
  margin-bottom:30px;
}
ul.news li{
  margin-bottom:7px;
}

.staff {
  padding:20px 0 0 10px;
}
.staff img {
  float:right;
  margin:0 0 10px 20px;
}
.staff h4 {
  font-family:serif;
  font-size:100%;
}
.staff .txt {
  margin-top:10px;
  width:570px;
  line-height:1.5;
}
.staff hr {
   border-width: 1px 0px 0px 0px;
   border-style: dotted;
   border-color: #ddd;
   height: 1px;
}

table.box {
  border-collapse: separate;
  border-spacing:7px;
  width:auto;
}

table.box td {
  width:80px;
  height:80px;
  border: 1px solid #aaa;
  text-align: center;
  vertical-align: middle;
}