@charset "UTF-8";

/* *********************************
Updated : 2009/1/7
*********************************** */


/* *********************************
001: 基本レイアウト
002: ヘッダー
003: ナビゲーション
004: コンテンツ
005: フッター
*********************************** */


/* **********************************/
/* 001: 基本レイアウト
*********************************** */

body {

  font-family:Meiryo,'メイリオ','Lucida Grande',Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	color:#111111;
  background: #e1e7ec  none repeat scroll 0 0;

	line-height: 133%;
  font-size: 16px; 	/* モダンブラウザ向け */
	*font-size: 100%; /* IE 7向け */
	_font: small;     /* IE 6以下 */


  height:100%;
  _width:100%; 			/* IE6 : !Doctype: Compatible mode */

  }


/* ヘッダ 各部門ごとに異なる (別のファイルからimport) */

/* #header {background:#2F3F99 url(/images2/header_bg_sidbase.jpg) top center repeat-x;} */



/* メイン・コンテナー */
#container {
	font-size		:80%;      /* Default font-size */
	*font-size	:83%;
	line-height	:133%;
	text-align: left;
  position:relative;
	}
.container-padding {
	padding:0 15px;
}
.container-width {
	width:977px;
	margin:0 auto;
	}

/* ナビゲーション */
#navi-top {
	background: transparent url(/images2/navi-blue41x1-1.jpg) scroll 0 0 repeat-x ;
	margin-top:0px;
	}
#navi {
	background:#223757; 
	margin-top:1px;
	}

/* トピックスパス */
#topic_path {
	font-weight:bold;
}

/* フッター */
#footer {
	clear: both;
	padding:0;
}

/* トップページ・フッター */
#top-fotter {
	color:#ffffff;
	background:url(/images2/bg-footer.gif) repeat-x scroll 0 0 transparent;
	}
#top-fotter a, #top-fotter a:visited, #top-fotter a:hover, #top-fotter a:link{
	color:#ffffff;
	}


br.blockend{clear:both; font-size:1px;}

/* **********************************/
/* 002: ヘッダー 各部門ごとに異なる
   header-***.css ファイルから import
*********************************** */

/* 一例
.header-core {
	background:url(/images2/header_bg_sid.jpg) top center repeat-x;
	}
.header-core-right {
	background:url(/images2/header_bg_sid_right.jpg) top right no-repeat;
	}
.header-core-left {
	background:url(/images2/test1128_header_bg_sid_left.jpg) top left no-repeat;
	width:100%; height:180px;
	}
*/

.header-padding {
	padding: 10px 28px 0 0px;
}
.header-top-padding {
	padding: 8px 0px 0 0px;
}

#header div.tosoftek {
	text-align:right;
	padding-left:5px;
	}
#header p.softeklogo {
	padding-left:34px;
	padding-top:16px;
	}

/* **********************************/
/* 003: ナビゲーション（共通）
*********************************** */

.navi-right {
	background: transparent url(/images2/navi_right.gif) right repeat-y;
	}
.navi-left {
	background:url(/images2/navi_left.gif) left repeat-y; width:100%;
	overflow:hidden;
	}
/* **********************************/
/* 003: ナビゲーション（トップページ）
*********************************** */
#top-menu	{
	float:left; 
	padding: 0px 0 0 30px;
	width:900px; 
	height:36px;
	font-size:1.15em;
	_font-size:110%;
	_font-family:arial,sans-serif;
	font-weight:bold;
}
#top-menu ul {
	margin:0; padding:0; 
	list-style:none; 
}
#top-menu ul.main li {
	width:170px;
	margin:0;
	color:#ffffff;
	line-height:1.8em;
	float:left;
	padding:0 0 0 0;
	background: transparent url(/images2/header-vertical.gif) scroll 0 0 no-repeat ;
}

#top-menu ul.main li.delimiter {
	width:1px;
	height:36px;
	background: transparent url(/images2/header-vertical.gif) scroll 0 0 no-repeat ;
	}

#top-menu li a {
	width:100%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	display:block;
}
#top-menu li a:hover {
	background:#6699cc;
}
#top-menu ul li.out ul {
	display:none;
}
#top-menu  ul li.over ul {
	display:block;
	height:auto;
}
#top-menu li.out {
	border:solid #336699;
	border-width:0 1px;
	background: transparent url(/images2/navi-blue41x1-1.jpg) scroll 0 0 repeat-x ;
}
#top-menu li.over {
	border:solid #336699;
	border-width:0 1px 1px 1px;
	_border-width:0 1px 0px 1px;
}

