@charset "utf-8"; /*文字コード指定*/
/* ----- css reset(各ブラウザで指定されているスタイルを初期化)と全体設定 ----- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img {
	margin: 0; /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
	padding: 0; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	border: 0; /*境界線指定*/
}
body {
	color: #333333; /*文字色指定*/
	font-size: 75%; /* フォントサイズ指定(%はブラウザに設定した標準文字サイズ(通常16px)に対する値)*/
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; /*フォントの種類指定(左から優先順位)*/
	line-height: 2;	/*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
}
ol, ul {
	list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}
a {
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/ /*リンクの文字設定(マウスをのせる前)*/
	color: #0000FF; /*文字色指定*/
}
a:hover {
	text-decoration: underline; /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/ /*リンクの文字設定(マウスをのせた時)*/
	color: #C74B15; /*文字色指定*/
}
.color1 {
	color: #990000; /*文字色指定*/
}
/* ----- ローディング ----- */

#fade {
	position: absolute; /*ボックスの配置方法(absoluteは絶対位置配置)*/ /* ie6 */
	position:fixed; /*ボックスの配置方法(fixedは固定配置)*/
	top: 0; /*ボックス外側上の余白*/
	left: 0 /*ボックス外側左の余白*/;
	width: 100%; /*幅指定(100%は横幅いっぱいに表示)*/
	height: 100%; /*領域の高さ指定(100%は縦いっぱいに表示)*/
	min-height: 100%; /*領域の高さ最小値指定(100%は縦いっぱいに表示)*/
	background: #fff; /*背景に関する指定をまとめて指定*/
	text-indent:inherit; /*インデントの幅指定*/
	z-index:9999; /*ボックスの重なりの順序を指定*/
}
/* ----- レイアウト ----- */

#container { /*container(入れ物、容器)の中に各要素(ボックス)を配置*/
	margin: auto; /*ボックス外側の余白(autoはボックス幅や隣接する他ボックス幅による自動余白割り当て)*/
	width: 100%; /*幅指定(100%は横幅いっぱいに表示)*/
	min-height:100%; /*領域の高さ最小値指定(100%は縦いっぱいに表示)*/
	overflow:hidden; /*ボックスのはみ出た部分の表示の仕方(hidddenは表示しない)*/
}
#content {
	float: left; /*要素を左か右に寄せて配置(leftは左に寄せる)*/
	margin: 30px 0; /*ボックス外側の余白(値2つは左から上下,左右の値)*/
	margin-right: -200px; /*ボックス外側右の余白*/
	width: 100%; /*幅指定(100%は横幅いっぱいに表示)*/
}
#content_inner {
	margin-right: 230px; /*ボックス外側右の余白*/
}
#rightside {
	background-color: #fef4f4; /*背景色指定*/
	float: right; /*要素を左か右に寄せて配置(rightは右に寄せる)*/
	width: 200px; /*幅指定*/
	height:100%; /*領域の高さ指定(100%は縦いっぱいに表示)*/
	/*高さ100%表示設定（背景領域を複数ブラウザが解釈できる最大値まで増やし、外余白で同じ値を減らすことにより差し引き0）*/
	padding-bottom:32767px; /*ボックス内側下の余白*/
	margin-bottom:-32767px; /*ボックス外側下の余白*/
}
/* ----- ロゴ ----- */

.logo {
	margin-top: 80px; /*ボックス外側上の余白*/
	margin-right: 80px; /*ボックス外側右の余白*/
	font-weight: bold; /*フォントの太さ指定(boldは太字)*/
	font-size: 1.5em; /* フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
.logo a {
	color: #555; /*文字色指定*/
}
.logo a:hover {
	color: #E18D8D; /*文字色指定*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}
/* ----- h1 ----- */

h1 {
	position: fixed; /*ボックスの配置方法(fixedは固定配置)*/
	right: 30px; /*右からの距離(positionで指定している場合に適用)*/
	bottom: 20px; /*下からの距離(positionで指定している場合に適用)*/
	padding: 10px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
	width: 120px; /*幅指定*/
	height: 40px; /*領域の高さ指定*/
	border: solid 1px #ddd; /*左境界線の一括指定(solidは1本線,線の太さ,線の色)*/
	color: #555; /*文字色指定*/
	font-weight: normal; /*フォントの太さ指定(normalは標準)*/
	font-size: 0.9em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
/* ----- コンテンツ ----- */

.post h2{
	text-align: center; /*行の水平方向の揃え方(centerは中央揃え)*/
	margin-top: 20px; /*ボックス外側上の余白*/
	margin-bottom: 20px; /*ボックス外側下の余白*/
	color: #d3a243; /*文字色指定*/
	font-family: 'Hanalei Fill', cursive; /*Webフォントの種類指定*/
	font-size: 3em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: 30px; /*行の高さ指定*/
}
/* ----- 右のメニュー ----- */

.menu {
	margin-top: 100px; /*ボックス外側上の余白*/
	width: 170px; /*幅指定*/
	font-weight: bold; /*フォントの太さ指定(boldは太字)*/
	font-size: 1.2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
.menu li {
	padding: 2px; /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
}
.menu a { /*リンクの文字設定(マウスをのせる前)*/
	text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
	color: #555; /*文字色指定*/
}
.menu a:hover { /*リンクの文字設定(マウスをのせた時)*/
	color: #E18D8D; /*文字色指定*/
}
/* ----- Copyright ----- */

.copyright {
	position: fixed; /*ボックスの配置方法(fixedは固定配置)*/
	bottom: 10px; /*下からの距離(positionで指定している場合に適用)*/
	left: 10px; /*左からの距離(positionで指定している場合に適用)*/
	color: #555; /*文字色指定*/
	font-size: 0.7em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	z-index: 20; /*ボックスの重なりの順序を指定*/
}