@charset "utf-8";

/** Common
-------------------------------------------------------*/
div.thumbList.hznList li {
	margin: 1px 2px 1px 0 !important;
}

div.thumbList.hznList li a {
	display: block;
}

div.thumbList.hznList li img {
	width: 28px;
}

div.thumbList.vrtList li {
	margin: 5px 0 0 0 !important;
}

div.thumbList.vrtList li td {
	vertical-align: middle;
	font-size: 11px;
}

div.thumbList.vrtList li td.imgTd {
	width: 28px;
	vertical-align: top;
	text-align: left;
	padding: 0 5px 0 0;
}

div.thumbList.vrtList li img {
	width: 28px;
}

div.masterList li img {
	width: 40px;
}

.reportBtn {
	font-size: 11px;
}

.reportBtn a {
	color: #666;
}

.reportBtn a:hover {
	color: #F00;
}


/** Contents
-------------------------------------------------------*/
div.comCont {
}

/* firefox */
html>/**/body div.comCont table.mFrameTbl, x:-moz-any-link, x:default {
	table-layout: fixed;
}

/* firefox */
html>/**/body div.comCont table.innerFrameTbl, x:-moz-any-link, x:default {
	table-layout: fixed;
}

div.comCmnList {
	font-size: 11px;
}

div.comCmnList div.childIdtList {
	padding: 0 0 0 22px;
	margin: 5px 0 0 0;
}

div.comSideHead {
}

div.comSideHead div.profName {
	font-size: 16px;
	margin: 0 0 10px 0;
}

div.signImgBox {
}

div.signImgBox img {
	width: 210px;
}

div.sideBtnList {
	margin: 10px 0 0 0;
}

div.sideBtnList li {
	margin: 5px 0 0 0;
}

div.sideNavList {
	margin: 10px 0 0 0;
	font-size: 11px;
}

div.sideNavList li {
	margin: 5px 0 0 0;
}

div.sideNavList div.childIdtList {
	padding: 0 0 0 22px;
}

div.comSideContainer {
	margin: 20px 0 0 0;
}

div.comSideContainer div.ttl {
	font-size: 11px;
	margin: 0 0 10px 0;
}

div.comSideContainer div.ttl li {
	margin: 0 10px 0 0;
}

div.comSideContainer div.ttl ul.alignR li {
	margin: 0 0 0 5px;
}

div.comSideContainer div.cap {
	font-size: 11px;
}

div.comSideContHead {
	border-bottom: 2px #666 solid;
}

div.comSideContainer div.viewLink {
	margin: 0;
}

div.comSideContainer div.viewLink a {
	line-height: 24px;
}

div.comMainHead {
	margin: 0 0 10px 0;
}

div.comMainHead div.pName {
	font-size: 16px;
}

div.comCntrbtNav {
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
}

div.comCntrbtNav li {
	margin: 0 10px 0 0;
	position: relative;
}

div.comCntrbtNav li div.tale {
	background: url(../img/bgTaleRvwCntrbt.png) no-repeat 0 0;
	position: absolute;
	top: 21px;
	left: 3px;
	width: 11px;
	height: 6px;
	z-index: 1000;
}

div.comCntrbtBox {
	position: relative;
	border: 1px #999 solid;
	margin: 0 0 20px 0;
}


div.comCntrbtBox div.tale {
	background: url(../img/bgTaleRvwCntrbt.png) no-repeat 0 0;
	position: absolute;
	top: -6px;
	left: 8px;
	width: 11px;
	height: 6px;
	z-index: 1000;
}

