@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* 0 to 768px */
body {
	-webkit-text-size-adjust: 100%;
}
body p{
	line-height: 175%;
	padding: 0.5em;
}

address{
font-style:normal;
}
header {
	overflow: hidden;
	border-bottom: 2px solid #CCC;
}
	header h1 { /* このクラスは、.container で overflow:hidden が削除されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
		color: #000;
		font-size:9px;
		text-align: left;
		font-weight:400;
		padding: 10px;
		}

	header h2 {
/*		padding: 0 10px 10px 10px;*/
	}
#head nav {
	overflow: hidden;
	background: #ED7958;
}
	#head nav ul {
		padding: 10px;
		list-style: none;
		overflow: hidden;
		width:1100px;
		margin:0px auto;
	}
	#head nav ul li {
		text-align:center;
		width:130px;
		float: left;
		margin-right: 10px;
		background: #FFF;
		color: #ED7958;
		border-radius: 15px;        /* CSS3草案 */  
		-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 15px;   /* Firefox用 */ 
		padding: 20px 20px ;
		font-weight:700;
		font-size:100%;
		display: block;
	}

#head nav ul li.menucheck:before{
	background-repeat: no-repeat;
    content:  "";          			       /* 空の要素作成 */
    width: 40px;                            /* 幅指定 */
    height: 40px;                           /* 高さ指定 */
    display:  inline-block;                 /* インラインブロックにする */
    position:  relative;                    /* アイコンの位置を調整 */
    top: -4px;                             /* アイコンの位置を調整 */
    margin-right: 4px;                      /* 余白指定 */
    background-image:  url(../img/common/menu_kyubo.png);  /* アイコン指定 */
    background-size:  contain;              /* アイコンの大きさ指定 */
    background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
    vertical-align: middle;                    /* アイコンの位置を調整 */
}

#head nav ul li.new:before{
	background-repeat: no-repeat;
    content:  "";          			       /* 空の要素作成 */
    width: 40px;                            /* 幅指定 */
    height: 40px;                           /* 高さ指定 */
    display:  inline-block;                 /* インラインブロックにする */
    position:  relative;                    /* アイコンの位置を調整 */
    top: -4px;                             /* アイコンの位置を調整 */
    margin-right: 4px;                      /* 余白指定 */
    background-image:  url(../img/common/menu_new.png);  /* アイコン指定 */
    background-size:  contain;              /* アイコンの大きさ指定 */
    background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
    vertical-align: middle;                    /* アイコンの位置を調整 */
}



#head nav ul li:hover{
		color: #ED7958;
		text-decoration:none;
		background: #F7EFDB;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition: 0.3s ease-in-out;
	  -o-transition: 0.3s ease-in-out;
	  transition: 0.3s ease-in-out;
	}
	#head nav ul li a{
		color: #ED7958;
		text-decoration:none;
	}

#contents #main {
	overflow: hidden;
}
	#contents #main article {
		overflow: hidden;
/*		padding: 20px 0;
		margin-bottom: 30px;*/
	}
		#contents #main article section{
			overflow: hidden;
			margin-bottom: 20px;
		}
#contents aside {
	overflow: hidden;
	background: #ccc;
}
	#contents aside p {
		padding: 10px;
	}
footer {
	overflow: hidden;
	border-top: 2px solid #CCC;
}
	footer #copyright {
		padding: 10px;
	}
/**/
@media only screen and (min-width: 769px) {
header {
	min-width: 1100px;
	overflow: hidden;
	border-bottom: 2px solid #CCC;
	background: #FFF;
}
	header h1 {
		width: 1100px;
		margin: 0 auto;
		padding: 10px;
	}
	header h2 {
/*		width: 1100px;
		margin: 0 auto;
		padding: 0 10px 10px 10px;
*/	}
#contents {
	overflow: hidden;
	width: 1100px;
	margin: 0 auto;
}
#contents nav {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	background: #ddd;
}
	#contents nav ul {
		padding: 10px;
		list-style: none;
		overflow: hidden;
	}
	#contents nav ul li {
		float: left;
		margin-right: 10px;
	}
#contents #main {
	float: left;
	width: 760px;
	overflow: hidden;
	background: #FFF;
}
	#contents #main article {
		overflow: hidden;
/*		padding: 10px;*/
	}
#contents aside {
	float: left;
	width: 340px;
	overflow: hidden;
	background: #FFF;
	text-align: center;
	margin: 30px 0 0 0;
}
	#contents aside p {
		padding: 10px;
	}

#footmenubox{
	background: #DDD;
}	
#footmenu {
	width: 1100px;
	margin: 0 auto;
}
#footmenu nav {
	overflow: hidden;
	text-align: center;
}
	#footmenu nav {
		text-align: center;
	}
	#footmenu nav ul li {
		display: inline;
		margin-right: 10px;
		padding: 0px 15px 0px 5px ;
		font-size:80%;
		border-right: 1px solid #000000;  
		text-decoration:none;
	}
	
	#footmenu nav ul li a{
		text-decoration:none;
		color:#000;
	}
	#footmenu nav ul li a:hover{
		text-decoration:underline;
	}
	
	#footmenu nav ul li:last-child {
		border-right: none;  
		margin-right: 0px;
	}
	

footer {
	min-width: 1100px;
	overflow: hidden;
	/*border-top: 2px solid #CCC;*/
	background: #ED7958;
}
	footer #copyright {
		width: 1100px	;
		margin: 0 auto;
		padding: 10px;
		text-align: center;
		color: #FFF;
	}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

	
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}	
	
	/**/}