@charset "utf-8";
/* CSS Document */
#wrapper
{
	width:960px;
	margin:auto;
}

header
{
	background:#eeeeee;
	padding:10px;
	margin:10px 0 20px 0;
}

header nav{
	height:40px;
	width:800px;
	margin:0 auto 10px;
}

header nav li{
	float:left;
}

header nav a{
	display:block;
	width:176px;
	height:36px;
	font-size:108%;
	font-weight:bold;
	line-height:36px;
	text-align:center;
	margin:0 10px;
	background:#696969;
	color:#ffffff;
	border:solid 2px #ffffff;
	box-shadow: 1px 1px 3px #999;
	-moz-border-radius:0 10px 0 0;
	-webkit-border-radius:0 10px 0 0;
	border-radius:0 10px 0 0;
	background: -moz-linear-gradient(top, #a9a9a9 0%, #696969 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9a9a9), color-stop(100%,#696969)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a9a9a9 0%,#696969 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a9a9a9 0%,#696969 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #a9a9a9 0%,#696969 100%); /* IE10+ */
	background: linear-gradient(top, #a9a9a9 0%,#696969 100%); /* W3C */
	
}

header nav a:hover{
	color:#FFFFFF;
	background:#696969;
}

#side_menu
{
	float:left;
	background:#ffffff;
	width:200px;
	height:340px;
	padding:10px;
	margin-right:10px;
	margin-bottom:30px;
}

#layout1
{
	/*width: 170px; 
	height: 280px;*/
	margin:16px;
}

#contents
{
	float:left;
	background:#ffffff;
	width:580px;
	height:340px;
	padding:10px;
	margin-right:10px;
	margin-bottom:30px;
	background-image:url(bear_01.gif);
	background-position:bottom;
}

table
{
	border:1px solid #696969;
} 

table tr td,table tr th
{
	border:1px dotted #696969;
}

table tr td
{
	padding-left:10px;
	padding-right:10px;
}

#right_box
{
	float:right;
	background:#ffffff;
	width:100px;
	height:340px;
	padding:10px;
	margin-left:auto;
}

.r_moji
{
	margin-bottom:80px;
}

#fla1
{
	width:100%;
}

.bot
{
	text-align:center;
}

footer
{
	clear:both;
	background:#eeeeee;
	padding:10px;
	margin-bottom:10px;
	height:30px;
}

footer ul li 
{
	float:left;
	padding:10px;
	margin-right:20px;
	
}

footer nav a
{
	color:#696969;
}

footer nav a:hover
{
	color:#FFFFFF;
}

footer p.copy
{
	text-align:right;
	padding:10px;
}

#c1
{
	text-indent:4.5em;
}

#c2
{
	text-indent:6em;
}

#fig1
{
	float:left;
	text-indent:7em;
}

#fig2
{
	text-indent:7em;
	float:left;
}

#c3 a:active
{
	color:#696969;	
}

#c3 a:active
{
	color:#696969;	
}


#c4 a:active
{
	color:#696969;	
}


#f
{
	text-indent:6em;
	letter-spacing:3px;	
}

#tab4
{
	width:500px;
	height:auto;
}



#tab3
{
	
}

#t
{
	text-indent:4.5em;
}

#t1
{
	text-indent:5em;
}

#t2
{
	
	text-indent:5em;
}

#t3
{
	text-indent:6em;
	
}

#t4
{
	text-indent:5em;
	
}

#t11
{
	letter-spacing:7px;
}

#t11 a:visited
{
	color:#000;	
}

#t11 a:link
{
	color:#000;	
}

#t11 a:hover
{
	color:#000;	
	text-decoration:blink;	
}

#t11 a:active
{
	color:#000;
}

#t22
{
	letter-spacing:5px;
}


#t33
{
	letter-spacing:5px;
}

#ohana
{
	margin-left:272px;
	color:#bdb76b;
}

#ohana_koment
{
	text-indent:26em;
	color:#bdb76b;
}

#ohana_koment2
{
	text-indent:28em;
	color:#bdb76b;
}

#ohana_koment3
{
	text-indent:29.5em;
	color:#CCC;
}

#photo
{
	text-indent:5em;
	
}