* {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-color: #DDB;
}

ul,li {
	list-style: none;
}
	
h1,h2,h3,h4,h5,h6,ol,ul {
	clear: both;
}

span {
	color:red;
	font-weight: bold;
	line-height: 120%;
	font-size: 150%;
}

div#all {
	background-color: #DDB;
}

div#container {
	width:700px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #CCC;
	border-left: 2px solid #CCC;
	background-color:#EED;
}

div#header {
	width: 100%;
	height: 50px;
	background: #FFF url(../img/JCSS2009_header.gif) no-repeat
}

div#header h1 {
	text-indent: -3000px;
}
	
div#menu {
	background: #CECECE url(../img/button_bg.gif) repeat-x 0 bottom;
	font-size: 10px;
}

div#menu ul {
	height: 2em;
	padding: 0px;
	background: #FFF url(../img/button_bg.gif) repeat-x 0 bottom;
	border: 1px solid #CCC;
	border-bottom: 1px solid #C3C3C3;
	clear: both;
}

div#menu ul li {
	display: block;
	height: 2em;
	border-left: 1px solid #FFF;
	border-right: 1px solid #999;
	background: #FFF url(../img/button_bg.gif) repeat-x 0 bottom;
	float: left;
}

div#menu ul li:hover {
	background: #EEE none;
}

div#menu ul li a {
	display: block;
	height: 2em;
	padding: 0 11px;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	float: left;
	font-size: 10px;
}

div#menu ul li a:hover {
	color: #0C3;
	font-size: 10px;
	text-decoration: underline;
}

div#menu li.currentPage {
	display: block;
	border-left: 0px solid #FFF;
	background: #EED none;
	float: left;
}

div#menu li.currentPage a {
	color: #999;
	background: #EEE none;
}

div#content {
	padding: 5px 10px 10px;
}

div#left {
	width:470px;
	margin-right: 5px;
	margin-bottom: 10px;
	float: left;
}

div#right {
	width: 200px;
	margin-left: 5px;
	margin-bottom: 10px;
	float: left;
	background-color:#CDA;
}

div#footer {
	clear: both;
	width: 100%;
}

div#footer p {
	margin: 10px;
	padding: 5px 0px;
	text-align: center;
	color: #666;
	background-color: #CC9;
	border-top: 1px solid #BB8;
	font-size: 10px;
	font-weight: normal;
}

div.photo {
	margin-bottom: 10px;
	text-align: center;
}

div.photo img {
	display: block;
	width: 99%;
	border: 2px solid #999;
}

div.section {
	margin-bottom: 20px;
	font-size: 12px;
}

div.section h2 {
	margin: 0px 5px;
	padding: 0px 10px;
	margin-bottom: 10px;
	color: #555522;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #AB8;
	border-left: 10px solid #AB8;
}

div.section p, ul, ol, dl {
	margin-bottom: 1em;
	padding: 0px 10px;
}

/*
div.section dl dt:before {
  content: "・";
}
*/

div.section dl dd {
	text-indent: 2em;
}

div.section ul {
	padding-left: 3em;
}

div.section ul li {
	text-indent: 0em;
	list-style: disc none outside;
}

div.section ol {
	padding-left: 3em;
}

div.section ol li {
	text-indent: 0em;
	list-style: decimal none outside;
}

div.section p {
	text-indent: 0em;
}

div.section a, a:hover {
	font-size: 12px;
}

div.sideBox {
	margin: 10px 10px;
	color: #778855;
}

div.sideBox h2 {
	margin-bottom: 5px;
	padding: 0px 10px;
	color: #FFF;
	background: #AB8;
	font-size: 11px;
	font-weight: normal;
}

div.sideBox dl, ul {
	padding-left: 5px;
}

div.sideBox dt {
	font-size: 11px;
	font-weight: bold;
}

div.sideBox li {
	font-size: 10px;
}

div.control {
	text-align: right;
}

div.control a, a:hover {
	font-size: 14px;
}

div.sideBox dd, a, a:hover {
	padding-left: 5px;
	font-size: 10px;
}