@charset "utf-8";
@import "reset-min.css";
/* 美しい */

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.clearfix {
  min-height:1px;
}
* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}

html {
  height:100%;
  overflow-y:scroll;
}
body {
  font:normal normal small Verdana,Meiryo,'メイリオ',sans-serif;
}


iframe {
width: 870px;
height: 900px;
} 

#target { border: none; } 






p, ul, ol, dl {
  margin:1.8em 0;
  line-height:1.8em;
}
li, dd, blockquote {
  margin-left:2.4em;
}
blockquote {
  margin-right:2.4em;
}
ul li {
  list-style:disc;
}
ol li {
  list-style:decimal;
}
li ul, li ol, li dl, dd ul, dd ol {
  margin-top:0;
  margin-bottom:0;
}
td, th {
  padding:4px 6px;
  line-height:1.6em;
  border-top:solid 1px #cccccc;
  border-bottom:solid 1px #cccccc;
}
strong, b {
  font-weight:bold;
}
em, i {
  font-style:italic;
}
a:link {
  color:#0075c2;
}
a:visited {
  color:#000099;
}
a:active, a:hover {
  color:#f3981d;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}
.center, .center th {
  text-align:center;
}

#container {
  position:relative;
  width:920px;
  margin:0 auto;
}

/* header */

#header {
  width:920px;
  height:160px;
  position:relative;
  background:url("../img/header_back.png") no-repeat;
}
#header-name {
  width:164px;
  height:154px;
  position:absolute;
  left:23px;
  top:3px;
  z-index:10;
}
.logo-tofu {
   background:url("../img/logo_tofu.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/logo_tofu.png);
}
.logo-tofu-sc {
   background:url("../img/logo_tofu_sc.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/logo_tofu_sc.png);
}
.logo-tofuyo {
   background:url("../img/logo_tofuyo.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/logo_tofuyo.png);
}
.logo-tofuyo-sc {
   background:url("../img/logo_tofuyo_sc.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/logo_tofuyo_sc.png);
}
.logo-daiz {
  background:url("../img/logo_daiz.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/logo_daiz.png);
}
#header-name a {
  position:relative;
  display:block;
  width:164px;
  height:154px;
  text-indent:-9999px;
}
#header-description {
  position:absolute;
  left:190px;
  top:10px;
  font-size:16px;
  font-weight:bold;
}
#seo-copy {
  position:absolute;
  left:190px;
  top:36px;
  font-size:10px;
  color:#999999;
}
#seo-copy > p {
  line-height:1.4em;
  margin:0;
}
#tofu-menu {
  position:absolute;
  left:220px;
  top:75px;
  width:700px;
  height:30px;
  margin:0;
}
#tofu-menu li {
  height:30px;
  float:left;
  margin:0;
  list-style:none;
}
#tofu-menu li a {
  display:block;
  height:30px;
  text-indent:-9999px;
}
#tofu-web {
  width:354px;
}
#tofu-web a:link, #tofu-web a:visited {
  background:url("../img/tofumenu_back.png") 0 0 no-repeat;
}
#tofu-web a:active, #tofu-web a:hover {
  background:url("../img/tofumenu_back.png") 0 -30px no-repeat;
}
#tofu-yo {
  width:346px;
}
#tofu-yo a:link, #tofu-yo a:visited {
  background:url("../img/tofumenu_back.png") -354px 0 no-repeat;
}
#tofu-yo a:active, #tofu-yo a:hover {
  background:url("../img/tofumenu_back.png") -354px -30px no-repeat;
}
#main-menu {
  position:absolute;
  left:190px;
  top:115px;
  width:720px;
  height:28px;
  margin:0;
}
#main-menu li {
  width:90px;
  height:28px;
  margin:0;
  list-style:none;
  float:left;
}
#main-menu li a {
  display:block;
  width:90px;
  height:28px;
  text-indent:-9999px;
}
#mm-home a:link, #mm-home a:visited {
  background:url("../img/mainmenu_back.png") 0 0 no-repeat;
}
#mm-home a:active, #mm-home a:hover {
  background:url("../img/mainmenu_back.png") 0 -28px no-repeat;
}
#mm-tofu a:link, #mm-tofu a:visited {
  background:url("../img/mainmenu_back.png") -90px 0 no-repeat;
}
#mm-tofu a:active, #mm-tofu a:hover {
  background:url("../img/mainmenu_back.png") -90px -28px no-repeat;
}
#mm-regist a:link, #mm-regist a:visited {
  background:url("../img/mainmenu_back.png") -180px 0 no-repeat;
}
#mm-regist a:active, #mm-regist a:hover {
  background:url("../img/mainmenu_back.png") -180px -28px no-repeat;
}
#mm-news a:link, #mm-news a:visited {
  background:url("../img/mainmenu_back.png") -270px 0 no-repeat;
}
#mm-news a:active, #mm-news a:hover {
  background:url("../img/mainmenu_back.png") -270px -28px no-repeat;
}
#mm-media a:link, #mm-media a:visited {
  background:url("../img/mainmenu_back.png") -360px 0 no-repeat;
}
#mm-media a:active, #mm-media a:hover {
  background:url("../img/mainmenu_back.png") -360px -28px no-repeat;
}
#mm-seo a:link, #mm-seo a:visited {
  background:url("../img/mainmenu_back.png") -450px 0 no-repeat;
}
#mm-seo a:active, #mm-seo a:hover {
  background:url("../img/mainmenu_back.png") -450px -28px no-repeat;
}
#mm-reseller a:link, #mm-reseller a:visited {
  background:url("../img/mainmenu_back.png") -540px 0 no-repeat;
}
#mm-reseller a:active, #mm-reseller a:hover {
  background:url("../img/mainmenu_back.png") -540px -28px no-repeat;
}
#mm-free a:link, #mm-free a:visited {
  background:url("../img/mainmenu_back.png") -630px 0 no-repeat;
}
#mm-free a:active, #mm-free a:hover {
  background:url("../img/mainmenu_back.png") -630px -28px no-repeat;
}
#mini-menu {
  position:absolute;
  left:583px;
  top:0;
  margin:0;
  width:334px;
  height:39px;
}
#mini-menu li {
  margin:0;
  list-style:none;
  height:39px;
  float:left;
}
#mini-menu li a {
  display:block;
  height:39px;
  text-indent:-9999px;
}
#mm-about {
  width:77px;
  background:url("../img/minimenu_back.png") 0 0 no-repeat;
}
#mm-privacy {
  width:120px;
  background:url("../img/minimenu_back.png") -77px 0 no-repeat;
}
#mm-inquiry {
  width:137px;
  background:url("../img/minimenu_back.png") -197px 0 no-repeat;
}

