@charset "UTF-8";
/* ==============================
  css-column
=================================
navColumn
---------------------------------
topicsColumn
---------------------------------
detailColumn
---------------------------------
sentence
============================== */

/* ------------------------------
  navColumn
------------------------------ */
#navColumn {
	width: 695px;
	margin-bottom: 20px;
}

#navColumn .titleAria {
	width: 645px;
	margin-bottom: 20px;
}
/* clearfix */
#navColumn .titleAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#navColumn .titleAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #navColumn .titleAria {
	height: 1%;
}
#navColumn .titleAria {
	display: block;
}
/* End hide from IE-mac */

#navColumn .titleAria h2 {
	width: 184px;
	height: 24px;
	background: url(/image/contents/member/column/h2_column.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
	margin:7px 0 0 22px;
}
#navColumn .titleAria p {
	width: 450px;
	color: #5c5c5c;
	text-align: right;
	float:right;
}

#navColumn ul#nav-columun {
	width: 629px;
	padding-left: 8px;
}
/* clearfix */
#navColumn ul#nav-columun:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#navColumn ul#nav-columun {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #navColumn ul#nav-columun {
	height: 1%;
}
#navColumn ul#nav-columun {
	display: block;
}
/* End hide from IE-mac */

#navColumn ul#nav-columun li {
	width: 152px;
	padding-right: 7px;
	float: left;
}
#navColumn ul#nav-columun li.last {
	padding-right: 0;
}

#navColumn ul#nav-columun li.current_last {
	padding-right: 0;
}

#navColumn ul#nav-columun li a {
	text-decoration: none;
}

#navColumn ul#nav-columun li .update {
	width: 152px;
	min-height: 18px;
	font-size: 10px;
	color: #ff7010;
	display: block;
	margin-bottom: 5px;
}
* html #navColumn ul#nav-columun li .update {
	height: 18px;
}
#navColumn ul#nav-columun li .update img {
	vertical-align: baseline;
	padding-right: 7px;
}

#navColumn ul#nav-columun li .photo {
	width: 152px;
	height: 78px;
	display: block;
	margin-bottom: 1px;
}
#navColumn ul#nav-columun li a .photo {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#navColumn ul#nav-columun li.current a .photo {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#navColumn ul#nav-columun li.current_last a .photo {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#memberTOP #navColumn ul#nav-columun li a .photo {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#navColumn ul#nav-columun li a:hover .photo {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#navColumn ul#nav-columun li .text {
	width: 132px;
	min-height: 105px;
	background-color: #ececec;
	display: block;
	padding: 10px;
	margin-bottom: 1px;
}
* html #navColumn ul#nav-columun li .text {
	height: 105px;
}

#navColumn ul#nav-columun li a .text {
	background-color: #ececec;
}
#navColumn ul#nav-columun li.current a .text {
	background-color: #000000;
}
#navColumn ul#nav-columun li.current_last a .text {
	background-color: #000000;
}
#navColumn ul#nav-columun li a:hover .text {
	background-color: #000000;
}

#navColumn ul#nav-columun li .text .tit {
	color: #1a1a1a;
	font-size: 14px;
	text-align: center;
	line-height: 1.3;
	display: block;
	margin-bottom: 7px;
}
#navColumn ul#nav-columun li .text .tit .subTit {
	font-size: 10px;
}
* html #navColumn ul#nav-columun li .text .tit .subTit {
	font-size: 9px;
}
#navColumn ul#nav-columun li a .text .tit {
	color: #1a1a1a;
}
#navColumn ul#nav-columun li.current a .text .tit {
	color: #ffffff;
}
#navColumn ul#nav-columun li.current_last a .text .tit {
	color: #ffffff;
}
#navColumn ul#nav-columun li a:hover .text .tit {
	color: #ffffff;
}

#navColumn ul#nav-columun li .text .cont {
	color: #4b4b4b;
	font-size: 10px;
	line-height: 1.5;
	display: block;
}
* html #navColumn ul#nav-columun li .text .cont {
	font-size: 9px;
}
#navColumn ul#nav-columun li a .text .cont {
	color: #4b4b4b;
}
#navColumn ul#nav-columun li.current a .text .cont {
	color: #ffffff;
}
#navColumn ul#nav-columun li.current_last a .text .cont {
	color: #ffffff;
}
#navColumn ul#nav-columun li a:hover .text .cont {
	color: #ffffff;
}

