/*
	ドット指定されたワードはclassで指定
	＃指定されたワードはidで指定
*/


/*------------------------------
	メイン部分を想定
  ------------------------------*/
.column_offwhite
{
	width:40%;
	background-color:#f8f8f8;
	text-align:left;
	vertical-align:top;
	padding-left:15px;					/* パディング */
	padding-top:5px;
	padding-right:15px;
	padding-bottom:15px;
	line-height:180%;					/* 行間150% */

	border: gray solid 1px;
}

/*------------------------------
	左右のボーダー部を想定
  ------------------------------*/

<!-- オレンジ -->
.column_orange1
{
	width:1%;
	background-color:#ffb862; /* オレンジ */
}
.column_orange05
{
	width:0.5%;
	background-color:#ffb862; /* オレンジ */
}

<!-- 青 -->
.column_blue1
{
	width:1%;
	background-color:#0139b4; /* ダークブルー */
}
.column_blue05
{
	width:0.5%;
	background-color:#0139b4; /* ダークブルー */
}

<!-- グレー -->
.column_gray1
{
	width:1%;
	background-color:#e0e0e0; /* グレー */
}
.column_gray05
{
	width:0.5%;
	background-color:#e0e0e0; /* グレー */
}