@charset "utf-8";

/* ===================================================
   0.会員コンテンツ-------#memberHome
   1.WEBビデオ------------#memberVideo
   2.WEBマガジン----------#memberMag
   3.マーケティング書式集-#memberStyleM
   4.事務所管理系書式集---#memberStyleJ
   5.財コン会員専用ページ-#memberStyleJ
			6.Newton e-Learning----#eLearning
			7.財コン限定コンテンツ-#accs-z
			8.FAN会員コンテンツ----#fan-a
=================================================== */




/* ================================================================
   共通　h2.chapter
================================================================ */
h2.chapter{
	padding: 5px 10px 5px 8px;
	background: url(../img/members_h2_bk.jpg) repeat-x left bottom;
	border-top: 1px solid #c0c0c0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.1em;
}
h2 span.leftEye{
	display: block;
	padding: 2px 10px;
	background: url(../img/bk_04.jpg) repeat-y left top;
}




/* ================================================================
   共通　h3.chapter
================================================================ */
h3.chapter{
	padding: 20px 0px 8px 0px;
	background: url(../img/bk_14.jpg) repeat-x left bottom;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.1em;
}
h3.chapter span.leftEye{}




/* ================================================================
   共通　.newsList
================================================================ */
.newsList{
	padding: 18px 25px 8px 25px;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}
.newsList dl.newsListNext{
	margin-top: 2px;
	padding-top: 20px;
	background: url(../img/dot01.gif) repeat-x left top;
}
.newsList dt{	margin-bottom: 3px;}
.newsList dd.clipping{
	float: left;
	width: 110px;
}
/* dd.right & dd.center
------------------------------------------------- */
.newsList dd.right{
	float: right;
	width: 500px;
}
.newsList dd.right,
.newsList dd.center{
	line-height: 1.5;
	font-size: 90%;
}
.newsList dd.right h3,
.newsList dd.center h3,
.newsList dd.right h4,
.newsList dd.center h4{
	margin-top: 3px;
	margin-bottom: 10px;
	color: #069;
}
.newsList dd.right .txt .btn,
.newsList dd.center .txt .btn{
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 3px;
	text-align: center;
}
.newsList dd.right .txt .btns{
	display: block;
	margin-top: 5px;
	text-align: center;
}
.newsList dd.right .txt .btnsLast{	margin-bottom: 20px;}
.newsList dd.right .txt .btn a:link,
.newsList dd.right .txt .btn a:visited,
.newsList dd.right .txt .btns a:link,
.newsList dd.right .txt .btns a:visited,
.newsList dd.center .txt .btn a:link,
.newsList dd.center .txt .btn a:visited{
	display: block;
	padding: 2px;
	background: url(../img/_bk_01.jpg) repeat-x left bottom;
	border: 1px solid #c0c0c0;
	text-decoration: none;
	font-weight: bold;
	color: #036;
}
.newsList dd.right .txt .btn a:hover,
.newsList dd.right .txt .btns a:hover,
.newsList dd.right .txt a:active,
.newsList dd.center .txt .btn a:hover,
.newsList dd.center .txt a:active{
	background-image: none;
	color: #f30;
}
.newsList dd.right .txt .more,
.newsList dd.center .txt .more{
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 3px;
	text-align: left;
}
.newsList dd.right .txt .more a,
.newsList dd.center .txt .more a{	padding-right: 10px;}




/* ================================================================
   0.会員コンテンツ #memberHome
================================================================ */
#memberHome{}

/* .leadText - 背景画像
------------------------------------------------- */
#memberHome #headUnit .leadText{	background-image: url(../img/member_lead_bk01.jpg);}
#memberHome .newsList dd.clipping{	text-align: center;}
#memberHome .newsList dd.right .txt .btn a,
#memberHome .newsList dd.center .txt .btn a{	width: 500px;}




/* ================================================================
   1.WEBビデオ #memberVideo
================================================================ */
#memberVideo{}

/* .leadText - 背景画像
------------------------------------------------- */
#memberVideo #headUnit .leadText{	background-image: url(../img/webvideo_lead_bk01.jpg);}




/* ================================================================
   2.WEBマガジン #memberMag (元WEBボイスなので様子見)
================================================================ */
#memberMag{}

/* .leadText - 背景画像
------------------------------------------------- */
#memberMag #headUnit .leadText{background-image: url(../img/webmag_lead_bk01.jpg);}

#memberMag .cell h4,
#memberMag .cellLast h4{
	padding-left: 25px;
	background: url(../imgs/icon_voice.gif) no-repeat 0px 0.5em;
}
#memberMag .list02{
	margin-bottom: 15px;
	margin-left: 5px;
}




/* ================================================================
   3.マーケティング書式集 #memberStyleM
================================================================ */
#memberStyleM{}

/* .leadText - 背景画像
------------------------------------------------- */
#memberStyleM #headUnit .leadText{	background-image: url(../img/memberstyle_m_lead_bk01.jpg);}

#memberStyleM .cell h4,
#memberStyleM .cellLast h4{
	padding-left: 20px;
	background: url(../imgs/icon_note.gif) no-repeat 0px 0.5em;
}
#memberStyleM .list02{
	margin-bottom: 15px;
	margin-left: 5px;
}
#memberStyleM .newsList .txt .arr{
	display: block;
	background: url(../img/arr03.gif) no-repeat left center;
	padding-left: 8px;
	margin-bottom: 3px;
	margin-left: 5px;
}
#memberStyleM .newsList .images{
	padding-top: 8px;
	padding-bottom: 20px;
}
#memberStyleM .newsList .images img{	margin-right: 5px;}





