@charset "UTF-8";
@import "../emergency/style.css";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";

/* =========================================================
   TOP
========================================================= */


/* content
----------------------------------------------- */
#main {
  width: 745px;
}
#wrapper {
  width: 745px;
}


#globalNavi {
  height: 38px;
  padding-bottom: 25px !important;
}
/* content
----------------------------------------------- */
#contentContainer {
  padding: 0;
}
#contentBody {
}
#commonBanner {
  clear: both;
  height: 238px;
  margin-bottom: 0px;
  font-size: 13px;
  text-align: right;
  background-image: url("/ccell/img/kamikatsu/top.jpg");
  background-position: left top;
  background-repeat: no-repeat;
}
#commonBanner .pieceBody {
}
#commonBanner .logo {
  float: left;
  width: 147px;
  height: 147px;
  margin: 0;

}
#commonBanner .logo a {
  display: inline-block;
  width: 100%;
  height: 0px !important;
  height /**/: 147px; /* gokanmode */
  padding-top: 147px;
  overflow: hidden;
  outline: 0;
  text-align:left;


}
#commonBanner .menu {
  display: inline-block;
  float: right;
  width: 335px;
  height: 86px;
  padding: 0 10px 0 0;
}
#commonBanner .upperMenu {
  display: inline-block;
  float: right;
  width: 300px;
  height: 29px;
  margin: 17px 0 0 0;
  vertical-align: middle;
}
#commonBanner .upperMenu img {
  vertical-align: middle;
}
#commonBanner .upperMenu form {
  float: right;
  margin: 3px 0 0 0;
  line-height: 1.6;
}
input#submit,
input#search-box {
  vertical-align: middle;
}
input#submit {
  margin: 0 0 0 0;
}
input#search-box {
  width: 170px;
  height: 18px;
}
#commonBanner .lowerMenu {
  display: inline-block;
  width: 100%;
  height: 15px;
  padding: 7px 3px 0 0;
  line-height: 1.5;
}
#commonBanner .lowerMenu img {
  margin: 0 0 0 5px;
}
/* IE6 */
* html  #commonBanner .logo {
  margin: 10px 0 0 5px;
}
/* IE7 */
*:first-child+html #commonBanner .lowerMenu {
}
*+html #commonBanner .lowerMenu {
}
/* main
----------------------------------------------- */
#content {
  float: left;
  width: 525px;
  margin-left: 0px;
  margin-bottom:20px;
}
#contentContainer {
  float: left;
  width: 525px;
  margin-left: 0px;
  padding: 0 10px 0 0;
}

#contentBody {
  float: left;
  width: 100%;
}
#globalNavi .pieceBody {
  margin: 0;
  padding: 0;
}

#links {
  float: right;
  width: 195px;
  margin: 0px;
}
#links #linksBody a {
  display: block;
  margin: 0 0 15px 0;
}
#linksContainer {
  margin: 0px 0px 0px 0px;
}
#kanrenLink {
  padding: 0 0 12px 0px;
  background-color: #e8e5ec;
}
#kanrenLink .pieceHeader {
  height: 28px;
  margin: 0px 0px 10px 0px;
  overflow: hidden;
}
#kanrenLink .pieceHeader h2 {
  height: 28px;
  padding: 28px 0 0 0;
  background-image: url(/ccell/img/kamikatsu/kanren.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
}

#kanrenLink .pieceBody {
  width: 170px;
  margin: 0 auto;
}

/* docs
----------------------------------------------- */
#kamikatsuTab {
  width: 515px;
  margin: 0 0 0 10px;
}

#docTabPortal .tabs,
#kamikatsuTab .tabs {
  margin: 0;
  height: 30px;
  margin: 0 0 1px 0;
  background-image: url(/ccell/img/kamikatsu/bg_line_re.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
}
#docTabPortal .tabs span,
#kamikatsuTab .tabs span {
  display: block;
}
#kamikatsuTab .tabs a.shinchaku {
  display: block;
  float: left;
  width: 110px;
  height: 30px;
  margin: 0 3px 0 0;
  background-image: url(/ccell/img/kamikatsu/tub_01.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  outline: none;
}
#kamikatsuTab .tabs a.event {
  display: block;
  float: left;
  width: 118px;
  height: 30px;  
  background-image: url(/ccell/img/kamikatsu/tub_02.gif);
  background-position: left top;
  background-repeat: no-repeat;
  outline: none;
}
#docTabPortal .tabs a,
#kamikatsuTab .tabs a {
  display: block;
  float: left;
  height: 30px;  
  color: #333333;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
}
#docTabPortal .tabs:after,
#kamikatsuTab .tabs:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.1px;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}
#kamikatsuTab .tabs span a:hover,
#docTabPortal .tabs a:hover,
#kamikatsuTab .tabs a:hover {
  background-position: 0px -30px;
  color: #ffffff;
}

#kamikatsuTab .tabs a.current, #kamikatsuTab .tabs a.current:hover, #docTabPortal .tabs a.current, #docTabPortal .tabs a.current:hover {
  background-position: 0px -30px;
  color: #ffffff;
}
#docTabPortal .tabs a.current,
#kamikatsuTab .tabs a.current {
  background-position: 0px -30px;
  color: #ffffff;
}
#docTabPortal .wrapper,
#kamikatsuTab .wrapper {
  clear: both;
  margin: 0px;
  background-image: url(/ccell/img/kamikatsu/tub_bg_re.gif);
  background-position: left top;
  background-repeat: repeat-x;

}
#docTabPortal .content,
#kamikatsuTab .content {
  clear: both;
  height: auto !important;
  padding: 10px 0px;
}
#docTabPortal .content ul,
#kamikatsuTab .content ul {
  padding: 0;
}
#docTabPortal .content li,
#kamikatsuTab .content li {
  margin: 0 0 6px 0;
  padding: 0 0 0 10px;
  background-image: url(/ccell/img/kamikatsu/ic-dot.gif);
  background-position: left 0.5em;
  background-repeat: no-repeat;
}
/* links
------------------------------------- */
#kamikatsuTab .links {
  width: 100%;
}
#kamikatsuTab .links .feed {
  position: absolute;
  float: left;
}
 #kamikatsuTab .links .feed a {
  display: -moz-inline-box;
  display: inline-block;
} 
 #kamikatsuTab .links .feed a.rss {
  width: 55px;
  height: 0px;
  padding-top: 17px;
  background-image: url(/ccell/img/kamikatsu/bt-rss.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
} 
#kamikatsuTab .links .feed a.atom {
  width: 55px;
  height: 0px;
  margin-left: 5px;
  padding-top: 17px;
  background-image: url(/ccell/img/kamikatsu/bt-atom.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
}
#docTabPortal .links .more,
 .links .more {
  margin: 10px auto 10px;
  padding: 0;
  text-align: right;
}
#docTabPortal .links .more a,
#docTab .links .more a {
  padding: 0;
  overflow: hidden; 
}