@charset "UTF-8";

/* ****************************************************
1. Headings
2: detail setting

99. Extra

***************************************************** */


/* 1: Headings for topics
=========================================*/
#contents .detail-heading1 {
	margin-left: 1px;
	padding: 15px;
	font-size: 195%;
	line-height:1.2;
	font-weight: bold;
}

/* topics */
#contents .detail-heading1 {
	padding: 8px 0 8px 15px;
	background: url(../images/com_bg008.gif) repeat-y 0 0;
}
* html #contents .detail-heading1 {
	height: 1px;
}

/* 2: detail setting
=========================================*/
#contents .variableLeft,
#contents .variableRight {
	clear: both;
	width: 645px;
	margin-top: 20px;
}

/* section */
#contents .detail-section {
	clear: both;
	width: 645px;
	margin-left: 15px;
}

/* variableLeft */
#contents .variableLeft .first-col {
	float: left;
	margin-right: 15px;
}

/* variableRight */
#contents .variableRight .first-col {
	float: right;
	margin-left: 15px;
}

#contents .widthLock {
	padding: 0 72px;
	text-align: center;
}


/* no-news
   no-script
----------------------------------------*/
#contents .no-news,
#contents #noscript-text {
	margin-left: 20px;
}


/* txt setting
=========================================*/
#contents .txt-line {
	text-decoration: underline;
}
#contents .txt-large {
	font-size: 110%;
}
#contents .txt-small {
	font-size: 80%;
}
#contents .txt-red {
	color: #FF8E50;
}


/* 99. Extra
=========================================*/
/* Clearfix */
#contents .variableLeft:after,
#contents .variableRight:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents .variableLeft,
#contents .variableRight {
	display: inline-block;
	min-height:1%;
}