/* CSS Document */

div#contents {
	width: 640px;
	margin: 0 auto;
	text-align: left;
}

/* contentsHeader start */
div.breadcrumbs {
	margin-bottom: 16px;
	font: normal 80% "ＭＳ Ｐゴシック";
	color: #333;
	text-align: left;
}

h1 {
	width: 640px;
	padding:0;
	margin:0;
	border-bottom: 2px solid #999;
}

h1 img {
	padding:0;
	margin:0 10px 10px 0;
	vertical-align: middle;
}
/* contentsHeader end */

/* contentsArea start */
div#pageLeft {
	margin:10px 0 0 0;
	float: left;
	width: 430px;
	text-align: left;
}

div#pageLeft h2 {
	width: 410px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	font: bold 90% "ＭＳ Ｐゴシック";
	color: #333;
	background: url(/com/images/com/icon_list.gif) no-repeat left center;
}

div#pageLeft table {
	margin: 0 0 20px 0;
	width:100%;
	border-collapse: collapse;
}
div#pageLeft table tr.secondColumn {
	background: #f4f4f4;
}

div#pageLeft table * th,div#pageLeft table * td {
	padding: 3px;
	border: 1px solid #aaa;
	font: normal 80% "ＭＳ Ｐゴシック";
	color: #333;
	text-align: left;
}
div#pageLeft table th {
	width:20%;
	white-space: nowrap;
}
div#pageLeft table td.planOption {
	width:5%;
	text-align:center;
}

div#pageLeft p {
	padding: 0;
	margin: 5px 0 20px 0;
	font: normal 80%/125% "ＭＳ Ｐゴシック";
	color: #333;
}
div#pageLeft p.tableCaption {
	margin:0;
	padding:0;
	font: normal 80% "ＭＳ Ｐゴシック";
	color: #333;
	text-align: right;
}
/* contentsArea end */

/* imageArea start */
div#pageRight {
	margin:10px 0 0 0;
	float: right;
	width: 200px;
	text-align: right;
}
div#pageRight img {
	margin-bottom: 10px;
	border: 1px solid #999;
}
/* imageArea end */

/* pageNavi start */
div.pageNavi {
	clear: both;
	width: 640px;
}

div.pageNaviLeft {
	float: left;
	width: 320px;
	margin:0 0 10px 0;
}

div.pageNaviRight {
	float: right;
	width: 320px;
	margin:0 0 10px 0;
	text-align: right;
}

div.pageNavi * a {
	font: normal 80% "ＭＳ Ｐゴシック";
}
/* pageNavi end */