@charset "utf-8";
/* CSS Document */

/* ブラウザのデフォルトに依存しないように全てのマージンとパディングを0にしています */
* {
	margin: 0;
	padding: 0
}

/* html（スクロールバーの色設定が反映されるのはIEのみ） */
html {
	scrollbar-face-color: #ffffff; /* バーの色 */
	scrollbar-3dlight-color: #ffffff; /* 左上外側ライン */
	scrollbar-highlight-color: #dcdcdc; /* 左上内側ライン */
	scrollbar-shadow-color: #ffffff; /* 右下内側ライン */
	scrollbar-darkshadow-color: #d3d3d3; /* 右下外側ライン */
	scrollbar-arrow-color: #b0c4de; /* 矢印 */
	scrollbar-track-color: #f5f5f5; /* トラック部分 */
}

/* ボディ */
body{
	/* サイト内の文字の設定をしています */
	text-align: left; /* 文字を左に設定 */
	line-height: 1.6; /* 文字間隔 */
	font-size: 12px; /* 文字サイズ */
	font-family: sans-serif,"ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",Osaka; /* 文字種類 */
	color: black; /* 文字色 */

	/* 背景を設定しています。画像を入れたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url() white;
}

/* リンク文字 */
a {
	text-decoration: none; /* 下線無し */
	color: #808080; /* 文字色 */
}

/* カーソルを置いたときのリンク文字 */
a:hover {
	text-decoration: underline; /* 下線 */
}

/* イメージにリンクを貼ったときの設定 */
a img {
	border : none; /* 線無し */
}

/* 入力エリア、リスト、ボタンの設定 */
input,textarea,select,button,submit {
	color: #888888; /* 文字色 */
	background: #ffffff; /* 背景色 */
	border: 1px solid #7f9db9; /* 線の色 */
}

/* テーブルセル全般の文字設定 */
th,td {
	vertical-align: top; /* 上寄せ */
}

/* 絵文字 */
img.emoji {
	vertical-align: middle; /* 上寄せ */
	border: 0; /* 線無し */
}




/*レイアウト設定----------------------------------------------*/


/* 外枠 */
#container {
	position:relative;
	width: 780px; /* 外枠の幅 */
	margin:0 auto; /* 中央に設定 */

	/* 左右にラインを書いています */
	border-right: 1px dashed #808080;
	border-left: 1px dashed #808080;

	/* 背景を設定しています。外枠内に画像を入れたい場合は、backgroundのurl()内の画像の参照先を設定してください */
	background: url() #ffffff;
}


/* ヘッダー部分 */
#header {	
	width : 780px; /* ヘッダー部分の幅 */
	height: 400px; /* 高さを設定します */
	border-bottom: 1px solid #eeeeee; /* 下にラインを書いています */

	/* トップ画像を変えたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background-image:url(top02.jpg); #ffffff right top no-repeat;
}


/* 右メニューにしたい場合はメニュー部分（#menu）のleftをrightに、記事部分（#main）のrightをleftにしてください */

/* メニュー部分 */
#menu {
	float : left; /* 左寄せ */
	/* 背景を設定しています。画像を入れたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url() #ffffff;
}

/* 記事部分 */
#main {
	float : right; /* 右寄せ */
	/* 背景を設定しています。画像を入れたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url() #ffffff;
}




/* フッター部分 */
#footer {
	width : 780px; /* フッター部分の幅 */
	clear : both; /* 回り込み解除 */
	margin-top: 40px; /* 上との間隔を開けています */
	text-align: center; /* 文字を中央に設定 */
	border-top: 1px solid #eeeeee; /* 上にラインを書いています */
	/* 背景を設定しています。画像を入れたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url() #ffffff;
}




/*タイトル設定------------------------------------------------*/


/* ブログタイトル */
.blog_title {
	margin-top: 10px; /* 上にくっつき過ぎないように間隔を取っています */
	margin-left: 40px; /* 左にくっつき過ぎないように間隔を取っています */
	font-size: 26px; /* 文字サイズ */
	font-weight: bold; /* 太字 */
}

/* ブログタイトルリンク */
.blog_title a {
	text-decoration: none; /* 下線無し */
	color: black; /* 文字色 */
}

/* サブタイトル */
.sub_title {
	margin-left: 40px; /* 左にくっつき過ぎないように間隔を取っています */
	color: black; /* 文字色 */
}


/* メニューリスト親要素 */
ul {
	list-style-type: none; /* メニューリスト左に出る「・」を無くしました */
}

/* メニューリスト子要素 */
li {
	padding-left: 20px; /* アイコンを入れるので左に間隔を取っています */

	/* アイコン画像を変えたい場合は、backgroundのurl()内の画像の参照先を変更してください */
	background: url(http://blog-imgs-32.fc2.com/s/h/a/shashinsozai/tree.gif) no-repeat;
}




/*記事部分等設定----------------------------------------------*/


/* 記事部分等囲み */
.main_block {
	width : 758px; /* 記事部分の枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */

	/* 枠線を描いています */
	border: 1px solid #eeeeee;
}

/* 記事部分等タイトル（アイコンを入れる場合はメニュータイトルを参考にしてください） */
.main_title {
	text-color: orange;
	margin: 10px; /* 上下左右に間隔を取っています */
	font-size: 17px; /* タイトルなので文字を大きめにしました */
	font-weight: bold; /* 太字 */
         background-color: #ffffff;
	border-bottom: 3px solid #808080; /* タイトルの下にラインを書いています */
	border-right: 10px solid #808080; /* タイトルの右にラインを書いています */
	
	
/* リンク文字 */
.main_title a {
	text-decoration: none; /* 下線無し */
         color: orange; /* 文字色 */
}

/* 記事部分等本文囲み */
.main_body {
	width:738px;
	height:1200px;
	margin: 10px; /* 上下左右に間隔を取っています */
}

.mainbox {
	width:120px;
	margin:10 10 10 10px;
	float:left;
}


.textbox {
	width: 738px;
	margin: 10px;
}





/*その他------------------------------------------------------*/


/* ページ移動 */
.page_navi {
	width : 757px; /* ページ移動の枠の幅 */
	margin: 10px; /* 上下左右に間隔を取っています */
	text-align: center; /* 文字中央寄せ */
}