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


/* support */
#support{
	overflow: hidden;
	position: relative;
	width: 660px;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	background-image: url(../images/moretec-block-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
}
#support h2 a{
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	font-size: 0.1em;
	text-indent: -9999px;
}
#support .inner{
	padding: 5px 5px 5px 10px;
	line-height: 170%;
}
#support li{
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
}
#support .block01,
#support .block02{
	width: 210px;
	float:left;
}
#support .block03{
	width: 210px;
	float:right;
}
#support .block01{
	margin-right:15px;
}
#support .block01 h2 a{
	background-image: url(../images/moretec-head01.jpg);
}
#support .block02 h2 a{
	background-image: url(../images/moretec-head02.jpg);
}
#support .block03 h2 a{
	background-image: url(../images/moretec-head03.jpg);
}

/* topics = kengakukai , information */
.topics{
	margin-bottom: 20px;
	background-image: url(../images/topics-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
}
.topics-header{
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	position:relative;
	background-image: url(../images/topics-head-bg.gif);
	width: 660px;
}
.topics-header h2{
	display: block;
	height: 20px;
	position: absolute;
	top: 5px;
	left: 7px;
	background-repeat: no-repeat;
	font-size: 0.1em;
	text-indent: -9999px;
}
#kengakukai .topics-header h2{
	background-image: url(../images/topics-head01.gif);
	width:98px;
}
#information .topics-header h2{
	background-image: url(../images/topics-head02.gif);
	width:263px;
}

.topics-header p{
	position: absolute;
	width: 110px;
	height: 19px;
	display: block;
	top: 5px;
	left: 545px;
}
.topics-header .topics-moe a{
	width: 110px;
	height: 19px;
	display: block;
	font-size: 0.1em;
	text-indent: -9999px;
	text-decoration:none;
}
#kengakukai .topics-header .topics-moe a{
	background-image: url(../images/topics-head-more01.gif);
}
#information .topics-header .topics-moe a{
	background-image: url(../images/topics-head-more02.gif);
}
#kengakukai h3{
	color: #663300;
	border-bottom: 3px solid;
	border-color: #E7E7E7;
	margin-bottom: 5px;
}

#information h3{
	overflow:hidden;
	position: relative;
	width: 315px;
	height: 18px;
}
#information h3 a{
	background-repeat: no-repeat;
	display: block;
	font-size: 0.1em;
	text-indent: -9999px;
}
#information .topics-title{
	position: absolute;
	height: 13px;
}
#information .topics-title a{
	height: 13px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#information .topics-title a:hover{
	background-position: 0px -13px;
}
#information .topics-rss{
	position: absolute;
	width: 16px;
	height: 16px;
	left: 299px;
}
#information .topics-rss a{
	background-image: url(../images/rss-icon.gif);
	width: 16px;
	height: 16px;
}
#omiyasan .topics-title a{
	background-image: url(../images/index/topics-title01.gif);
	width: 77px;
}
#ob-interview .topics-title a{
	background-image: url(../images/index/topics-title02.gif);
	width: 143px;
}
#koujidayori .topics-title a{
	background-image: url(../images/index/topics-title03.gif);
	width: 78px;
}
#omise-syoukai .topics-title a{
	background-image: url(../images/index/topics-title04.gif);
	width: 104px;
}
.title-bar{
	border-bottom: 3px solid;
	border-color: #E7E7E7;
	margin-bottom: 5px;
	font-size: 0.1em;
	text-indent: -9999px;
}
.title-bar hr{ display:none;}
.topics .box{
	line-height: 150%;
	background-image: url(../images/topics-content-bg.gif);
	background-repeat: repeat-y;
	width: 660px;
	overflow: hidden;
}
.topics .inner{
	padding: 10px 10px 0 10px;
}
.topics p{}
.topics p#more { margin-top:5px;}
.topics p#more a{
	background-image: url(../images/more-button01.gif);
	background-repeat: no-repeat;
	display: block;
	height: 18px;
	font-size: 0.1em;
	text-indent: -9999px;
	width: 60px;
}
.topics dl{
	width: 315px;
	overflow: hidden;
	clear: both;
	background-color: #FFFFFF;
	background-image: url(../images/dot-line.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.topics dt{
	float: left;
	width: 110px;
}
.topics dd{
	background-image: url(../images/arrow01.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	float: left;
	width: 190px;
}
.topics a{
	color: #663300;
}
.topics a:hover{
	color: #996600;
}
.topics .leftside{
	width: 315px;
	float: left;
}
.topics .rightside{
	width: 315px;
	float: right;
}
.topics .topline{ margin-bottom:20px;}
#kengakukai-more{
	float:right;
	width: 470px;
}
#kengakukai h2{
	background-image: url(../images/topics-head01.gif);
}
#information h2{
	background-image: url(../images/topics-head02.gif);
}


/* material */
#material{
	background-image: url(../images/material-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
}
#material h2{
	background-image: url(../images/material-head.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	font-size: 0.1em;
	text-indent: -9999px;
}
#material .inner{
	padding: 5px 5px 1px 5px;
}
#material h3{
	overflow: hidden;
	width: 100px;
	height: 20px;
	float: left;
}

#material h3 a{
	overflow: hidden;
	width: 100px;
	height: 20px;
	background-repeat: no-repeat;
	font-size: 0.1em;
	text-indent: -9999px;
	display: block;
}
#material .box{
	width: 530px;
	float: right;
	line-height: 150%;
}

#material-title01 a{
	background-image: url(../images/material-icon01.gif);
}
#material-title02 a{
	background-image: url(../images/material-icon02.gif);
}
#material-title03 a{
	background-image: url(../images/material-icon03.gif);
}
#material .spacer{
	background-image: url(../images/dot-line.png);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 650px;
}

/* newmark */
span.new{ margin:0 0 0 10px;}