@charset "UTF-8";

/* Common Layout
--------------------------------------------------*/
#contentALL{
	width:980px;
	margin:auto;
}


/* Body Layout
--------------------------------------------------*/
#contentBody{
	width:978px;
	margin-top:14px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-top:#ccc solid 1px;
	background-color:#fff;
}

#contentBodyMain{
	float:left;
	width:700px;
	position:relative;
	left:15px;
	top:15px;
}

#contentSideNavi{
	float:right;
	width:240px;
}


/* Bread Crumb
--------------------------------------------------*/
#contentBodyMain #breadCrumb{
	width:700px;
	border-bottom:#009BE1 solid 1px;
	padding-bottom:5px;
	margin-bottom:5px;
}

#contentBodyMain #breadCrumb ul li{
	font-size:85%;
	margin-right:10px;
	display:inline;
}

#contentBodyMain #breadCrumb ul li a{padding-left:10px;margin:0px;background:url(http://www.jmam.co.jp/common/image/icon_arrw01_off.gif) no-repeat 0px 0px;}
#contentBodyMain #breadCrumb ul li a:hover{background:url(http://www.jmam.co.jp/common/image/icon_arrw01_on.gif) no-repeat 0px 0px;}

#contentBodyMain #breadCrumb ul li.current{
	color:#ff6600;
	padding-left:10px;
	background:transparent url(http://www.jmam.co.jp/common/image/icon_arrw01_on.gif) no-repeat;
}

/* Side Navi
--------------------------------------------------*/
/* localNaviBanner */
#contentSideNavi ul.localNaviBanner{
	width:240px;
	margin-bottom:10px;
}
#contentSideNavi ul.localNaviBanner li.hojinBn,
#contentSideNavi ul.localNaviBanner li.kojinBn,
#contentSideNavi ul.localNaviBanner li.jmailBn{
	text-indent: -9999px;
	text-decoration: none;
}
#contentSideNavi ul.localNaviBanner li.semiBn{
	text-indent: -9999px;
	text-decoration: none;
}
#contentSideNavi ul.localNaviBanner li.ecoBn{
	text-indent: -9999px;
	text-decoration: none;
}

#contentSideNavi ul.localNaviBanner li.hojinBn a{
	background:transparent url(http://www.jmam.co.jp/common/image/enterprise_menubn01.jpg) top left no-repeat;
	height: 80px;
	width: 240px;
	display:block;
}
#contentSideNavi ul.localNaviBanner li.hojinBn a:hover{
	background:transparent url(http://www.jmam.co.jp/common/image/enterprise_menubn01.jpg) 0px -80px no-repeat;
}
#contentSideNavi ul.localNaviBanner li.kojinBn a{
	background:transparent url(http://www.jmam.co.jp/common/image/personal_menubn01.jpg) top left no-repeat;
	height: 100px;
	width: 240px;
	display:block;
}
#contentSideNavi ul.localNaviBanner li.kojinBn a:hover{
	background:transparent url(http://www.jmam.co.jp/common/image/personal_menubn01.jpg) 0px -100px no-repeat;
}

/* DNPjmailBn */
#contentSideNavi ul.localNaviBanner li.jmailBn a{
	background:transparent url(http://www.jmam.co.jp/common/image/jmail_menubn01.jpg) top left no-repeat;
	height: 100px;
	width: 240px;
	display:block;
}
#contentSideNavi ul.localNaviBanner li.jmailBn a:hover{
	background:transparent url(http://www.jmam.co.jp/common/image/jmail_menubn01.jpg) 0px -100px no-repeat;
}

/* JMAMsemiBn */
#contentSideNavi ul.localNaviBanner li.semiBn a{
	background:transparent url(http://www.jmam.co.jp/image/semi_menubn01.jpg) top left no-repeat;
	height: 100px;
	width: 240px;
	display:block;
}
#contentSideNavi ul.localNaviBanner li.semiBn a:hover{
	background:transparent url(http://www.jmam.co.jp/image/semi_menubn01.jpg) 0px -100px no-repeat;
}

/* JMAMecoBn */
#contentSideNavi ul.localNaviBanner li.ecoBn a{
	background:transparent url(http://www.jmam.co.jp/image/shokurin.gif) top left no-repeat;
	height: 100px;
	width: 240px;
	display:block;
}
#contentSideNavi ul.localNaviBanner li.ecoBn a:hover{
	background:transparent url(http://www.jmam.co.jp/image/shokurin.gif) 0px -100px no-repeat;
}

/* localNaviA-B */
#contentSideNavi div.localNaviA,
#contentSideNavi div.localNaviAborder,
#contentSideNavi div.localNaviB{
	background:transparent url(http://www.jmam.co.jp/common/image/sideline.gif) repeat-y;
	width:240px;
}

