@charset "utf-8";
/* CSS Document */

/*
===============================================================================
初期設定
===============================================================================
*/

/*-----------------------------------------------------------------------------
タグのブラウザ依存設定を初期化
-----------------------------------------------------------------------------*/
/*
Reset: margin, padding propaty*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,img,th {
margin:0;padding:0; }

/*
Reset: border propaty*/
img {
border:0; }

/*
Reset: List selector*/
ol,ul {
list-style:none; }

/*
Reset: font propaty*/
address {
font-style:normal;font-weight:normal; }


/*-----------------------------------------------------------------------------
フォントフェイス、フォントサイズ、行間の基本設定
-----------------------------------------------------------------------------*/
/*
Reset: font-size, line-height propaty
ブラウザのデフォルトフォントサイズを16pxと前提*/
body {
font-size: 75%; /* 12px */    line-height: 1.4; }
h1,h2,h3,h4,h5,h6 {
font-size: 1.2em; /* 14px */ line-height: 1.0; }
p {
font-size: 1.0em; /* 12px */ line-height: 1.4; letter-spacing:0.1em}
/*0321変更部　大部分のタグ対象へ*/
h1,h2,h3,h4,h5,h6,a,ul, li, p, td{
/*	color: #666;*/
	color:#333;
}
/* 
Reset: font-family propaty*/
body {
/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;*/
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}


/*-----------------------------------------------------------------------------
フロート操作によるボックスの高さ調整
-----------------------------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-Mac */


/*-----------------------------------------------------------------------------
Firefoxの右側スクロールバーの表示
Firefox上でコンテンツの高さがウィンドウの高さより短い場合に表示位置がずれる現象を解消
-----------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
hr {
	display: none;
}

/*-----------------------------------------------------------------------------
letter-spacingを設定するとIEでbrが効かない現象解消
-----------------------------------------------------------------------------*/


br {
  letter-spacing: 0;
}

/*
===============================================================================
レイアウト設定
===============================================================================
*/

body {
	background: url(../img/bg_.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	height: auto;
	width: 996px;
	margin: 0px auto 10px auto;
	
}
#content{
	background:url(../img/bg_content.jpg) repeat-y left top;
	width:996px;
	margin-bottom:0;
	
}
#innerContent{/*ヘッダーとナビゲーション*/
	background:url(../img/bg_innerContent.jpg) repeat-x left top;
	width:986px;
	margin:0px 5px;
	padding-top:10px;	
}
#middleContent0{/*ログインフォーム*/
	background:url(../img/bg_content2.jpg) repeat-y left top;
	width:996px;
	margin-left:0px;
	padding:0;
}
#middleContent{/*メイン部*/
	background:url(../img/bg_content2.jpg) repeat-y left top;
	width:996px;
	padding-top:15px;
	margin-left:0px;
}
#footer{
	background:url(../img/bg_footer.jpg) left top no-repeat;
	height:84px;
	width:996px;
	color:#FFF;
}
* html footer{ /*IE6のみCSS Hack*/
	margin-left:0px;
}

/*
-------------------------
ヘッダー部
-------------------------
*/
#header{
	background:url(../img/bg_header.jpg) left top no-repeat;
	width:972px;
	height:96px;
	margin:0px auto ;
/*	margin:0px 7px;*/
}
* html #header{
	margin:0 0 0 7px;
}

h1{
	position:relative;
	top:18px;
	right:15px;
	text-align:right;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
}
h2 img{
	position:relative;
	top:-1px;
	left:28px;
}

a.header_aboutUsLink{
	color:#FFF;
	text-decoration:none;	
}
a.header_aboutUsLink:hover{
	color:#990000;
}

/*
-------------------------
ナビゲーション
-------------------------
*/

#navi {
	width:972px;
	margin:0 auto;
}

#navi ul{
	list-style:none;
	height:30px;
	width:972px;
	margin:0 auto;
}
#navi ul li{
	display:inline;
}
#navi ul li a{
	text-indent:-999px;
	color:#CCC;
}


