/* common definitions */
body {
	margin:0px 1em 1em 1em;
	padding:0px;
	font-family:verdana, sans-serif, arial;
	font-size:0.75em;
	color:#000;
	line-height:1.4em;
	background-color:#333;
}
li {
	margin:.1em 0px;
	padding:0px;
}
a {
	color:#a00;
	font-weight:bold;
	text-decoration:none;
}
h1 {
	padding:0px;
	margin:0px;
	width:800px;
	height:130px;
	font-size:3.5em;
}
h2 {
	margin-top:1.5em;
}
h3 {
	margin-top:1em;
}
img {
	border:none;
}
p {
	margin:1em 0px;
	padding:0px;
}
q {
	color:#555;
	font-style:italic;
}
blockquote {
	color:#555;
	padding-left:1em;
	border-left:solid 5px #b7b9a9;
	font-style:italic;
}
blockquote cite {
	display:block;
	padding-top:1em;
	color:#000;
	font-style:normal;
	font-size:.9em;
}
textarea {
	width:480px;
	padding:1em;
	font-family:verdana, sans-serif, arial;
	font-size:.9em;
}
th, td {
	text-align:left;
	padding-right:2em;
}

/* areas */
#main {
	margin:auto;
	width:800px;
	min-height:740px;
	background-color:#d0d5bf;
}

/* header */
#head {
	height:130px;
	background-image:url(image/head.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
h1 a, h1 a:hover {
	display:block;
	padding:35px 0px 45px 180px;
	// padding: 35px 0px 45px 195px;
	text-decoration:none;
}
h1 a span {
	color:#ccc;
}
#subline {
	color:#000;
	padding-left:2px;
	font-size:.3em;
	font-weight:normal;
}

#language {
	margin:0px;
	padding:0px;
	color:#b2b19e;
	background-color:#333;
}
#langsel {
	margin:0px;
	padding:0px;
	height:1.7em;	
	font-size:.9em;
	list-style-type:none;
	list-style-position:inside;
	text-transform:lowercase;
	background-color:#444;
}
#langsel li {
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
}
#langsel a {
	margin:0px;
	padding:.3em 1em;
	color:#b2b19e;
	font-weight:normal;
}
#langsel a:focus, #langsel a:hover {
	color:#000;	
	background-color:#b7b9a9;
}
#langsel .selected {
	color:#000;
	background-color:#616161;
}

/* left collum */
#leftcol {
	clear:left;
	float:left;
	width:165px;
	margin:0px 0px 0px 33px;
	padding:0px 15px 1em 0px;
	font-weight:bold;
}
#leftcol #menu {
	padding-top:2em;
}
#leftcol h2 {
	margin:0px 0px 0px 15px;
	padding:0px;
	color:#b7b9a9;
	text-transform:uppercase;
}
#leftcol h3 {
	margin:0px;
	padding:0px;
}
#leftcol ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#leftcol li {
	margin:0px;
	padding:0px;
}
#leftcol a {
	padding:.3em 0px .3em 15px;
	color:#000;
	display:block;
	background-color:#b7b9a9;
	border-bottom:solid 1px #d0d5bf;
}   
#leftcol a:focus, #leftcol a:hover {
	background-color:#eee;
	text-decoration:none;
}
#leftcol li ul a {
	font-weight:normal;
	text-transform:none;
	padding:.2em 0px .2em 35px;
}
#act h2 {
	margin-top:1em;
	color:#a00;
}
#act a {
	color:#fff;
	background-color:#a00;
}

.button {
 	color:#fff;
	font-weight: bold;
	background-color:#a00;
	padding:0.5em !important;
	font-size:1.2em !important;
}


#act a:hover, #act a:focus {
	background-color:#f00;
}
#share h2 {
	margin-top:1em;
}
#share a {
	padding:.5em 0px .1em 15px;
}
#share a span {
	padding-left:.5em;
	vertical-align:top;
}

/* content area */
#textarea {
	margin-left:180px;
	padding:.5em 50px 40px 50px;
}
#nav {
	float:right;
	margin:0px 0px 2em 0px;
	padding:.2em 0px;
	font-weight:bold;
	text-align:right;
	text-transform:lowercase;
}
#nav a {
	color:#222;
	padding:0px;
	font-weight:normal;
	font-style:italic;
}
#nav span {
	padding:0px .3em 0px .6em;
	font-weight:normal;
}
#nav a:focus, #nav a:hover {
	text-decoration:underline;
}
#textarea li {
	padding:.5em 3em .5em 1em;
}
#textarea a {
	padding:0px .2em 0px 0px;
	font-style:italic;
}
#textarea a:focus, #textarea a:hover {
	text-decoration:underline;
}
#textarea input, #textarea select {
	margin:0px 5px 5px 0px;
	padding:.1em .5em;
	font-size:.9em;
}
.floater {
	float:right;
	padding:0px 0px 1em 1em;
}
dd + dt {
	margin-top:1em;
}
label {
	display:block;
	width:10em;
	float:left;
	padding-top:.2em;
}
textarea {
	width:500px;
}
.remark {
	font-size:.8em;
	margin: 1em;
}
#warning {
	padding-left:3em;
	color:#f00;
}
#social a {
	padding-right:2em;
}
#mails { 
margin: 1em;
	/* padding-left:10em;   */
}

.formtable {
text-align: right;
}

#follow {
	font-weight:bold;
	text-align:right;
}
#follow span {
	padding-left:1em;
}

/* footer */
#bottomline {
	clear:both;
	margin:auto;
	width:570px;
	padding: .5em 0px 0px 0px;
	/*padding:.5em 0px 0px 230px;*/
	text-align: center;
	color:#b2b19e;
	font-size:.8em;
}
#bottomline a {
	color:#fff;
}

.hpalert {
text-align: right;
margin-top: 0.4em;
}

.hpalert a {
font-style: normal
}

table.dif {border-collapse: collapse;}
table.dif td, th { padding: 7px; border: 1px solid #000; }
