/* tag */

html {
	overflow-y: scroll ;
}

body {
	background: #fff ;
	color: #333 ;
	font-family: Verdana , Arial , sans-serif ;
	margin: 0 ;
	padding: 0 ;
}

p { 
	font-size: 80% ;
	line-height: 130% ;
	margin: 10px 0 ;
	padding: 0 ;
}

h1 {
	display: none ;
	font-size: 100% ;
	margin: 10px 0 5px 15px ;
	padding: 0 ;
}

a {
	color: #00f ;
	text-decoration: none ;
}

a:hover {
	color: #666 ;
	text-decoration: underline ;
}

img {
/*	border: 1px solid #ddd ; */
	border: 0 ;
	padding: 2px ;
}

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

li {
	font-size: 80% ;
	margin: 0 ;
	padding: 0 ;
}

/* id */

#container {
	border: 1px solid #ddd;
	margin: 10px auto ;
	padding: 0 ;
	width: 730px ;
}

#header {
	margin: 10px 0 ;
	text-align: center ;
	padding: 0 ;
}

#contents {
	float: right ;
	margin: 5px 0 0 0 ;
	padding: 0 ;
	width: 515px ;
}

#side {
	float: left ;
	margin: 5px 0 0 0 ;
	padding: 0 ;
	width: 200px ;
}

#footer {
	color: #bbb ;
	font-size: 70% ;
	margin: 0 auto 10px auto ;
	text-align: center ;
	width: 730px ;
}

/* class */

.note {
	font-size: 70% ;
	color: #999 ;
}

.note a {
	color: #999 ;
}

.tack {
	padding: 1px ;
}

.devimg {
	border: 1px solid #ddd ;
}

/* main */

.main {
	margin: 0 12px 0 0 ;
}

.main h2 {
	border-bottom: 1px solid #449 ;
	border-left: 8px solid #449 ;
	font-size: 100% ;
	font-weight: bold ;
	margin: 0 ;
	padding: 3px 8px ;
}

.main h3 {
	background: #def ;
	font-size: 90% ;
	margin: 10px 0 0 0 ;
	padding: 4px ;
}

.main li {
	padding: 1px 2px 1px 10px ;
}

/* table */

.table {
	border-collapse: collapse ;
	border-top: 1px solid #ddd ;
	margin: 10px 0 ;
	width:100% ;
}

.table th ,
.table td {
	border-bottom: 1px solid #ddd ;
	font-size: 80% ;
	font-weight: normal ;
	padding: 4px 8px ;
	text-align: left ;
}

.table th {
	background: #f5f5f5 ;
	width: 80px ;
}

.table ul {
	padding: 0 ;
}

.table li {
	font-size: 100% ;
	padding: 2px 0 ;
}

/* menu */

.menu {
	border: 1px solid #ddd ;
	margin: 0 0 10px 12px ;
	padding: 1px ;
}

.menu h2 {
	display: none ;
	background: #def ;
	font-size: 80% ;
	font-weight: bold ;
	margin: 0 ; 
	padding: 3px ;
	text-align: center ;
}

.menu li {
	background: url(img/mark.gif) no-repeat 2% 62% ;
	font-size: 85% ;
	padding: 2px 2px 2px 20px ;
}

/* 矢印の色を変える */
.menu .select {
	background: url(img/mark_b.gif) no-repeat 2% 62% ;
}

/* リンクの色を変える
.menu .select a {
	color: #666 ;
}
 */

 .menu_link {
	text-align: center ;
}