/*
.navi1 a{
    float:left;
	background:url(../img/navi01.jpg) left top no-repeat;
	width:117px;
	height:30px;
}
.navi1 a:hover{
    float:left;
	background:url(../img/navi01.jpg) left -31px no-repeat;
	width:117px;
	height:30px;
}
.navi2 a{
    float:left;
	background:url(../img/navi02.jpg) left top no-repeat;
	width:112px;
	height:30px;
}
.navi2 a:hover{
    float:left;
	background:url(../img/navi02.jpg) left -31px no-repeat;
	width:112px;
	height:30px;
}
.navi3 a{
    float:left;
	background:url(../img/navi03.jpg) left top no-repeat;
	width:201px;
	height:30px;
}
.navi3 a:hover{
    float:left;
	background:url(../img/navi03.jpg) left -31px no-repeat;
	width:201px;
	height:30px;
}

.navi4 a{
    float:left;
	background:url(../img/navi04.jpg) left top no-repeat;
	width:132px;
	height:30px;
}
.navi4 a:hover{
    float:left;
	background:url(../img/navi04.jpg) left -31px no-repeat;
	width:132px;
	height:30px;
}

.navi5 a{
    float:left;
	background:url(../img/navi05.jpg) left top no-repeat;
	width:201px;
	height:30px;
}
.navi5 a:hover{
    float:left;
	background:url(../img/navi05.jpg) left -31px no-repeat;
	width:201px;
	height:30px;
}

.navi6 a{
    float:left;
	background:url(../img/navi06.jpg) left top no-repeat;
	width:92px;
	height:30px;
}
.navi6 a:hover{
    float:left;
	background:url(../img/navi06.jpg) left -31px no-repeat;
	width:92px;
	height:30px;
}
.navi7 a{
    float:left;
	background:url(../img/navi07.jpg) left top no-repeat;
	width:117px;
	height:30px;
}
.navi7 a:hover{
    float:left;
	background:url(../img/navi07.jpg) left -31px no-repeat;
	width:117px;
	height:30px;
}*/


/*.navi1 a{
    float:left;
	background:url(../img/navi01_1.jpg) left top no-repeat;
	width:129px;
	height:30px;
}
.navi1 a:hover{
    float:left;
	background:url(../img/navi01_1.jpg) left -31px no-repeat;
	width:129px;
	height:30px;
}
.navi2 a{
    float:left;
	background:url(../img/navi02_1.jpg) left top no-repeat;
	width:124px;
	height:30px;
}
.navi2 a:hover{
    float:left;
	background:url(../img/navi02_1.jpg) left -31px no-repeat;
	width:124px;
	height:30px;
}
.navi3 a{
    float:left;
	background:url(../img/navi03_1.jpg) left top no-repeat;
	width:213px;
	height:30px;
}
.navi3 a:hover{
    float:left;
	background:url(../img/navi03_1.jpg) left -31px no-repeat;
	width:213px;
	height:30px;
}

.navi4 a{
    float:left;
	background:url(../img/navi04_1.jpg) left top no-repeat;
	width:144px;
	height:30px;
}
.navi4 a:hover{
    float:left;
	background:url(../img/navi04_1.jpg) left -31px no-repeat;
	width:144px;
	height:30px;
}

.navi5 a{
    float:left;
	background:url(../img/navi05_1.jpg) left top no-repeat;
	width:129px;
	height:30px;
}
.navi5 a:hover{
    float:left;
	background:url(../img/navi05_1.jpg) left -31px no-repeat;
	width:129px;
	height:30px;
}

.navi6 a{
    float:left;
	background:url(../img/navi06_1.jpg) left top no-repeat;
	width:129px;
	height:30px;
}
.navi6 a:hover{
    float:left;
	background:url(../img/navi06_1.jpg) left -31px no-repeat;
	width:129px;
	height:30px;
}
.navi7 a{
    float:left;
	background:url(../img/navi07_1.jpg) left top no-repeat;
	width:104px;
	height:30px;
}
.navi7 a:hover{
    float:left;
	background:url(../img/navi07_1.jpg) left -31px no-repeat;
	width:104px;
	height:30px;
}
*/

