
<!--
/*//////////////////////////////////////////////////////////////////
 トップページ用CSS
////////////////////////////////////////////////////////////////////*/

/* center -----------------------------------------------------------------------------------------*/
DIV#center {
	width: 435px;
	float: left;
	margin-top:10px;
}
/* center container -----------------------------------------------------------------------------------------*/
.c-cont {
	width:435px;
}
/* center infobox -----------------------------------------------------------------------------------------*/
.c-infobox {
	margin-top:5px;
}
.c-infobox2 {
	margin-top:15px;
}
/* catchcopy ------------------------------------------------------------------------------------ */
#catch {
	background:#FFFFCC;
	padding:10px;
	margin-right:3px;
	font-size:90%;
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
}
#catch ol {
	margin:0.5em 0 0.5em 2em;
}
#catch h2 {
	font-size:100%;
}
.boxBanner {
	width:197px;
	float:left;
	background:#FFF;
	border:1px #CCC solid;
	padding:5px;
	margin-right:8px;
	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	border-radius:10px;
}
.boxBanner img {
	float:left;
	margin-right:5px;
}
/* right -----------------------------------------------------------------------------------------*/
DIV#right {
	width: 185px;
	float: right;
	margin:10px 10px 0 0;
}
/* feature blue-box -----------------------------------------------------------------------------------------*/

DIV#feature-bbox {
	width:435px;
	background:#D5E1F2;
}
DIV#feature-bbox IMG {
	vertical-align:bottom;
}
.photo-right {
	float: right;
	margin:5px;
}
.photo-left {
	float: left;
	margin:5px;
}
p.text {
	padding:10px 10px 5px 10px;
}
P.info-red {
	border:1px solid #E53407;
	padding:5px;
	margin:5px 10px 10px 15px;
}
P.info-gray {
	border:1px solid gray;
	padding:5px;
	margin:5px 10px 5px 15px;
}
.f-orange {
	color:#FF6600;
}
.f-biggren {
	font-weight:bold;
	font-size:110%;
	color:#229D05;
}
.f-small {
	font-size:75%;
}
/* feature purple-box -----------------------------------------------------------------------------------------*/
DIV#feature-pbox {
	width:435px;
	background:#CCCCFF;
}
DIV#feature-pbox IMG {
	vertical-align:bottom;
}
/* hotnews -----------------------------------------------------------------------------------------*/
#topics {
	background:#FFFFFF;
	padding:5px 2px 0 0;
	border:#CCC 1px solid;
}
#topics h2 {
	font-size:14px;
	color:#036;
	margin:0 0 3px 3px;
	border-bottom:#06F 1px solid;
	padding:2px 3px;
}
#topics .imp {
	background:#fff;
	padding-top:10px;
	border-top:1px solid #4488FF;
	border-bottom:1px solid #4488FF;
	font-weight:bold;
	margin:0 10px 10px;
}
#topics dl {
	font-size: 12px;
	margin-left:10px;
}
#topics dl dt {
	line-height:16px;
	color:#036;
	margin:10px 0 2px 0;
}
#topics dl dd {
	margin:0 0 0.5em 0;
	line-height:1.5em;
}
#topics dl dt span {
	padding:1px;
	font-size:9px;
	margin-right:5px;
	font-weight:normal;
}
.i-info {
	border:#F00 1px solid;
	color:#F00;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.i-event {
	border:#F90 1px solid;
	color:#F90;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.i-media {
	border:#069 1px solid;
	color:#069;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.i-news {
	border:#060 1px solid;
	color:#060;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.i-school {
	border:#F30 1px solid;
	color:#F30;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* to-top -----------------------------------------------------------------------------------------*/
DIV#to-top {
	width:435px;
	text-align:right;
	margin:20px 0px;
}
/* right-column -----------------------------------------------------------------------------------------*/
DIV#column-top {
	width:185px;
	margin-right:5px;
}
DIV#column-bg {
	background:url(../images/r_column_bg.gif) repeat-y;
	width:185px;
}
DIV#column-bg P {
	padding:5px 10px 5px 10px;
}
DIV#column-bottom {
	background-image:url(../images/r_column_bottom.gif);
	width:185px;
	height:11px;
	margin-bottom:5px;
}
/* right-other-column -----------------------------------------------------------------------------------------*/
DIV#other-column {
	width:180px;
	background:#D6D6D6 url(../images/r_column_bg02.gif) repeat-x;
	border:1px solid #BBBBBB;
	margin-top:10px;
}
DIV#other-column P {
	padding:5px 10px 5px 10px;
}
P.o-link {
	text-align:right;
}
/* info-box -----------------------------------------------------------------------------------------*/

DIV#info-box {
	width:435px;
	background:#ffffff;
	border:1px solid #BBBBBB;
	margin-top:5px;
}
p.info-box {
	margin:5px;
}
/* table -----------------------------------------------------------------------------------------*/
TABLE.tbl-type-index1 {
	margin:0px 0px 10px 0px;
	border:1px solid gray;
	border-collapse:collapse;
	clear:both;
}
TABLE.tbl-type-index1 TH {
	font-size:80%;
	color:#5fa200;
	padding:3px;
	background:#c5e7c5;
	border:1px solid gray;
	border-collapse:collapse;
}
TABLE.tbl-type-index1 TD {
	font-size:80%;
	padding:3px;
	border:1px solid gray;
	border-collapse:collapse;
}
-->