@charset "utf-8";
/* CSS Document */
  /* style */
a{text-decoration: none;}
  
.cf:after{
 content: "";
 clear: both;
 display: block;
	}

body{
	color:#333;
font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size:0.9em;
	}

#wrap{
	width:1024px;
	margin:0 auto;
	background:#FFFDE8;
	}
	
header{
	height:300px;
	background:url(../img/heder_bg.jpg) no-repeat;
	background-position:top right;
	
	}
	
	
header a,footer a{
	color:#333;
	}
	
header a:hover{
	color:#999;
	}
	
footer a{
	color:#FFC;
	}
	


h1,footer{
	margin: 0 auto!important;
    font-size: small!important;
    /* font-weight: inherit; */
    color: #fff;
    background: #9a867f;
    font-weight: 500;
    margin-left: 1%;
    padding-left: 1%;

	}
	
hgroup{
	margin-left:2%;
	}

	
#header_h2{
	font-size:30px;
	margin-top:2%;
	 margin-bottom: 0;
	 font-family: "Mplus 1p";
	 font-weight:Extrabold; 
	}
	


	
h3{
	margin-top:0;
	}
	
	
	
#contents{
    background-color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
    padding: 2%;
    box-sizing: border-box;
	border: solid 2px #F7F7F7;	
	width: 70%;
    float: left;
    margin: 1%;}
	
	
#sidebar{
margin: 1%;
    width: 26%;
    background-color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
    padding: 2%;
    box-sizing: border-box;
	float:left;
	border: solid 2px #F7F7F7;
	}
	
h2{
	margin-top:0;
    border-bottom: solid 2px #F7F7F7;
    padding-bottom: 1%;
	}
	
	
aside ul{
	margin: auto;
    padding: 0;
    list-style: none;
	}
	
aside ul li{
	margin: 5% 0;
	font-weight: bold;
	color:#9a6f5a;
	}
	
aside ul li a{
	color: #9a6f5a;
	}
	
aside ul li:hover{
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
	}



#contents{
	width: 70%;
    float: left;
    margin: 1%;}
	
footer{
	clear:both;
	text-align:center
	}
footer a{
	text-decoration: none;
	}	
	
footer a:hover{
	color:#FFF;
	}

section p{
	    line-height: 1.4em;
	}

/*タブレット横以下*/
@media screen and (max-width: 1024px) {
#wrap{
	width:100%;
	}
	
#contents{
	width:95%;
	margin:1% auto;
    float: none;
    }
	
	
#sidebar{
	width:95%;
	margin:1% auto;
	float:none;
	padding-bottom:0;
	}
	
aside ul li {
    margin: 2% 0;}

footer{
	margin-top: 20%!important;
	}


}