/*メニュー幅を調整しなおした*/
.navi1 a{
    float:left;
	background:url(../img/navi01_2.jpg) left top no-repeat;
	width:148px;
	height:30px;
}
.navi1 a:hover{
    float:left;
	background:url(../img/navi01_2.jpg) left -31px no-repeat;
	width:148px;
	height:30px;
}
.navi2 a{
    float:left;
	background:url(../img/navi02_2.jpg) left top no-repeat;
	width:119px;
	height:30px;
}
.navi2 a:hover{
    float:left;
	background:url(../img/navi02_2.jpg) left -31px no-repeat;
	width:119px;
	height:30px;
}
.navi3 a{
    float:left;
	background:url(../img/navi03_2.jpg) left top no-repeat;
	width:192px;
	height:30px;
}
.navi3 a:hover{
    float:left;
	background:url(../img/navi03_2.jpg) left -31px no-repeat;
	width:192px;
	height:30px;
}
.navi4 a{
    float:left;
	background:url(../img/navi04_2.jpg) left top no-repeat;
	width:112px;
	height:30px;
}
.navi4 a:hover{
    float:left;
	background:url(../img/navi04_2.jpg) left -31px no-repeat;
	width:112px;
	height:30px;
}
.navi5 a{
    float:left;
	background:url(../img/navi05_2.jpg) left top no-repeat;
	width:148px;
	height:30px;
}
.navi5 a:hover{
    float:left;
	background:url(../img/navi05_2.jpg) left -31px no-repeat;
	width:148px;
	height:30px;
}
.navi6 a{
    float:left;
	background:url(../img/navi06_2.jpg) left top no-repeat;
	width:144px;
	height:30px;
}
.navi6 a:hover{
    float:left;
	background:url(../img/navi06_2.jpg) left -31px no-repeat;
	width:144px;
	height:30px;
}
.navi7 a{
    float:left;
	background:url(../img/navi07_2.jpg) left top no-repeat;
	width:109px;
	height:30px;
}
.navi7 a:hover{
    float:left;
	background:url(../img/navi07_2.jpg) left -31px no-repeat;
	width:109px;
	height:30px;
}



/*
-----------------------
ログインフォーム部
-----------------------
*/

div#loginFrm{
	width:972px;
	margin:0 auto;
	background: url(../../img/top/bg_login.jpg) left top no-repeat;	
}
form.loginForm{
	margin:0;
	padding:0;
}
table.loginTbl{/*ログインフォーム*/
	width:964px;
	height:25px;
	paddgin:0 4px;
}
table.loginTbl td.textGuest{
	background:url(../../img/top/img_login1.gif) 10px 5px no-repeat;
	padding-left:30px;
	width:60%;
}
table.loginTbl td.textUsr{
	width:5%;
	text-align:right;
	padding-right:10px;	
}
table.loginTbl td.inputData{
	width:10%;
	vertical-align:middle;
}
table.loginTbl td.btnLogin{
	width:10%;
	padding:0 5px;
	vertical-align:middle;
}
table.loginTbl input{
	vertical-align:middle;	
}

/*企業ログイン時*/
td.cmpnMenu{
	background:url(../../img/top/bg_logout.gif) left 8px no-repeat;
	padding-left:10px;
	width:10%;
}
td.cmpnMenu0{/*幅をもたせるための空欄のメニュー*/
	width:10%;
}

span.companyName{/*ログインID*/
	color:#990000;
	font-weight:bold;	
}



/*
-------------------------
メニュー
-------------------------
*/

#leftPart{
	width:200px;
	float:left;
	padding-left:24px;
	padding-right:20px;
	display:block;
}


#leftPart dd a.menu01{/*連載コラムのメニュー*/
/*	margin:5px 0 0 5px;
	padding-bottom:5px;
	border-bottom:1px dotted #CCC;
	line-height:200%;*/
	width:95px;
	height:65px;
	background:url(../img/img_mene01.jpg) left top no-repeat;
	padding-left:105px;
	font-size:10px;
	line-height:150%;
	display:block;
	margin-top:5px;
	text-decoration:none;
}
#leftPart dd a.menu01:hover{
	background:url(../img/img_mene01.jpg) left -65px no-repeat;
}
#leftPart dd a.menu02{/*編集部セレクト*/
	width:95px;
	height:65px;
	background:url(../img/img_mene02.jpg) left top no-repeat;
	padding-left:105px;
	font-size:10px;
	line-height:150%;
	display:block;
	margin-top:5px;
	text-decoration:none;
}
#leftPart dd a.menu02:hover{
	background:url(../img/img_mene02.jpg) left -65px no-repeat;
}

