@charset "UTF-8";
/* CSS Document */

/* =========================================================
 TOPPAGE LAYOUT
========================================================= */

/* mainvisualArea
--------------------------------------------------------- */

#mainvisualArea {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 1px solid #A6A6A6;
}

#mainvisualArea #picupGround {
	margin: 0px;
	padding: 0px 0px 0px 1px;
	width: 333px;
	border-left: 1px solid #999;
	background: #F9F6F1;
}
#mainvisualArea #picupGround h2 {
	margin: 0px;
	padding: 0px;
}

/* contentArea
--------------------------------------------------------- */

/* topics
--------------------------------------------------------- */
#topics {
	margin: 0px 0px 20px 0px;
	padding: 4px;
	background: #EBEBEB;
}
#topics h2 {
	margin: -4px -4px 4px -4px;
	padding: 0px;
}
#topics .box {
	margin: 0px;
	padding: 0px;
	border: 1px solid #AEA69D;
}
#topics .box td.seminar {
	background: url(../images/bg_topics_seminar.gif) repeat-y left top;
}
#topics .box td.wadai {
	padding: 0px;
	background: url(../images/bg_topics_wadai.gif) repeat-y left top;
}
#topics .box h3 {
	margin: 0px;
	padding: 0px;
}
#topics dl {
	margin: 0px 0px 0px 7px;
	padding: 5px 3px 3px 5px;
	font-size: 93%;
}
#topics dl dt {
	clear: both;
	float: left;
	width: 5em;
	color: #666666;
	background: url(../images/arrow_topics.gif) no-repeat left 0.8em;
	margin: 0px;
	padding: 5px 0px 5px 8px;
}
#topics dl dd {
	margin: 0px 0px 0px 6em;
	padding: 5px 0px 5px 0px;
	_height: 1%;
}
#topics dl dt.top,
#topics dl dd.top {
	border-top: none;
}

#topics p.detail {
	margin: 0px;
	padding: 5px 10px 5px 10px;
	float: right;
	background: url(../images/arrow_topics.gif) no-repeat 2px 0.8em;
}

/* contentindex
--------------------------------------------------------- */
#contentindex {
	margin: 0px 0px 20px 0px;
	padding: 6px;
	background: #F1F0E7;
	border: 1px solid #CCC;
}
#contentindex td.index {
	background: url(../images/bg_contenindex_td.gif) no-repeat left bottom;
}
#contentindex td.index h2 {
	margin: 0px;
	padding: 0px;
}

#contentindex td.index ul {
	margin: 0px;
	padding: 7px 13px;
	list-style: none;
	font-size: 93%;
	color: #666;
}

#contentindex td.index ul li {
	margin: 0px;
	padding: 0px 0px 5px 10px;
	list-style: none;
	background: url(../images/arrow_contenindex_li.gif) no-repeat 2px 0.4em;
}
#contentindex td.index ul li a {
	color:#333;
	text-decoration: none;
}
#contentindex td.index ul li a:hover {
	text-decoration: underline;
}


/* banner
--------------------------------------------------------- */
#banner {
	margin: 0px;
	padding: 0px;
}
#banner h3 {
	margin: 0px;
	padding: 0px;
}

#banner #bannerBox {
	margin: 0px;
	padding: 12px 16px;
	background: #F3F3F3;
	border: 1px solid #CCC;
}


/* weather
--------------------------------------------------------- */
#weather {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border: 1px solid #CCC;
	background: #FAFAFA;
}
#weather h3 {
	margin: 0px;
	padding: 0px;
}
#weather .box {
	margin: 0px;
	padding: 0px 3px;
}


/* others
--------------------------------------------------------- */
#others {
	margin: 0px 0px 15px 0px;
	padding: 3px;
	border: 1px solid #CCC;
	background: #FAFAFA;
}

/* access
--------------------------------------------------------- */
#access {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border: 1px solid #CCC;
	background: #FAFAFA;
}
#access h3 {
	margin: 0px;
	padding: 0px;
}
#access .box {
	margin: 0px;
	padding: 7px;
}
#access .box .infobox {
	margin: 0px;
	padding: 0px 0px 0px 4px;
	border-left: 3px solid #90BC52;
	font-size: 85%;
	color: #333;
}
#access .box .infobox span.large {
	font-size: 115%;
	font-weight: bold;
	color: #F60;
}