/* content */

#content {
  width:920px;
  background:url("../img/body_back.png") repeat-y;
}
#content-inner {
  width:900px;
  margin:0;
  padding:0 10px;
}
#alpha {
  width:716px;
  float:right;
}
#beta {
  width:184px;
  padding-bottom:18px;
  float:left;
}
#gamma {
  width:860px;
  padding:0 20px 20px 20px;
}
#gamma-inner #page-title {
  width:860px;
}

#loginbox {
  width:130px;
  height:192px;
  padding:22px 18px 0 28px;
  color:#ffffff;
  background:url("../img/login_back.png") 16px 6px no-repeat;
}
#loginbox .txtfield {
  width:128px;
}
#loginbox p {
  margin:4px 0;
  line-height:1.4em;
}

#ssl-seal {
  width:150px;
  margin:8px 0 6px 20px;
  text-align:center;
}

#seo-dictionary {
  width:150px;
  margin:8px 0 6px 20px;
  text-align:center;
}

/* footer */

#footer {
  width:920px;
  background:url("../img/body_back.png");
}
#footer-inner {
  height:100px;
  background:url("../img/footer_back.png") left bottom no-repeat;
}
ul#footer-menu {
  width:900px;
  height:22px;
  margin:0 auto;
  padding:6px 0 0 0;
  line-height:1em;
  background:url("../img/footmenu_back.png") no-repeat;
  text-align:center;
}
ul#footer-menu li {
  display:inline;
  margin:0;
  padding:0 8px;
  list-style:none;
  font-size:9px;
  text-align:center;
}
#footer-address {
  font-size:9px;
  padding:26px 0 0 42px;
  color:#ccdcf0;
}
#footer-address a:link, #footer-address a:visited {
  color:#ccdcf0;
  text-decoration:none;
}
#footer-address a:active, #footer-address a:hover {
  text-decoration:underline;
}

