@import "paragraph.css";
@import "glossary/glossary.css";

/*========== レイアウト　==========*/

body {
	text-align:center;
	margin: 0px;
	padding: 0px;
	background: #f0f0f0;
	background-image : URL("http://www.benrishi.com/images/back.jpg");
	background-repeat : repeat-xy;
}

/*---------- base　----------*/

#base{
	width: 840px;
	margin: 0 auto;
	padding: 0;

	background-color: white;
	border-right: 1px solid #888;
	border-left: 1px solid #888;

	text-align: center;
	font-size:100%;
	line-height:1.3;
}

/*---------- topline　----------*/

#topline {
	width:820px;
	margin:0px auto;
	padding: 0px;
	text-align:right;
	font-size:80%;
	color:#ccc;
}

/*---------- header　----------*/

#header {
	margin: 0 auto;
	padding: 0;
}

/*---------- header_sub　----------*/

#header_sub {
	width: 840px;
	height: 105px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-image: url("http://www.benrishi.com/images/header_sub_bg.gif");
	background-position: center top;
	background-repeat: repeat-y;

	font-size:80%;
	color: #aaa;
	line-height:1.2;
}

/*---------- outline　----------*/

#outline {
	width: 770px;
	margin:0px auto;
	padding: 0px;
	background : #ffffff;
	text-align:center;
 }

/*----------  main  ----------*/

#main {
	width: 500px;
	float: right;
	margin: 0 auto;
	padding: 40px 0px 10px 0px;
	text-align: left;
	font-size:80%;
	line-height:1.3;
}

/*----------  side  ----------*/

#side {
	width:270px;
	float:left;
	margin: 0px;
	padding: 40px 0px 10px 0px;
	text-align: left;
	font-size:90%;
	color : #444;
}

/*---------- footer　----------*/

#footer {
	clear:both;
	width: 840px;
	margin: 0 auto;
	padding: 0;

	background-color: white;
	border-top: 1px solid #888;

	font-size:80%;
	text-align: left;
	color: #aaa;
}