/* ================================================================
   4.事務所管理系書式集 #memberStyleJ
================================================================ */
#memberStyleJ{}

/* .leadText - 背景画像
------------------------------------------------- */
#memberStyleJ #headUnit .leadText{	background-image: url(../img/memberstyle_j_lead_bk01.jpg);}

.memberStyleJTop .btnB a:link,
.memberStyleJTop .btnB a:visited{
	width: 600px;
	margin-bottom: 20px;
	padding: 9px 20px 8px;
}




/* ================================================================
  5.キャンペーン #campaign (元WEBボイスなので様子見)
================================================================ */
#campaign{}

/* .leadText - 背景画像
------------------------------------------------- */
#campaign #headUnit .leadText{background-image: url(../img/campaign_lead_bk01.jpg);}
#campaign2 #headUnit .leadText{background-image: url(../img/campaign_lead_bk02.jpg);}
#campaign .cell h4,
#campaign .cellLast h4{
	padding-left: 25px;
	background: url(../imgs/icon_voice.gif) no-repeat 0px 0.5em;
}
#campaign .list02{
	margin-bottom: 15px;
	margin-left: 5px;
}




/* ================================================================
  6.Newton e-Learning #eLearning
================================================================ */
#eLearning{}

/* .leadText - 背景画像
------------------------------------------------- */
#eLearning #headUnit .leadText{
	background-image: url(../img/elearning_lead_bk01.jpg);
	padding-top: 50px;
}

#eLearning .cell h4,
#eLearning .cellLast h4{
	padding-left: 25px;
	background: url(../imgs/icon_voice.gif) no-repeat 0px 0.5em;
}

/* cellList & cellListLine
------------------------------------------------- */
#eLearning .cellList{
	padding: 18px 25px 8px 25px;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
}
#eLearning .cellList h3.lead{
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
	color: #069;
}
#eLearning .cellList p.lead{	padding-bottom: 15px;}
#eLearning .cellList p.lead span{
	display: block;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 110%;
	font-weight: bold;
	color: #f30900;
}
#eLearning .cellList p.lead span.last{	padding-bottom: 10px;}
#eLearning .cellList dl{
	margin-top: 2px;
	padding-top: 20px;
	background: url(../img/dot01.gif) repeat-x left top;
}
#eLearning .cellList dt{
	font-weight: bold;
	color: #069;
	font-size: 120%;
	padding-top: 10px;
	padding-bottom: 20px;
}
#eLearning .cellList dd{ padding-bottom: 20px;}
#eLearning .cellList dd.last{ padding-bottom: 0px;}
#eLearning .cellList dd p.img{	float: right;}
#eLearning .cellList dd p.img img{
	margin-bottom: 20px;
	margin-left: 20px;
}

/* graph
------------------------------------------------- */
#eLearning p#graphName{
	margin-top: 10px;
	margin-bottom: 30px;
	padding-left: 215px;
	background: url(../img/elearning_logo1.jpg) no-repeat left center;
	text-align: right;
}
#eLearning p#graphName a{	padding-left: 10px;}
#eLearning ul#graph{
	margin-top: 10px;
}
#eLearning ul#graph li{
	float: left;
	display: block;
	width: 201px;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 15px 0px;
	border: 1px solid #c0c0c0;
	text-align: center;
	background-color: #ffffdf;
}
#eLearning ul#graph li.last{	margin-right: 0px;}
#eLearning table#graph{
	margin-top: 10px;
	margin-bottom: 20px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
#eLearning table#graph th,
#eLearning table#graph td{
	padding: 5px 10px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
#eLearning table#graph th{
	color: #fff;
	background-color: #666;
	letter-spacing: 0.1em;
}
#eLearning table#graph td{	text-align: right;}
#eLearning table#graph td.name{	text-align: left}
#eLearning table#graph td.none{	text-align: center;}
#eLearning table#graph tr.obi td{	background-color: #ffffdf;}
#eLearning table#graph span.text01{
	font-size: 11px;
	color: #FF0033;
	padding-left: 5px;
}



/* ================================================================
  7.財コン限定コンテンツ #accs-z
================================================================ */
#accs-z{}

/* .leadText - 背景画像
------------------------------------------------- */
#accs-z #headUnit .leadText{
	background-image: url(../img/accs-z_lead_bk01.jpg);
}

/* リスト左右セル
-------------------------------------------*/
#memberStyleJ .cell dl.left,
#memberStyleJ .cell dl.right,
#memberStyleJ .cellLast dl.left,
#memberStyleJ .cellLast dl.right{	width: 310px;}

#memberStyleJ .cell .left,
#memberStyleJ .cellLast .left{
	float: left;
	margin-left: 5px;
}

#memberStyleJ .cell .right,
#memberStyleJ .cellLast .right{
	float: right;
	margin-right: 5px;
}

#memberStyleJ .cell dt,
#memberStyleJ .cellLast dt{
	letter-spacing: 0.1em;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 5px;
	color: #036;
}
#memberStyleJ .cell dd,
#memberStyleJ .cellLast dd{
	background: url(../img/arr03.gif) no-repeat left center;
	padding-left: 8px;
	margin-left: 5px;
	margin-bottom: 8px;
}
#memberStyleJ .cell dd.noArr,
#memberStyleJ .cellLast dd.noArr{
	background: url(none);
	padding-left: 0px;
	margin-left: 15px;
}
#memberStyleJ .cell dd.noArrNo,
#memberStyleJ .cellLast dd.noArrNo{
	background: url(none);
	padding-left: 0px;
	margin-left: 2px;
}
 




/* ================================================================
  8.FAN会員コンテンツ #fan-a
================================================================ */
#fan-a{} /* fan-a.css参照 */







/* EOF */