#bomb {
  position:absolute;
  top:40px;
  left:850px;
  width:94px;
  height:94px;
  background:url("../img/bomb.png") no-repeat;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/bomb.png);
}

/* content */

/*
  <div class="page-asset asset">
    <div class="asset-header">
      <h1 class="page-title" class="asset-header"></h1>
    </div>
    <div class="asset-content">
      <div class="asset-body">
        here
      </div>
    </div>
    <div class="asset-footer"></div>
  </div>
*/

.asset {
  width:690px;
  padding-left:5px;
}
.asset h2 {
  font-weight:bold;
  font-size:144%;
  line-height:1.4em;
  margin:1.4em 0;
}
.asset h3 {
  font-weight:bold;
  font-size:120%;
  line-height:1.4em;
  margin:1.4em 0;
}
.asset h4, #gamma-inner h4 {
  font-weight:bold;
  line-height:1.8em;
  margin:1.8em 0;
  padding:0 0 0 16px;
  background:url("../img/h4-dot.png") 0 5px no-repeat;
  border-bottom:dashed 1px #cccccc;
}
.page-asset {
  margin:0 0 18px 0;
}
.asset-header {
}
#page-title {
  width:670px;
  height:43px;
  margin:0 0 18px 0;
  padding:22px 0 0 20px;
  font-size:21px;
  font-weight:bold;
  background:url("../img/page-title-back.png") no-repeat;
}
.asset-name {
}
.asset-meta {
  margin-top:-18px;
  text-align:right;
}
.asset-content {
}
.asset-body {
}

.asset-footer {
}

.widget-header {
  display:none;
}
.widget-content ul {
  width:150px;
  margin:0 0 12px 20px;
  line-height:1.3em;
}
.widget-content ul li {
  margin:0;
  list-style:none;
  background:url("../img/page-subnav-back.png") left center no-repeat;
  border-top:solid 1px #eeeeee;
  border-bottom:solid 1px #cccccc;
}
.widget-content ul li a {
  display:block;
  padding:8px 8px 8px 22px;
  text-decoration:none;
  background:url("../img/page-subnav-arrow.png") 8px 11px no-repeat;
}
.widget-content ul li.empty {
  padding:8px 8px 8px 22px;
}

.entry-title {
  margin:1.8em 0;
  padding:0;
  background:none;
  font-size:100%;
  font-weight:bold;
}

/* content - about */

td#about-history {
  padding:0;
}
td#about-history td {
  border-top:none;
}
td#about-history tr:last-child td {
  border-bottom:none;
}

/* content - tofu */

#tofudetail-2wrap {
  width:690px;
}
#tofudetail-left {
  width:325px;
  float:left;
}
#tofudetail-right {
  width:325px;
  padding-left:19px;
  border-left:solid 1px #cccccc;
  float:right;
}
h3.tofu-name {
  font-size:21px;
  line-height:21px;
  padding:2px 0;
  border-top:double 3px #cccccc;
  border-bottom:double 3px #cccccc;
  text-align:center;
}
.tofu-catch {
  font-size:12px;
}

#reg-banner-small {
  width:150px;
  margin:0 0 12px 20px;
}
#reg-banner-big {
  margin:18px 0;
  text-align:center;
}

.flow-wrap {
  width:690px;
  margin:18px 0;
}
.flow-box {
  width:190px;
  padding:0 20px;
  float:left;
  line-height:160%;
}

#banner-sunnet {
  margin:18px 0 10px 0;
  text-align:center;
}

