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

body{
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:1.6em;
	font-family: "メイリオ","ＭＳ Ｐゴシック",  Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, MS;
	color:#343425;
	line-height:1.9em;
	background:url(../img/bg2.png);
}

a{color:#343425;}

#bg{
	background:url(../img/bg.png) top center no-repeat;
}

header{
	width:980px;
	margin:0px auto 20px auto;
}

header nav li{
	float:left;
}

header h1{
	font-size:10px;
	margin-bottom:10px;
	color:#B0B0B0;
}

#header_right{
	width:760px;
	float:right;
}

header #subnav{
	float:left;
	text-align:right;
}
header #subnav li{
	margin-right:10px;
	float:left;
}

header #subnav li a{
	padding-left:20px;
	background:url(../img/arrow.png) top left no-repeat;
	text-decoration:none;
}

header #h_soryo {
  font-weight: bold;
  text-align: center;
  color: #FFF;
  padding: 6px;
  background: #900;
  font-size: 20px;
  margin-top: 16px;
}

#contents{
	width:980px;
	margin:0px auto;
}

#blog{
	margin-bottom:40px;
	clear:both;
	width:980px;
	overflow:hidden;
}

#blog h2{
	border-top:1px solid #000;
	margin-bottom:12px;
}

#blog h2 img{
	float:left;
}

#blog h2 a{
	font-size:12px;
	float:right;
	margin-top:10px;
}

#blog ul{
	width:1000px;
	overflow:hidden;
}

#blog li{
	padding:9px;
	border:1px solid #EEE;
	width:134px;
	height:160px;
	background:#FFF;
	float:left;
	line-height:140%;
	overflow:hidden;
	margin:0px 11px 16px 0px;
}

#blog li .blogimg{
	width:134px;
	height:94px;
	margin-bottom:4px;
	overflow:hidden;
}

#blog li .blogimg img{
	width:134px;
	height:auto;
}

#contents #left{
	float:left;
	margin-bottom:40px;
	width:160px;
}

#left-sp-area{
	width:160px;
	height:420px;
	background-color:#CCC;
	text-align:center;
	margin-bottom:40px;
	font-size:18px;
}

#contents #left h2{
	border-top:1px solid #000;
}

#contents #left ul{
	margin-bottom:20px;
}

#contents #left li{
	border-bottom:1px solid #DDD;
}

#contents #left li a:link,#contents #left li a:visited{
	width:150px;
	background:url(../img/arrow.png) 150px 8px no-repeat;
	display:block;
	padding:5px 10px 5px 0px;
	text-decoration:none;
}
#contents #left li a:hover{
	width:150px;
	background:url(../img/arrow.png) 150px 8px no-repeat;
	display:block;
	padding:5px 10px 5px 0px;
	text-decoration:underline;
}

#contents #right{
	float:right;
	margin-bottom:40px;
	width:796px;
}

#contents #right h2{
	margin-bottom:12px;
}


footer{
	clear:both;
}

#facebook{ text-align:center; width:500px; margin:0px auto;}

#f_menu{
	margin:40px 0px 30px 0px;
}

#f_menu ul{
	margin-left:80px;
}

#f_menu li{
	float:left;
}

footer p{
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

footer #f_link_base{
	background-color:#E3DBC8;
	padding:20px 20px 50px 20px;
	margin-bottom:10px;
}

#footer1{
	float:left;
}
#footer2{
	float:left;
	width:180px;
}
#footer3{
	float:left;
}
#footer4{
	float:left;
}
#footer5{
	float:right;
	width:270px;
}

#footer1 a,#footer2 a,#footer3 a,#footer4 a{
	display:block;
	padding:0px 0px 0px 36px;
	background:url(../img/arrow.png) no-repeat 16px 0px;
	text-decoration:none;
}

#footer5 img{
	margin-bottom:30px;
}

#footer5 #sns_btn li{
  float:left;
  margin-right:20px;
  width:60px;
}

#instafeed {
    width: 100%;
	margin-top: 30px;
}

#instafeed li {
    width: 20%;
    height: 196px;
    float: left;
    text-align: center;
    background: #000000;
    text-align: center;
    position: relative;
    overflow:hidden;
}

#instafeed li img {
    max-width:100%;
    max-height:300px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#instafeed li a{
	display:block;
}

#sokunou_send{position:fixed; bottom:0px; width:100%; padding:10px; box-sizing:border-box; text-align:center; color:#FFF; font-weight:bold; background:#000; font-size:22px; left:0px;}

#motif{
	overflow:hidden;
	width:796px;
	margin-bottom:40px;
}

#motif li{
	float:left;
	margin-right:12px;
}

#sp-area{
	width:980px;
	margin-bottom:20px;
}

#sp-area li{
	float:left;
	margin-right:12px;
}

#soryo1{
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding:6px;
	background:#333;
	font-size:14px;
	margin-bottom:10px;
}

#soryo2{
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding:6px;
	background: #900;
	margin-bottom:20px;
	font-size:24px;
}