div.comCntrbtBox div.close a {
	background: url(../img/btnClose.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -1px;
	right: -1px;
}

div.comCntrbtBox div.close a:hover {
	background-position: 0 -30px;
}

div.comCntrbtBox div.cntrbtDefIpt {
	padding: 5px;
}

div.comCntrbtBox div.cntrbtContainer {
	padding: 10px;
}

div.comCntrbtBox div.cntrbtDateInfoCnt {
	background: #EFEFEF;
	font-size: 11px;
	border-bottom: 1px #CCC solid;
	padding: 5px 10px;
}

div.comCntrbtBox div.sbmInfo {
	background: #FEE;
	padding: 10px;
	font-size: 12px;
}

div.errInfoBox {
	padding: 5px;
	font-size: 12px;
}

div.addInfoBox {
	padding: 5px;
	font-size: 12px;
}

div.cntrbtHead {
	margin: 0 0 10px 0;
}

div.cntrbtHead li {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

div.cntrbtRvwUnit div.cntrbtTtl {
	font-size: 13px;
	margin: 0 0 5px 0;
}

div.comMainContainer {
	margin: 0 0 30px 0;
}

div.comMainContainer div.contHead {
	margin: 10px 0;
}

div.comMainContainer div.contHead div.ttl {
	font-size: 12px;
}

div.comMainContainer div.contHead div.ttlNav {
	font-size: 11px;
}

div.comMainContainer div.contHead div.ttlNav li {
	margin: 0 10px 0 0;
}

div.comMainContainer div.contHead div.cap {
	font-size: 11px;
	margin: 5px 0 0 0;
}

div.comMainContainer div.pagnRow {
	font-size: 11px;
	margin: 5px 0 10px;
}

div.comMainContainer div.pagnRow li {
	margin: 0 10px 0 0;
}

div.comMainContainer div.pagnNav li {
	margin: 0 5px 0 0;
}

div.comMainContainer div.subNav {
	font-size: 11px;
	margin: 5px 0 10px;
}

div.comMainContainer div.subNav li {
	margin: 0 5px 0 0;
}

div.comMainContainer div.viewAlertBox {
	font-size: 11px;
	position: relative;
	padding: 10px;
	background: #EFEFEF;
	margin: 0 0 10px 0;
}

div.comMainContainer div.viewAlertBox li {
	margin: 0 5px 0 0;
}

div.viewAlertBox div.close a {
	background: url(../img/btnClose.png) no-repeat right 0;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0px;
	right: 0px;
}

div.viewAlertBox div.close a:hover {
	background-position: right -30px;
}

div.comListUnit {
	margin: 0 0 10px 0;
}

div.comListUnit table {
	width: 100%;
}

/* firefox */
html>/**/body div.comListUnit table, x:-moz-any-link, x:default {
	table-layout: fixed;
}

div.comListUnit td.imgTd {
	width: 50px;
}

div.comListUnit td.imgTd img {
	max-width: 50px;
	max-height: 80px;
	width: 50px\9; /*IE8*/
}

div.comListUnit td.imgTd img:not(:target) {
	width: auto\9; /*IE9*/
}

div.comListUnit td.rankHeadTd {
	width: 60px;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	font-weight: bold;
}

div.comListUnit div.cap {
	font-size: 12px;
	margin: 0 0 5px 0;
}

div.comListUnit div.cap li {
	margin: 0 10px 0 0;
}

div.comListUnit div.cntrbtTtl {
	font-size: 12px;
	margin: 0 0 5px 0;
}

div.comListUnit div.cntrbtTxt {
	font-size: 12px;
}

div.comListUnit div.cntrbtTxt em {
	font-style: italic;
}

div.comListUnit div.imglist li {
	margin: 0 5px 5px 0;
}

div.comListUnit div.imglist div.cntrbtImg img {
	width: auto;
	height: 50px;
}

div.comWallBlock div.comListUnit {
	padding: 10px 0 0 0;
	border-top: 1px dashed #CCC;
}

div.comWallBlock div.comListUnit:first-child {
	padding: 0;
	border-top: none;
}

div.viewLink.topLink {
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #CCC;
}

div.viewLink.btmLink {
	padding: 10px 0 0 0;
	border-top: 1px dashed #CCC;
}

div.questionBox {
}

div.answerBox {
	margin: 10px 0 0 0;
}

div.markerQ {
	background: url(../img/iconQs.png) no-repeat 0 0;
	padding: 0 0 0 25px;
}

div.markerA {
	background: url(../img/iconAs.png) no-repeat 0 0;
	padding: 0 0 0 25px;
}

div.markerNone {
	padding: 0 0 0 25px;
}

div.comLineInfo {
	font-size: 11px;
}

div.comLineInfo li {
	margin: 0 10px 0 0 !important;
}

div.comLineInfo ul.alignC li {
	margin: 0 5px !important;
}

div.comLineInfo ul.alignR li {
	margin: 0 0 0 10px !important;
}

div.comLineInfo div.userInfo {
	font-size: 12px;
}

div.comLineInfo div.userInfo a {
	text-decoration: none;
}

div.comLineInfo div.userInfo a span {
	text-decoration: underline;
}

div.comLineInfo div.userInfo img {
	height: 30px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

div.comLineInfo div.thumbImgS img {
	height: 20px
}

div.comCmtBox {
	border-top: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-left: 1px #CCC solid;
	font-size: 11px;
	max-width: 600px;
}

div.comCmtBox li.uiListNest {
	/zoom: 1;
}

div.comCmtBox li.uiCmt {
	border-bottom: 1px #CCC solid;
	margin: 1px 0 0 0;
	padding: 5px;
	background: #EFEFEF;
	/zoom: 1;
}

div.comCmtBox li.uiCmt table {
	width: 100%;
}

div.comCmtBox li.uiCmtPagn li {
	margin: 0 5px 0 0;
}

div.comCmtIpt table {
	width: 100%;
}

div.comCmtIpt td.btnTd {
	text-align: right;
	vertical-align: middle;
}

div.comCmtIpt td.btnTd div.hznList li {
	margin: 0 0 0 5px;
}

div.comCmtIpt textarea.editTxt {
	height: 18px;
}

div.comCmtListBlock {
}

/* firefox */
html>/**/body div.comCmtListBlock table, x:-moz-any-link, x:default {
	table-layout: fixed;
}

div.comCmtListBlock td.imgTd {
	width: 28px;
	padding: 0 5px 0 0;
}

div.comCmtListBlock td.imgTd img {
	width: 28px;
}

div.comCmtListBlock li {
	padding: 0;
}

div.comCmtListBlock div.cap {
	font-size: 11px;
	margin: 0;
}

div.comCmtListBlock div.cap span.cmtTxt {
	margin: 0 0 0 5px;
}

div.comCmtListBlock div.comLineInfo li {
	margin: 0;
}

div.comCmtListBlock div.comLineInfo div.hznList li {
	margin: 0 5px 0 0;
}

div.bllnCmtBoxW {
	border: 1px #CCC solid;
	padding: 5px;
	position: relative;
	background: #FFF;
}

div.bllnCmtBoxW div.tale {
	background: url(../img/bgTaleLeftW.png) no-repeat 0 0;
	position: absolute;
	top: 2px;
	left: -6px;
	width: 6px;
	height: 11px;
	z-index: 1000;
}

div.bllnCmtBoxY {
	border: 1px #CABA28 solid;
	padding: 10px;
	position: relative;
	background: #FFE;
}

div.bllnCmtBoxY div.tale {
	background: url(../img/bgTaleLeftY.png) no-repeat 0 0;
	position: absolute;
	top: 2px;
	left: -6px;
	width: 6px;
	height: 11px;
	z-index: 1000;
}

div.comImgBox {
	margin: 0 10px 10px 0;
	font-size: 11px;
	width: 190px;
}

div.comImgBox div.cntrbtImg {
	background: url(../img/bgComImgListS.png) no-repeat 0 0;
	margin: 0;
}

div.comImgBox div.cntrbtImg.multi {
	background: url(../img/bgComImgListM.png) no-repeat 0 0;
}

div.comImgBox div.cntrbtImg td {
	width: 190px;
	height: 190px;
	vertical-align: middle;
	text-align: center;
}

div.comImgBox div.cntrbtImg div.imgInner {
	padding: 0 0 0 5px\9; /*IE8*/
	/padding: 0; /*IE7*/
}

:root div.comImgBox div.cntrbtImg div.imgInner {
	padding: 0\9; /*IE9*/
}

div.comImgBox div.cntrbtImg.multi div.imgInner {
	padding: 0 10px 10px 0;
	padding: 0 10px 10px 5px\9; /*IE8*/
	/padding: 0 10px 10px 0; /*IE7*/
}

:root div.comImgBox div.cntrbtImg.multi div.imgInner {
	padding: 0 10px 10px 0\9; /*IE9*/
}

div.comImgBox div.cntrbtImg img {
	max-width: 180px;
	max-height: 180px;
	display: block\9; /*IE8*/
}

div.comImgBox div.cntrbtImg img:not(:target) {
	display: inline\9; /*IE9*/
}

div.comImgBox div.cntrbtImg.multi img {
	max-width: 170px;
	max-height: 170px;
}

div.comImgBox div.profName {
	margin: 5px 0 0 0;
}

div.comImgBox div.date {
	margin: 5px 0 0 0;
}

div.comImgUlBox {
	margin: 0 10px 20px 10px;
	position: relative;
}

div.comImgUlBox div.cntrbtImg {
	border: 1px #CCC solid;
	margin: 0;
}

div.comImgUlBox div.cntrbtImg td {
	text-align: center;
	vertical-align: middle;
	width: 200px;
	height: 200px;
}

div.comImgUlBox div.cntrbtImg img {
	max-width: 200px;
	max-height: 200px;
}

div.comImgUlBox div.close a {
	top: 0;
	right: 0;
}

div.comImgUlBox div.loading {
	background: url(../img/loading.gif) no-repeat 0 0;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 47%;
	left: 47%;
}

div.comImgUlBox div.inputFrame {
	border-top: none;
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	border-left: 1px #CCC solid;
}

div.comImgUlBox div.inputFrame input {
	width: 190px;
}

div.comDtlUnit {
	margin: 0 0 10px 0;
}

div.comDtlUnit div.cntrbtTtl {
	font-size: 13px;
	margin: 0 0 5px 0;
}

div.comDtlUnit div.cntrbtTxt {
	font-size: 12px;
}

div.comDtlUnit div.cntrbtTxt em {
	font-style: italic;
}

div.comDtlUnit div.cntrbtImg {
	margin: 5px 0;
}

div.comDtlUnit div.cntrbtImg img {
	max-width: 300px;
	width: auto;
}

div.comMidListUnit {
}

div.comMidListUnit div.comListUnitInner {
	max-width: 900px;
}

div.comMidListUnit td.imgTd {
	width: 120px;
	padding: 0 20px 0 0;
	text-align: center;
}

div.comMidListUnit td.imgTd img {
	width: auto;
	max-width: 120px;
	max-height: 120px;
}

div.comMidListUnit td.btnTd {
	text-align: right;
	vertical-align: middle;
	padding: 0 10px 0 0;
}

div.comMidListUnit div.spDtUnit td.imgTd {
	width: 50px;
	padding: 0 10px 0 0;
	text-align: center;
}

div.comMidListUnit div.spDtUnit td.imgTd img {
	width: auto;
	max-width: 50px;
	max-height: 50px;
}

div.comMidListUnit div.spDtUnit td.btnTd {
	padding: 0;
}

div.rankHigher div.rankIcon {
	margin: 0 0 5px 0;
}

div.rankHigher div.rankNumTtl {
	font-size: 16px;
	line-height: 16px;
}

div.rankHigher div.rankNum {
	font-size: 40px;
	line-height: 40px;
}

div.rankLower div.rankNumTtl {
	font-size: 12px;
	line-height: 14px;
}

div.rankLower div.rankNum {
	font-size: 24px;
	line-height: 24px;
}

div.rankHigher td.imgTd {
	width: 120px;
}

div.rankHigher div.userImg img {
	width: 120px;
	max-width: none;
	max-height: none;
}

div.comMasterRank {
}

div.comMasterRank div.rankLower td.imgTd {
	width: 60px;
}

div.comMasterRank div.rankLower div.userImg img {
	width: 60px;
	max-width: none;
	max-height: none;
}

div.comListTblBox {
	font-size: 11px;
	position: relative;
}

div.comListTblBox div.prevBtn {
	position: absolute;
	top: 1px;
	left: 55px;
}

div.comListTblBox div.nextBtn {
	position: absolute;
	top: 1px;
	right: 25px;
}

div.comListTblBox table {
	width: 100%;
	border-top: 1px #CCC solid;
}

div.comListTblBox th {
	border-bottom: 1px #CCC solid;
	padding: 5px;
	vertical-align: middle;
	width: 60px;
}

div.comListTblBox td {
	border-bottom: 1px #CCC solid;
	text-align: right;
	padding: 5px;
	vertical-align: middle;
}

div.comListTblBox tr.odd {
	background: #EFEFEF;
}

div.comListTblBox tr.even {
	background: #FFF;
}

div.lineGraphBox table {
	width: 100%;
}

div.lineGraphBox th.yAxis {
	font-size: 11px;
	width: 20px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
}

div.lineGraphBox th.xAxis {
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
}

div.comPieGraphBox table {
	width: 100%;
}

div.comPieGraphBox th {
	width: 100px;
}

div.comPieGraphBox div.graphImgArea {
}

div.comPieGraphBox div.graphTxtList {
	font-size: 11px;
}

div.graphTxtList li {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

div.graphTxtList li table {
	width: 100%;
}

div.graphTxtList td {
	vertical-align: middle;
}

div.graphTxtList td.iconTd {
	width: 20px;
}

div.mpCntUnit {
	margin: 0 0 10px 0;
}

div.mpCntUnit div.ttl {
	font-size: 13px;
	margin: 0 0 10px 0;
}

div.mpCntUnit div.ttl li {
	margin: 0 10px 0 0;
}

div.mpCntUnit div.cap {
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.comActBox {
	border: 2px #CCC solid;
	border-radius: 5px;
	padding: 10px;
	margin: 0 5px 5px 0;
	width: 180px;
}


/** Catalogue
-------------------------------------------------------*/
div.pComCnt {
	margin: 0 0 20px 0;
}

div.pComCnt table {
	width: 100%;
}

/* firefox */
html>/**/body div.pComCnt table, x:-moz-any-link, x:default {
	table-layout: fixed;
}

div.pComCnt td.mainTd {
	width: 70%;
}

div.pComCnt td.sideTd {
	width: 30%;
}

div.pComCntHead {
	font-size: 12px;
	padding: 5px;
	margin: 0 0 20px 0;
	background: #EFEFEF;
}

div.pComCntHead li {
	margin: 0 10px 0 0;
}

div.pComCnt div.cntrbtBtnBox {
	padding: 20px;
	margin: 0 0 20px 0;
}

div.pComCnt div.cntrbtBtnBox div.cntrbtReview a,
div.pComCnt div.cntrbtBtnBox div.cntrbtQuestion a {
	margin: 0 auto;
}