@charset "UTF-8";

/*==================================================
	Chondroitin Web
	/css/page.css
==================================================*/

@import "common.css";


/*========== Contents Body Right Column Style ==========*/
#contentsRightColumn {
	background: url(../images/common/bg_contents_body.jpg) left top no-repeat #fff;
}


/*========== ContentsBody Style ==========*/
.contentsInnerBox {
	width: 647px;
	margin: 0 10px;
}
.contentsInnerBox p {
	margin: 0 0 20px;
}

.contentsInnerBox h4 {
	color: #006bff;
	margin: 0 0 10px;
	font-size: 1.6em;
	font-weight: bold;
}

.contentsInnerBox h5 {
	color: #006bff;
	margin: 0 0 10px;
	font-size: 1.4em;
	font-weight: bold;
}

/*========== ContentsImage Style ==========*/
.contentsImage {
	margin: 0 0 20px;
}
.contentsImageEnd {
	margin: 0;
}
.contentsImage p,
.contentsImageEnd p {
	margin: 0;
}

p.imageCaption {
	margin: 0 0 10px;
}

/*========== ContentsTable Style ==========*/
.contentsTable {
	margin: 0 0 20px;
}
.contentsTableEnd {
	margin: 0;
}
.contentsTable p,
.contentsTableEnd p {
	margin: 0;
}

p.tableTitle {
	margin: 0 0 10px;
}
p.tableCaption {
	margin: 5px 0 0;
	font-size: 0.8em;
	text-align: right;
}

table.rowTwo {
	width: 647px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
table.rowTwo tr th {
	color: #006bff;
	width: 65%;
	margin: 0;
	padding: 5px;
	background-color: #dddddd;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #006bff;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
table.rowTwo tr th.firstCol {
	width: 100%;
	border-width: 1px;
}
table.rowTwo tr td.firstRow {
	width: 35%;
}

table.rowThree {
	width: 647px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
table.rowThree tr th {
	color: #006bff;
	width: 33%;
	margin: 0;
	padding: 5px;
	background-color: #dddddd;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #006bff;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

table.rowFour {
	width: 647px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
table.rowFour tr th {
	color: #006bff;
	width: 25%;
	margin: 0;
	padding: 5px;
	background-color: #dddddd;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #006bff;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
table.rowFour tr th.firstCol {
	border-width: 1px 1px 1px 0;
}

table.rowFive {
	width: 647px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
table.rowFive tr th {
	color: #006bff;
	width: auto;
	margin: 0;
	padding: 5px;
	background-color: #dddddd;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #006bff;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
table.rowFive tr th.firstCol {
	border-width: 1px 1px 1px 0;
}


table.rowTwo tr th.firstRow,
table.rowThree tr th.firstRow,
table.rowFour tr th.firstRow,
table.rowFive tr th.firstRow {
	border-width: 1px;
}
table.rowTwo tr td,
table.rowThree tr td,
table.rowFour tr td,
table.rowFive tr td {
	margin: 0;
	padding: 5px;
	background-color: #fff;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #006bff;
	text-align: left;
	vertical-align: top;
}
table.rowTwo tr td.firstRow,
table.rowThree tr td.firstRow,
table.rowFour tr td.firstRow,
table.rowFive tr td.firstRow {
	border-width: 0 1px 1px 1px;
}
table.rowTwo tr td.cellColored,
table.rowThree tr td.cellColored,
table.rowFour tr td.cellColored,
table.rowFive tr td.cellColored {
	color: #fff;
	background-color: #ff0000;
}

/*========== ContentsColumn Style ==========*/
.columnOuterBox {
	width: 647px;
	margin: 0 0 20px;
	background: url(../images/common/column_box_body.gif) left top repeat-y #e0edff;
}
.columnInnerBox {
	width: 647px;
	background: url(../images/common/column_box_top.gif) left top no-repeat;
}
.columnInnerBox2 {
	width: 647px;
	background: url(../images/common/column_box_top2.gif) left top no-repeat;
}
.columnInnerBox p,
.columnInnerBox2 p {
	margin: 0;
}

.columnBody {
	width: 621px;
	margin: 0 13px;
	padding: 13px 0 0;
}
.columnBody .columnText {
	margin: 0 0 20px;
}

.columnTable {
	width: 621px;
}
.columnTable .columnTableTitle {
	margin: 0 0 5px;
}
.columnTable .columnTableCaption {
	width: 621px;
	font-size: 0.8em;
	margin: 5px 0 0;
	text-align: right;
}
.columnTable table {
	width: 621px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
.columnTable table tr th.firstCol {
	color: #006bff;
	width: 35%;
	margin: 0;
	padding: 5px;
	background-color: #dddddd;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #e0edff;
	font-weight: bold;
	text-align: left;
}
.columnTable table tr th.secondCol {
	color: #006bff;
	width: 75%;
	margin: 0;
	padding: 5px;
	background-color: #dddddd;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #e0edff;
	font-weight: bold;
	text-align: left;
}
.columnTable table tr td {
	margin: 0;
	padding: 5px;
	background-color: #fff;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #e0edff;
	text-align: left;
}


/*========== RelatedArticle Style ==========*/
.relatedArticle {
	width: 683px;
	margin: 40px 0 0;
	text-align: left;
}
.relatedArticle .relatedOddBox {
	width: 683px;
	background: url(../images/common/related_bg_odd_box.gif) left top no-repeat #e0edff;
}
.relatedArticle .relatedEvenBox {
	width: 683px;
	background: url(../images/common/related_bg_even_box.gif) left top no-repeat #fff;
}
.relatedArticle .relatedOddBox .relatedText,
.relatedArticle .relatedEvenBox .relatedText {
	margin: 0 10px;
	padding: 10px 0;
}
.relatedArticle .relatedOddBox .relatedText p,
.relatedArticle .relatedEvenBox .relatedText p {
	margin: 0;
}