@charset "UTF-8";
/* CSS Document */

body{
	background-color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
}

a {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: color, border-color, background-color;
    transition-property: color, border-color, background-color;
    text-decoration:none;
}

a:focus {
    outline: thin dotted;
    text-decoration: none;
}

a:active, a:hover {
    outline: 0;
    text-decoration: none;
    color: #F60;
}

a img{
	border-style:none;
}

.fade {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  

.fade:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}

.header{
	float:left;
	width:100%;
	background-color:#FFF;
}

.pankuzu{
	width:300px;
	float:left;
	margin-top:40px;
	margin-left:40px;
}

.logo{
	width:280px;
	float:right;
	margin-top:15px;
	padding-bottom:15px;
}

.title {
    padding: 30px 0 30px 0;
    margin:0;
    background-color:#FFA100;
    width:100%;
    float:left;
}

.title h1 {
    margin-bottom: 20px;
    margin-left:40px;
    color: #FFF;
    font-weight: 600;
    font-size: 30px;
    letter-spacing:3px;
    float:left;
}

.container{
	margin:auto;
	width:1000px;
}

.staffA{
    padding:20px 0 0 40px;
    width:1000px;
    float:left;
}

.photo{
	width:300px;
	float:left;
}

.diary{
	width:680;
	float:left;
	margin-left:50px;
}

.main_culm{
	border-bottom:1px solid #6C9;
	padding:10px 10px 10px 10px;
	font-size:13px;
}

.content{
	width:1000px;
	float:left;
	margin-top:40px;
}

.content2{
	width:290px;
	float:left;
	padding:10px;
}

.foot{
	width:1000px;
	float:left;
}

.foot img{
	margin:10px;
}

.foot .motto{
	margin-bottom:70px;
}

#footer {
    width:100%;
    float:left;
    border-top:#F90 1px solid;
    margin-top:30px;
    padding:10px 0;
}

.copyright{
	font-size:12px;
	color:#999999;
	margin:auto;
	width:330px;
}

#pageTop {
    position:fixed;
    right:0;
    bottom:0;
    padding:10px;
    background:#000
}

#pageTop a {
    padding:0 0 0 12px;
    color:#fff;
    font-size:11px;
    background:#000 url("../images/bg_pagetop.gif") 0 50% no-repeat;
    text-decoration:underline;
}

#pageTop a:hover{
	color:#F90;
}