@charset "utf-8";

#top_mainpage {
	height: 350px;
	background-color: #000;
	background-image: url(../img/top/img_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* SIDE */
#wrapper #top_side {
	float: right;
	width: 360px;
}
#wrapper #top_side #bnr_map {
	width: 360px;
	font-size: 14px;
	height: 150%;
	border-bottom: dashed 1px #999;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#wrapper #top_side #bnr_map strong{
	color:#FF0000;
	text-align:center;
}
#wrapper #top_side #bnr_map .bnr_map_bg {
	display: block;
	width: 360px;
	height: 224px;
	background-image: url(../img/top/side_map_ed1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#wrapper #top_side #bnr_map a:hover {
	background-position: bottom;
}
#wrapper #top_side #side_simanami {
	border-bottom: dashed 1px #999;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#wrapper #top_side #side_simanami h2 {
	font-size: 14px;
	color: #5A9DBE;
	margin-bottom: 10px;
}
#wrapper #top_side #side_blog {
	background-image: url(../img/common/title_blog.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 15px;
}
#wrapper #top_side #side_blog h2 {
	visibility: hidden;
	height: 35px;
}
#wrapper #top_side #side_mail {
	width: 235px;
	height: 113px;
	background-image: url(../img/top/img_qrcode.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 125px;
}
#wrapper #top_side #side_mail h2 {
	margin-bottom: 10px;
}


/* MAIN */
#wrapper #top_wrap {
	float: left;
	width: 600px;
}
.sticky + #wrapper #top_wrap {
padding-top: 30px;
}
.sticky + #wrapper #top_wrap +#top_side {
padding-top: 30px;
}
#wrapper #top_wrap #kodawari {
	overflow: hidden;
	width: 600px;
	background-image: url(../img/top/title_kodawati.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 40px;
	margin-top:15px;
}
#wrapper #top_wrap #course1 {
	overflow: hidden;
	width: 600px;
	height:120px;
	margin-bottom:15px;
}
#wrapper #top_wrap #course1 a{
	overflow: hidden;
	width: 600px;
	height:120px;
	background-image: url(../img/top/course201603.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	text-decoration:none;
}
#wrapper #top_wrap #course1 a:hover{
	filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}
#wrapper #top_wrap #course1 em{
	visibility:hidden;
}

/*キャンペーン*/
#wrapper #top_wrap #bnr_oseti{
	width:600px;
	height:120px;
	margin-bottom:15px;
}
#wrapper #top_wrap #bnr_oseti a{
	background: url(../img/top/bnr_oseti.jpg) no-repeat 0 0;
	width:600px;
	height:120px;
	display:block;
	text-decoration:none;
}
#wrapper #top_wrap #bnr_oseti a:hover{
	background-position:0 bottom;
}
#wrapper #top_wrap #bnr_oseti em{
	visibility:hidden;
}
#wrapper #top_wrap #bnr_cam{
	width:600px;
	height:120px;
	margin-bottom:15px;
}
#wrapper #top_wrap #bnr_cam a{
	background: url(../img/top/bnr201402.jpg) no-repeat 0 0;
	width:600px;
	height:120px;
	display:block;
	text-decoration:none;
}
#wrapper #top_wrap #bnr_cam a:hover{
	background-position:0 bottom;
}
#wrapper #top_wrap #bnr_cam em{
	visibility:hidden;
}
#wrapper #top_wrap #kodawari h2 {
	width: 600px;
	height: 240px;
}
#wrapper #top_wrap #kodawari h2 a {
	display: block;
	width: 600px;
	height: 240px;
	background-image: url(../img/top/img_kodawari.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
#wrapper #top_wrap #kodawari h2 a:hover {
	background-position: right bottom;
}
#wrapper #top_wrap #kodawari #tk_btn1 {
	width: 530px;
	height: 50px;
	margin-left: 70px;
}
#wrapper #top_wrap #kodawari #tk_btn1 a {
	display: block;
	width: 530px;
	height: 50px;
	background-image: url(../img/top/btn_kod1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#wrapper #top_wrap #kodawari #tk_btn2 {
	width: 530px;
	height: 50px;
	margin-left: 70px;
}
#wrapper #top_wrap #kodawari #tk_btn2 a {
	display: block;
	width: 530px;
	height: 50px;
	background-image: url(../img/top/btn_kod2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#wrapper #top_wrap #kodawari #tk_btn1 a:hover,
#wrapper #top_wrap #kodawari #tk_btn2 a:hover {
	background-position: bottom;
}
#wrapper #top_wrap #dishes {
	overflow: hidden;
	width: 600px;
	background-image: url(../img/top/title_dish.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper #top_wrap #dishes h2 {
	float: left;
	width: 70px;
	height: 170px;
	font-size: 12px;
	visibility: hidden;
}
#wrapper #top_wrap #dishes #td_btn1 {
	float: left;
	width: 105px;
	height: 300px;
	margin-right: 1px;
}
#wrapper #top_wrap #dishes #td_btn2 {
	float: left;
	width: 105px;
	height: 300px;
	margin-right: 1px;
}
#wrapper #top_wrap #dishes #td_btn3 {
	float: left;
	width: 105px;
	height: 300px;
	margin-right: 1px;
}
#wrapper #top_wrap #dishes #td_btn4 {
	float: left;
	width: 105px;
	height: 300px;
	margin-right: 1px;
}
#wrapper #top_wrap #dishes #td_btn5 {
	float: left;
	width: 106px;
	height: 300px;
}
#wrapper #top_wrap #dishes #td_btn1 a {
	display: block;
	width: 105px;
	height: 300px;
	background-image: url(../img/top/btn_couse.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#wrapper #top_wrap #dishes #td_btn2 a {
	display: block;
	width: 105px;
	height: 300px;
	background-image: url(../img/top/btn_sasimi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#wrapper #top_wrap #dishes #td_btn3 a {
	display: block;
	width: 105px;
	height: 300px;
	background-image: url(../img/top/btn_ippin.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#wrapper #top_wrap #dishes #td_btn4 a {
	display: block;
	width: 105px;
	height: 300px;
	background-image: url(../img/top/btn_don.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#wrapper #top_wrap #dishes #td_btn5 a {
	display: block;
	width: 106px;
	height: 300px;
	background-image: url(../img/top/btn_desert.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#wrapper #top_wrap #dishes #td_btn1 a:hover,
#wrapper #top_wrap #dishes #td_btn2 a:hover,
#wrapper #top_wrap #dishes #td_btn3 a:hover,
#wrapper #top_wrap #dishes #td_btn4 a:hover,
#wrapper #top_wrap #dishes #td_btn5 a:hover {
	background-position: bottom;
}


#wrapper #top_wrap #top_bnr {
	background: url(../img/top/nenmatsu.jpg) no-repeat 0 0;
	width:600px;
	height:100px;
	display:block;
	text-decoration:none;
	margin-bottom:15px;
}

#wrapper #top_wrap #top_bnr em{
	visibility:hidden;
}


.sticky {
	position: sticky;
  top: 10px;
}
.mt15 {
	margin-top: 15px;
}

.mt40 {
	margin-top: 40px;
}
