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

/*基本設定*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 14px; /*14～16px*/
	line-height: 150%;/*150～200%*/
	color: #181818;
	margin: 0;
	padding: 0;
	background-color: #f8f7f1;
}
img{
	vertical-align: bottom;
}
table{
	width: 100%;
}
a{
	color: #3eb46c;
}
a:visited{
	color: #848484;
}
a:hover{
	color: #E10DA7;
}

/*よく使うクラス*/
.red{
	color: #F00;
}
.white{
	color: #FFF;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.img-responsive{
	max-width: 100%;
	height: auto;
}
.smp{
	display: none;
}
.pc{
	display: inherit;
}

/*個別設定*/
#main{
	width: 992px;
	margin: 0 auto;
}
#header{
	display:flex;
	justify-content: space-between;
}
#container{
	display: flex;
	justify-content: space-around;
}
#box-l{
	width: 640px;
}
#box-r{
	width: 260px;
}
#header ul{
	list-style-type: none;
	padding: 0;
	display: flex;
}
#header ul li{
	margin-left: 6px;
}
#header ul li a{
	background-image: url("../img/navi.png");
	display: block;
	height: 35px;
	text-indent: -9999px;
}
#header ul li a.n1{
	width: 96px;
	background-position: 0 0;
}
#header ul li a.n1:hover{
	background-position: 0 -35px;
}
#header ul li a.n2{
	width: 125px;
	background-position: -101px 0;
}
#header ul li a.n2:hover{
	background-position: -101px -35px;
}
#header ul li a.n3{
	width: 128px;
	background-position: -231px 0;
}
#header ul li a.n3:hover{
	background-position: -231px -35px;
}
#header ul li a.n4{
	width: 97px;
	background-position: -363px 0;
}
#header ul li a.n4:hover{
	background-position: -363px -35px;
}
#header ul li a.n5{
	width: 100px;
	background-position: -465px 0;
}
#header ul li a.n5:hover{
	background-position: -465px -35px;
}
#header ul li a.n6{
	width: 120px;
	background-position: -568px 0;
}
#header ul li a.n6:hover{
	background-position: -568px -35px;
}



.about{
	background-image: url("../img/midashi.png");
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height: 66px;
	text-indent: -9999px;
}

.tokucho{
	border: 1px solid #bae1c5;
	background-color: #FFFFFF;
	width: 640px;
}
.tokucho h2{
	margin-left: 28px;
}
.tokucho ul{
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: space-around;
}
.tokucho ul li a{
	background-image: url("../img/item.png");
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
.tokucho ul li a.b1{
	background-position: 0 0;
}
.tokucho ul li a.b1:hover{
	background-position: 0 -40px;
}
.tokucho ul li a.b2{
	background-position: -200px 0;
}
.tokucho ul li a.b2:hover{
	background-position: -200px -40px;
}
.tokucho ul li a.b3{
	background-position: -400px 0;
}
.tokucho ul li a.b3:hover{
	background-position: -400px -40px;
}
.green{
	color: #3eb46c;
}
.event p{
	border-top:1px solid #e8e5d1;
	padding-top: 20px;
}
.otoiawase{
	border: 1px solid #eeebdc;
	margin-top: 15px;
	background-color: #FFFFFF;
	padding: 10px;
}
.otoiawase h2{
	background-color: #363636;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 14px;
}
.info{
	color: #89cfa2;
	background-color: #f8f7f1;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.link{
	text-align: right;
	margin-right: 45px;
}
#smp-btn{
	position: fixed;
	top: 10px;
	right: 10px;
}
#smp-btn a{
	background-image: url("../img/smpbtn-icon.gif");
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}
#smp-btn a.active{
	background-position: -30px 0;
}