/* ------------------------------
  topicsColumn
------------------------------ */
#topicsColumn {
	width: 695px;
	margin-bottom: 20px;
}

#topicsColumn #news-aria650 {
	padding: 20px 0 20px 22px;
}

#topicsColumn #archive-aria650 {
	padding: 0 0 20px 22px;
}

#topics-note {
	width: 645px;
	padding: 0 25px 20px 25px;
}

#profileAria {
    margin-top: 15px; 
	padding: 15px 10px 0 10px;
	border-top: dotted #CCC 1px;
	}

#profileAria p {
    font-size: 12px;
	color: #696969;
}

#profileAria .next {
    text-align:right;
    font-size: 10px;
	margin-right:10px;
}

#topics-note p {
	font-size: 10px;
	color: #696969;
	background: url(../member/img/topics/topics_note.gif) no-repeat;
	padding-left: 20px;
}
* html #topics-note p {
	font-size: 9px;
}

/* ------------------------------
  detailColumn
------------------------------ */
#detailColumn {
	width: 695px;
	color: #4d4d4d;
	margin-bottom: 20px;
}

#detailContent {
	width: 650px;
	padding: 20px 0 0 22px;
}

#detailContent .titleAria {
	width: 650px;
	margin-bottom: 5px;
}
/* clearfix */
#detailContent .titleAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#detailContent .titleAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #detailContent .titleAria {
	height: 1%;
}
#detailContent .titleAria {
	display: block;
}
/* End hide from IE-mac */

#titleColumn {
	width: 505px;
	float: left;
}
/* clearfix */
#titleColumn:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#titleColumn {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #titleColumn {
	height: 1%;
}
#titleColumn {
	display: block;
}
/* End hide from IE-mac */

#titleColumn p {
	width: 80px;
	font-size: 10px;
	color: #979797;
	background: url(/image/contents/topics/date_bg.gif) no-repeat 0 6px;
	display: block;
	padding-top: 1px;
	padding-left: 10px;
	float: left;
}

#titleColumn h3 {	
	width: 415px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
	float: left;
}

#detailContent .btnAria {
	width: 650px;
	padding-top: 15px;
}
/* clearfix */
#detailContent .btnAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#detailContent .btnAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #detailContent .btnAria {
	height: 1%;
}
#detailContent .btnAria {
	display: block;
}
/* End hide from IE-mac */

p.btn-backList {
	width: 131px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: right;
}
p.btn-backList a {
	width: 131px;
	height: 23px;
	background: url(../member/img/column/btn_back.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
p.btn-backList a:hover {
		background-position: 0 -23px;
}

#detailContent p.capColumn {
	text-align: right;
	margin-bottom: 15px;
}

p.capColumn {
	text-align: right;
	margin-bottom: 15px;
	padding-right:10px;
}

/* ------------------------------
  sentence
------------------------------ */
#sentence {
	width: 650px;
	color: #454545;
	background-color: #f7f7f7;
}

#sentence-top {
	width: 650px;
	height: 9px;
	background: url(/image/contents/topics/topics_bg_top650.gif) no-repeat left top;
	font-size: 1px;
	line-height: 1px;
}
#sentence-btm {
	width: 650px;
	height: 9px;
	background: url(/image/contents/topics/topics_bg_btm650.gif) no-repeat left bottom;
	font-size: 1px;
	line-height: 1px;
}

#sentence-inr {
	padding: 11px 25px;
}

#sentence-inr p {
	margin-bottom: 1.3em;
}

#sentence-inr ul.image {
}
/* clearfix */
#sentence-inr ul.image:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#sentence-inr ul.image {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #sentence-inr ul.image {
	height: 1%;
}
#sentence-inr ul.image {
	display: block;
	width:630px;
	}
/* End hide from IE-mac */

#sentence-inr ul.image li {
	width: 180px;
	color: #787878;
	font-size: 10px;
	line-height: 1.4;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 10px;
	float: left;
}
* html #sentence-inr ul.image li {
	font-size: 9px;
}
#sentence-inr ul.image li img {
	padding-bottom: 10px;
}