#top-menu li a span {
	display:block; 
	float:left;
	padding:2px 0px; 
	color:#FFFFFF; 
	text-decoration:none;
	width:170px;
	}
#top-menu ul li a:hover span, #top-menu ul li span {
	cursor:pointer;
	text-decoration:none;
	}
#top-menu li a:hover span {
	background: transparent url(/images2/menu-hover.gif) repeat-x scroll top left; 
	color:#00468c; 
	}
/* SUB MENU */
#top-menu ul.sub {
	position:absolute;
	top:122px;
	border-bottom:1px solid #a6d2ff;
	height:100%; /* IE6 */
}
#top-menu ul.sub li {
	float:none;
	border-top:1px solid #d5d5d5;
	background:#fefbe7 none;
	line-height:1.2em;
	_width:161px; 
}
#top-menu ul.sub li.m {
		background:#eeeeee none;
	}
#top-menu ul.sub li a, #top-menu ul.sub li.m p {
	color:#01406d;
	background:none;
	font-weight:bold;
	font-size:77%;
	text-align:left;
	padding:5px 5px 5px 5px;
} 
#top-menu ul.sub li.m a {
	color:#01406d;
	}
#top-menu ul.sub li a:hover {
	color:#ffffff;
	background-color:#005bc6; 
  width:auto;	
  _width:161px;
}
 
/* **********************************/
/* 003-1: ナビゲーション（一般)
*********************************** */
.menu2 {
	float:left; 
	padding: 0px 0 0 30px;
	width:900px; 
	height:41px;
	font-size:1.2em;
	_font-size:110%;
	_font-family:arial,sans-serif;
	font-weight:bold;
	}
.menu2 ul {
	margin:0; padding:0; 
	list-style:none; 
	width:100%; 
	overflow:hidden;
	}
.menu2 ul li {
	float:left; 
	padding:0 0 0 0;
	border-left:1px solid #182437;
	_border-left:2px solid #182437;
	background: transparent url(/images2/navi-blue41x1-1.jpg) scroll 0 0 repeat ;
	}
.menu2 ul li.last {
	float:left; 
	height:41px;
	}	

.menu2 ul li a span{
	display:block; 
	float:left; 
	padding:6px 11px; 
	color:#FFFFFF; 
	text-decoration:none;
	}

.menu2 ul li a:hover span, .menu ul li span{
	cursor:pointer;
	text-decoration:none;
	}
.menu2 ul li a:hover span{
	background: transparent url(/images2/menu-hover.gif) repeat-x scroll top left; 
	color:#00468c; 
	}

/* **********************************/
/* 003-2: ナビゲーション（SID、PGI)
*********************************** */

.menu {
	float:left; 
	padding: 0px 0 0 30px;
	width:900px; 
	height:41px;
	font-size:1.2em;
	_font-size:110%;
	_font-family:arial,sans-serif;
	font-weight:bold;
	}
.menu ul {
	margin:0; padding:0; 
	list-style:none; 
	width:100%; 
	overflow:hidden;
	}
.menu ul li {
	float:left; 
	padding:0 0 0 0;
	background: #223757 url(/images2/header-vertical.gif) scroll 0 0 no-repeat ;
	}

.menu ul li.last {
	background: #223757 url(/images2/header-vertical.gif) scroll top left no-repeat ;
	float:left; 
	padding:10px 10px; 
	}	

.menu ul li a span{
	display:block; 
	float:left; 
	padding:6px 11px; 
	color:#FFFFFF; 
	text-decoration:none;
	}

.menu ul li a:hover span, .menu ul li span{
	cursor:pointer;
	text-decoration:none;
	}
.menu ul li a:hover span{
	background: transparent url(/images2/menu-hover.gif) repeat-x scroll top left; 
	color:#00468c; 
	}

/* **********************************/
/* 003-3: サブメニュー(各ページ、コンテンツエリア内）
*********************************** */
/* --- site_submenu ---------------------*/
div.pagemenu {
	height:25px;
	padding:0px 0px 0;
	background-color:#dddddd;
	}

