@charset "utf-8";

@import url(css/common.css);
@import url(css/layout.css);

body{
	font-size:medium;
	font-family:
		'游ゴシック','游ゴシック体','Yu Gothic',YuGothic,
		'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,
		'メイリオ',	Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',
		sans-serif;
	background:rgb(252,252,252);
}
.inner{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

/*----------リセット----------*/
*{
	margin:0;
	padding:0;
	border:0;
}
a{	text-decoration:none;}
strong{
	font-size: x-large;
	font-weight: normal;
}
ul{list-style-type:none;}

/*----------header----------*/
header{
	width:100%;
	height:180px;
}
header h1{
	clear:both;
	margin:0 auto;
}
/*--nav--*/
nav ul.gnav li{
	float:left;
	display:block;
	height:75px;
	width:192px;
}
nav ul.gnav li.current{
	padding-bottom:10px;
	border-bottom:solid 4px #c5f3c8;
	box-sizing:border-box;
}
/*subnav*/
ul.gnav ul{
	position:absolute;
	top:180px;
	left:0;
	width:100%;
	height:0;
	background:url(imgs/back_line1.png) #fff;
	z-index:1;
	transition:all .5s ease;
	overflow:hidden;
	box-shadow: 0 2px 5px #eee inset;
}
nav ul.gnav li:hover ul{
	display:inline-block;
	height:400px;
	width:100%;
}
nav ul.gnav li:hover:before{
	border-bottom:solid 2px red;
}
nav ul.gnav ul li.snav{
	width:100%;
	padding:30px 0;
}
div.snav1{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.box{
	float:left;
	width:200px;
	text-align:center;
}
.gostbtn{
	border:solid 1px #999;
	display:block;
	margin:35px 0;
	color:#000;
	padding-left:20px;
	transition:.3s;
	border-radius:3px;
	background:#fff;
}
a.gostbtn:hover{
	background:#666;
	color:#fff;
	border-radius:3px;
	box-shadow:0 0 0 inset;
}
a.box{
	transition:0.3s;
}
a.box:hover{
	opacity:0.8;
}
a.box:hover figcaption{
	color:red;
}
/*osirase*/
.categori,.categori2{
	color:#fff;
	padding:3px 10px;
	margin:0 20px;
}
.categori{
	background:#F7A445;
}
.categori2{
	background:#92DB1C;
}
hr{
	border-top:dashed 1px #999;
}
body#osirase p{
	margin:10px 0;
}

/*----------#contents----------*/
div.breadcrumb{
	padding:20px 0 10px 0;
	border-bottom:solid 1px #ccc;
}
div.contents{
	width:100%;
	height:auto;
	background:#f9f9f9;
	box-shadow: 0 2px 5px #eee inset;
	padding-top:1px;
	position:relative;
}
.slidewrap{
	width:1280px;
	margin:0 auto;
}
.blog{
	width:100px;
	height:100px;
	background:url(imgs/blog.png)#E4E65E;
	background-size: contain;
	position:absolute;
	bottom:-30px;
	left:100px;
	border-radius:50%;
	transition:.3s;
}
.blog:hover{
	width:200px;
	height:200px;
	left:50px;
	bottom:-80px;
}
/*----------#footer------------*/
footer{
	text-align:center;
}