@charset "utf-8";

ul {
	margin: 0;
	padding: 0;}

/* カラムレイアウト
============================================================ */
#mcL {
	float:left;
	margin: 0 0 22px;
	padding: 0 0 0 25px;
	width: 584px;
	line-height: 1.5;}

#mcL #technicalReview {
	float: left;
	display: inline;
	margin: 0 11px 0 0;
	width: 281px;}

#mcL #infoService {
	float: left;
	display: inline;
	margin: 0 11px 0 0;
	width: 281px;}

#mcR {
	float:left;
	margin: 0 0 22px;
	padding: 0 24px 5px 0;
	width: 173px;
	line-height: 1.5;
	background: url(../img/top/opt_c-btm.gif) 0 bottom no-repeat;}

#mcC {
	clear: both;
	margin: 0 25px;
	padding: 25px 0 0;
	background: url(../img/top/line-dot.gif) 0 0 repeat-x;
	color: #474747;}

#mcCL {
	float: left;
	width: 364px;}
	
#mcCR {
	float: right;
	width: 364px;}

#links {
	clear: both;
	padding: 0 0 30px;}

/* トップリンク
============================================================ */
#mcL h2 {height: 43px;text-indent: -9999px;}

#mcL dl {background: url(../img/top/description-bg.gif) 0 0 repeat-y;}

#mcL dl dt {height: 44px;text-indent: -9999px;}

#mcL dl dt a {display: block;height: 44px;}

#mcL dl dt a:hover {background: none !important;}

#mcL dl dd {
	padding: 6px 15px 18px;
	background: url(../img/top/description-btm.gif) 0 bottom no-repeat;}

#mcL dl dd a {
	display: block;
	padding: 0 28px 0 0;
	font-size: 80%;}

#mcL ul {
	height: 85px;
	list-style: none;}

#mcL ul li {
	margin: 11px 0 0;
	float: left;
	line-height: 0;}

#mcL ul li a {
	float: left;
	height: 74px;}

#mcL ul li a:hover {border: none;}

#mcL ul li a:hover img {visibility: hidden;}

/* --- 技術審査 -------------------------------------------- */
#technicalReview h2 {background: url(../img/top/h2a.gif) 0 0 no-repeat;}

#technicalReview dl#tr01 dt a {background: url(../img/top/h3a01.gif) 0 0 no-repeat;}
#technicalReview dl#tr02 dt a {background: url(../img/top/h3a02.gif) 0 0 no-repeat;}
#technicalReview dl#tr03 dt a {background: url(../img/top/h3a03.gif) 0 0 no-repeat;}

#technicalReview dl#tr01 dt {background: url(../img/top/h3a01-on.gif) 0 0 no-repeat;}
#technicalReview dl#tr02 dt {background: url(../img/top/h3a02-on.gif) 0 0 no-repeat;}
#technicalReview dl#tr03 dt {background: url(../img/top/h3a03-on.gif) 0 0 no-repeat;}

#mcL #technicalReview dl dd a {background: url(../img/top/link-arrow-red.gif) right bottom no-repeat;}
#mcL #technicalReview dl dd a:hover {background: url(../img/top/link-arrow-red-on.gif) right bottom no-repeat;}

#mcL #technicalReview ul {background: url(../img/top/opt_a-bg.gif) 0 0 no-repeat;}

/* --- 情報提供 -------------------------------------------- */
#infoService h2 {background: url(../img/top/h2b.gif) 0 0 no-repeat;}

#infoService dl#is01 dt a {background: url(../img/top/h3b01.gif) 0 0 no-repeat;}
#infoService dl#is02 dt a {background: url(../img/top/h3b02.gif) 0 0 no-repeat;}
#infoService dl#is03 dt a {background: url(../img/top/h3b03.gif) 0 0 no-repeat;}

#infoService dl#is01 dt {background: url(../img/top/h3b01-on.gif) 0 0 no-repeat;}
#infoService dl#is02 dt {background: url(../img/top/h3b02-on.gif) 0 0 no-repeat;}
#infoService dl#is03 dt {background: url(../img/top/h3b03-on.gif) 0 0 no-repeat;}

#mcL #infoService dl dd a {background: url(../img/top/link-arrow-orange.gif) right bottom no-repeat;}
#mcL #infoService dl dd a:hover {background: url(../img/top/link-arrow-orange-on.gif) right bottom no-repeat;}
#mcL #infoService ul {background: url(../img/top/opt_b-bg.gif) 0 0 no-repeat;} 


/* --- その他の業務 ---------------------------------------- */
#mcR h2 {	
	height: 43px;
	text-indent: -9999px;}

#mcR dl {background: url(../img/top/description-bg-s.gif) 0 0 repeat-y;}

#mcR h2 {background: url(../img/top/h2c.gif) 0 0 no-repeat;}

#mcR dl dt {
	height: 44px;
	text-indent: -9999px;}

#mcR dl dt a {
	display: block;
	height: 44px;}

#mcR dl dt a:hover {background: none !important;}

#mcR dl#etc01 dt a {background: url(../img/top/h3c01.gif) 0 0 no-repeat;}
#mcR dl#etc02 dt a {background: url(../img/top/h3c02.gif) 0 0 no-repeat;}
#mcR dl#etc03 dt a {background: url(../img/top/h3c03.gif) 0 0 no-repeat;}

#mcR dl#etc01 dt {background: url(../img/top/h3c01-on.gif) 0 0 no-repeat;}
#mcR dl#etc02 dt {background: url(../img/top/h3c02-on.gif) 0 0 no-repeat;}
#mcR dl#etc03 dt {background: url(../img/top/h3c03-on.gif) 0 0 no-repeat;}

