@charset "utf-8";

#mainContent {
	padding-bottom: 11px;
}

/*--------------------------
contentL
--------------------------*/
.contentL {
	width: 664px;
	float: left;
}

table th {
	width: 120px;
	border-top: 1px solid #dadad7;
}

table td {
	border-top: 1px solid #dadad7;
}

table td span {
	margin-left: 6px;
	vertical-align: top;
}

h2 {
	font-size: 13px;
	line-height: 100%;
	margin-bottom: 16px;
}


/*--------------------------
contentL category
--------------------------*/
#categoryArea h2  {
	margin-bottom: .4em;
	font-weight: bold;
	color: #555;
	font-size: 14px;
}
#categoryArea p {
	font-size: 11px;
}
#categoryArea p span  {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-left: 11px;
	color: #999;
}
#categoryArea p span a,
#categoryArea p span a:visited {
	color: #878783;
	text-decoration: none;
	
}
#categoryArea p span a:hover,
#categoryArea p span a:active {
	color: #fff;
	background: #878783;
	text-decoration: none;
}

#categoryArea table#viewBox {
	width: 664px;
}
#categoryArea table#viewBox th {
	width: 80px;
	border: none;
}
#categoryArea table#viewBox td {
	width: 566px;
	border: none;
}

#categoryArea table#viewBox td p span {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555;
	margin-left:0;
}
#categoryArea table#viewBox td p span a {
	color: #555;
}
#categoryArea table#viewBox td p span a:hover {
	color: #fff;
}

#brandName {
	margin-top: 15px;
	text-align: center;
}

#brandName ul {
	margin: 15px auto 0 auto;
	width: 637px;
}

#brandName ul li {
	float: left;
	width: 148px;
	height: 42px;
	border-left: 1px solid #dadad7;
	padding: 0 5px;
	text-align: left;
	font-size: 11px;
}


#brandName ul li.lastR {
	float: left;
	width: 148px;
	border-right: 1px solid #dadad7;
	border-left: 1px solid #dadad7;
	padding: 0 5px;
	line-height: 100%;
	text-align: left;
}

#brandName ul li a {
	display: block;
	height: 42px;
	background: url(../images/category/bg.gif) repeat 0 0;
	color: #555;
	line-height: 140%;
}
#brandName ul li a:hover {
	color: #fff;
}

#brandName ul li a#subAct {
	background: #f8b500;
	color: #f8b500;
}

/*--------------------------
contentL case
--------------------------*/
#caseBox {
	margin-top: 20px;
}

#caseBox table {
	background: #eeefef;
}
#caseBox table th {
	width: 128px;
	padding: 16px 0;
	vertical-align: middle;
	border: none;
}
#caseBox table td {
	margin-top: 20px;
	padding: 16px 20px 16px 0;
	vertical-align: top;
	border: none;
	color: #666;
}

/*---------------------*/
#caseBox .flow {
	margin-top: 10px;
	text-align: right;
	padding: 1px 3px 3px 3px;
}

#caseBox .flow a {
	background: #D2D2D2;
	color: #666;
}

#caseBox .flow a:hover {
	background: #9D9C9A;
	color: #fff;
}

/*---------------------*/
#caseBox .link {
	margin-top: 4px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #999;
}

#caseBox .link a,
#caseBox .link a:visited {
	color: #878783;
	text-decoration: none;
}
#caseBox .link a:hover,
#caseBox .link a:active {
	color: #fff;
	background: #878783;
	text-decoration: none;
}

#caseBox div {
	margin-top: 20px;
	text-align: center;
}

#caseBox table td {
	color: #666;
}

.contentL .categoryNavi {
	width: 664px;
	border-top: 2px solid #dadad7;
	margin-top: 4px;
	margin-bottom: 27px;
}

.contentL .categoryNavi table {
	margin: 0;
	padding: 0;
}
.contentL .categoryNavi table td {
	border: none;
	width: 25px;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 130%;
	padding: 4px 6px 2px 6px;
	text-align: left;
	
}

.contentL .categoryNavi table td a {
	color: #858482;
	padding: 4px 6px 2px 6px;
}
.contentL .categoryNavi table td a:hover {
	background: #9D9C9A;
	color: #fff;
}

.contentL .categoryNavi table td a#subact {
	background: #9D9C9A;
	color: #fff;
}

.contentL #caption {
	margin: 19px 0 0 0;
	padding: 0;
	font-size: 80%;
	color: #666;
}

/*--------------------------
contentR
--------------------------*/
.contentR {
	width: 250px;
	float: right;
}
.contentR ul {
	width: 250px;
	margin-bottom: 16px;
	
}
.contentR h3#category {
	margin-top: 30px;
}

.contentR h3 {
	border-top: solid 2px #8b8b89;
	padding-top: 5px;
	margin-bottom: 16px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.contentR ul li.first {
	border-top: 1px solid #e9e9e4;
	color: #666;
}
.contentR ul li {
	border-bottom: 1px solid #e9e9e4;
	padding: 5px 0;
	color: #666;
}
.contentR ul li a {
	display: block;
}
.contentR ul li a:hover {
	background: #f8b500;
	padding-left: 10px;
}

.contentR ul li a#act {
	background: #dadad7;
	padding-left: 10px;
}
.contentR ul li a#act:hover {
	color: #666;
}

.contentR ul li span {
	font-size: 10px;
	margin-left: 3px;
}

.contentR ul li a#act span {
	color: #666;
}

.contentR ul li a:hover span {
	color: #fff;
}

.contentR .browser {
	font-size: 11px;
	margin-top: 10px;
	color: #666;
}