@charset "utf-8";
@import url("SEOAdmin.css");


/* ===========================================================
common
=========================================================== */
body, h1, h2, h3, h4, p, ul, dl, ol, li, dt, dd, div, h1, p, img {
	margin:0; padding:0;
	border:none; color:#000;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.area {
	overflow: hidden;
	_zoom: 1;
}
/* ---------------------------------------------------------
admin
--------------------------------------------------------- 
.ADMIN{padding:0;}*/
body			{text-align:center; line-height: 1.3em;}
a,
a:link,
a:active,
a:visited		{color:#2266AA;text-decoration:none;}
a:hover,
a:active,
a:focus			{color:#4B8DCF;text-decoration:underline;}


/* ===========================================================
 header
=========================================================== */
#header {
	text-align:left;
}
.HeadPane {
	float:left; width:650px;
}
.HeadLinkPane {
	float:right; width:380px;
}
.top_graylinearea {
	border-bottom: solid 1px #E4E4E4;
	background:#FDFDFD;
	margin-bottom:10px;
	overflow: hidden;
	_zoom: 1;
}
.Logo {
	float:left;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding-left:10px;
	width:10%;		
}
.HeadSubPane  {
	float:right;		
	text-align:center;
	width:70%		
}
.HeadSubPane img {
	padding-bottom:10px;
	margin:0 auto;
}
.top_grayarea{
	overflow: hidden;
	_zoom: 1;
	background:#F6F7F8;
	border-top: solid 1px #E8EBED;
	height:33px;
	padding-top:8px;
}
.SearchPane {
	float:left;
	width:380px;
	padding-left:10px;
}
.LoginPane {
	float:right;
	width:445px;
	text-align:right;
	padding-right:10px;
}

/* ===========================================================
PageBody
=========================================================== */
#PageBody {
	clear: both;
	padding:0px 0 45px 0;
	margin:0 auto 20px auto;
	width:100%;
	overflow: hidden;
	_zoom: 1;
}
*html #PageBody {
	clear: both;
	padding:0px 0 45px 0;
	margin:0 auto 20px auto;
	width:100%;
	overflow: hidden;
	_zoom: 1;
}
.ContentBottomPane {
	padding-top:30px;
	text-align:right;
}


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

/*------------3カラム--------------*/

#mainContent {
	margin:0px;
	padding:0px;
}
#top_3Columns .ContentPane  {
	text-align:left;
}
#top_3Columns {
	min-width:1050px;
}
#top_3Columns div#mainContent {
	margin-left:-100%;
	width:100%;
	float: right;
}
#top_3Columns div#mainContent div.section {
	margin-left: 170px;
	margin-right: 315px;
	padding:0 10px;
	min-width:480px;
}
#top_3Columns div#SideContent {
	width:160px;
	float:left;
	clear:left;
	text-align:left;
	margin-left:10px;
	padding:0px;
}
#top_3Columns div#extraContent {
	width:300px;
	float:right;
	text-align:left;
	padding:0 10px 0 10px;
}
#top_3Columns div#bottomContent {
	width:auto;
	clear:both;
	margin:0 0 0 300px;
}
*html #top_3Columns div#mainContent div.section {
	margin-left:170px;
	margin-right:320px;
	padding:0 10px 0 10px;
	min-width:500px;
}
*html #top_3Columns div#SideContent {
	margin-left:5px;

}

/*------------2カラム--------------*/
#next_2Columns .ContentPane  {
	text-align:left;
}
#next_2Columns {
	min-width:1000px;
}
#next_2Columns div#mainContent {
	margin-left:-100%;
	width:100%;
	float: right;
	clear: right;
}
#next_2Columns div#mainContent div.section {
	margin-right: 325px;
	padding:0 0 0 10px;
	min-width:650px;
}

#next_2Columns div#extraContent {
	width:300px;
	float:right;
	text-align:left;
	padding:0 10px;
}
#next_2Columns div#bottomContent {
	width:auto;
	clear:both;
	margin:0 0 0 300px;
}
*html #next_2Columns div#extraContent {
	width:295px;
}


/*------------2カラムプリント--------------*/
#next_2Columns_print .ContentPane  {
	text-align:left;
}
#next_2Columns_print {
	min-width:1000px;
}
#next_2Columns_print div#mainContent {
	margin-left:-100%;
	width:100%;
	float: right;
	clear: right;
}
#next_2Columns_print div#mainContent div.section {
	margin-right: 325px;
	padding:0 0 0 10px;
	min-width:650px;
}

