body {
	font-size: 80%;		/* フォントサイズを初期値(16px)の80％分に指定（12.8px相当の大きさ） */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-serif; /* どのブラウザでも確認できるように */
	background: #E0E0E0;	/* ページ外側の背景の色 */
	margin: 0px;		/* ページ全体のmargin */
	padding: 0px;		/* ページ全体のpadding */
	text-align: center;	/* 下記のautoに未対応用のセンタリング */
	line-height:1.5;	/* 本文記事の行間 */
}


/* ページの中身 */
#main {
	margin-right: auto;
	margin-left: auto;
	text-align: left;	/* 中身を左側表示に戻す */
	width: 800px;		/* ページの幅 */
	background: #ffffff;	/* ページの背景色 */
}


/* ヘッダー */
#head {
	width:800px;		/* ヘッダーの幅 */
	height: 133px; 		/* ヘッダーの高さ */
	background-image: url("mothers-day.jpg"); /* 画像のファイル名を入れる */
	background-repeat: no-repeat;	/* 画像を繰り返さない */
	margin: 0px;
	padding: 0px;
}


/* 左サイド（本文） */
#left {
	width: 590px;	/* 左サイドの幅 */
	float: left;	/* 左サイドの配置位置 */
}


/* 左サイド中身 */
.leftnaka {
	width: 560px;		/* 左サイドの中身の幅 */
	margin-left: 15px;	/* 左の余白 */
	border-width: 1px;	/* 枠線の太さ */
	border-style: solid;	/* 枠線のスタイル */
	border-color: #CCCCCC;	/* 枠線の色 */
}


/* 右サイド（サイドバー） */
#right {
	width: 210px;		/* 右サイドの幅 */
	float: right;		/* 右サイドの配置位置 */
}


/* 右サイド中身 */
.rightnaka {
	width: 190px;		/* 右サイドの中身の幅 */
	margin-right: 15px;	/* 右の余白 */
	border-width: 1px;	/* 枠線の太さ */
	border-style: solid;	/* 枠線のスタイル */
	border-color: #CCCCCC;	/* 枠線の色 */
}


/* サイトタイトル */
h1 {
	font-size: 180%;		/* bodyフォントサイズ(約12.8px)の180% (23px相当) */
	color: #CCCCCC;			/* 大見出しの文字の色 */
	padding: 45px 0px 0px 280px;	/* 大見出しの余白 上・右・下・左の順 */
	margin: 0px;
}


/* サイト説明文 */
#head h2 {
	font-size: 117%;		/* bodyフォントサイズ(約12.8px)の117% (15px相当) */
	color: #CCCCCC;			/* サイト説明文の文字の色 */
	padding: 23px 0px 7px 280px;	/* サイト説明文の余白 上・右・下・左の順 */
	margin: 0px;
}


/* パンくずリスト */

/* 本文の見出し */
#left h2 {
	font-size: 117%;		/* bodyフォントサイズ(約12.8px)の117% (15px相当) */
	background-color: #ffe4b5;	/* 本文の見出しの背景色 */
	color: #ff0000;			/* 本文の見出しの色 */
	padding: 7px;			/* 本文の見出しの余白の幅 四方全て */
	margin: 0px;
}


/* 本文の記事 */
.kiji {	
	color: #000000;			/* 本文記事の文字の色 */
	text-align: left;		/* 本文記事の位置 */
	padding: 0px 12px 12px 12px;	/* 本文記事の余白 上・右・下・左の順 */
}


/* 右サイドバーの見出し */
#right h2 {
	font-size: 117%;		/* bodyフォントサイズ(約12.8px)の117% (15px相当) */
	text-align: center;		/* サイドバーの見出しの位置 */
	background-color: #ffe4b5;	/* 本文の見出しの背景色 */
	color: #ff0000;			/* サイドバーの見出しの文字の色 */
	padding: 7px 0px 1px 1px;	/* サイドバーの見出しの余白 上・右・下・左の順 */
	margin: 0px;
}


/* 右サイドバーの中身 */
.sidebar {
	text-align: left;		/* サイドバーの位置 */
	color: #000000;			/* サイドバーの文字の色 */
	padding: 6px 1px 10px 6px;	/* サイドバーの余白 上・右・下・左の順 */
	background-color: #ffffff;	/* サイドバーの背景色 */
	margin: 0px;
}


/* フッター */
#footer {
	clear: both;			/* 回り込みの解除 */
	width: 800px;			/* フッターの幅 */
	text-align: center;		/* フッターの配置位置 */
	background-color: #ffe4b5;	/* フッターの背景色 */
	margin-top: 20px;		/* フッター全体の上部余白 */
	padding-top: 15px;		/* フッターの上部余白 */
	padding-bottom: 15px;		/* フッターの下部余白 */
}


ul {
	padding: 2px;	/* サイドバーリンクの余白の幅 四方全て */
	margin: 0px;
}

li {
	margin:0px;
	list-style-type:none;
	list-style-position:outside;
}

img {
	border: none;	/* 画像の枠 */
}

a img {
	border: none;	/* 画像リンクの枠 */
}

.w3c {
	text-align: center;	/* W3Cのバナーの位置 */
}