@charset "UTF-8";
/* CSS Document */
body {
	height: 100%;
	min-height:520px;
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size: 14px;
    color: black;
    padding: 0;
    margin: 0;
	width: 100%;
	}

/*header*/
@media screen and (min-width: 800px){
#header{
	height:120px;
	display:block;
	margin:none;
	}}
@media screen and (max-width: 800px){
#header{
	height:200px;
	display:block;
	margin:none;
	}}
header#header-contents{
	margin: 0 auto;  	
	}
nav#navigation{
	display: block;	
	width: 100%;
	box-shadow:#000;	
	height:30px;
	margin: -15px auto;
	color: #286D7F;
	background:#286D7F;
	position:fixed;
	z-index:100000;
	/* box-shadow */
	box-shadow:rgb(113, 135, 164) 0px 0px 10px 1px;
	-webkit-box-shadow:rgb(113, 135, 164) 0px 0px 10px 1px;
	-moz-box-shadow:rgb(113, 135, 164) 0px 0px 10px 1px;
	}
#main-nav{
	text-shadow: 0px 0px -1px #000 ;
	margin: 0 auto;
	width: 800px;
	 text:;
	font-size: small;
	font-weight:500;
	}
	
	
	/* contewnts */
.bottom a{
	/*リンクされた文字*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
	
}
.bottom a:link{/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.bottom a:visited{/*訪問後のリンク*/
    color:#fff;
    text-decoration:none;
}
.bottom a:hover{/*マウスをのせたとき*/
    color:#39F;
    font-style:normal;
    text-decoration:underline;
}
.bottom a:active{/*クリック中*/
    text-decoration:none;
	}
	
li.bottom{
	width:25%;
	float:left;
	
}
#site-titel{
	display:block;
	max-width:800px;
	min-width:400px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	}
@media screen and (min-width: 800px){#logo{
	margin-top: 20px;
	width: 395px;
	float:left;
}}
@media screen and (max-width: 800px){#logo{
	margin-top: 20px;
	width: 100%;
	float:left;
}}
@media screen and (max-width: 800px){#logo img{
	display:block;
	margin:0 auto;
	}}
@media screen and (min-width: 800px){
	#discription{
	padding-top:15px;
	font-size:smaller;
	font-weight:bold;
	letter-spacing:1px;
	height:90px;
	margin-top: 20px;
	width: 395px;
	float:right;
	}}
@media screen and (max-width: 800px){
	#discription{
	display:block;
	text-align:center;
	padding-top:15px;
	font-size:smaller;
	font-weight:bold;
	letter-spacing:1px;
	height:90px;
	
	width: 100%;
	float:;
	}}
	
/* contewnts */
.title {  
    border-top: 1px solid #999;  
	}
.title img{
	padding:4px;}
.title a{
	margin-top:-4px;}
a.a-title{
	/*リンクされた文字*/
    color:#999;
    font-style:normal;
    text-decoration:none;
}
a:link.a-title{/*未訪問のリンク*/
    color:#333;
    font-style:normal;
    text-decoration:none;
}
a:visited.a-title{/*訪問後のリンク*/
    color:#333;
    text-decoration:none;
}
a:hover.a-title{/*マウスをのせたとき*/
    color:#39F;
    font-style:normal;
    text-decoration:underline;
}
a:active.a-title{/*クリック中*/
    text-decoration:none;
	}

#contents{/*事業*/
min-height: 500px;
width: 810px;
height: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
}
	
	
/* footer */

footer{/* top */
bottom:0px;
display: block;	
width: 100%;
box-shadow:#000;	
height:100px;
background:#286D7F;
position:relative;
}

#footer-contents{/* top */
margin: 0 auto;  
width: 800px;}

#site-links{
height:80px;
}
#footer-nav{
white-space:nowrap;
}
#footer-contents p{
height: 10px;
margin: 0 auto;
}
.link-box{
display:inline;
font-size:10px;
margin-top:10px;
width:25%;
float:left;}

.link-box a{
color:#CCC;
font-style:normal;
text-decoration:none;

}
.link-box a:link{/*未訪問のリンク*/
    color:#fff;
    font-style:normal;
    text-decoration:none;
}
.link-box a:visited{/*訪問後のリンク*/
    color:#000;
    text-decoration:none;
}
.link-box a:hover{/*マウスをのせたとき*/
    color:#39F;
    font-style:normal;
    text-decoration:underline;
}
.link-box a:active{/*クリック中*/
    text-decoration:none;
}


.clear { /*クリア*/
padding: 0;
text-align: center;
clear: both;
}