@charset "UTF-8";

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#333333;
}

h1 {
	font-size: 12px;
	font-weight:normal;
	color: #000;
	margin-bottom: 10px;
	text-align: right;
}

#mainBox h1 {
	margin-left: 0;
	color: #000000;
}
h2 {
	float: left;
}

h3 {
	margin-bottom: 30px;
}

h4 {
	font-size: 122%; /*16pxに相当*/
	padding-left:15px;
}

h5 {
	font-size: 107%; /*14pxに相当*/
}

h6 {
	font-size: 107%; /*14pxに相当*/
}

/*コピーライト表記*/
.copyright {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}


/*===================================================
	1-2. Hypertext Style
===================================================*/

 /*ページトップへ*/
.pagetop {
	text-align: right;}


/*===================================================
	1-3. Layout
===================================================*/

/*-----------------------------------------------------------
				wrapper
-----------------------------------------------------------*/

#wrapper {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*-----------------------------------------------------------
				header
-----------------------------------------------------------*/

#header {
	width: 900px;
	overflow: hidden;
	margin-bottom: 15px;
}

#header:after {
	content: "";
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #header {
	height: 1em;
	overflow: visible;
}
/**/

/*-----------------------------------------------------------
				conainer
-----------------------------------------------------------*/

#container {
	width: 900px;
	overflow: hidden;
}

#container:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #container {
	height: 1em;
	overflow: visible;
}
/**/

/*-----------------------------------------------------------
				footer
-----------------------------------------------------------*/

#footer, div.fb-like {
	width: 900px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}


/*===================================================
	1-4. Hack Style
===================================================*/

 /*IE6.0以下用透過PNG適用class*/

/*\*/
* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this)); 
}
/**/

 /*FireFoxで背景が出ない事象の回避*/
.clearFix,
.twoCol,
.twoColA,
.twoColB,
.threeCol,
.threeColA,
.threeColB {
	overflow:hidden;
}

.clearFix:after,
.twoCol:after,
.twoColA:after,
.twoColB:after,
.threeCol:after,
.threeColA:after,
.threeColB:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}

/*\*/
* html .clearFix,
* html .twoCol,
* html .twoColA,
* html .twoColB,
* html .threeCol,
* html .threeColA,
* html .threeColB {
	height:1em;
	overflow:visible;
}
/**/