@charset "utf-8";

html{
    height:100%;
}


body {
	height: 100%;
	font-size: 13px;
	font-family: 'ＭＳ Ｐゴシック','MS Pゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	line-height: 1.5;
	color: #555555;
}


#contents{
	height:auto;
	margin:0px auto;
	overflow:hidden;
	padding:10px;
	
	}

#contents:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
#midashi {
	min-width: 1024px;
	height: 56px;
	background: url(../../image/base/bg_midashi.gif) left top repeat-x;
	font-family: 'ＭＳ Ｐゴシック','MS Pゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size:18px;
	font-weight:800;

}
#midashi:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

#m_inner {
	position: relative;
	margin: 0 auto;
	padding: 0 22px;
	width: 980px;
	}

.m_txt{
	position:absolute;
	top:10px;
	left: 16px;
	width: 544px;
	}

#contentBodyArea{
	padding-bottom:89px;
}

/* ------------------------------------------------

wrapper

------------------------------------------------ */
* html div#wrapper{
    height:100%;
}
div#wrapper {
  position:relative;
    min-height: 100%;
	width: 100%;
    height: 100%;

}

body > #wrapper {
        height: auto;
}


/* ------------------------------------------------

overallArea

------------------------------------------------ */

div#overallArea {
	margin: 11px auto 35px; /* 20120117 Mod */
	padding: 7px 16px 0;
	width: 760px;
}


		div#overallArea div#contentsInner div#contents {
			margin: 0;
			padding: 0 7px;
		}


/* ------------------------------------------------

clearfix

------------------------------------------------ */
.border,
ul#topicPath,
div#overallArea,
div#contents,
div#article,
.clearfix {
	/zoom:1;
}

.border:after,
div.naviList:after,
ul#topicPath:after,
div#overallArea:after,
div#contents:after,
div#article:after,
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}