@charset "Shift_JIS";

/*
==============================================================
初期化
==============================================================
*/
* {
	margin:0;
	padding:0;
}

/*
==============================================================
HTMLタグ
==============================================================
*/
body {
	margin: 0;
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color:#FFFF99;
	background-image: url(images/bg.gif);
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a img {
	border:none;
}

address {
	font-style: normal;
}

/*
==============================================================
汎用共通クラス
==============================================================
*/
.center {
	text-align: center;
}

/*h2タグ*/
.content h2 {
	margin-bottom: 10px;
	line-height: 150%;
	font-size: 150％;
	color: #111;
}

/*h3タグ*/
.content h3 {
	margin-bottom: 10px;
	line-height: 150%;
	font-size: 120％;
	color: #111;
}

/*pタグ*/
.content p {
	padding: 0 10px 20px 10px;
	line-height: 140%;
	color: #222;
}

/*
==============================================================
レイアウト用ID
==============================================================
cotainer
	�鷲eader
	��side
		��sidecontents
			�蕨avi
	�藁ain
		�藁aincontents
	�惑ooter
==============================================================
*/
/*
----------------------------------------------------------
コンテナ
#cotainer
----------------------------------------------------------
*/
#cotainer {
	margin:0 auto;
	padding: 0;
	width:800px;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	background-color: #FFF;
}

/*
----------------------------------------------------------
ヘッダ
#cotainer #header
----------------------------------------------------------
*/
#header {
	margin: 0;
	padding: 0;
	width:100%;
	height:185px;
	border-bottom:2px solid #FFF;
	background-color:#FFF;
}

/*
----------------------------------------------------------
サイド
#cotainer #side
----------------------------------------------------------
*/
#side {
	float:left;
	margin: 0;
	padding: 0;
	width:175px;
	height: auto;
	background-color:#FFF;
}

/*
----------------------------------------------------------
サイドコンテンツ
#cotainer #side #sidecontents
----------------------------------------------------------
*/
#sidecontents {
	margin: 10px;
}

/*
----------------------------------------------------------
メイン
#cotainer #main
----------------------------------------------------------
*/
#main {
	float:left;
	margin: 0;
	padding: 0;
	width:600px;
	height: auto;
}

/*
----------------------------------------------------------
メインコンテンツ
#cotainer #main #maincontents
----------------------------------------------------------
*/
#maincontents {
	margin: 0;
	padding:1em;
	border-left:1px solid #FFF;
}

/*
----------------------------------------------------------
フッタ
#cotainer #footer
----------------------------------------------------------
*/
#footer {
	clear:both;
	margin: 0;
	padding: 1em 0;
	width:100%;
	border-top:2px solid #009933;
	text-align:center;
}

/*
----------------------------------------------------------
ナビゲーション
#cotainer #side #sidecontents #navi
----------------------------------------------------------
*/
#navi {
	float:left;
	margin-bottom: 50px;
	width: 150px;
	border: 1px solid #FFF;
}

#navi li a {
	height: 24px;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-decoration: none;
	font-weight: bold;
}

#navi li a:link, #navi li a:visited {
	display: block;
	padding: 8px 0 0 30px;
	color: #0066CC;
	background: url(images/menu3.gif);
	font-weight: bold;
}

#navi li a:hover {
	padding: 8px 0 0 30px;
	color: #FFF;
	background: url(images/menu3.gif) 0 -32px;
	font-weight: bold;
}

#navi li a:active {
	padding: 8px 0 0 30px;
	color: #FFF;
	background: url(images/menu3.gif) 0 -64px;
	font-weight: bold;
}

/*
==============================================================
汎用共通クラス定義上書き
==============================================================
クラス（.classname）よりID（#idname）が優先されるので
汎用共通クラス( .content h2 .content p )が上書きされる
以下をコメントアウトなり削除なりすれば
汎用共通クラスで定義されている設定が適用される
現状汎用共通クラスで定義してるのは
h2,pタグのみだが色々と追加すれば同様に使える
==============================================================
*/

/*
----------------------------------------------------------
IDサイドコンテンツ（sidecontents）内のみ適用される
#cotainer #side #sidecontents .content
----------------------------------------------------------
*/
/*h2タグ*/
#sidecontents h2 {
	color: #990000;
}
/*pタグ*/
#sidecontents p {
	color: #999;
	font-size: 70%;
}

/*
----------------------------------------------------------
IDメインコンテンツ（maincontents）内のみ適用される
#cotainer #main #maincontents .content
----------------------------------------------------------
*/
/*h2タグ*/
#maincontents h2 {
	color: #228b22;
}
/*pタグ*/
#maincontents p {
	color: #000;
	/*
	line-height: 200%;
	*/
}