/***********************************************************
** 基本
***********************************************************/


body {
	font-size: 10pt;
	margin: 0px;
	font-family: "MS PGothic", Osaka, Arial, Verdana, Helvetica, sans-serif;
	background-image: url('../images/contents_bg-star.gif');
	background-position: top right;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

img {
	border-width: 0px;
}

a         { color: #0000A2; text-decoration: underline; }
a:visited { color: #FF5900; }
a:hover   { color: #00A4FF; }
a:active  { color: #048d34; }

p {
  font-size: 10pt;
  text-indent: 0;
}

strong.red {
  color: #F00;
}

h1 { font-size: 130%; }
h2 { font-size: 125%; }
h3 { font-size: 120%; }
h4 { font-size: 90%; }

/***********************************************************
** 構造
***********************************************************/

/* 左側メニュー領域 */
.left {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
}

/* 右側コンテンツ領域 */
.right {
	position: absolute;
	top: 0px;
	left: 200px;
	padding: 0px;
	width: 560px;
}

/* ページペッダー部分 */
.header {
	margin: 20px 0px 25px 0px;
	padding: 0px;
	font-family: "MS UI Gothic", "MS PGothic", sans-serif;
	font-weight: bolder;
}
.header_top    { font-size: 12pt; }
.header_middle { font-size: 32pt; }
.header_bottom { font-size: 11pt; }

/* ページフッター部分 */
.footer {
	margin: 25px 0px 0px 0px;
	padding: 3px 0px 5px 0px;
	border-top: solid 1px #000000;
	font-size: 12px;
}

/* ページコンテンツ部分 */
.contents {
}

/**********************************************************
** ユーティリティー
**********************************************************/

/* ★マーク付きのヘッダー */
.star {
	margin: 10px 0px 3px 0px;
	padding: 0px 0px 0px 28px;
	background-image: url('../comm/images/star.png'); background-position: center left; background-repeat: no-repeat;
	font-family: "MS UI Gothic", "MS PGothic", sans-serif;
}

/**********************************************************
** 角を丸くした領域を作成
**********************************************************/

.rounded { border-collapse: collapse; border-width: 0px; }

.corner1 { background-color: #ECDAFC; }
.corner1tl { width: 10px; height: 10px; background-image: url('../comm/images/corner1tl.gif'); background-position: top left;     background-repeat: no-repeat; }
.corner1tr { width: 10px; height: 10px; background-image: url('../comm/images/corner1tr.gif'); background-position: top right;    background-repeat: no-repeat; }
.corner1bl { width: 10px; height: 10px; background-image: url('../comm/images/corner1bl.gif'); background-position: bottom left;  background-repeat: no-repeat; }
.corner1br { width: 10px; height: 10px; background-image: url('../comm/images/corner1br.gif'); background-position: bottom right; background-repeat: no-repeat; }

.corner2 { background-color: #CCDEFC; }
.corner2tl { width: 10px; height: 10px; background-image: url('../comm/images/corner2tl.gif'); background-position: top left;     background-repeat: no-repeat; }
.corner2tr { width: 10px; height: 10px; background-image: url('../comm/images/corner2tr.gif'); background-position: top right;    background-repeat: no-repeat; }
.corner2bl { width: 10px; height: 10px; background-image: url('../comm/images/corner2bl.gif'); background-position: bottom left;  background-repeat: no-repeat; }
.corner2br { width: 10px; height: 10px; background-image: url('../comm/images/corner2br.gif'); background-position: bottom right; background-repeat: no-repeat; }

.corner3 { background-color: #DCFECC; }
.corner3tl { width: 10px; height: 10px; background-image: url('../comm/images/corner3tl.gif'); background-position: top left;     background-repeat: no-repeat; }
.corner3tr { width: 10px; height: 10px; background-image: url('../comm/images/corner3tr.gif'); background-position: top right;    background-repeat: no-repeat; }
.corner3bl { width: 10px; height: 10px; background-image: url('../comm/images/corner3bl.gif'); background-position: bottom left;  background-repeat: no-repeat; }
.corner3br { width: 10px; height: 10px; background-image: url('../comm/images/corner3br.gif'); background-position: bottom right; background-repeat: no-repeat; }

.corner4 { background-color: #FCEADC; }
.corner4tl { width: 10px; height: 10px; background-image: url('../comm/images/corner4tl.gif'); background-position: top left;     background-repeat: no-repeat; }
.corner4tr { width: 10px; height: 10px; background-image: url('../comm/images/corner4tr.gif'); background-position: top right;    background-repeat: no-repeat; }
.corner4bl { width: 10px; height: 10px; background-image: url('../comm/images/corner4bl.gif'); background-position: bottom left;  background-repeat: no-repeat; }
.corner4br { width: 10px; height: 10px; background-image: url('../comm/images/corner4br.gif'); background-position: bottom right; background-repeat: no-repeat; }

.corner5 { background-color: #FCF6CC; }
.corner5tl { width: 10px; height: 10px; background-image: url('../comm/images/corner5tl.gif'); background-position: top left;     background-repeat: no-repeat; }
.corner5tr { width: 10px; height: 10px; background-image: url('../comm/images/corner5tr.gif'); background-position: top right;    background-repeat: no-repeat; }
.corner5bl { width: 10px; height: 10px; background-image: url('../comm/images/corner5bl.gif'); background-position: bottom left;  background-repeat: no-repeat; }
.corner5br { width: 10px; height: 10px; background-image: url('../comm/images/corner5br.gif'); background-position: bottom right; background-repeat: no-repeat; }

.corner6 { background-color: #FCDAE4; }
.corner6tl { width: 10px; height: 10px; background-image: url('../comm/images/corner6tl.gif'); background-position: top left;     background-repeat: no-repeat; }
.corner6tr { width: 10px; height: 10px; background-image: url('../comm/images/corner6tr.gif'); background-position: top right;    background-repeat: no-repeat; }
.corner6bl { width: 10px; height: 10px; background-image: url('../comm/images/corner6bl.gif'); background-position: bottom left;  background-repeat: no-repeat; }
.corner6br { width: 10px; height: 10px; background-image: url('../comm/images/corner6br.gif'); background-position: bottom right; background-repeat: no-repeat; }


/* トップページ */
#topImageContainer {
	float: right;
	width: 116px;
	margin: 0 0 5px 5px;
}
#topImageContainer img {
	margin: 0 1px 1px 0;
	border: solid 3px #8C65FF
}
#whatsnewContainer {
	width: 434px;
	margin: 0 5px 5px 0;
	padding: 0;
}
#whatsnewContainer td {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#whatsnewContainer h3 {
	margin: 0 0 3px;
	border-bottom: 1px solid #000;
}
#whatsnewList {
	height: 100px;
	margin: 0;
	padding: 0;
	overflow: auto;
}
#whatsnewList dt {
	font-weight: bold;
}
#whatsnewList dd {
	margin: 0 0 5px 1em;
}

#attention_info {}
#attention_info hr { clear: both; margin-top: 1em; }
#attention_title_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#attention_title_list li {
  padding: 3px;
  padding-left: 16px;
  border-bottom: 1px dotted #66f;
  background-color: #eef;
  cursor: pointer;
}
#attention_title_list li.nselect {
	background-color: #eeeeff;
}
#attention_title_list li.select {
	background: #ffffcc url('../images/select_li.gif') 0 2px no-repeat;
}
/* #attention_title_list li:hover { background-color: #ffc; } */
#attention_container {
  margin: 10px 0;
}
.attention_block {}

