@charset "utf-8";
body {
	background-image: url(../images/common-image/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
span {
	text-decoration: none;
}

#wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
}
p {
	margin: 0px;
	padding: 0px;
}

#header {
	float: left;
	width: 960px;
	background-image: url(../images/common-image/kcglogo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
}

#contents-area {
	float: left;
	width: 960px;
}

#footer {
	float: left;
	width: 960px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #007CB0;
	background-image: url(../images/common-image/footerbg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
	text-align: left;
}
.hm01 a {
	background-image: url(../images/common-image/header-bt01-up.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 100px;
	float: right;
}
.hm01 a:hover {
	background-image: url(../images/common-image/header-bt01-down.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 100px;
	float: right;
}

.hm02 a {
	background-image: url(../images/common-image/header-bt02-up.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 100px;
	float: right;
}
.hm02 a:hover {
	background-image: url(../images/common-image/header-bt02-down.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 100px;
	float: right;
}
.hm03 a {
	background-image: url(../images/common-image/header-bt03-up.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 100px;
	float: right;
}
.hm03 a:hover {
	background-image: url(../images/common-image/header-bt03-down.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 100px;
	float: right;
}
.hm04 a {
	background-image: url(../images/common-image/header-bt04-up.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 100px;
	float: right;
}
.hm04 a:hover {
	background-image: url(../images/common-image/header-bt04-down.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 100px;
	float: right;
}

#contents-right {
	width: 767px;
	float: right;
}
#contents-left {
	float: left;
	width: 190px;
	background-image: url(../images/common-image/left-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 290px;
	color: #666666;
}
#contents-area-bg {
	width: 960px;
	float: left;
	background-image: url(../images/common-image/contents-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#general-computer-title {
	background-image: url(../images/general-computers/main-title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 104px;
	width: 767px;
}
#accessories-title {
	background-image: url(../images/accessories/main-title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 104px;
	width: 767px;
}
#office-computer-title {
	background-image: url(../images/office-computers/main-title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 104px;
	width: 767px;
}
#personal-computer-title {
	background-image: url(../images/personal-computers/main-title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 104px;
	width: 767px;
}
#donation-title {
	background-image: url(../images/donation-title.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 104px;
	width: 767px;
}
.cline {
	background-image: url(../images/common-image/line767.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 60px;
	width: 767px;
	clear: both;
}
.font-b-red {
	font-weight: bold;
	color: #FF0000;
}
.fm-box {
	clear: right;
	float: left;
}
.fm01 a {
	background-image: url(../images/common-image/kcg-bt01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 130px;
	text-indent: -9999px;
	display: block;
}
.fm01 a:hover {
	background-image: url(../images/common-image/kcg-bt02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 130px;
	text-indent: -9999px;
	display: block;
}
.fm02 a {
	background-image: url(../images/common-image/kcgi-bt01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 130px;
	text-indent: -9999px;
	display: block;
}
.fm02 a:hover {
	background-image: url(../images/common-image/kcgi-bt02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	width: 130px;
	text-indent: -9999px;
	display: block;
}