/* Quad-pol Viewer Webサイト用スタイルシート */

#pageSize {
	width:772px;
	margin-bottom: 20px;
	margin-top: 0px;
	padding-top: 0px;
}

#header{
	width:790px;
	height:80px;
	background:url(./img/jp_header_back.jpg);no-repeat;
	margin-bottom		: 8px;
}

img {
	padding-top		: 10px;
	margin			: 0;
	padding		: 0;
	border-width		: 0;
}

.contents {
	text-align		: left;
	border			: solid 1px #384158;	/* 外枠 */
	width			: 788px;
	margin-left		: 0px;
}
.section {
	margin-left		: 30px;
	margin-right	: 30px;
}

h1.top {
	text-align		: center;
	padding-top		: 10px;
	padding-bottom	: 10px;
	font-size		: large;
	color			: #384158;
	margin-bottom		: 0;
}


/* コンテンツのヘッダ */
h1 {
	background-color	: B3E2D8;/*#c5e1ed;*/
	font-size		: large;
	color			: #384158;
}
h1 img {
	margin-right		: 10px;
	vertical-align	: middle;
}
h2 {
	color			: #6C4919;
	padding-top		: 2px;
	padding-bottom	: 2px;
	padding-left		: 16px;
	border-style		: solid;
	border-top-width	: 0px;
	border-bottom-width	: 1px;
	border-left-width	: 12px;
	border-right-width	: 0px;
	border-bottom-color	: #B2B6D8;
	border-left-color	: #B2B6D8;
	font-size		: medium;
	margin-left		: 0px;
	margin-right	: 0px;
}


p {
	font-size		: 0.875em;
	line-height		: 1.5em;
	color			: #555555;
}
p.img {
	padding-top		: 10px;
	margin-top		: 0;
}
li {
	font-size		: 0.875em;
	line-height		: 1.5em;
	color			: #555555;
}
span.date {
	font-size		: 0.75em;
	font-weight		: bold;
	color			: #384158;
	padding-top		: 2px;
	padding-right		: 2px;
	float			: right;
}
/* リード文の書式設定 */
p.path {
	font-size		: 0.75em;
	/*font-weight		: bold;*/
	color			: #384158; /*#5e8eab;*/
	text-align		: left;
	width			: 100%;
	margin-left		: auto;
	margin-top		: 2px;
	/*border-bottom		: solid 3px #FEE6AA;*/
	/*padding-bottom	: 2px;*/
}

/* リード文の書式設定 */
p.policy {
	font-size		: 0.75em;
	font-weight		: bold;
	color			: #384158; /*#5e8eab;*/
	text-align		: center;
	width			: 100%;
	margin-left		: auto;
	margin-top		: 5px;
	border-bottom		: solid 3px #FEE6AA;
	padding-bottom	: 5px;
}

p.copyright {
	font-size		: 0.5em;
	font-weight		: bold;
	color			: #384158; /*#5e8eab;*/
	text-align		: right;
	margin-left		: auto;
	padding-right	: 30px;
}

p.backto {
	font-size		: 0.75em;
	margin-left		: 10px;
}

/* メニューの設定 */
p.menu {
	font-size		: 0.75em;
	background-color	: #91A4B6;/*#5e8eab;*/
	height			: 2em;
	text-align		: center;
/*	border-top		: solid 1px #5e8eab; */
/*	border-bottom		: solid 1px #5e8eab; */
}
p.menu a {
	color			: #ffffff;	/* リンクの色を指定 */
	background-color	: #91A4B6; /*#5e8eab;*/	/* 背景色の指定 */
	border-right		: solid 1px #ffffff;
	text-decoration	: none;	/* 下線を削除 */
	display		: block;
	width			: 15em;
	float			: left;
	line-height		: 2em;
}
p.menu a:hover {
	background-color	: #C95F6A;/*#49abdb;*/	/* カーソルを重ねた時の色を指定 */
}
p.menu span {
	color			: #c5e1ed;
	display		: none;	/* 区切り線を消す */
}
p.menu b {
	color			: #ffffff;	/* リンクの色を指定 */
	background-color	: #384158;/*#6f9fbc;*/	/* 背景色の指定 */
	border-right		: solid 1px #ffffff;
	text-decoration	: none;	/* 下線を削除 */
	display		: block;
	width			: 15em;
	float			: left;
	line-height		: 2em;
}
/* 更新日時設定 */
p.update {
	text-align		: right;
	font-size		: 0.625em;
}

/* 連絡先表示設定 */
address {
	border-top		: solid 9px #B3E2D8;
	padding-top		: 4px;
	padding-left		: 10px;
	padding-right		: 10px;
	padding-bottom	: 22px;
	font-size		: 0.625em;
	font-weight		: bold;
	font-style		: normal;
	color			: #384158;
}
address a {
	text-decoration	: none;
}
address a:hover {
	text-decoration	: underline;
}

address img {
	vertical-align	: middle;
}

.left {
	float			: left;
}
.right {
	float			: right;
}

/* 更新履歴 ==================================================== */
.history {
	margin-top		: 10px;
	margin-right		: 2px;
	margin-bottom		: 10px;
	margin-left		: 50px;
}
.history table {
	width			: 600px;
	font-size		: 84%;
	padding-left		: 8px;
}
.history td {
	border-bottom		: 1px solid #cacaca;
}
.history .date {
	width			: 112px;
	color			: #385B63;
	vertical-align	: top;
}
.history .title {
	vertical-align	: top;
}