/*localNaviA dl*/
#contentSideNavi div.localNaviA dl dt,
#contentSideNavi div.localNaviAborder dl dt{
	background:transparent url(http://www.jmam.co.jp/common/image/side_h1.gif) no-repeat;
	padding:20px 10px 5px 13px;
	font-weight:bold;
	color:#336699;
}
#contentSideNavi div.localNaviA dl dt a,
#contentSideNavi div.localNaviAborder dl dt a{
	padding:0px 0px 0px 30px;
	margin:0px 0px 0px 0px;
	display:block;
	min-height:20px;
	_height:20px;
	color:#336699;
	line-height:1.5em;
	background:transparent url(http://www.jmam.co.jp/common/image/icon_h3link.gif) no-repeat 0px 0px;
}
#contentSideNavi div.localNaviA dl dt a:hover,
#contentSideNavi div.localNaviAborder dl dt a:hover{
	color:#FF3300;
	background:transparent url(http://www.jmam.co.jp/common/image/icon_h3link.gif) no-repeat 0px -150px;
}

#contentSideNavi div.localNaviA dl dd{
	padding:5px 10px 5px 15px;
}

#contentSideNavi div.localNaviAborder dl dd{
	padding:5px 10px 5px 12px;
	border-bottom:1px solid #cccccc;
	margin-left:3px;
}

/*localNaviB dl*/
#contentSideNavi div.localNaviB dl dt{
	background:transparent url(http://www.jmam.co.jp/common/image/side_h2.gif) no-repeat;
	padding:20px 10px 5px 13px;
	font-weight:bold;
	color:#336699;
}

#contentSideNavi div.localNaviB dl dd{
	padding:5px 10px 5px 12px;
	/*border-bottom:1px solid #cccccc;
	margin-left:3px;*/
}

#contentSideNavi div.localNaviBlastborder{
	border-top:1px solid #cccccc;	
	margin-left:3px;
}

	/* localNaviA-B ul */
	#contentSideNavi div.localNaviA dl dd ul li a,
	#contentSideNavi div.localNaviAborder dl dd ul li a,
	#contentSideNavi div.localNaviB dl dd ul li a{display:block; width:210px; background:transparent url(http://www.jmam.co.jp/common/image/icon_arrw01_off.gif) no-repeat;}
	#contentSideNavi div.localNaviA dl dd ul li a:hover,
	#contentSideNavi div.localNaviAborder dl dd ul li a:hover,
	#contentSideNavi div.localNaviB dl dd ul li a:hover{background:transparent url(http://www.jmam.co.jp/common/image/icon_arrw01_on.gif) no-repeat;}
	#contentSideNavi div.localNaviA dl dd ul li span,
	#contentSideNavi div.localNaviAborder dl dd ul li span,
	#contentSideNavi div.localNaviB dl dd ul li span{display:block; width:200px; padding:0px 0px 5px 10px;}

	/* localNaviA-B ul li.on*/
	#contentSideNavi div.localNaviA dl dd ul li.on,
	#contentSideNavi div.localNaviAborder dl dd ul li.on,
	#contentSideNavi div.localNaviB dl dd ul li.on{color:#ff6600; display:block; width:210px; background:transparent url(http://www.jmam.co.jp/common/image/icon_arrw01_on.gif) no-repeat;}
	#contentSideNavi div.localNaviA dl dd ul li span,
	#contentSideNavi div.localNaviAborder dl dd ul li span,
	#contentSideNavi div.localNaviB dl dd ul li span{display:block; width:200px; padding:0px 0px 5px 10px;}

	/* localNaviA-B ul li.cat*/
	#contentSideNavi div.localNaviA dl dd ul li.cat a,
	#contentSideNavi div.localNaviAborder dl dd ul li.cat a,
	#contentSideNavi div.localNaviB dl dd ul li.cat a{display:block; width:210px; background:transparent url(http://www.jmam.co.jp/common/image/pularrw_of.gif) no-repeat 0px 5px;}
	#contentSideNavi div.localNaviA dl dd ul li.cat a:hover,
	#contentSideNavi div.localNaviAborder dl dd ul li.cat a:hover,
	#contentSideNavi div.localNaviB dl dd ul li.cat a:hover{background:transparent url(http://www.jmam.co.jp/common/image/pularrw_on.gif) no-repeat 0px 5px;}
	#contentSideNavi div.localNaviA dl dd ul li.cat span,
	#contentSideNavi div.localNaviAborder dl dd ul li.cat span,
	#contentSideNavi div.localNaviB dl dd ul li.cat span{display:block; width:200px; padding:5px 0px 5px 20px;font-weight:bold;}



/* Bnner Small */
#contentSideNavi .relation{
	padding:15px 0px 0px 0px;
}

#contentSideNavi .relation p{
	clear:both;
}

#contentSideNavi .relation p a{
	float:left;
	display:block;
	width:240px;
	background:url(http://www.jmam.co.jp/common/image/bannersmall_back.gif) no-repeat 0px 0px;
}

#contentSideNavi .relation p a:hover{background-image:url(http://www.jmam.co.jp/common/image/bannersmall_back_on.gif);}

#contentSideNavi .relation p a img{
	padding:5px 15px 10px 5px;
	float:left;
}

#contentSideNavi .relation p a span{
	display:block;
	float:left;
	width:160px;
}