#next_2Columns_print div#extraContent {
	width:300px;
	float:right;
	text-align:left;
	padding:0 10px;
}
#next_2Columns_print div#bottomContent {
	width:auto;
	clear:both;
	margin:0 0 0 300px;
}
*html #next_2Columns_print div#extraContent {
	width:295px;
}


/*------------1カラム--------------*/

#next_1Columns .ContentPane {
	padding: 0 15px;
}

/*------------ホワイトペーパー--------------*/

#next_whitepaper {
	clear:both;
	overflow:hidden;
	_zoom:1;
}
#next_whitepaper .ContentPane  {
	text-align:left;
}
#next_whitepaper {
	min-width:1050px;
}
#next_whitepaper div#mainContent {
	margin-left:-100%;
	width:100%;
	float: right;
}
#next_whitepaper div#mainContent div.section {
	margin-left: 170px;
	margin-right:315px;
	padding:0 10px;
	min-width:480px;
}
#next_whitepaper div#SideContent {
	width:160px;
	float:left;
	clear:left;
	text-align:left;
	margin-left:10px;
	padding:0px;
}
#next_whitepaper div#extraContent {
	width:300px;
	float:right;
	text-align:left;
	padding:15px 10px 0 10px;
}
#next_whitepaper div#bottomContent {
	width:auto;
	clear:both;
	margin:0 0 0 300px;
}
*html #next_whitepaper div#mainContent div.section {
	margin-left:180px;
	margin-right:320px;
	padding:0 10px 0 10px;
	min-width:500px;
}
*html #next_whitepaper div#SideContent {
	margin-left:5px;
}
#Content2box {
	float:left;
	margin-right:-100%;
	width:100%;
}
#Content2box .sectiontitle {
	padding:10px;
	margin-right:315px;
	text-align:left;
	margin-bottom:15px;
}


/* ===========================================================
FootBody
=========================================================== */
#FootBody {
	clear:both;
	border-top: solid 5px #000000;
	background:#F6F7F9;
}
.FootLogoPane {
	width:200px;
	padding:20px 10px 0 20px;
	float:left;
	text-align:left;
}
.FootPane {
	padding:20px 10px 0 0;
	text-align:left;
	width:800px;
	float:left;
}
.Copyright {
	text-align:center;
	clear:both;
	padding:10px 25px 30px 20px;
}

/* ===========================================================
system
=========================================================== */

/*--左ナビ--*/
.sidenavi {
	background:url(/Portals/0/Skins/businessnetwork/images/side_category_title.gif) no-repeat top left;
	padding-top:31px;
}
.sidenavi li.blue_btn { 
	list-style:none;
	background:url(/Portals/0/Skins/businessnetwork/images/site_bluelist.gif) no-repeat top left;
	width:160px;
	height:31px;
	margin-bottom:2px;
}
.sidenavi li.green_btn { 
	list-style:none;
	background:url(/Portals/0/Skins/businessnetwork/images/side_greenlist.gif) no-repeat top left;
	width:160px;
	height:31px;
	margin-bottom:2px;
}
.sidenavi li.red_btn { 
	list-style:none;
	background:url(/Portals/0/Skins/businessnetwork/images/site_brownlist.gif) no-repeat top left;
	width:160px;
	height:31px;
	margin-bottom:2px;
}
li.blue_btn a:link, li.blue_btn a:visited, li.blue_btn a:active, 
li.green_btn a:link, li.green_btn a:visited, li.green_btn a:active, 
li.red_btn a:link, li.red_btn a:visited, li.red_btn a:active{
	font-weight:bold;
	padding-left:15px;
	line-height:31px;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
li.blue_btn a:hover, li.green_btn a:hover, li.red_btn a:hover {
	color:#008CD6;
	text-decoration:underline;
}


/* ---------------------------------------------------------
SEOMENU -グローバルナビ
--------------------------------------------------------- */

/*--ナビを表示する--*/
.TopNavi  {
	background:url(/Portals/0/Skins/businessnetwork/images/nav_bg.gif) repeat-x top;
	height:57px;
	padding:0px;
	margin:0 0 -10px 0; 
}
.TopNavi .TopNavi ul li {
	display: block;
}
.TopNavi .TopNavi ul li ul.current {
	display:block;
}
/*--リストの設定。floatで横並び--*/
.TopNavi .TopNavi {
	margin: 0 auto;
	padding:0;
	list-style-type:none;
	z-index:99999;
}
.TopNavi .TopNavi ul {
	margin:0;
	padding:2px 0 0 0;
	list-style-type:none;
	z-index:99999;
}
.TopNavi .TopNavi ul li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	z-index:99999;
	color:#FFFFFF;
	text-align: left;
	background:url(/Portals/0/Skins/businessnetwork/images/nav_line.gif) no-repeat right top;
}
.TopNavi .TopNavi ul li:hover {
	width:auto;
	border:none;
	text-decoration:none;
	z-index:99999;
}
/*--リンクの設定。高さ51px--*/
.TopNavi .TopNavi ul li a,
.TopNavi .TopNavi ul li a:visited {
	display:block;
	color:#fff;
	z-index:99999;
	padding: 0px 25px;
	height:26px;
	line-height:26px;
	background:#000;
	background:url(/Portals/0/Skins/businessnetwork/images/nav_line.gif) no-repeat right top;
}
.TopNavi .TopNavi ul li a:hover {
	background:url(/Portals/0/Skins/businessnetwork/images/nav_arrow.gif) no-repeat left center #028AD6;
	padding-left:26px;
	height:26px;
	border:none;
	text-decoration:none;
}
/*--リンクの設定。高さ51px、選択中--*/
.TopNavi .TopNavi ul li.CurrentItem {
	background: url(images/head/navi_over.gif) no-repeat top right;
	background:url(/Portals/0/Skins/businessnetwork/images/nav_arrow.gif) no-repeat left center #028AD6;
	padding-left:25px;
}
/*--テーブル設定--*/
.TopNavi .TopNavi table {
	border-collapse:collapse;
	font-size:12px;
	z-index:99999;
}
/*--------------------------------------*/

