/*
文字サイズ指定のptは画面解像度に影響される？
pxで指定したほうが無難か？

class名は再考の余地あり。
*/

@media screen {

body {
	margin : 10px 10px 10px 10px;
	padding : 0px 0px 0px 0px;
	font-size:12pt;
	background-color: white;
}

.banner {
	border-width: 0px;
/*	position:inherit;
	float: right;*/
}

.page_header {
	margin : 0px 0px 0px 0px;
	padding-left:128px;
	position : relative;
	background-image : url(church_logo.jpg);
	background-repeat : no-repeat;
	background-position : left bottom;
	top : 0px;
	left : 0px;
	width : 800px;
	height : 160px;
}

.header_title {
	position: absolute;
	text-align : left;
	bottom : 5%;
	vertical-align: bottom;
/*	left : 20%;
	font-weight : 900;
	font-size : 30pt;*/
}

.header_signature {
	right : 0%;
	bottom : 0%;
	vertical-align: bottom;
	padding-right: 5pt;
	float : right;
	font-size: 10pt;
}

div.menubar {
	position : relative;
	left : 0%;
	width : 800px;
	background-color : silver;
}

div.mb_title {
	position : relative;
	left : 0%;
	width : 20%;
	height : 100%;
	text-align : center;
	margin : 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	border: 1px solid navy;
	font-weight : 900;
	color: white;
	background-color: navy;
	float : left;
}

div.mb_right {
	position : relative;
	right : 0%;
	padding-right: 5pt;
	float : right;
	/* vertical-align: center; */
}

span.mb_body {
	position : relative;
	margin : 0px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
}

a.mb_item {
	position : relative;
	margin : 1px 0px 1px 0px;
	padding: 0px 5px 0px 5px;
	width: 6em;
	height:100%;
	text-align:center;
	border : 1px solid silver;
	text-decoration : none;
}
a.mb_item:hover {
	background-color : #FFCCCC;
	text-decoration : none;
	border : 1px solid #FF6666
}

div.side_menu {
	position : absolute;
	margin : 5px 5px 5px 5px;
	padding: 15px 0px 15px 0px;
	left:10px;
	top:200px;
	width : 170px;
	border : 2px solid #CCFFCC;
	float : left;
}

div.side_menu_group {
	position : relative;
	margin  : -2px 5px -2px 5px;
	padding : 0px 0px 0px 0px;
	border-top : 6px solid silver;
}

.side_menu_title {
	display: block;
	position : relative;
	margin  : 0px 0px 0px 0px;
	padding : 2px 5px 2px 5px;
	text-decoration: none;
	border-bottom : 2px solid silver;
}

.side_menu_item {
	display : block;
	position : relative;
	margin  : 0px 0px 0px 10px;
	padding : 2px 5px 2px 5px;
	text-decoration: none;
	border-bottom : 2px solid silver;
}

.side_menu a:hover {
	background-color : #FFCCCC;
}

div.page_body {
	position : relative;
	background-color: white;
/*	left:20%;*/
/*	right: 0%;*/
	margin-top: 50px;
	left:185px;
	width: 615px;
/*	padding: 5pt 5pt 5pt 5pt;*/
	float: left;
}

div.page_footer {
	position : relative;
	left:0px;
	width:800px;
	text-align:right;
	font-size:10px;
}

p {
	margin-left:20px;
	line-height: 130%;
	text-indent: 1em;
}

p.noindent {
	text-indent: 0px;
}

.signature {
	text-align:right;
}

blockquote {
	font-style:italic;
	font-size: 12pt;
}

h2 {
	border-bottom: 1px solid silver;
}

h3 {
	border-left: 4px solid silver;
	padding-left:5px;
}

} /* media screen */


@media print {
/*
body {
	margin : 10px 10px 10px 10px;
	padding : 0px 0px 0px 0px;
	font-size:12pt;
	background-color: white;
}
*/

.banner {
/*	border-width: 0px;
	position:inherit;
	float: right;*/
}

.page_header {
/*	margin : 0px 0px 0px 0px;
	padding-left:128px;
	position : relative;
	background-image : url(church_logo.jpg);
	background-repeat : no-repeat;
	background-position : left bottom;
	top : 0px;
	left : 0px;
	width : 800px;
	height : 160px;*/
}

.header_title {
/*	position: absolute;
	text-align : left;
	bottom : 5%;
	vertical-align: bottom;
	left : 20%;
	font-weight : 900;
	font-size : 30pt;*/
}

.header_signature {
	display : none;
/*	right : 0%;
	bottom : 0%;
	vertical-align: bottom;
	padding-right: 5pt;
	float : right;
	font-size: 10pt;*/
}

div.menubar {
	display none;
	position : relative;
	left : 0%;
	width : 800px;
	background-color : silver;
}

div.mb_title {
	position : relative;
	left : 0%;
	width : 20%;
	height : 100%;
	text-align : center;
	margin : 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	border: 1px solid navy;
	font-weight : 900;
	color: white;
	background-color: navy;
	float : left;
}

div.mb_right {
	position : relative;
	right : 0%;
	padding-right: 5pt;
	float : right;
	/* vertical-align: center; */
}

span.mb_body {
	position : relative;
	margin : 0px 0px 0px 0px;
	padding: 1px 5px 1px 5px;
}

a.mb_item {
	position : relative;
	margin : 1px 0px 1px 0px;
	padding: 0px 5px 0px 5px;
	width: 6em;
	height:100%;
	text-align:center;
	border : 1px solid silver;
	text-decoration : none;
}
a.mb_item:hover {
	background-color : #FFCCCC;
	text-decoration : none;
	border : 1px solid #FF6666
}

div.side_menu {
	display : none;
	position : absolute;
	margin : 5px 5px 5px 5px;
	padding: 15px 0px 15px 0px;
	left:10px;
	top:200px;
	width : 170px;
	border : 2px solid #CCFFCC;
	float : left;
}

div.side_menu_group {
	position : relative;
	margin  : -2px 5px -2px 5px;
	padding : 0px 0px 0px 0px;
	border-top : 6px solid silver;
}

.side_menu_title {
	display: block;
	position : relative;
	margin  : 0px 0px 0px 0px;
	padding : 2px 5px 2px 5px;
	text-decoration: none;
	border-bottom : 2px solid silver;
}

.side_menu_item {
	display : block;
	position : relative;
	margin  : 0px 0px 0px 10px;
	padding : 2px 5px 2px 5px;
	text-decoration: none;
	border-bottom : 2px solid silver;
}

.side_menu a:hover {
	background-color : #FFCCCC;
}

/*
div.page_body {
	position : relative;
	background-color: white;
	left:20%;
	right: 0%;
	margin-top: 50px;
	left:185px;
	width: 615px;
	padding: 5pt 5pt 5pt 5pt;
	float: left;
}
*/

div.page_footer {
	position : relative;
/*	left:0px;
	width:800px;
	text-align:right;
	font-size:10px; */
}

p {
	margin-left:20px;
	line-height: 130%;
	text-indent: 1em;
}

p.noindent {
	text-indent: 0px;
}

.signature {
	text-align:right;
}

blockquote {
	font-style:italic;
	font-size: 12pt;
}

h1 {
	border-bottom: 1px solid black;
}

h2 {
	border-bottom: 1px solid silver;
}

h3 {
	border-left: 4px solid silver;
	padding-left:5px;
}

} /* media print */