/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#0054A6;
    letter-spacing:0.1em;
}
a:active { text-decoration: underline; }
a:hover 
{ 
    text-decoration:none; 
    color:#6B5011;
}


h1 { font:bold 24px/100% "Trebuchet MS", Verdana, serif; color:#000000; letter-spacing:0.1em; }
h2 { font:bold 18px/100% "Trebuchet MS", Verdana, serif; color:#6B5011; letter-spacing:0.1em; }
h3 { font:bold 16px/130% serif; color:#A19800; letter-spacing:0.1em; }

p { font: 16px/150% Verdana, Geneva, Arial, Helvetica, serif; color:#000000; letter-spacing:0.1em; }


/*  Layout
----------------------------------------------- */

body {
    background: url(bg3.gif) repeat;
    padding:0 0 0 0;
    margin:0;
    font: 14px/150% serif; color:#000000; letter-spacing:0.1em;
}

#container
{
	width:1000px;
	height: 100%;
	background: url(navi/navi-bg.jpg) repeat-y left top;
}

#navi
{
	background: url(navi/navi-bg.jpg) repeat-y left top;
	float:left;
	width:300px;
	height:auto;
	padding:0 0 30px 0;
	margin:0 0 10px 0;

}

ul.social{
	padding:0 0 0 0;
	margin:17px 0 0 0;
	list-style: none;
	}

	ul.social li {
			float: left;
			padding:0 0 0 0;
			margin:-6px 0 0 0;
			}




#main
{
    background:#FFFFFF;
    float:left;
    margin:0 0 0 0;
    width:650px;
    padding:25px;
	text-align:left;
}


#toroku1 {
	background: url(toroku01.jpg) no-repeat;
	margin: 0px;
	width: 650px;
	height: 60px;
}

#toroku2 {
	background: url(toroku-bg.jpg)repeat-y;
	margin: 0px;
	width: 610px;
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}

#toroku3 {
	background: url(toroku02.jpg) no-repeat;
	margin:-16px 0 40px 0;
	width: 650px;
	height: 15px;
}

#kyodaku1 {
	background: url(kyodaku01.jpg) no-repeat;
	margin: 0px;
	width: 650px;
	height: 50px;
}

#kyodaku2 {
	background: url(kyodaku-bg.jpg)repeat-y;
	margin: 0px;
	width: 610px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#kyodaku3 {
	background: url(kyodaku02.jpg) no-repeat;
	margin:-16px 0 20px 0;
	width: 650px;
	height: 15px;
}

#inyo1 {
	background: url(inyo01.gif) no-repeat;
	margin: 0px;
	width: 650px;
	height: 50px;
}

#inyo2 {
	background: url(inyo-bg.gif)repeat-y;
	margin: 0px;
	width: 610px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#inyo3 {
	background: url(inyo02.gif) no-repeat;
	margin:-16px 0 40px 0;
	width: 650px;
	height: 15px;
}


#footer{
	width: 940px;
	clear: both;
	background: #333333;
	overflow: auto;
	padding:20px 30px 30px 30px;
	margin-top: 0px;
	font-size: 12px;
	color:#FFFFFF;
	text-align:left;
}

#ya {
	background: url(ya2.jpg) no-repeat left;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
}

	#footer .col1{
		width: 300px;
		margin: 0 0 0 0;
		float: left;
		overflow: auto;
	}
	#footer .col2{
		background: url(footer-bg.gif) no-repeat left;
		width: 280px;
		margin: 10px 30px 0 0;
		padding-left: 25px;
		overflow: auto;
		float: left;
	}
		#footer .col2 a{
				color: #ffffff;
			}
		#footer .col2 a:hover 
				{ 
				text-decoration:none; 
				color:#FF9900;
				}

	#footer .col3{
		background: url(footer-bg.gif) no-repeat left;
		width: 250px;
		margin: 10px 0 0 0;
		padding-left: 25px;
		overflow: auto;
		float: left;
	}
		#footer .col3 a{
				color: #ffffff;
				}
		#footer .col3 a:hover 
				{ 
				text-decoration:none; 
				color:#FF9900;
				}

		
#footer-copyright{
	width: 1000px;
	clear: both;
	background: #555555;
	display: block;
	border-top: 2px solid #777777;
	text-align:center;
	font-size: 12px;
	color: #ffffff;
	}
}