#leftPart dd a.menu03{/*セミナー*/
	width:95px;
	height:65px;
	background:url(../img/img_mene03.jpg) left top no-repeat;
	padding-left:105px;
	font-size:10px;
	line-height:150%;
	display:block;
	margin-top:5px;
	text-decoration:none;
}
#leftPart dd a.menu03:hover{
	background:url(../img/img_mene03.jpg) left -65px no-repeat;
}

#leftPart .leftpartSeminar{
	width:88px;/*55px写真+6px画像枠線+外枠2px+余白+内容量*/
	height:100px;
	padding:10px 5px 5px;
	float:left;
	text-align:center;
}
#leftPart .leftpartSeminar img{
	border:3px #CCCCCC solid;

}

#leftPart span.leftMember{
	color:#808040;
	font-weight:bold;
	font-size:12px;
}
p.leftpart{
	background:url(../img/img_triangle.jpg) left 7px no-repeat;
	padding-left:10px;
	padding-bottom:5px;
	color:#666;
	margin:5px 0px 0px 0px;
	border-bottom:1px dotted #CCCCCC;	
}
p.leftpartLastRow{
	background:url(../img/img_triangle.jpg) left 7px no-repeat;
	padding-left:10px;
	padding-bottom:5px;
	color:#666;
	margin:10px 0 15px;
	border-bottom:none;
}

#leftPart p a{
/*p.leftpart a{*/
	text-decoration:none;
}
#leftPart p a:hover{
/*p.leftpart a:hover{*/
	color:#900;	
}


/*
-------------------------
最新ニュース
------------------------
*/
#centerPart{
	width:508px;
	float:left;
	display:block;
}
#ttl1{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #CCC;
}
#centerPart h3{
	background:url(../img/img_subttl.jpg) left 8px no-repeat;
	color:#900;
	font-size:16px;
	font-weight:bold;
	padding: 8px 0 2px 20px;
	float:left;
}
#centerPart h3 a{
	color:#990100;
}
#centerPart a{
	text-decoration:none;	
}
#centerPart a:hover{
	text-decoration:underline;
}
p.updateDate{
	text-align:right;
	line-height:1.1em;
	margin-top:4px;
}
img.topNews{
	padding:2px;
	border:1px solid #CCC;
	float:left;
	margin-right:10px;
}
p.news1{
	padding:5px;
	line-height:150%;
	letter-spacing:0.1em;
}
a.newsDetailLink{
	color:#900;
}
a.newsDetailLink:hover{
	color:#E2B16C;
}

