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

@import url("header.css");
@import url("footer.css");
@import url("reset.css");

#content {
	width: 998px;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	margin: 0 auto;
}

#content:after {
	content: "";
	clear: both;
	display: block;
}

#content_top {
	background-image: url('../images/catalogSupport/bg.jpg');
	height: 22px;
	border-bottom: 1px solid #c9c9c9;
}

#content_top ul {
	margin-left: 15px;
}

#content_top ul li {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	font-family: 'Meiryo';
	font-size: 11px;
}

#content_top ul li:first-child {
	color: #185c95;
}

#content_top ul li:last-child {
	color: #666666;
}

#content_center_wrap {
	padding-bottom: 20px;
}

#contnet_center {
	width: 954px;
	height: 722px;
	/*background-image: url('../images/catalogSupport/menubg.png');*/
	background-repeat: no-repeat;
}

#content_top ul:after{
	content:"";
	display:block;
	clear:both;
}

#contnet_center:after {
	content: "";
	clear: both;
	display: block;
}

.subject {
	font-family: 'Meiryo';
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 8px;
	clear: both;
}

#content_center_left {
	float: left;
	padding-left: 30px;
	padding-top: 32px;
	width:400px;
}

#content_center_right {
	float: right;
	padding-top: 32px;
	padding-right: 40px;
	width: 383px;
}

#menu01 .subject {
	color: #006666;
}

#menu02 .subject {
	color: #003300;
}
#menu03 .subject {
	color: #336600;
}
#menu04 .subject {
	color: #333399;
}
#menu05 .subject {
	color: #993300;
}
#menu06 .subject {
	color: #990033;
}
#menu07 .subject {
	color: #990066;
}
#menu08 .subject {
	color: #663300;
}

/*
#menu01 .text a:hover {
	color:#006666;
	cursor: pointer;
}

#menu02 .text a:hover{
	color: #003300;
	cursor: pointer;
}
#menu03 .text a:hover {
	color: #336600;
	cursor: pointer;
}
#menu04 .text a:hover {
	color: #333399;
	cursor: pointer;
}
#menu05 .text a:hover {
	color: #993300;
	cursor: pointer;
}
#menu06 .text a:hover {
	color: #990033;
	cursor: pointer;
}
#menu07 .text a:hover {
	color: #990066;
	cursor: pointer;
}
#menu08 .text a:hover {
	color: #663300;
	cursor: pointer;
}*/


.menu_img {
	padding-bottom: 40px;	
	float: left;
	margin-right: 24px;
	display: block;
}

.menu_img:hover{
	cursor:pointer;
}

#menu01, #menu02, #menu03, #menu04, #menu05, #menu08 {
	margin-bottom: 34px;
}

#menu06, #menu07 {
	margin-bottom: 20px;
}

/*
.subject a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	cursor: pointer;
}*/


#menu01 .menu_img, #menu05 .menu_img {
	padding-bottom: 0px;
}

.text p {
	font-size: 11px;
	font-family: 'Meiryo';
	color: #878181;
}

.text {
	display: block;
	padding-top: 5px;
}