Screen layout: */

html {
		background-color:  #ffff;
		width: 100%;
		height: 100%;
		margin:0 auto;
		padding: 0 auto;
}

body{
		width: 100%;
		height: 100%;
		margin:0;
		padding: 0;
		background-color:  #fff;
		line-height: 1.6;
		color: #333;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align:center;
}

#thetop{
		width:100%;
		height: 5px;
		position:relative;
		background:url(../images/top.gif) repeat-x top;
		background-attachment: fixed;
		text-align: left;
		margin: 0 0;
		padding: 0 0;
}


#header {
		width: 820px;
		height: 100px;
		margin: 0 auto;
		padding: 0 0;
		background: #fff;
		text-align: left;
		display:block;
		position: relative;
}

#header .top {
		width: 350px;
		height: 100px;
		float: left;
}


#header .address {
		width: 460px;
		height: 100px;
		float: left;
}

#header .address ul{
		font-size: 0.75em;
		color: #222;
}

#container{
		width: 820px;
		height: auto;
		margin: 0 auto;
		padding: 0 0;
		background:#fff;
		color:#222;
}

#container p{
		margin: 10px 0 20px 0;
		padding: 20px 0 20px 10px; 
		border-top: #C8A467 solid 1px;
		border-bottom: #C8A467 solid 1px;
		display:block;
		text-align:left;
		
}

#container .box{
		width: 820px;
		height: 400px;
		margin: 40px 0 0 0;
		display: block;
		border-bottom: #C8A467 dotted 1px;
}

#container .box2{
		width: 500px;
		height: 300px;
		float: left;
		margin-left:10px;
		display: block;
}



#container .box3{
		width: 250px;
		height: 300px;
		float: left;
		margin-left:10px;
		display: block;
}


#container ul{
		margin: 0 0;
		padding-left: 10px;
		float:right;
		list-style: none;		
}

#container li{	
	float: right;
	text-align:left;
	list-style: none;
	width: 200px;
}


#container li.text{	
	margin-top:10px;
	border-top: #C8A467 solid 1px;
	padding-top:10px;
	font: 0.75em #222; 
}

#container li.text2{	
	margin-top:10px;
	border-top: #C8A467 solid 1px;
	padding-top:10px;
	font: 0.75em #222; 
	width: 400px;
}


#logo {
	position: absolute;
	margin: 0 0;
	top: 85%;
	right: 5%;
}





a{
		background-color:inherit;
		color: #804000;
		
}

a:hover{
		text-decoration:none;
}

a img{
		border:0;
}


a { /* FireFox リンク選択時の点線を消す　*/
    	overflow: hidden;
    	outline: none;
}




p{
		margin:0 0 25px 0;
		line-height:1.6;
		font-size:0.95em;
		color:#222;
}

h1 {
		font-size:0.9em;
		padding:10px 0 10px 10px;
		border: dotted 1px #CCC;
		text-align:left;
		background:#006C00;
		color: fff;
}

h3 {
		font-size: 1.0em;
		padding:0 0 0 35px;
		margin-right: 15px;

}

ul, li {
		list-style: none;
}



.headerstyle{
		display:block;
		margin:30px 25px 10px 0;
		padding:5px 25px 5px 8px;
		color:#222;
		border-top:1px solid #ddd;
		border-right:1px solid #bbb;
		border-bottom:1px solid #bbb;
		border-left:1px solid #ddd;
		text-decoration:none;
}




/*フッタ*/



#footer{
		margin:30px auto 20px auto;
		width:820px;
		background:#fff bottom left no-repeat;
		padding:0 0 5px 0;
		font-size:0.9em;
		color:#888;
		text-align:left;
		height: auto;
}

.clear{
clear:both;
margin:0;
}

.right{
text-align:right;
}

.internallink{
font-size:0.9em;
text-align:center;
}

.block{
padding:20px;
background:#eee;
color:#222;
border:2px solid #ddd;
}

.credit{
color:#888;
background-color:inherit;
}

.hide{
display:none;
}


.Margin-Top10px{
	margin-top: 10px;
}

.Margin-Top30px{
	margin-top: 30px;
}

.Margin-Top50px{
	margin-top: 50px;
}

.Margin-Bottom50px{
	margin-bottom: 50px;
}

.Margin-Right 15px{
	margin-right: 15px;
}

.Border-Top {
	border-top: #C8A467 solid 1px;
}