/*ニュースリスト*/
#newsList{
	width:488px;
	margin-top:20px;
	background:url(../img/bg_newsList.jpg) left top repeat-y;
	padding: 0 10px;
}
td.news_1{
	background:url(../img/article1.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}
td.news_2{
	background:url(../img/article2.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}
td.news_3{
	background:url(../img/article3.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}
td.news_4{
	background:url(../img/article4.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}
td.news_5{
	background:url(../img/article5.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}
td.news_6{
	background:url(../img/article6.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}
td.news_7{
	background:url(../img/article7.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}
td.news_8{
	background:url(../img/article8.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}
td.news_9{
	background:url(../img/article9.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}
td.news_10{
	background:url(../img/article10.jpg) left 6px no-repeat;
	padding-left:40px;
	color:#333;
}

td.updateDate{
	border-bottom:1px dotted #CCC;
}
.updateDate span{
	color:#333;
	padding-right:20px;
}


/*
-------------------------
バナーエリア
------------------------
*/
#rightPart{
	width:200px;
	float:left;
	padding-left:20px;
	padding-right:24px;
}

/*最新号*/
#latestMagazine{	
	width:200px;
	height:178px;
	/*background:url(../img/top/bg_magazine.jpg) 0px 0px no-repeat;*/
	/*padding-top: 63px;*/
	/*padding-left:5px;*/
}
#latestMagazine p{	
	color:#900;
	font-weight:bold;
	margin-top:-115px;
	margin-left:3px;
}

/*最新号のコンテンツ*/
#mgzContent{
	background:url(../img/top/bg_mgzContent.gif) left top repeat-y;
	width:190px;
	margin-top:15px;
	padding:10px 5px 10px;
	font-size:10px;
}
p.mgzContent{
	background:url(../img/img_mgzContent.jpg) left 10px no-repeat;
	padding-left: 10px;
	padding-top:5px;
}
p.mgzContent a{
	text-decoration:none;
}
span.mgzttl{
	font-weight:bold;
	font-size:12px;
}
span.mgzttl2{
	font-weight:bold;
	font-size:10px;
	background:url(../img/top/img_mgzContent2.gif) left 8px no-repeat;
	display:block;
	padding:2px 4px 2px 10px;
	border-bottom:1px dotted #999;
}
.banner{
	padding:10px 0 0;
}

a.applicationBtn{/*購読申込ボタン*/
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
	display:block;
}

/*連載　この人に聞け*/
#column{
	padding-top:30px;
}
img.ttlColumn{
	margin-bottom:20px;
}
img.imgColumn{
	float:left;
	margin-right:10px;
}
p.txtColumn{
	line-height:170%;
	letter-spacing:0.2em;
	padding:0;
	margin:0;
}

/*HR*/
#HR{
	width:249px;	
	float:left;
	margin-right:10px;
	padding-top:30px;
}
img.ttlHr{
	padding-bottom:20px;
}
img.imgHr{
	float:left;
	margin-right:10px;
}


/*selection*/
#selection{
	width:249px;
	float:left;	
	padding-top:30px;
}
img.ttlSelect{
	padding-bottom:20px;
}
img.imgSelect{
	float:left;
	margin-right:10px;
}
#superPlanner{
	padding-bottom:20px;
}

/*セミナー*/
#seminar{
	padding-top:20px;
	width:508px;
}
img.ttlSeminar{
	margin-bottom:5px;
}
p.txtSeminar{
	line-height:170%;
	letter-spacing:0.2em;
	padding:0;
	margin:0;
}
p.txtSeminar span.seminarTitle{
	font-size:14px;
	color:#006699;
	font-weight:bold;
}
table.seminarTbl td{
	border-bottom:1px solid #CCC;	
}
table.seminarMem td{
	border-bottom:none;
}
table p{
	font-size:12px;
	color:#000;
	margin-bottom:5px;
}
td.seminarDate{
	width:108px;
	height:67px;
	text-align:center;
	padding-top:10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
td.seminarDate a{
	text-decoration:none;
}
td.seminarDate a:hover{
	color:#0066CC;
}

td#date1{
	background:url(../img/top/bg_seminar1.gif) left top no-repeat;
}
td#date2{
	background:url(../img/top/bg_seminar2.gif) left top no-repeat;
}
td#date3{
	background:url(../img/top/bg_seminar3.gif) left top no-repeat;
}
td#date4{
	background:url(../img/top/bg_seminar4.gif) left top no-repeat;
}

#seminar p{
	padding-left:10px;
	padding-top:0px;
}
#seminar dl{
	padding-left:10px;
	padding-right:20px;
}
dt.yakushoku{
	margin:0;padding:0;
	color:#036;
	font-size:10px;
}
dd.name{
	margin:0;padding:0;
	color:#000;
	font-size:16px;
	font-weight:bold;
}
dd.name span.smaller{
	font-size:12px;
	padding-left:10px
}
p.seminarDetail{/*セミナーページへのリンク*/
	text-align:right;
	margin-right:10px;
	margin-top:20px;
}

/*selectionLong*/
#selectionLong{
	width:508px;
	float:left;	
	padding-top:30px;
}
img.ttlSelectLong{
	padding-bottom:20px;
}
img.imgSelectLong{
	float:left;
	margin-right:10px;
}
#superPlannerLong{
	padding-bottom:20px;
	float:left;
	width:250px;
}
img.selectLine{
	float:left;
	display:block;
}
#excelentCompanyLong{
	float:left;
	display:block;
	margin-left:20px;
}


/*
-------------------------
フッターエリア
------------------------
*/
#footer li{
	display:inline;	
}
#footer a{
	font-size:10px;
	float:left;
	display:block;	
	padding-top:60px;
	margin-left:30px;
	text-decoration:none;
	color:#FFF;
}
#copyRight{
	text-align:right;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:60px 30px 0 0 ;
}

a.pageTop{
	color:#666; 
	padding-top:30px;
	padding-bottom:10px;
	padding-right:20px;
	display:block;
	text-align:right;
	background:url(../img/bg_pageTop.jpg) right 30px no-repeat;
	text-decoration:none;
}

/*
-------------------------
2columの右サイド
------------------------
*/
#rightPart2{
	float:left;
	width:730px;
}
#rightPart2 img.ttl{/*タイトル画像*/
	margin-bottom:20px;
}