#video_thumbnail {
  float: right;
  border: 3px solid #8C65FF;
  margin-left: 2px;
}

#summer_event_banner {
  border: 3px solid #8C65FF;
  float: right;
  margin-left: 2px;
}

img.congratulation {
  border: 3px solid #8C65FF;
  float: right;
  margin-left: 2px;
}

img.thumbnail_r {
  float: right;
  border: 3px solid #8C65FF;
  margin-left: 2px;
}

img.thumbnail_l {
  float: left;
  border: 3px solid #8C65FF;
  margin-right: 2px;
}

/* ワークショップの開催記録のページ */
#workshop_latest_report {}
#workshop_latest_report dt {
  font-size: 110%;
  font-weight: bold;
  clear: both;
  background: url('../comm/images/star.png') center left no-repeat;
  padding-left: 28px;
}
#workshop_latest_report dd {
  margin-top: 0.5em;
  margin-left: 1em;
  margin-bottom: 1em;
  line-height: 1.2em;
}
#workshop_latest_report dd img.thumbnail {
  float: right;
  margin-left: 2px;
  margin-bottom: 2px;
}

#workshop_latest_report dd img.thumbnail_l {
  float: left;
  margin-right: 2px;
  margin-bottom: 2px;
}

#workshop_reports {}
#workshop_reports dt {
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
#workshop_reports dd {
  display: list-item;
  list-style: disc;
  margin-left: 2em;
  margin-bottom: 2px;
}

#event_result_list dt {
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
#event_result_list dd {
  display: list-item;
  list-style: disc;
  margin-left: 2em;
  margin-bottom: 2px;
}

#project_library {}
#project_library dt {
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
#project_library dd {
  display: list-item;
  list-style: disc;
  margin-left: 2em;
  margin-bottom: 2px;
}