body{font-family:'Crimison Text',Arial,sans-serif;font-size:1em}

h1{font-size:24px;font-weight:bold;text-align:center;margin-bottom:1em;margin-top:1em;}

p{margin-bottom:1em;text-align:justify}

p.red{color:#f00;text-align:center}

select{padding:5px;width:100%}
/*nav{margin-bottom:10px}nav ul{list-style:none}nav ul li{display:inline}*/
nav a{display:inline-block;background:#333;color:white;padding:5px 15px;border:1px solid white;text-decoration:none}
nav a:hover{border:1px solid #89aac0;background:#89aac0}
nav a:active{background:blue}
@media(max-width:480px){nav a {width:100%; padding:5px 0px;}}.center{text-align:center}.center img{margin-bottom: 10px}}

a { color: black; }
a:link { text-decoration: none; color: black;}
a:visited { text-decoration: none; color: black;}
a:hover { text-decoration: none; color: red;}
a:active { text-decoration: none; color: red;}

body 
{ background-color:white; line-height:120%;}

h3 
{background-color:red; color:white; width:5em; font-weight:normal;vertical-align:middle;display:table-cell; padding:0.1em; margin-bottom:1em;}

h3.shupan 
{background-color:red; color:white;height:1.8em;width:15em; font-weight:normal;font-size:12px; vertical-align:middle;display:table-cell; padding-left:0.5em; margin-bottom:1em}

#header 
{ background-color:white; padding-bottom:0.5em; text-align: center;}
#header h1 
{ text-align:center; font-size:2em; text-decoration:none; background-repeat: no-repeat;}

#news { background-color:white; width:360px; float:left; padding:0px;
	margin-bottom: 1em;
		/*overflow:auto;*/
	 }
	 
#photo { background-color:white; width:290px; float:left; padding:10px;
	 font-size:12px;  }

#footer
{ background-color:white; clear:both; padding:1em; text-align:right; font-size:0.8em; line-height:120%; border-top: 1px #000000 dashed }

@media handheld, only screen and (min-width: 768px) {
	body{
		margin-left: 10%;
		margin-right: 10%;
		font-size:1em;
	}
}