@charset "UTF-8";
html {margin:0; padding:0; background-color:#FFF;width:100%; text-align:center;}
body {margin:0; padding:0;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; behavior:url("http://www.marushin-heat.co.jp/ext/csshover.htc");}

/* 外枠 */
#layout {background: url(../images/bg.gif) repeat-x top ;width:100%; }
@media print { /* printメディアの場合にのみ適用 */
	#thecatch { display:none; }
	#theend { display:none; }
}
@media screen { /* screenメディアの場合にのみ適用 */
#thecatch {width:710px; padding:0 20px; margin:0 auto; border-bottom:4px solid #3D67AE; color:#333;}
	#thecatch h1 { margin:0; padding:0; text-align:right; font-size:10px; line-height:14px; font-weight:normal;}
#theend {width:710px; padding:0 20px; margin:0 auto; border-top:1px solid #CCC;}
	#theend p { margin:0; padding:5px 0; text-align:center; font-size:10px; line-height:14px; font-weight:normal;color:#666}
		#theend p a { color:#666; text-decoration:none; padding:12px 0;}
		#theend p a:hover { color:#3D67AE; text-decoration: underline;}
}


/* エレメント */

@media print { /* printメディアの場合にのみ適用 */
#contents {width:532px; margin:0 auto; text-align:left; border-left:1px solid #CCC;border-right:1px solid #CCC; background-color:#FFF;}
	.contents { padding:10px 20px;}
	.contents-inner { width:490px; border:1px solid #CCC; }
}
@media screen { /* screenメディアの場合にのみ適用 */
#contents {width:750px; margin:0 auto; text-align:left; border-left:1px solid #CCC;border-right:1px solid #CCC; background-color:#FFF;}
	.contents { padding:10px 20px;}
	.contents-inner { width:490px; float:right;border:1px solid #CCC; }
}


@media print { /* printメディアの場合にのみ適用 */
#header {width:490px; padding:15px 20px 5px 20px;}
	#header-logo { display:none;}
	#header-contents { display:none;}
	#header-print {width:490px;}
		#header-print p { margin:0; padding:0;}
}
@media screen { /* screenメディアの場合にのみ適用 */
#header {width:710px; padding:15px 20px 5px 20px; height:60px; overflow:hidden; background:url(../images/header-bg.jpg) repeat-x top;}
	#header-logo { float:left; width:350px; background:url(../images/logo.jpg) no-repeat left;}
		#header-logo p { margin:0; padding:0;}
		#header-logo a {display:block; width:350px; height:60px; overflow:hidden; text-indent:-8000px;}
	#header-contents {float:right; width:300px;padding:0 0 0 0; }
		#header-contents p { text-align:right; margin:0; padding:0; font-size:12px;}
			#header-contents p span { font-size:20px;}
		#header-menu { width:300px; background:url(../images/header-menu1.gif) no-repeat top; height:24px; overflow:hidden;}
			#header-menu ul { margin:0; padding:0; list-style:none;}
				#header-menu li {margin:0; padding:0; list-style:none; display:block; float:left; font-size:12px; text-align:center; line-height:24px;}
					#header-menu li a {display:block; background-image:none; background-repeat: no-repeat; text-align:center;line-height:24px; color:#333; text-decoration:none; }
					#header-menu li a:hover { background-image:url(../images/header-menu2.gif); color:#FFF; }
				#header-menu1 { width:60px; border-right:1px solid #CCC;}
					#header-menu1 a { width:60px; background-position:left;}
				#header-menu2 { width:59px; border-right:1px solid #CCC;}
					#header-menu2 a { width:59px; background-position:center;}
				#header-menu3 { width:104px; border-right:1px solid #CCC;}
					#header-menu3 a { width:104px; background-position:center;}
				#header-menu4 { width:74px;}
					#header-menu4 a { width:74px; background-position:right;}
	#header-print {display:none;}
}

@media print { /* printメディアの場合にのみ適用 */
#menu { display:none;}
}
@media screen { /* screenメディアの場合にのみ適用 */
#menu { width:200px; float:left;}
}
	#menu1 { width:200px; margin:0 0 5px 0; padding:0; list-style:none;}
		#menu1 li { width:200px; margin:0 ;height:74px; padding:0; list-style:none;background-repeat:no-repeat; background-position:top center;}
			#menu1 li a { display:block;width:200px; height:74px; text-indent:-8000px; background-image:none; background-repeat:no-repeat; background-position:top center; overflow:hidden;}
		#menu11 { background-image:url(../images/menu11.jpg);}
			#menu11 a:hover{ background-image:url(../images/menu12.jpg);}
		#menu12 { background-image:url(../images/menu21.jpg);}
			#menu12 a:hover{ background-image:url(../images/menu22.jpg);}
		#menu13 { background-image:url(../images/menu31.jpg);}
			#menu13 a:hover{ background-image:url(../images/menu32.jpg);}
	#menu2 { width:190px; margin:0; padding:10px 0 0 5px; list-style:none;}
		#menu2 li { width:190px; margin:0; padding:0; list-style:none; font-size:14px; line-height:24px; font-weight:bold;}
			#menu2 li a { display:block;width:160px; padding:0 0 0 0; line-height:36px; color:#333; padding-left:30px; background:url(../images/home-menu21.gif) no-repeat; background-position:0 0; text-decoration:none;}
			#menu2 li a:hover {background:url(../images/home-menu22.gif) no-repeat;}
@media print { /* printメディアの場合にのみ適用 */
#footer {width:530px; padding:10px 0;  border-top:1px solid #CCC; background:url(../images/footer-bg.gif) repeat-x bottom; clear:both;}
}
@media screen { /* screenメディアの場合にのみ適用 */
#footer {width:750px; padding:10px 0;  border-top:1px solid #CCC; background:url(../images/footer-bg.gif) repeat-x bottom; clear:both;}
}
	#footer-name { display:block; width:210px; padding:5px 20px; float:left; border-right:1px solid #CCC; height:52px; overflow:hidden;}
		#footer-name p { margin:0; padding:0; font-size:12px; text-align:right;line-height:24px;}
		#footer-name p span {font-size:20px;}
	#footer-info { display:block; width:206px; padding:5px 20px; float:left; height:52px; overflow:hidden;}
		#footer-info p { margin:0; padding:0; font-size:12px; text-align:left; line-height:18px;}
		#footer-info p span { display:block;}
@media print { /* printメディアの場合にのみ適用 */
	#footer-contact { display:none;}
}
@media screen { /* screenメディアの場合にのみ適用 */
	#footer-contact { display:block; width:210px;padding:5px 20px; float:left; border-left:1px solid #CCC; height:52px; overflow:hidden;}
}

		#footer-contact p { margin:0; padding:8px 0 0 0; font-size:18px; text-align:center; line-height:18px;}
			#footer-contact p a { display:block; width:155px;line-height:40px; margin:0 auto;  background-image:url(../images/footerbtn1.gif); background-repeat:no-repeat; background-position:center; color:#333; text-decoration:none;}
			#footer-contact p a:hover { background-image:url(../images/footerbtn2.gif);color:#FFF; }
/* 共通 */
.h2title {display:block; width:476px; padding:0 0 0 14px; background:url(../images/h2title-bg.jpg) repeat-x bottom; border-bottom:1px solid #ccc;}
	.h2title h2 {display:block; margin:0; padding:0 0 0 6px; width:464px; border-left:6px solid #3D67AE; font-size:24px; color:#3D67AE; line-height:48px; font-weight:normal;}
.small { font-size:10px;}
.red { color:#FF0000;}
.grey { background-color:#EEE;}
.blue { color:#3D67AE;}
.fl { float:left;}

.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px;}
.sub-calendar { width:190px;  padding:6px 0 6px 6px; color:#333;}
	.sub-calendar p { width:187px; margin:0; padding:1px 0 0 0; font-size:12px; line-height:20px; font-weight:bold; border:1px solid #CCC; border-bottom:none;}
		.sub-calendar p a { display:block; width:182px; padding:0 0 0 5px; color:#333;  background-color:#E5E5E5;background-image:url(../images/sub-calendar1.gif); background-position:right; background-repeat:no-repeat; text-decoration:none;}
		.sub-calendar p a:hover { color:#FFF;  background-color:#3D67AE; background-image:url(../images/sub-calendar2.gif);}
	.sub-calendar table {width:189px; border-collapse:collapse; border:1px solid #CCC;}
		.sub-calendar th { background:#F2F2F2; font-size:10px; text-align:center; font-weight:normal; border:1px solid #CCC; padding:3px; line-height:14px; width:14px;} 
		.sub-calendar td { font-size:10px; text-align:center; font-weight:normal; border:1px solid #CCC; text-align:right;padding:3px; line-height:14px;width:14px;} 
.gotop {display:block; padding:0 0 20px 0; margin:0 20px;}
	.gotop p { margin:0; padding:0; text-align:center; font-size:10px; line-height:14px; background: url(../images/gotop.gif) repeat-x left;}
		.gotop p a { padding:0 16px; color:#666; background-color:#FFF; text-decoration:none;}
		.gotop p a:hover { color:#3D67AE; text-decoration: underline;}
.tree_navi { display:block; padding:0 20px 0 0;}
	.tree_navi p { margin:0; padding:0; font-size:10px;text-align:right;color:#555; line-height:14px;}
	.tree_navi a { color:#555; text-decoration:none; padding:0 5px;}
	.tree_navi a:hover { color:#3D67AE; text-decoration: underline; padding:0 5px;}
	.tree_navi strong { color:#3D67AE; font-weight:normal; padding:0 5px;}