@charset "utf-8";
/*******************************************************************/
/*  Name: SiteSeed - for IT-Links                                  */
/*                                                                 */
/*  Created by Y.Maruyama (IT-Links Corporation)  04-May-2010      */
/*  Updated by                                                     */
/*******************************************************************/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Reset                                                           */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,blockquote,cite,q,address {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

img {
  border-style: none;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Clear                                                           */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/*
フロートした要素を持つ包含ブロックは高さが確保されない．この高さを
確保する方法として以下の３つがある．

◆  包含ブロック自体をフロートさせる．
◆  包含ブロックに overflow を指定する．
◆  後続要素でクリアする．

以下↓は『後続要素でクリアする』の対処を各 div ブロック単位で行う
ものだが，IE は :after 擬似要素に未対応であるため，スターハックを
用いて IE のバグを利用した高さ確保のための処置を行う．
（ "/*\*/" は MacIE に読み込まれるのを防ぐため．）
*/

div:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}

/*\*/
* html div {
  height: 1px;
  overflow: visible;
}
/**/

/*
IE7 専用ハック．
*/

*:first-child+html * {
  min-height: 0;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Layout                                                          */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

body {
  background: #f5f5f5 url("images/body_bg.png") repeat-x;
  color: #333333;
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

div#container {
  background: #ffffff url("images/content_bg.png") repeat;
  color: #333333;
  margin: 0 auto;
  margin-top: -18px;
  padding: 0 10px;
  text-align: center;
  width: 800px;
}

div#header {
  background: #ffffff url("images/header_bg.png") no-repeat center top;
  color: #333333;
  height: 105px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: 800px;
}

div#content {
  background-color: #ffffff;
  color: #333333;
  font-size: 95%;
  margin: 0 auto;
  padding: 15px 0 0 0;
  text-align: center;
  width: 800px;
}

div#main {
  background-color: #ffffff;
  color: #333333;
  float: left;
  font-size: 95%;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 590px;
}

div#sub {
  background-color: #ffffff;
  color: #333333;
  float: right;
  font-size: 95%;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 210px;
}

div#footer {
  background-color: #ffffff;
  border-top: 1px solid #cccccc;
  clear: both;
  color: #252D76;
  font-size: 80%;
  margin: 20px 0 auto;
  padding: 0px;
  text-align: center;
  width: 800px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Header                                                          */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

div#header .inner {
  padding: 0 20px 0 20px;
}

div#header h1 {
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
  font-size: 160%;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

div#header h1 a {
  background-color: #ffffff;
  color: #333333;
  text-decoration: none;
}

div#header img a {
  border: none;
  margin: 0;
}

div#header p {
  background-color: #ffffff;
  color: #333333;
  font-size: 95%;
  line-height: 140%;
  margin: 5px 0 5px 0;
  padding: 0;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Header - Primary Navigator                                      */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

div#wg-menu-primary {
  font-size: 80%;
}

div#wg-menu-primary li {
  float: right;
  list-style-type: none;
  margin: 6px 0 0 6px;
}

div#wg-menu-primary:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}

/*\*/
* html div#wg-menu-primary {
  height: 1px;
  overflow: visible;
}
/**/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Header - Global Navigator                                       */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

div#wg-menu-global {
  font-size: 95%;
  margin-top: 42px;
  text-align: center;
}

div#wg-menu-global ul {
  display: inline-block;
}

div#wg-menu-global li {
  float: left;
  list-style-type: none;
}

div#wg-menu-global li a {
  display: block;
  height: 0px;
  width: 141px;
  overflow: hidden;
  padding-top: 34px;
}

div#wg-menu-global li.menu1 a {
   background:url("images/menu1-nav.png") 0 0 no-repeat;
}
div#wg-menu-global li.menu1 a:hover {
   background:url("images/menu1-nav.png") 0 -34px no-repeat;
}

div#wg-menu-global li.menu2 a {
   background:url("images/menu2-nav.png") 0 0 no-repeat;
}

div#wg-menu-global li.menu2 a:hover {
   background:url("images/menu2-nav.png") 0 -34px no-repeat;
}

div#wg-menu-global li.menu3 a {
   background:url("images/menu3-nav.png") 0 0 no-repeat;
}

div#wg-menu-global li.menu3 a:hover {
   background:url("images/menu3-nav.png") 0 -34px no-repeat;
}

div#wg-menu-global li.menu4 a {
   background:url("images/menu4-nav.png") 0 0 no-repeat;
}

div#wg-menu-global li.menu4 a:hover {
   background:url("images/menu4-nav.png") 0 -34px no-repeat;
}
div#wg-menu-global li.menu5 a {
   background:url("images/menu5-nav.png") 0 0 no-repeat;
}

div#wg-menu-global li.menu5 a:hover {
   background:url("images/menu5-nav.png") 0 -34px no-repeat;
}

