/* CSS レイアウト */
/* ==============================================
   1.文書の基本スタイル設定
================================================= */

/* ----------------------------------------------
   1-1.ブラウザ別の既定余白値をリセット
------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* ----------------------------------------------
   1-2.文書全体の基本スタイルを設定
------------------------------------------------- */
body {
	font-size: small;
	font-style: normal;
	line-height: 1.5;
	color: #030;
	background-color: #fff;
}

html {
	font-size: small;
	font-style: normal;
	line-height: 1.5;
	color: #030;
	background-color: #fff;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 120%;
	margin-bottom:10px;
}

p {
	margin-bottom:10px;
}

strong {
	font-weight: bold;
	font-style: normal;
	color: #030;
	background-color: #fcf;
}

em {
	font-weight: bold;
	font-style: normal;
	color: #030;
	background-color: #fcf;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: bottom;
}

table {
	margin-bottom: 10px;
	font-size: 100%; /* IE対策 */
	width: 100%;
	border: none;
}

caption {
	color: #030;
	background-color: #cf6;
	font-weight: bold;
}

th {
	color: #030;
	background-color: #ccf;
	padding-left:2px;
}

td {
	color: #030;
	background-color: #fcf;
	padding-left:2px;
}

address {
	font-style: normal;
	font-weight: bold;
}

dl{
	margin-bottom: 10px;
}

/* ==============================================
   2.段組レイアウト
================================================= */

/* ----------------------------------------------
   2-1.BODY全体を中央寄せ
------------------------------------------------- */
body {
	text-align: center; /* InternetExplorer6対策 */
}

/* ----------------------------------------------
   2-2.LOGOとSLOGANのレイアウト
------------------------------------------------- */
#logo {
	color: #030;
	background-color: #cf6;
}

#slogan {
	color: #030;
	background-color: #cf6;
	font-weight: bold;
}

#slogan strong {
	background-color: #cf6;
}

/* ----------------------------------------------
   2-3.ラッパーのレイアウト
------------------------------------------------- */
#wrapper {
	width: 800px; /* 幅780ピクセル */
	margin: 0 auto;
	text-align: left; /* InternetExplorer6対策 */
	overflow: auto !important;
	overflow /**/: hidden;
}

/* ----------------------------------------------
   2-4.サイドバーのレイアウト
------------------------------------------------- */

#left_col {
	float: left; /* 左寄せ */
	width: 185px;
	padding: 10px 0;
	overflow: auto !important;
	overflow /**/: hidden;
}

/* ----------------------------------------------
   2-5.コンテンツのレイアウト
------------------------------------------------- */
#page_content {
	float: right; /* 右寄せ */
	width: 610px;
	padding: 10px 0;
	overflow: auto !important;
	overflow /**/: hidden;
}
/* ----------------------------------------------
   2-6.フッターのレイアウト
------------------------------------------------- */
#footer {
	width: 100%; /* 幅100% */
	background-color: #cf6;
	text-align: center;
}

/* ==============================================
   3.パーツ別デザイン
================================================= */

/* ----------------------------------------------
   3-1.コンテンツのデザイン
------------------------------------------------- */

/* 大見出しh2要素 */
#page_content h2.posttitle {
	border: none;
	font-size:150%;
	font-weight:bold;
	background: url(./material/posttitle.gif) no-repeat #fff center;
	text-align:center;
}

/* 本文中の写真 */
#page_content p.pic {
	text-align: center;
}

/* ページトップへのリンクを含むp要素 */
p.top {
	text-align: right;
	margin-bottom: 15px;
	background: url(./material/top.gif) no-repeat right center;
	padding-right: 15px;
}

/* ７つの育を含むimg要素*/
p.iku {
	text-align: right;
}


/* ----------------------------------------------
   3-2.サイドバーのデザイン
------------------------------------------------- */

#left_col h2 {
	border: none;
	font-size:125%;
	font-weight:bold;
	background: url(./material/menutitle.gif) no-repeat #fff center;
	text-align:center;
}

#left_col ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #cf6;
	overflow: hidden;
	}

#left_col li {
	border-top: 1px solid #cf6;
}

#sidemenu li a, #links li a {
	display: block;
	padding-left: 15px;
	width: 165px !important; /* IE6対策 */
	width /**/: 180px; /* IE5対策 */
	margin:0;
}

#sidemenu a:visited, #links a:visited {
	background:url(./material/visitchk.gif) center left no-repeat;
}

#sidemenu a:hover, #links a:hover {
	background-color: #cf6;
}

/* ----------------------------------------------
   3-3.フッターのデザイン
------------------------------------------------- */

#footer ul {
	margin: 0;
	padding: 0;
}

#footer li {
	list-style: none;
	display: inline;
	margin: 0;
	padding-right: 20px;
}