#mcR dl dd {
	padding: 6px 15px 18px;
	background: url(../img/top/description-btm-s.gif) 0 bottom no-repeat;}

#mcR dl dd a {
	display: block;
	padding: 0 28px 0 0;
	font-size: 80%;
	background: url(../img/top/link-arrow-green.gif) right bottom no-repeat;}

#mcR dl dd a:hover {background: url(../img/top/link-arrow-green-on.gif) right bottom no-repeat;}

#mcR .last {background: url(../img/top/description-btm-s_btm.gif) 0 bottom no-repeat;padding: 0 0 5px;}

#mcR .list {margin: 87px 0 0;padding: 6px 0 0;background: url(../img/top/opt_c_list_top.gif) -1px 0 no-repeat;}

#mcR ul {
	padding: 4px 15px 8px 23px;
	background: url(../img/top/opt_c-bg.gif) 0 0 repeat-y;
	list-style: none;}

#mcR ul li {
	padding: 0 0 0 13px;
	background: url(../img/top/arrow-green.gif) 0 3px no-repeat;
	line-height: 1.8;}

/* --- トピックス/最新ニュース ------------------------- */
	
#mcCL h2 {
	height: 32px;
	text-indent: -9999px;}

#mcCL #topics,
#mcCL #news {
	position: relative;}

#mcCL #topics p,
#mcCL #news p {
	position: absolute;
	top: 8px;
	right: 3px;
	margin: 0;}

#mcCL #topics h2 {background: url(../img/top/h2d.gif) 0 0 no-repeat;}
#mcCL #news h2 {background: url(../img/top/h2e.gif) 0 0 no-repeat;}

#mcCL dl {
	margin: 3px 0 30px;
	border: 1px solid #b0b0b0;
	background: url(../img/top/grade-overflow.gif) 0 0 no-repeat;
	overflow: scroll;
	overflow-x: hidden;
	height: 200px;}

#mcCL dl dt {
	margin: 0 10px;
	padding: 10px 0 5px;
	color: #d94e39;}

#mcCL dl dd {
	margin: 0 10px;
	padding: 0 0 13px;
	background: url(../img/top/line-dot.gif) 0 bottom repeat-x;}

#mcCL p.linkRelation {padding: 0 0 0 15px !important;background: url(../img/c/arrow.gif) 0 2px no-repeat;}


/* --- 新刊案内/最新講習会/所在地 ---------------------- */
#mcCR {
	float: right;
	width: 364px;}

#mcCR #newReleases {position: relative;}
#mcCR #workshop {
	position: relative;
	margin: 0 0 12px;}

#mcCR #newReleases .viewAll,
#mcCR #workshop .viewAll {
	position: absolute;
	top: 3px;
	right: 3px;
	margin: 0;
	width: 50px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;}

#mcCR #newReleases .viewAll a,
#mcCR #workshop .viewAll a {
	display: block;
	width: 50px;
	height: 25px;}

#mcCR h2 {
	height: 32px;
	text-indent: -9999px;}

#mcCR #newReleases h2 {background: url(../img/top/h2f.gif) 0 0 no-repeat;}
#mcCR #workshop h2 {background: url(../img/top/h2g.gif) 0 0 no-repeat;}
#mcCR #location h2 {background: url(../img/top/h2h.gif) 0 0 no-repeat;}

#mcCR .iframe {
	margin: 3px 0 3px;
	border: 1px solid #b0b0b0;
	background: url(../img/top/grade-overflow.gif) 0 0 no-repeat;
	overflow: scroll;
	overflow-x: hidden;
	height: 173px;}

#mcCR .iframe dt {
	margin: 0 10px;
	padding: 5px 0 0;
	color: #d94e39;}

#mcCR .iframe dd {
	margin: 0 10px;
	padding: 0 0 8px;
	background: url(../img/top/line-dot.gif) 0 bottom repeat-x;}


#mcCR #newReleases .iframe {height: 122px;}
#mcCR #newReleases .iframe img {float: left;margin: 0 28px 0 0;padding: 0 0 15px;clear: left;}
#mcCR #newReleases .iframe .article {padding: 4px 13px;clear: both;background: url(../img/top/line-dot.gif) 0 bottom repeat-x;}
#mcCR #newReleases .iframe .article h3 {
	margin: 0 10px;
	padding: 0 0 5px;
	font-size: 100%;
	font-weight: normal;}

#mcCR #newReleases .iframe .article img {
	width:50px;
	padding:0;
	border:1px solid #ccc;}
	
#mcCR .iframe p {
	margin: 0 10px;
	padding: 10px 0 5px;
	color: #d94e39;}
#mcCR #newReleases .iframe dd {background: none;} 

#mcCR #newReleases p.linkRelation {float: right;margin: 0 0 12px;padding: 0 0 0 15px !important;background: url(../img/c/arrow.gif) 0 2px no-repeat;}

#mcCR #location ul {margin: 13px 0 0;}
#mcCR #location ul li {display: table-cell;}

#mcCR #workshop p.linkRelation {float: right;margin: 0;padding: 0 0 0 15px !important;background: url(../img/c/arrow.gif) 0 2px no-repeat;}

/* --- 関連サイト -------------------------------------- */

#links h2 {
	height: 32px;
	text-indent: -9999px;
	background: url(../img/top/h2i.gif) 0 0 no-repeat;}

#links ul {
	position: relative;
	margin: 0 -3px;
	width: 762px;
	padding: 15px 0 0;
	list-style: none;}

#links ul li {
	float: left;
	padding: 0 5px;
	vertical-align: middle;}