div.site_submenu{
  font-family: "Verdana","Osaka","ＭＳ Ｐゴシック",  sans-serif; 
  font-size:10pt;
  padding: 0;
  margin-left: 0;
  clear:both;
}
div.site_submenu ul{
        list-style:none;
        margin: 0;
        padding: 0;
}
div.site_submenu ul.righthand{
  float:right;
  display:block;
  }
div.site_submenu li{
        font-weight:normal;
        *font-size:93%;
        padding:0px 0 3px 0px;
  /*      background-color: #e6e6e8; */
        display: block;
        float:left;
}
div.site_submenu span.dum {
        float:left;
        padding: 4px 0px;
}
div.site_submenu a span{
        float:left;
        padding: 3px 10px;
        *padding: 4px 10px 3px 10px;
        margin-left: 0px;
        background:#ffffff url("/images2/cyan2_bg5x30.gif") repeat-x scroll left bottom;
        border: 1px solid #b5d2ff; 
}
div.site_submenu a span.whole {
        float:left;
        background:#FFFFFF url("/images2/kimi1_bg1x24.gif") repeat-x scroll left 11px; 
        border: 1px solid #b8ac21;
        color:#666666;
        }

div.site_submenu a:hover {
        cursor:pointer;
        }

div.site_submenu a:hover span {
        color: #0066cc;
        background:#ffffff url("/images2/cream1_bg5x25.gif")  repeat-x scroll left 80% ;
        border: 1px solid #9fb7d4;
        }

div.site_submenu a.current span {
        /* text-decoration:underline; */
        border: 1px solid #e0b901;
        color:#000000;
        background:#ffffff url("/images2/mysid_bg5x30.gif")  repeat-x scroll left bottom;
        }

/* **********************************/
/* 004: トピックスパス
*********************************** */

/* トピックパス */

#topic_path a {
	text-decoration:none;
}
#topic_path a:hover {
	text-decoration:underline;
}


/* **********************************/
/* 005: コンテナー
*********************************** */

/* border-line */
.waku {
	background:#FFFFFF url(/images2/waku_bottom.gif) bottom repeat-x;
	}
.waku-top {
	background:url(/images2/waku_top.gif) top repeat-x;
	}
.waku-top2 {
	background:url(/images/menubg1.gif) top repeat-x;
	}
.waku-right {
	background:url(/images2/waku_right.gif) right repeat-y;
	}
.waku-left {
	background:url(/images2/waku_left.gif) left repeat-y;
	}
.waku-bottom-right {
	background:url(/images2/waku_bottom_right.gif) bottom right no-repeat;
	}
.waku-bottom-left {
	background:url(/images2/waku_bottom_left.gif) bottom left no-repeat;
	padding:9px 37px 10px;
	}

.content-container {
	width:100%; 
	overflow:hidden;
	margin-top:30px;
	}

/* (0) Top page style (Narrow side) */
#toppage-content {
	float: left;
	margin: 0 -160px 0 0;
	width: 100%;
	}
	
#toppage-content .margin {
	margin:0 180px 0 0;
	padding-bottom:30px;
	}

#toppage-side {
	float: right;

	width : 160px;
 	z-index :100;
	}

/* (1) One Block style */
#content-one {
	margin: 0;
	width: 100%;
	margin-bottom:5px;
	}
#content-one .margin {
	margin:auto 30px;
	padding-bottom:10px;
	}
#content-one .margin2 {
	margin:auto 50px;
	padding-bottom:10px;
	}


/* (2) Two Block style (content-left + right-side) */

#content-left {
	float: left;
	margin: 0 -250px 0 0;
	width: 100%;
	}
#content-left .margin {
	margin:0 263px 0 0;
	padding-bottom:30px;
	}
#right-side {
	float: right;
	position: relative;
	width : 245px;
 	z-index :100;
	}

/* (3) Two Block style (left-side + content-right) */

#left-side {
	}
#content-right {
	}
#content-right .margin {

	}

/* (4) Simple teo Separating style  (content-left + right-side) */
/* for example, TIPS, Technical Guide */

#main600 {
	float: left;
	margin: 0 -310px 0 0;
	width: 100%;

	}
#main600 .margin {
	margin:0 310px 0 0;
	}
#sub300{
	float: right;
	width : 300px;
	}


/* **********************************/
/* 006: フッター
*********************************** */


#footer p {
	margin:0; padding:30px 20px 15px; 
	text-align:center; 
	font-size:1.3em; 
	color:#202A33;
	}

#footer a {
	color:#202A33; text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
	}