div#wg-menu-global:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}

/*\*/
* html div#wg-menu-global {
  height: 1px;
  overflow: visible;
}
/**/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Content                                                         */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

div#main .inner {
  padding: 10px 10px 0 10px;
}

div#main .clumbs {
  font-size: 80%;
  padding-bottom: 5px;
}

div#main h2 {
  background: url("images/h2_main.png") no-repeat scroll 0 5px transparent;
  clear: both;
  color: #ff6508;
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
  font-size: 80%;
  font-weight: bold;
  height: 30px;
  margin: 0 0 10px 0;
  padding: 9px 0 0 20px;
}

div#main h3 {
  background: url("images/h3_main.png") no-repeat;
  clear: both;
  color: #333333;
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;  
  font-size: 120%;
  font-weight: bold;
  margin: 20px 0 10px 0;
  padding: 0px 0 10px 20px;
}

div#main h4 {
  clear: both;
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;  
  font-size: 100%;
  font-weight: bold;
  margin: 10px 0 0 0;
}

div#main a {
  text-decoration: none;
  color: #252D76;
  background-color: #ffffff;
}

div#main a:hover {
  text-decoration: underline;
  color: #006699;
  background-color: #ffffff;
}

div#main a[href $='.pdf'] { 
    padding: 0 30px 0 0;
    background: transparent url("images/pdf.gif") no-repeat center right;
}

div#main p {
  font-size: 95%;
/*  line-height: 20px; */
  margin: 0;
  padding: 5px 0;
}

div#main img {
  border: none;
  margin: 0;
  padding: 0;
}

div#main ol, div#main ul {
  list-style-type: square;
  list-style-position: outside;
  margin: 0 0 10px 25px;
  padding: 0;
}

div#main ol li, div#main ul li {
  margin: 0 0 15px 0;
}

div#main blockquote {
  background-color: #eeeeee;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  line-height: 140%;
  margin: 5px 0 5px 0;
  padding: 3px 10px 3px 10px;
}

div#main blockquote p {
  padding: 3px 0 3px 0;
}

div#main cite {
  font-style: italic;
}

div#main pre {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  overflow: scroll;
  padding: 5px;
}

div#main dl {
  clear: both;
  margin: 5px 0;
}

div#main dt {
  float: left;
  padding: 5px 0 10px 5px;
}

div#main dd {
  margin-left: 80px;
  padding-left: 5px;
}

div#main .copy {
  font-size: 110%;
  padding-bottom: 40px;
}

div#sitemap {
  line-height: 30px;
  margin-top: 30px;
}

div#sitemap ol, div#sitemap ul {
  list-style-type: square;
}

div#profile dt.head {
  border-left: 5px solid #0066ff;
  margin: 0;
  padding: 10px;
  width: 5em;
}

div#profile dt {
  border-left: 5px solid #0066ff;
  margin-top: 10px;
  padding: 10px;
  width: 5em;
}

div#profile dd {
  border: 1px solid #cccccc;
  margin-left: 8em;
  margin-top: 10px;
  padding: 10px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Content - Top Image & Banner                                    */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

div#top-image {
  background: #ffffff url("images/top-image.png") no-repeat;
  clear: both;
  height: 200px;
  margin: 5px 0 0;
  padding: 0;
  width: 800px;
}

div#top-banner li {
  float: left;
  list-style-type: none;
  overflow: hidden;
}

div#top-banner li a {
  display: block;
  height: 0;
  width: 200px;
  overflow: hidden;
  padding-top: 161px;
}

div#top-banner li.menu1 a {
  background: url("images/top-banner1.png") 0 0 no-repeat;
}
div#top-banner li.menu1 a:hover {
  background: url("images/top-banner1-on.png") 0 0 no-repeat;
}

div#top-banner li.menu2 a {
  background: url("images/top-banner2.png") 0 0 no-repeat;
}
div#top-banner li.menu2 a:hover {
  background: url("images/top-banner2-on.png") 0 0 no-repeat;
}

div#top-banner li.menu3 a {
  background: url("images/top-banner3.png") 0 0 no-repeat;
}
div#top-banner li.menu3 a:hover {
  background: url("images/top-banner3-on.png") 0 0 no-repeat;
}

div#top-banner li.menu4 a {
  background: url("images/top-banner4.png") 0 0 no-repeat;
}
div#top-banner li.menu4 a:hover {
  background: url("images/top-banner4-on.png") 0 0 no-repeat;
}

div#top-banner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility:hidden;
}

/*\*/
* html div#top-banner {
  height: 1px;
  overflow: visible;
}
/**/

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Content - Page Label                                            */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
div#main h2.top-topics {
	margin-top: 2px;
}

div#main h2.top-message {
	margin-top: 2px;
}

