@charset "UTF-8";

/* --- 全体の背景・テキスト --- */

* {
	margin:0;
	padding:0;
}

body {
	background:white;
	font-size:74.5%;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333;
	line-height:1.5;
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}




/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 850px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: url(../images/sidebar_200.gif) repeat-y left; /* サイドバーの背景画像 */
background-color: #EEEEFF; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左の境界線 */
border-right: 1px #c0c0c0 solid; /* 右の境界線 */
}

/* --- ヘッダ --- */
#header {
background-color: #ffe080; /* ヘッダの背景色 */
}

/* --- ナビゲーション --- */
#nav {
float:left;
width:200px;
}

#nav h3 {
margin-bottom:5px;
margin-left:15px;
font-size:100%;
letter-spacing: 1px;
}

#nav ul {
margin:0 15px 20px;
}

#nav ul li {
padding:3px 5px;
border-bottom:1px solid #CCC;
}

#nav ul li a {
text-decoration:none;
}

#nav ul li a:hover {
	text-decoration:underline;
}

/* --- メインカラム1 --- */
#content {
float: left;
width: 650px; /* メインカラムの幅 */
}


/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
background-color: #ffe080; /* フッタの背景色 */
}

/* --- ボックス --- */
div.section {
width: 600px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 120%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
div.section h3 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}