@charset "utf-8";

/* 基本構造
============================================================ */

/*ボックス（固有idはbx○○（数字）を上から順につける）*/
#mcC .box {padding-bottom: 23px;}

#mcC .box p,
#mcC .box dl {margin: 0 5px 0 24px;}

#mcC .box ul,
#mcC .box ol {margin: 0 5px 0 47px;}

/* 共通
============================================================ */
h1 {
	clear: both;
	margin-top: 13px;
	height: 99px;
	text-indent: -9999px;
	overflow: hidden;}

/*リード文*/
#mcC #title p,
#mcC #title h2 {
	margin: 0 0 22px;
	height: 75px;
	text-indent: -9999px;
	overflow: hidden;}

#mcC h2 {
	margin-bottom: 10px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;}

/* h3 */
#mcC h3 {
	margin: 12px 0 10px 23px;
	padding: 0 8px;
	border: 1px solid #8bb5c1;
	background: #e6f2ff;
	color: #424242;
	font-weight: bold;
	font-size: small;
	line-height: 23px;}

/* h5 */
#mcC h5 {
	margin: 12px 0 10px 24px;
	font-size: small;}

#mcC a {
	text-decoration: underline;}

/* 左メニュー
============================================================ */
/*トップカテゴリー*/
#mcM h3 {
	margin-top: -1px;
	width: 188px;
	height: 47px;
	border: 1px solid #000000;}

#mcM #lm01 {background: url(../img/c/lm01-on.gif) no-repeat;}
#mcM #lm02 {background: url(../img/c/lm02-on.gif) no-repeat;}
#mcM #lm03 {background: url(../img/c/lm03-on.gif) no-repeat;}
#mcM #lm04 {background: url(../img/c/lm04-on.gif) no-repeat;}

#mcM h3 a {
	display: block;
	height: 0;
	padding-top: 47px;
	overflow: hidden;}

#mcM #lm01 a {background: url(../img/c/lm01.gif) no-repeat;}
#mcM #lm02 a {background: url(../img/c/lm02.gif) no-repeat;}
#mcM #lm03 a {background: url(../img/c/lm03.gif) no-repeat;}
#mcM #lm04 a {background: url(../img/c/lm04.gif) no-repeat;}

#mcM h3 a:hover {background: none !important;}

/*サブカテゴリー*/
#mcM ul {
	margin: 0;
	width: 188px;
	background: #e7e7e7;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	list-style: none;}

#mcM ul li {
	padding: 0;
	line-height: 0;}

#mcM ul li a {
	display: block;
	padding: 21px 19px 21px 20px;
	width: 148px;
	background: url(../img/c/line-dot_5px.gif) repeat-x bottom;
	line-height: normal;
	color: #000000;
	text-decoration: underline;}

#mcM ul li a:hover {
	background: #ffecc8 url(../img/c/line-dot_5px.gif) repeat-x bottom;
	text-decoration: none;}

#mcM ul li a span {
	display: block;
	padding-left: 17px;
	background: url(../img/c/point-allow-bk.gif) no-repeat center left;}

/* テキストリンク */
#mcM #submenu {
	padding-top: 15px;
	border: none;
	background: none;}

#mcM #submenu li {
	margin-bottom: 5px;
	padding: 15px 14px;
	border: 1px solid #c2e5e7;
	width: 160px;
	background: url(../img/c/grade.gif) no-repeat top center;}

#mcM #submenu li a {
	padding: 0 0 0 18px;
	width: auto;
	background: url(../img/c/allow.gif) no-repeat center left;
	line-height: normal;
	font-size: 12px;}


/* トピックスメニュー */
#mcM #topics {
	margin: 20px 0 0;
	padding: 8px 14px;
	border: 2px solid #c6c6c6;}

#mcM #topics h4 {
	margin-bottom: 17px;
	padding: 18px 0 0;
	background: url(../img/c/tm-title01.gif) no-repeat top center;
	height: 0;
	overflow: hidden;}

#mcM #topics h5 {
	margin-bottom: 10px;
	padding: 12px 0 0;
	height: 0;
	overflow: hidden;}

#mcM #topics h5.t01 {background: url(../img/c/tm-title02.gif) no-repeat top center;}
#mcM #topics h5.t02 {
	padding: 30px 0 0;
	border-top: 1px dashed #000;
	background: url(../img/c/tm-title03.gif) 20px 18px no-repeat;}

#service #mcM #topics h5.t02 {
	padding: 12px 0 0;
	border: none;
	background-position: top center;}

#mcM #topics ul {
	background: none;
	border: none;
	width: 158px;}

#mcM #topics ul li {margin: 0 0 6px;}

#mcM #topics ul li#tm01 {background: url(../img/c/tm01-on.gif) no-repeat;}
#mcM #topics ul li#tm02 {background: url(../img/c/tm02-on.gif) no-repeat;}
#mcM #topics ul li#tm03 {background: url(../img/c/tm03-on.gif) no-repeat;margin: 0 0 14px;}
#mcM #topics ul li#tm04 {background: url(../img/c/tm04-on.gif) no-repeat;}
#mcM #topics ul li#tm05 {background: url(../img/c/tm05-on.gif) no-repeat;}
#mcM #topics ul li#tm06 {background: url(../img/c/tm06-on.gif) no-repeat;}

#mcM #topics ul li a {
	display: block;
	padding: 31px 0 0;
	width: 158px;
	height: 0;
	background: none;
	overflow: hidden;}

#mcM #topics ul li#tm01 a {background: url(../img/c/tm01.gif) no-repeat;}
#mcM #topics ul li#tm02 a {background: url(../img/c/tm02.gif) no-repeat;}
#mcM #topics ul li#tm03 a {background: url(../img/c/tm03.gif) no-repeat;}
#mcM #topics ul li#tm04 a {background: url(../img/c/tm04.gif) no-repeat;}
#mcM #topics ul li#tm05 a {background: url(../img/c/tm05.gif) no-repeat;}
#mcM #topics ul li#tm06 a {background: url(../img/c/tm06.gif) no-repeat;padding: 51px 0 0;}

#mcM #topics ul li a:hover {background: none !important;}

/* お問合せボタン */
#mcM p {
	margin: 7px 0 0 2px;
	background: url(../img/c/btn-contact-on.gif) no-repeat;}

#mcM p a {
	display: block;
	padding: 67px 0 0;
	background: url(../img/c/btn-contact.gif) no-repeat;
	width: 186px;
	height: 0;
	overflow: hidden;}

#mcM p a:hover {background: none !important;}