div#main h2.label1 {
  background: url("images/topmessage1.png") no-repeat scroll 0 0 transparent;
  height: 0px;
	overflow: hidden;
	padding-top: 62px;
}

div#main h2.label2 {
  background: url("images/topmessage2.png") no-repeat scroll 0 0 transparent;
  height: 0px;
	overflow: hidden;
	padding-top: 62px;
}

div#main h2.label3 {
  background: url("images/topmessage3.png") no-repeat scroll 0 0 transparent;
  height: 0px;
	overflow: hidden;
	padding-top: 62px;
}

div#main h2.label4 {
  background: url("images/topmessage4.png") no-repeat scroll 0 0 transparent;
  height: 0px;
	overflow: hidden;
	padding-top: 62px;
}

div#main h2.label5 {
  background: url("images/topmessage5.png") no-repeat scroll 0 0 transparent;
  height: 0px;
	overflow: hidden;
	padding-top: 62px;
}

div#main h2.label6 {
  background: url("images/topmessage6.png") no-repeat scroll 0 0 transparent;
  height: 0px;
	overflow: hidden;
	padding-top: 62px;
}

div#main h2.label7 {
  background: url("images/topmessage7.png") no-repeat scroll 0 0 transparent;
  height: 0px;
	overflow: hidden;
	padding-top: 62px;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Sidebar                                                         */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

div#sub .inner {
  padding: 0;
}

div#sub dl {
  clear:both;
}

div#sub dt {
  background:url("images/sub_menu.png") no-repeat scroll 0 0 transparent;
  color: #ffffff;
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
  font-size: 95%;
  font-weight: bold;
  height: 35px;
  margin-top: 5px;
  padding: 5px 0 5px 10px;
/*
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b0e0e6;
*/
}

div#sub dd {
  font-size: 95%;
}

div#sub ul {
  list-style: none;
  margin: 0;
  padding: 0;
 }

div#sub li {
  border-bottom: 1px dotted #BAADB0;
  display:block;
  font-size: 95%;
}

div#sub li p {
  background:url("images/menu_icon.png") no-repeat scroll 0 7px transparent;
  background-color: #ffffff;
  color:#252D76;
  display:block;
  padding:6px 0 8px 22px;
  text-decoration: none;
}

div#sub li a {
  background:url("images/menu_icon.png") no-repeat scroll 0 7px transparent;
  background-color: #336699;
  color:#ffffff;
  display:block;
  padding:8px 0 8px 22px;
  text-decoration: none;
}

div#sub li a:hover{
  display:block;
  text-decoration: none;
	background-color: #6699cc;
	color: #000000;
}

div#sub p{
  line-height: 20px;
  margin: 0;
  padding: 3px 0 0 0;
}

div#sub li.item {
  display: inline;
  float: left;
  height: 70px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 70px;
}

div#wg-menu-links {
  margin-top: 27px;
  width: 200px;
}

div#wg-menu-links ul.homepage {
  margin-top: -12px;
}

div#wg-menu-links li {
  border-bottom: 0;
  display:block;
  font-size: 95%;
}

div#wg-menu-links li a {
  background-color: #ffffff;
  display:block;
  padding: 0;
}

div#wg-menu-links li a:hover{
  display:block;
  padding: 0;
	background-color: #ffffff;
}

div#wg-menu-activities, div#wg-menu-caseintro, div#wg-menu-profile {
  margin-top: 28px;
  width: 200px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Footer                                                          */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

div#footer a {
  text-decoration: none;
}

div#footer address {
  font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
  padding-bottom: 10px;
  padding-top: 10px;
}

div#footer dl {
  background: url("images/bg_footer_separate.gif") repeat-y scroll 5.9em 0 transparent;
  border: 1px solid #cccccc;
  line-height: 1.5;
  margin: 0 40px;
}
div#footer dl dt {
  position: relative;
  text-align: center;
  top: 5px;
  width: 6em;
}
div#footer dl dd {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 1px solid #ffffff;
  margin: -1.5em 0 0 6em;
  padding: 4px 0;
}

ul#footerlink {
  margin-top: 10px;
}
ul#footerlink li {
  border-left: solid 1px #333;
  display: inline;
  padding: 0 2px 0 8px;
}
ul#footerlink li.first {
  border-left: none;
}
ul#footerlink li a {
  display: inline-block;
  white-space: nowrap;
}
ul#footerlink li a:hover, a:focus, a:active {
  text-decoration: underline;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Table                                                           */
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.table001 {
  width: 100%;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  border-collapse: collapse;}
.table001 th {
  width: 25%;
  padding: 4px 2px 2px 4px;
  text-align: left;
  vertical-align: top;
  color: #3366CC;
  background-color: #99CCFF;
  border: 1px solid #6699CC;
}
.table001 td {
  padding: 4px 2px 2px 4px;
  background-color: #FFFFFF;
  border: 1px solid #6699CC;
}