/* CSS Document */

body {
    background: url(../images/bg.png) top repeat-x;
	 background-color: #272727;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 10pt;
    margin-top: 10px; 
	 padding: 0;
}


h4 {
    color: #ff6f0b;
    margin-top: 20px;
    text-align: center;
    font: bold 12pt Tahoma, Helvetica, sans-serif;
}

h5 {
    color: aqua;
    margin-top: 20px;
	 margin-bottom: 0px;
    text-align: center;
    font: bold 14px Tahoma, Helvetica, sans-serif;
}

h6 {
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ff6f0b;
    margin-top: 20px;
	 margin-bottom: 0px;
    text-align: center;    
}

p {
    color: #cccccc;
    font-size: 10pt;
}

.pc {
	color: #fff;
	text-align: center;
}

.pl {
	text-align: left;
}

.pj {
	color: #fff;
	text-align: justify;
}

.pp {
	font-size: 7pt;
	color: #cccccc;
	text-align: center;
}

a:link {
    color: #c0c0c0;
    text-decoration: none;
}

a:hover {
    color: #ffff00;
    text-decoration: none;
}

a:visited {
    color: #c0c0c0;
    text-decoration: none;
}

#top {
    margin-top: 0px;
    color: #2c414e;
}

#ontop {
	 background: #525252;
	 color: #ccc;
    padding: 5px 10px 5px 10px;
    line-height: 30px;
}

#wrapper {
	margin:0 auto;
	width: 980px;
	height:auto;
	text-align: center;
}

#side {
	background: url(images/bg_menu.png) #414141;
	margin:auto;
	width: 180px;
	height:auto;
}

#content {
	margin:auto;
	height:auto;
}

#header {
	margin: 0 0 5px 0;
	height:auto;
}

#footer {
	height:auto;
}

img.thumb_oth {
    border-color: #ff6f0b;
    border-style: solid;
    border-width: 3px; 
}

.imm {
	margin: 0px 5px 5px 5px;
	padding: 2px 0 3px 0;
	border-style: none;
}

#menu_nav ul {
    margin: 0;
	 padding: 0;
	 list-style: none;
	 display: block;
}

#menu_nav li {
	 background-color: #525252;
	 margin: 0 0 1px 0;
}

#menu_nav li a {	 
	 padding:5px 0 5px 0;
	 display:block;
	 height:auto;
	 font-family: Tahoma, Helvetica, sans-serif;
	 font-size: 12pt;
	 color:#ccc;
	 text-decoration:none;
}

#menu_nav li a:hover {
	 color: #ffff00;
}

#menu_nav li a.sel {
    background: #717171;
    color: #ff6f0b;
}

#list ul {
    margin: 0;
	 padding: 0;
}

#list li {
	 margin: 0 0 0 30px;
	 color: #c0c0c0;
	 text-align: left;
	 line-height: 25px; 
}

@media (min-width: 970px) {
	#wrapper{width:790px;}
	#header{width:790px;}
	#side{width:180px;float:left;}
	#content{width:590px;float:right;}
	#footer{width:790px;float:right;}
	#header img{margin:0;width:790px;height:auto;}
}

@media (max-width: 970px) {
	#wrapper{width:790px;}
	#header{width:790px;}
	#side{width:180px;float:left;}
	#content{width:590px;float:right;}
	#footer{width:790px;float:right;}
	#header img{margin:0;width:790px;height:auto;}
}

@media (max-width: 750px) {
	#wrapper{width:420px;}
	#header{width:420px;}
	#side{width:240px;float: inherit;}
	#content{width:420px;}
	#footer{width:420px;}
	#header img{margin:0;width:420px;height:auto;}
}

@media (max-width: 470px) {
	#wrapper{width:310px;}
	#header{width:310px;}
	#side{width:310px;}
	#content{width:310px;}
	#footer{width:310px;}
	#header img{;margin:0;width:310px;height:auto;}
}

.back-to-top {
 display:none;
 position: fixed;
 bottom: 20px;
 right: 30px;
 width: 50px;
 height: 50px;
 z-index: 9999;
 cursor: pointer;
 text-decoration: none;
 transition: opacity 0.2s ease-out;
 background-image: url(../images/arrow-up.png);
}
.back-to-top:hover{
 opacity: 0.7;
}