/* bnner large */
#contentSideNavi .bannerbig p a img{margin:5px;}

#contentSideNavi .bannerbig p a span{
	padding-left:15px;
	display:block;
}

#contentSideNavi .bannerbig p a{background:url(http://www.jmam.co.jp/common/image/bannerbig_back.gif) no-repeat;padding-bottom:5px;display:block;}
#contentSideNavi .bannerbig p a:hover{background-image:url(http://www.jmam.co.jp/common/image/bannerbig_back_on.gif);}




#contentSideNavi ul.localNaviBanner li.diaryBn{
	text-indent: -9999px;
	text-decoration: none;
}

/* JMAMdiaryBn */
#contentSideNavi ul.localNaviBanner li.diaryBn a{
	background:transparent url(http://shop.jmam.co.jp/common/image/banner_diary.gif) top left no-repeat;
	height: 100px;
	width: 240px;
	display:block;
}
#contentSideNavi ul.localNaviBanner li.diaryBn a:hover{
	background:transparent url(http://shop.jmam.co.jp/common/image/banner_diary.gif) 0px -100px no-repeat;
}


#contentSideNavi ul.localNaviBanner li.diary4b_Bn{
	text-indent: -9999px;
	text-decoration: none;
}

/* JMAMdiary4b_Bn */
#contentSideNavi ul.localNaviBanner li.diary4b_Bn a{
	background:transparent url(http://shop.jmam.co.jp/common/image/apr_banner_business.jpg) top left no-repeat;
	height: 100px;
	width: 240px;
	display:block;
}
#contentSideNavi ul.localNaviBanner li.diary4b_Bn a:hover{
	background:transparent url(http://shop.jmam.co.jp/common/image/apr_banner_business.jpg) 0px -100px no-repeat;
}


#contentSideNavi ul.localNaviBanner li.diary4c_Bn{
	text-indent: -9999px;
	text-decoration: none;
}

/* JMAMdiary4c_Bn */
#contentSideNavi ul.localNaviBanner li.diary4c_Bn a{
	background:transparent url(http://shop.jmam.co.jp/common/image/apr_banner_casual.jpg) top left no-repeat;
	height: 100px;
	width: 240px;
	display:block;
}
#contentSideNavi ul.localNaviBanner li.diary4c_Bn a:hover{
	background:transparent url(http://shop.jmam.co.jp/common/image/apr_banner_casual.jpg) 0px -100px no-repeat;
}

#contentSideNavi ul.localNaviBanner li.calender4_Bn{
	text-indent: -9999px;
	text-decoration: none;
}

/* JMAMcalender4_Bn */
#contentSideNavi ul.localNaviBanner li.calender4_Bn a{
	background:transparent url(http://shop.jmam.co.jp/common/image/apr_banner_calender.jpg) top left no-repeat;
	height: 100px;
	width: 240px;
	display:block;
}
#contentSideNavi ul.localNaviBanner li.calender4_Bn a:hover{
	background:transparent url(http://shop.jmam.co.jp/common/image/apr_banner_calender.jpg) 0px -100px no-repeat;
}


#contentSideNavi ul li.refile4_Bn{
	text-indent: -9999px;
	text-decoration: none;
}

/* JMAMrefile4_Bn */
#contentSideNavi ul li.refile4_Bn a{
	background:transparent url(http://shop.jmam.co.jp/common/image/apr_banner_refile.jpg) top left no-repeat;
	height: 100px;
	width: 240px;
	display:block;
}
#contentSideNavi ul li.refile4_Bn a:hover{
	background:transparent url(http://shop.jmam.co.jp/common/image/apr_banner_refile.jpg) 0px -100px no-repeat;
}






/* --- セミナーリストエリア --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 5px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- セミナーリスト項目 --- */
ul.thumbnail li {
width: 230px; /* 項目の幅 */
float: left;
}

/* --- セミナー項目内容 --- */
ul.thumbnail dl {
width: 220px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 90%;
}

/* --- セミナー写真エリア --- */
ul.thumbnail dt {
/* height: 165px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}

/* --- セミナーキャプションエリア --- */
ul.thumbnail dd {
margin: 0 0 1px; /* キャプションエリアのマージン（上、左右、下） */
height: 2.5em; /* キャプションエリアの高さ */
line-height: 120%;
}

/* --- セミナーclearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



/* --- el --- */
#elc dl{
	padding:5px 5px 5px 5px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	overflow:hidden;
	width:680px;

}

#elc dt.title{
	padding:5px 5px 5px 5px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	background-color:#ddd;
	font-weight:bold; 
}

#elc dt.cattitle{
	padding:10px 0px 5px 5px;
}

#elc dd.img{
	padding:5px 10px 5px 10px; 
	float:left;
	width: 180px; 
	position:relative;
}
#elc dd.pexp{
	padding:5px 10px 5px 10px; 
	float:right;
	width: 455px; 
}
#elc h3{
	padding:30px 0px 20px 5px; 
}
#elc p{
	text-align:left;
}


/* ---socialBookmark--- */

.sharebtn{
	float:left;
	padding:0 3px 0 0;
}