@import url(common.css);
* {
	font-size: 100%;
	margin: 0;
	padding: 0;
}
html,body {
	width: 100%;
	height: 100%;
}
body {
	font-family: georgia, serif;
	font-size: 79%;
	background: #fff;
	color: #000;
}
a,.pseudo-href {
	color: #000;
	border-color: #000;
}
p {
	margin-bottom: 1.33em;
}
img {
	border: 0;
}
h1 {
	font-size: 300%;
	font-style: italic;
	font-weight: normal;
	color: #bc2273;
	margin-bottom: 0.2em;
	clear:left;
}
#page {
	position: relative;
	margin: 0 7% 0 3%;
}
#header {
	padding: 15px 0 40px 0;
	position: relative;
	font-size: 89%;
	zoom: 1;
	margin-bottom:2em;
	font-family:sans-serif;
}
#logo {
	position: absolute;
	left:0;
}
#service-nav {
	list-style: none;
	position: absolute;
	right: 0;
}
#service-nav li {
	width: 17px;
	height: 17px;
	overflow: hidden;
	float:left;
	background: url(../i/icons.png) no-repeat;
	margin-right:10px;
}
#service-nav li * {
	padding-left: 20px;
	white-space:nowrap;
	display:block;
}
#service-nav li.home {
	background-position: -46px -5px;
}
#service-nav li.sitemap {
	background-position: -75px -5px;
}
#service-nav li.mail {
	background-position: -102px -5px;
}
#header .info {
	float: left;
	width: 25%;
	padding-left: 20px;
}
#header .info h4 {
	font-weight: normal;
	margin-bottom: 0.5em;
}
#header .info form {
	margin-bottom: 2em;
	height: 3em;
}
#header .info address {
	clear: both;
}
#header .info address .org,#header .info address .tel {
	display: none;
}
#header .info address img {
	display: block;
	margin-top: 5px;
}
#user-info {
	width: 30%;
	float: left;
	padding: 0 40px;
}
#user-info .quit img {
	width: 16px;
	height: 16px;
	display: inline;
	margin-left: 4px;
	margin-top: -2px;
	background-position: -5px -4px;
}
#user-info ul {
	list-style: none;
	padding-top: 1em;
	width: 200%;
	margin-right: -100%;
}
#user-info ul li {
	float: left;
	margin-right: 25px;
	padding:5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px 10px;
	background:#dbeaf1;
	position:relative;
	left:-10px;
}
#user-info ul a {
	display: block;
}
#page-body {
	clear: both;
}
#left-column {
	float: left;
	width: 25%;
	margin-right: -25%;
	padding-top: 1.3em;
}
#search {
	width: 80%;
}
#search input {
	width: 100%;
}
#search .example {
	font-size: 89%;
	color: #aaa;
	margin-top: 0.4em;
	-webkit-margin-start: 10px;
}
#search .example .pseudo-href {
	color: #aaa;
	border-color: #aaa;
	border-bottom-style: dotted;
}
#left-column ul.navigation {
	list-style: none;
	font-size: 130%;
}
#left-column ul.navigation li {
	margin-bottom: 1em;
}
#left-column ul.navigation li.selected {
	color: #bc2273;
}
#left-column ul.navigation ul.navigation {
	font-size: 75%;
	margin: 1em 0 2em 10px;
}
#content {
	width: 75%;
	position: relative;
	left: 25%;
	line-height: 1.6;
	float: left;
}
#content h2 {
	font-size: 170%;
	margin-top: 1em;
	font-style: italic;
}
#content blockquote {
	font-size: 150%;
	margin: 1.33em 0;
	margin-left: 30%;
	border-left:2px solid #ffc8e5;
	color: #b5b5b5;
	padding-left:10px;
	font-weight:normal;
	font-style:italic;
}
#footer {
	clear: both;
	padding: 60px 0;
	position: relative;
	zoom: 1;
}
#copyright {
	width: 50%;
	position: relative;
	left: 25%;
	color: #808080;
	font-size: 89%;
	line-height: 1.6;
	padding-left: 2em;
	text-indent: -2ex;
	margin-left: -2em;
}
.icon {
	display: block;
	position: absolute;
	background: url(../i/icons.png) no-repeat;
}
.clear {
	clear: both;
	font-size: 0;
}
.pseudo-href {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	cursor: pointer;
}