@charset "UTF-8";
@import "./src/init.css";
@import "./src/base_style.css";
@import "./src/piece_style.css";

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

/* common banner
----------------------------------------------- */
/* top photo
----------------------------------------------- */
#topPhoto {
   clear: both;
   height: 270px;
   margin: 14px 0 15px;
   width: 960px;
}

/* pick up menu
----------------------------------------------- */
#pickUpMenu {
  width: 100%;
  float: left;
}

#pickUpMenu .pieceBody .upper{
  width: 940px;
  float: left;
}

#pickUpMenu .pieceBody .lower{
  width: 495px;
  padding-left: 10px;
  float: left;
}

#pickUpMenu .faculties {
  width: 455px;
  float: left;
  padding-right: 15px;
}

#pickUpMenu .research {
  width: 455px;
  float: right;
}

#pickUpMenu h2 {
  padding-left: 17px;
  background-image: url(/ph/english/img/gtl-side.gif);
  background-repeat: no-repeat;
  background-position: left 7px;
  line-height: 26px;
  margin-bottom: 5px;
  border-bottom: 1px solid #797979;
  font-size: 100%;
  font-weight: bold;
  color: #2c2c2c;
  margin-bottom: 5px;
}

#pickUpMenu ul {
  padding-left: 5px;
}

#pickUpMenu li {
  padding-left: 10px;
  background-image: url(/ph/english/img/title_ic1.gif);
  background-position: left 0.4em;
  background-repeat: no-repeat;
}

#pickUpMenu .more {
  text-align: right;
  padding-right: 20px;
  line-height: 110%;
}

/* docs
----------------------------------------------- */
#recentDocs li {
  padding: 0px 0px 5px 10px;
  background-image: url(/ph/english/img/ic-list-shinchaku.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
}

#recentDocs .pieceBody {
  padding: 0px 5px 5px 5px;
}

/* recent Docs Title
----------------------------------------------- */
#recentDocsTitle {
  margin-bottom: 0;
}

#recentDocsTitle .pieceHeader {
  background-image: url(/ph/english/img/tl-oshirase-re.gif);
  background-position: left top;
  background-repeat: repeat-x;
  height: 35px;
}

#recentDocsTitle h2 {
  background-image: url(/ph/english/img/tl-oshirase-top.gif);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 35px;
  color: #ffffff;
  font-weight: bold;
  padding-left: 15px;
  float: left;
}

/* footer
----------------------------------------------- */


/* qr-code
----------------------------------------------- */
#qrCode {
  margin-top: 5px;
}

#qrCode img {
  float: left;
  margin-right: 4px;
}

/* sideMenu_left
---------------------- */
#sengen {
  margin: 0 0 10px 0;
  width: 100%;
}

#sengen .pieceContainer {
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC;
  padding: 9px 0 9px;
}

#sengen .pieceBody {
  width: 178px;
  margin: 0 auto;
}

#sengen .bnLink {
  display: block;
  text-align: center;
  margin: 0 0 7px 0;
  padding: 0;
}

#sengen .textLk {
  padding: 0;
}

#leftBanner .pieceBody {
  width: 200px;
}

#leftBanner a {
  display: inline-block;
  margin-bottom: 5px;
}

/* gakunaiLink
---------------- */
#gakunaiLink {
  margin: 0;
}

#gakunaiLink li {
  padding: 0 0 0 18px;
  background-image: url(/ph/english/img/arrow.gif);
  background-position: left 0.2em;
  background-repeat: no-repeat;
  line-height: 1.3;
}

/* sideMenu_right
---------------------- */
#links .tokubetsu {
  margin-bottom: 15px;
}

#links .pieceHeader {
  margin: 0 0 7px 0;
  border-bottom: 1px solid #000000;
}

#links h2 {
  padding: 0 0 0 17px;
  background-image: url(/ph/english/img/tl-side.gif);
  background-position: left 0.4em;
  background-repeat: no-repeat;
  font-size: 95%;
  font-weight: bold;
  line-height: 1.7;
}

#links a {
  display: inline-block;
  margin: 0 0 5px 0;
}

/* Doc Tabs
----------------------------------------------- */
#docTab {
  float: left;
  margin:0 10px 10px 10px;
  _margin:0 10px 10px 5px;
}

/* tabs
------------------------------------- */
#docTabPortal .tabs,
#docTab .tabs {
  padding-bottom: 0px
  border-bottom: none;
}

#docTabPortal .tabs span,
#docTab .tabs span {
  display: block;
  width: 150px;
  margin: 0;
  padding-top: 3px;
  background-image: url(/ph/english/img/bg-tub-left.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

#docTabPortal .tabs a,
#docTab .tabs a {
  display: block;
  float: left;
  width: 150px;
  line-height: 24px;
  margin-right: 3px;
  padding-bottom: 0px;
  background-image: url(/ph/english/img/bg-tub-re.gif);
  background-position: left top;
  background-repeat: repeat-x;
  color: #333333;
  border-right: 1px solid #b2b2b2;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  text-decoration: none;
}

#docTabPortal .tabs:after,
#docTab .tabs:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.01%;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}

#docTab .tabs span a:hover,
#docTabPortal .tabs a:hover,
#docTab .tabs a:hover {
  background-position: 0px -100px;
  color: #333333;
}

#docTab .tabs a.current, #docTab .tabs a.current:hover,
#docTabPortal .tabs a.current, #docTabPortal .tabs a.current:hover {
    background-position: 0 -200px;
    color: #FFFFFF;
}

#docTabPortal .tabs a .current,
#docTab .tabs a .current {
  background-image: url(/ph/english/img/bg-tub-re.gif);
  background-position: 0px -200px;
  background-repeat: repeat-x;
  color: #ffffff;
}

#docTabPortal .wrapper,
#docTab .wrapper {
  clear: both;
  width: 348px;
  margin: 0px;
  border: 1px solid #b2b2b2;
}

#docTabPortal .content,
#docTab .content {
  clear: both;
  height: auto !important;
  padding: 10px 0px;
}

#docTabPortal .content ul,
#docTab .content ul {
  padding: 0px 20px 0px 15px;
}

#docTabPortal .content li,
#docTab .content li {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  background-image: url(/ph/english/img/ic-dot.gif);
  background-position: left 0.5em;
  background-repeat: no-repeat;
  line-height: 1.5;
}

/* links
------------------------------------- */
#docTab .links {
  width: 100%;
}

#docTab .links .feed {
  position: absolute;
  float: left;
  margin-top: 9px;
  _margin-top: 11px;
}

#docTab .links .feed a {
  display: -moz-inline-box;
  display: inline-block;
} 

#docTab .links .feed a.rss {
  width: 55px;
  height: 0px;
  margin-left: 15px;
  padding-top: 15px;
  _padding-top: 16px;
  background-image: url(/ph/english/img/bt-rss.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
} 

#docTab .links .feed a.atom {
  width: 55px;
  height: 0px;
  margin-left: 5px;
  padding-top: 15px;
  _padding-top: 16px;
  background-image: url(/ph/english/img/bt-atom.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
  vertical-align: middle;
}

#docTabPortal .links .more, .links .more {
  text-align: right;
  padding: 10px 20px 10px 10px;
  *padding-bottom: 0;
  *margin-bottom: 10px;
}

#docTabPortal .links .more a,
#docTab .links .more a {
  overflow: hidden;
}

/* base
----------------------------------------------- */
#bannerBody {
  margin-bottom: 15px;
}

#wrapper {
  float: left;
}

#content {
  float: left;
}

#contentContainer {
  float: left;
  width: 940px;
}

#contentBody {
  float: left;
  width: 940px;
}