/* ドキュメントタイトル */
p.clsDocTitle {
	color:#fff;
	margin:8px 0;
	margin-top:0;
}

p.clsDocTitle .clsTitle {
	display:block;
	font-size:small;
	line-height:125%;
	background:#003366 url(../images/title_bg.gif) no-repeat;
	border:1px solid #003366;
	padding:12px 10px;
}

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

/* コンテント */
.clsContent {
	padding-bottom:8px;
}

table.clsTable th, .clsProfileList h3 a, .clsBoxList h3 {
	background:#E6F0FA;
}

table.clsTable th, .clsBoxList h3 {
	color:#004C99;
}

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

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

.clsParagraph p {
	font-size:small;
	line-height:175%;
}

.clsParagraph dl.clsList dt {
	color:#004C99;
	font-weight:bold;
}

.clsParagraph dl.clsList dd {
	margin-bottom:16px;
}

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

.clsLead p {
	margin-bottom:0;
}

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

p.clsMessage {
	font-weight:bold;
	color:#ff227a;
}

.clsImagePhoto {
	margin:16px 0;
}

big.clsStrong {
	font-weight:bold;
	font-size:medium;
	line-height:175%;
}

/* リスト強 */
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:100%;
	margin:8px 0;
}

table.clsTable th {
	width:240px;
}

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

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

table.clsTable td {
	background:#fff;
}

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:#666;
}

/* フォーム */
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;
	margin:8px 0;
	text-align:center;
}

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

form .clsRequire .clsLabel {
	display:none;
}

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

.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;
}

/* プロフィール */
.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;
}