@charset "utf-8";
#container {width: 99%; background: #FFFFFF;margin: 0 auto; text-align: left;} 
#navigator{display:block;text-align:right;font-size:0.8em;padding:5px;color:#A3BCD3;background-color:#1580D8;border-bottom:1px solid #ffffff;line-height: 95%;}
#navigator a:link, #tools a:link, #menubar a:link, #tools a:visited, #menubar a:visited, #navigator a:visited{text-decoration:none;color:#fff;}
#navigator a:hover, #menubar a:hover, #menubar a: active, #navigator a:active, #tools a:hover,#tools a:active{text-decoration:none;background:#fff;color:#003366;}
#navigator a.skip:link,#navigator a.skip:visited, #tools a.skip:link,#tools a.skip:visited, #menubar a.skip:visited, #menubar a.skip:link{text-decoration:none;color:#BBBBBB;}
#navigator a.skip:hover,#navigator a.skip:active, #tools a.skip:hover,#tools a.skip:active, #menubar a.skip:hover, #menubar a.skip:active{text-decoration:none;background:#BBBBBB;color:#FFFFFF;}
#navigator form{margin:0px; padding:0px;}
#header {background-image:url(//www.denver.us.emb-japan.go.jp/title/titlebg.jpg);background-color:#002d87;background-repeat: no-repeat;margin:0px;padding: 0 10px;} 
#menubar { background:#062673; padding: 0 10px;color:#fff;text-align:center;line-height:140%;clear:both;font-size:0.8em;font-weight:bold;text-decoration:none;padding:3px;}
#sidebar1 {float: left; width: 19%;background: white;padding: 15px 0;font-size: 0.8em;}
#sidebar2 {float: left; width: 17%; background: white;padding: 15px 0;font-size: 0.8em;}
#sidebartitle{margin:0px;padding:0px;background-image:url("../title/sidebarbg.gif");background-repeat:repeat-x;}
#contentleft {float: right; width: 48%;padding: 1% 1% 1% 0;}
#contentright {float: left; width: 48%;padding: 1% 0 1% 1%;}
#sidebar1 h3,  #sidebar1 p,  #sidebar2 p,  #sidebar2 h3 {margin-left: 10px; margin-right: 10px;}
#banner {float: auto; 	background: none;	margin: 0 auto;	text-align: center;	line-height: 0.2em;}
#clear {float: auto;width: 100%;}
#maincontent {float:left; width:60%; padding: 0 0.5em; }
/* 新着情報フォントサイズ設定 */
#maincontent h3{margin:0em 0px 3px 0px;font-size:0.9em;	}
#maincontent h4{margin:0px 0px 0px 15px;font-size:0.9em;	}
#maincontent p{margin:0px 0px 1em 15px;font-size:0.8em;color:#333333;}
#mainphoto{	text-align:center;	width:100%;	background-color:#F2F2F2;	margin:0px 0px 5px 1px;	font-size:0.9em;	}
#mainphoto img{	margin:4px;	}
/* 新着情報タイトルバナー設定 */
#news{margin-right:1em ;position:relative;display:block;}
#news h2.news{margin:0px;padding:0px;background-image:url("../title/menubg.gif");background-repeat:repeat-x;}
#highlights{position:relative;display:block;	}
#highlights h2.highlights{margin:0px;padding:0px;background-image:url("../title/menubg.gif");background-repeat:repeat-x;}	
#topicsphoto {float: right;width: 170px;height: 113px;}
/* その他のタイトルバナー設定 */
#contents{position:relative;display:block;}
#contents h2.contents{padding:0px;background-image:url("../title/menubgub.gif");background-repeat:repeat-x;}
#footer { padding: 0 10px;background:#DDDDDD;font-size: 0.9em;text-align: center;} 
#footer p {margin: 0; padding: 10px 0;}
#new {font-size: 0.7em;	color: red;}
.clearfloat {clear:both;   height:0;   font-size: 1px;   line-height: 0px;}
.fontresize a {padding:2px 2px;text-decoration:none;color: #CCC;background: #006;border:1px solid #505050;}
.fontresize a:hover {background:#fafafa; color:#006}
img { border-style: none; background: none;} 
img a:link, img a:visited, img a: hover, img a: active{ background:none;}

@media screen and (max-width: 800px){
#sidebar1 {float: left; width: 25%;background: white;padding: 15px 0;font-size: 0.8em;}	
#sidebar2 {clear:both;float: none; width: auto; background: white;padding: 15px 0;font-size: 0.8em; margin-top:5em;}
#sidebar2 br {display:none;}
#banner {float: auto; background: none;	margin: 0 auto;	text-align: center; line-height:2em;}
#maincontent {float:left; width:70%; padding: 0 0.5em;}
}