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

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

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

header nav li{
	float:left;
	/*下記、タブレット用に追加*/
	width:23%;
	height:36%;
	/*ここまで*/
	margin:0 1%; 
	font-size:x-small;
	
}

header nav a{
	display:block;
	/* PC用下記、削除 
	width:176px;
	height:36px; 
	ここまで*/
	font-size:108%;
	font-weight:bold;
	line-height:36px;
	text-align:center;
	/* PC用下記、削除
	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:16%;
	height:340px;
	padding:10px;
	margin-bottom:30px;
}

#layout1
{
	width:90%; 
	/*height:100%;*/
	/*上記削除しないと、chrome(tablet用)が縦長に崩れる*/
	margin-left:9px;
}

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

table
{
	border:1px solid #696969;
	width:100%;
} 

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

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


#right_box
{
	float:left;
	background:#ffffff;
	width:10%;
	height:340px;
	padding:10px;
	margin-bottom:30px;
}

.r_moji
{
	margin-bottom:27px;
}

#fla1 img
{
	width:100%;
	height:auto;
}

#fla img
{
	width:100%;
	height:auto;	
}


.bot
{
	text-align:center;
	
}

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

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

footer nav a
{
	color:#696969;
}

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

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

#c1
{
	text-indent:2em;
}

#c2
{
	margin-left:40px;
}

#fig1
{
	float:left;
	text-indent:2em;
	width:50%;
}

#fig2
{
	float:left;
	text-indent:2em;
	width:50%;
}

/*タブレット用マウスオーバーの概念なし*/
#c3 a:active
{
	color:#696969;	
}

#c4 a:active
{
	color:#696969;	
}
/*ここまで削除 */

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

#tab4
{
	font-size:90%;
}

td.koumoku
{
/*	width:50%;	*/
}


#right_box a img
{
	width:100%;
}

#tab3
{
	
}

#t
{
	text-indent:4.5em;
}

#t1
{
	text-indent:0.5em;
}

#t2
{
	
	text-indent:0.5em;
}

#t3
{
	text-indent:1.5em;
	
}

#t4
{
	text-indent:0.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;
}

/*#wrapper1
{
	margin-left:1%;
}*/

#ohana
{
	/*margin-left:182px;*/
	display:none;
}

#ohana_koment
{
	text-indent:-999999px;
	overflow:hidden;
}

#ohana_koment2
{
	text-indent:-999999px;
	overflow:hidden;
}

#ohana_koment3
{
	text-indent:-999999px;
	overflow:hidden;
}