@charset "UTF-8";


/*------------------------------------------------------------------------------
index
------------------------------------------------------------------------------*/

#container {
	clear: both;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3, HiraKakuPro-W3, sans-serif;
}
#header ul li.demotape a {
	background-position:-524px -100px;
}

.demo1 {
	padding-bottom: 16px;
}
.demo1 dt {
	font-size: 1.8em;
	font-weight: bold;
	background: url(../img/check.jpg) no-repeat left 3px;
	padding-left: 23px;
	padding-bottom: 7px;
}
.demo1 dd {
	font-size: 1.2em;
	line-height: 165%;
	padding-left: 23px;
}
.demo2 dt {
	background: url(../img/tenten.gif) repeat-x left top;
	padding-top: 15px;
	font-size: 1.4em;
	padding-bottom: 12px;
}
.demo2 dt span {
	background: url(../img/box.gif) no-repeat left 0px;
	padding-left: 23px;
}
.demo2 dd {
	font-size: 1.2em;
	line-height: 165%;
	padding-bottom: 16px;
	padding-left: 23px;
}
.demo2 dd .pdf {
	background: #222121;
	padding: 10px;
	font-size: 1.4em;
	font-weight: bold;
	width: 225px;
	border: 3px solid #004BFF;
	line-height: 120%;
	text-align: center;
	margin-bottom: 6px;
}
.demo2 dd .pdf a img {
	vertical-align: top;
	padding-top: 4px;
	padding-right: 7px;
}
.demo2 dd a:link {
	text-decoration: underline;
	color: #FFF;
}
.demo2 dd a:visited {
	text-decoration: underline;
	color: #FFF;
}
.demo2 dd a:hover {
	text-decoration: none;
	color: #0047ff;
}
.demo2 dd a:active {
	text-decoration: none;
	color: #0047ff;
}
.demo2 dd .pdf a img {
	vertical-align: top;
	padding-top: 4px;
	padding-right: 7px;
}
.demo2 dd .pdf a:link {
	text-decoration: none;
	color: #FFF;
}
.demo2 dd .pdf a:visited {
	text-decoration: none;
	color: #FFF;
}
.demo2 dd .pdf a:hover {
	text-decoration: none;
	color: #0047ff;
}
.demo2 dd .pdf a:active {
	text-decoration: none;
	color: #0047ff;
}