/* タイトル */
p.clsDocTitle {
	background:url(../images/contents_title_bg.jpg) bottom no-repeat;
	margin:0;
	padding-bottom:72px;
}

p.clsDocTitle span.clsTitle {
	display:block;
	background-repeat:no-repeat;
	width:776px;
	height:40px;
	margin:0;
}

/* トピックパス */
p.clsTopicPath {
	font-size:x-small;
	line-height:125%;
	margin:0;
	padding:8px 7px;
}

/* コンテント */
h2, table.clsTable th, .clsProfileList h3 a, .clsBoxList h3 {
	background:#f7f7f8;
}

table.clsTable, .clsProfileList h3, .clsBoxList {
	background:#dedee4;
}

h2, .clsProfileList h3 a, .clsBoxList .clsBody, .clsBoxList h3 {
	border-color:#dedee4 !important;
}

h2 {
	font-size:small;
	line-height:125%;
	border-top:1px solid;
	border-bottom:1px solid;
	margin:0 1px;
}

h2 span.clsTitle {
	display:block;
	border-left:4px solid #cc0066;
	margin:4px;
	padding:8px 13px;
}

.clsParagraph {
	padding:16px 15px;
	height:auto !important;
	height:1px;
	overflow:visible;
}

.clsLead {
	color:#cc0066;
	border:1px solid #cc0066;
	margin:1em 0;
	padding:7px;
}

.clsLead p {
	margin-bottom:0;
}

.clsLead .clsSub {
	margin-top:12px;
}

p.clsMessage {
	color:#cc0066;
}

/* リスト強 */
ul.clsStrongList {
	margin-left:0;
	padding-left:0;
	list-style:none;
}

ul.clsStrongList li {
	float:left;
	width:178px;
	margin-right:8px;
	margin-bottom:8px;
}

table.clsTable ul.clsStrongList li {
	width:170px;
	margin-bottom:0;
}

/* テーブル */
table.clsTable {
	width:744px;
}

table.clsTable th, table.clsTable td {
	padding:8px;
}

table.clsTable th {
	text-align:left;
	vertical-align:top;
}

table.clsTable td {
	background:#fff;
}

table.clsTable caption {
	font-size:x-small;
	line-height:125%;
	padding:6px 2px;
	text-align:left;
}

table.clsTable ins {
	font-weight:bold;
	color:#cc0066;
	text-decoration:none;
}

table.clsTable del {
	color:#333;
}

/* フォーム */
form input.clsInput, form textarea.clsInput, form textarea.clsInputSub {
	width:100%;
}

form input.clsInput4 {
	width:48px;
}

form input.clsInput8 {
	width:96px;
}

form input.clsInput12 {
	width:144px;
}

form input.clsInputH {
	width:50%;
}

form input.clsButton {
	padding:2px 32px;
}

form td span.clsButton {
	display:block;
	padding:16px 16px;
}

form .clsRequire {
	padding-left:4px;
}

form .clsRequire .clsLabel {
	display:none;
}

/* コンテンツハーフ */
.clsContentsHalf .clsLeft, .clsContentsHalf .clsRight {
	width:364px;
}

.clsContentsHalf .clsLeft {
	float:left;
}

.clsContentsHalf .clsRight {
	float:right;
	margin-left:16px;
}

.clsContentsHalf table.clsTable {
	width:364px;
}

/* ボックスリスト */
.clsBoxList {
	margin:1em 0;
}

.clsBoxList .clsBody {
	background:#fff;
	border-top:1px solid;
	border-bottom:1px solid;
	margin:0 1px;
	padding-bottom:11px;
	height:auto !important;
	height:1px;
	overflow:visible;
}

.clsBoxList h3 {
	font-size:medium;
	line-height:125%;
	border-bottom:1px solid;
	margin:0;
	padding:11px;
}

.clsBoxList h3 .clsIconL {
	margin-right:8px;
}

.clsBoxList p {
	font-size:small;
	line-height:150%;
	margin:0;
	padding:11px;
	padding-bottom:0;
}

.clsBoxList .clsThumb {
	float:left;
	margin-right:12px;
	margin-bottom:0;
}

/* ブロックリスト */
.clsBlockList {
	margin:1em 0;
}

.clsBlockList h3 {
	color:#4c004c;
	font-size:small;
	line-height:125%;
	border-bottom:1px solid #4c004c;
	margin:0;
	padding:11px 2px;
}

.clsBlockList h3 .clsIconL {
	margin-right:8px;
}

.clsBlockList p {
	font-size:small;
	line-height:150%;
	margin:0;
	padding:11px 2px;
}

.clsBlockList .clsThumb {
	float:right;
	margin-left:12px;
}

/* プロフィール */
.clsProfileList h3 .clsRankrecommend .clsExcerpts, body.clsRankrecommend h2 .clsTitle {
	border-color:#3385d6 !important;
}

p.clsProfileRank .clsRankrecommend img {
	background:#3385d6;
}

.clsProfileList h3 .clsRanknewface .clsExcerpts, body.clsRanknewface h2 .clsTitle {
	border-color:#85d633 !important;
}

p.clsProfileRank .clsRanknewface img {
	background:#85d633;
}

.clsProfileList h3 .clsRankbreakthrough .clsExcerpts, body.clsRankbreakthrough h2 .clsTitle {
	border-color:#d68533 !important;
}

p.clsProfileRank .clsRankbreakthrough img {
	background:#d68533;
}

.clsProfileList h3 .clsRankmaster .clsExcerpts, body.clsRankmaster h2 .clsTitle {
	border-color:#853385 !important;
}

p.clsProfileRank .clsRankmaster img {
	background:#853385;
}