/*--第二階層以下は上ライン有--*/
.TopNavi .TopNavi ul li ul {
	top:26px;
	width: 900px;
	border:none;
	margin:0px; padding:0px;
}
/*--第二階層以下は縦並びに--*/
.TopNavi .TopNavi ul li ul li {
	z-index:99999;
	display:block;
    float:left;
	background:url(/Portals/0/Skins/businessnetwork/images/foot_line.gif) no-repeat right;
}
/*--第二階層以下は幅150、高さ32、文字有、ボーダー有--*/
.TopNavi .TopNavi ul li ul li a, 
.TopNavi .TopNavi ul li ul li a:link, 
.TopNavi .TopNavi ul li ul li a:visited, 
.TopNavi .TopNavi ul li ul li a:active, 
.TopNavi .TopNavi ul li ul li a:focus {
    float: left;
	line-height:1.2em;
	padding:7px 5px 4px 5px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	color:#333333;
	background:#EEF5FF;
	z-index:99999;
	height: auto;
	background:url(/Portals/0/Skins/businessnetwork/images/foot_line.gif) no-repeat right;
}
/*--hover時--*/
.TopNavi .TopNavi ul li ul li a:hover {
	text-decoration:underline;
	font-weight:bold;
	background:none;
}
.TopNavi .TopNavi ul li ul li a:link,
.TopNavi .TopNavi ul li ul li a:visited,
.TopNavi .TopNavi ul li ul li a:active {
	background:none;
}

/*--第二階層以下は普段は非表示にする--*/
.TopNavi .TopNavi ul li ul {
	display:none;
	z-index:99999;
}
/*--第二階層以下をロールオーバー時に表示する--*/
.TopNavi .TopNavi ul li:hover ul {
	display:block;
	position:absolute;
	z-index:99999;
}


/*IE6用設定***************************************************************************/

/*--IE6のときはjavascriptで:hoverをクラスに変換--*/
*html .TopNavi .TopNavi li					{behavior: expression(this.onmouseover=new Function("this.className+=' TopNavi'"),this.onmouseout=new Function("this.className = this.className.replace(' TopNavi','')"),this.style.behavior=null);}

*html .TopNavi .TopNavi ul li {
	float:left;
	display:block;
	width:130px;
}
*html .TopNavi .TopNavi ul li  ul li {
	float:left;
	display:block;
	width:auto;
	background:none;
}
/*--第二階層以下をロールオーバー時に表示する--*/
*html .TopNavi .TopNavi ul li.TopNavi ul {
	display:block;
	position:absolute;
	top:27px;
	left:0;
	z-index:99999;
	background:none;
}
*html .TopNavi .TopNavi ul li.TopNavi ul li {
	background:none;
}