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

/* home　トップページ
=========================================== */

.mainNavi {
	background:url(../img/top/main_bg01.png);
	width:768px;
	height:201px;
	position:absolute;
	top:-200px;
	right:-108px;
}
.mainNavi .title {
	text-align:center;
	padding:10px 0 8px;
}
.mainNavi ul {
	padding-left:109px;
}
.mainNavi ul li {
	float:left;
}
.topBox01 li {
	width:445px;
	float:left;
	position:relative;
	margin-left:35px;
}
.topBox01 li .icon {
	position:absolute;
	top:-30px;
	left:-30px;
}
.topBox01 li .photo {
	width:242px;
	float:left;
	padding:2px;
	background:#4D3213;
	text-align:center;
}
.topBox01 li .photo img {
	border:1px solid #FFF0D5;
}
.topBox01 li .text {
	width:185px;
	float:right;
}
.topBox01 li .title {
	font-size:15px;
	line-height:1.3em;
	margin-bottom:10px;
}
.topBox01 li .price {
	font-weight:bold;
	margin-bottom:10px;
}
.topBox02 {
	position:relative;
}
.topBox02 .logo {
	position:absolute;
	top:44px;
	right:15px;
}
.topBox02 .title01 {
	position:absolute;
	top:22px;
	left:516px;
}
.topBox02 .text01 {
	position:absolute;
	top:38px;
	left:-3px;
}
.topBox02 .title02 {
	position:absolute;
	top:362px;
	left:-24px;
}
.topBox02 .text02 {
	position:absolute;
	top:400px;
	left:406px;
}
.topBox02 .title03 {
	position:absolute;
	top:350px;
	left:870px;
}
.topBox02 .text03 {
	position:absolute;
	top:712px;
	left:124px;
}
.topBox02 .btn {
	position:absolute;
	top:738px;
	left:660px;
}
.topBox03 {
	position:relative;
}
.topBox03 .title01 {
	position:absolute;
	top:0;
	left:0;
}
.topBox03 .title02 {
	position:absolute;
	top:48px;
	left:438px;
}
.topBox03 .title03 {
	position:absolute;
	top:0;
	right:0;
}
.topBox03 .detail {
	width:980px;
	position:absolute;
	top:498px;
	left:0;
}
.topBox03 .detail ul li {
	width:490px;
	float:left;
}
.topBox03 .detail ul li .text {
	width:240px;
	float:left;
	padding-left:40px;
	color:#fff;
	line-height:1.4em;
}
.topBox03 .detail ul li .btn {
	width:191px;
	float:right;
}
.topBox04 {
	position:relative;
}
.topBox04 ul {
	width:990px;
}
.topBox04 ul li {
	width:320px;
	float:left;
	margin-right:10px;
}
.topBox04 .img01 {
	position:absolute;
	top:-303px;
	right:-490px;
}
.topBox04 .img02 {
	position:absolute;
	top:308px;
	left:-496px;
}
.topBox05 ul {
	width:1000px;
}
.topBox05 ul li {
	width:175px;
	padding:5px;
	float:left;
	background:#FAF4EF;
	margin-right:13px;
	box-shadow: 0 0 4px #D5B791;
}
.topBox05 ul li .photo {
	margin-bottom:5px;
	width:175px;
	height:130px;
	background:#ccc;
}
.topBox05 ul li .text {
	margin-bottom:10px;
}


/* specialty
=========================================== */

.specialtyBox01 .title {
	margin-bottom:10px;
}
.specialtyBox01 .price {
	padding:0 0 45px 110px;
}
.specialtyBox01 .detail {
	width:420px;
	padding:0 0 50px 5px;
}
.specialtyBox01 .box {
	background:url(../img/specialty/specialty_bg04.png) no-repeat top center;
	height:440px;
	padding:54px 46px 0 54px;
}
.specialtyBox01 .box02 {
	background:url(../img/specialty/specialty_bg05.png) no-repeat top center;
	height:440px;
	padding:54px 46px 0 54px;
}
.specialtyBox01 .sub {
	margin-bottom:30px;
}
.specialtyBox01 .photo {
	width:430px;
	float:left;
}
.specialtyBox01 .photo img {
	padding:4px;
	background:#EED9AE;
	box-shadow: 0 0 5px #CFBB90;
}
.specialtyBox01 .text {
	width:420px;
	float:right;
}


/* recommend
=========================================== */

.recommendBox01 .photo {
	width:444px;
	float:left;
	padding:3px;
	background:#4C3213;
	margin-left:30px;
}
.recommendBox01 .text {
	width:470px;
	float:right;
}
.recommendBox01 .photo02 {
	width:444px;
	float:right;
	padding:3px;
	background:#4C3213;
}
.recommendBox01 .text02 {
	width:470px;
	float:left;
	margin-left:30px;
}
.recommendBox01 .title {
	font-size:16px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #3E2913;
}
.recommendBox01 .price {
	text-align:right;
	font-weight:bold;
	margin-bottom:10px;
}
.recommendBox01 .detail {
	margin-bottom:20px;
}
.recommendBox01 .box01 {
	padding:4px;
	background:#F0E2C8;
	box-shadow: 0 0 5px #CFBB90;
}
.recommendBox01 .box02 {
	padding:15px 30px;
	background:url(http://hadano-tawawa.com/img/recommend/recommend_img01.jpg) no-repeat right 20px #FCF9F3;
	border:1px solid #D9BC87;
}
.recommendBox01 .box03 {
	padding:4px;
	background:#F0E2C8;
	box-shadow: 0 0 5px #CFBB90;
}
.recommendBox01 .box04 {
	padding:15px 30px;
	background:url(../img/recommend/recommend_img02.jpg) no-repeat right 20px #FCF9F3;
	border:1px solid #D9BC87;
}
.recommendBox03 {
	background:url(http://hadano-tawawa.com/img/recommend/recommend_bg01.png) no-repeat top center;
	height:443px;
	padding:51px 0 0 92px;
}
.recommendBox04 {
	background:url(../img/recommend/recommend_bg02.png) no-repeat top center;
	height:447px;
	padding:47px 0 0 105px;
}


/* sake
=========================================== */

.sakeBox01 {
	height:958px;
	position:relative;
}
.sakeBox01 .img {
	position:absolute;
	top:156px;
	right:-135px;
}
.sakeBox01 .text {
	width:525px;
}
.sakeBox01 ul {
	position:absolute;
	top:448px;
	left:72px;
}
.sakeBox01 ul li {
	width:406px;
	float:left;
	position:relative;
	margin-right:25px;
}
.sakeBox01 ul li .text {
	position:absolute;
	top:375px;
	left:28px;
	width:358px;
}
.sakeBox02 ul {
	width:1010px;
}
.sakeBox02 li {
	width:475px;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}
.sakeBox02 li .photo {
	width:204px;
	padding:3px;
	background:#4C3213;
	float:left;
}
.sakeBox02 li .text {
	width:245px;
	float:right;
	color:#fff;
}
.sakeBox02 li .title {
	font-size:15px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #fff;
}
.sakeBox02 li .price {
	text-align:right;
	margin-bottom:10px;
	font-weight:bold;
}
.sakeBox02 li .name {
	font-weight:bold;
}
.sakeBox02 li .detail {
	font-size:13px;
}
	

/* particular
=========================================== */

.particularBox01 {
	background:url(../img/particular/particular_bg01.png) no-repeat top center;
	height:377px;
}
.particularBox01 .text {
	width:430px;
	padding:30px 0 0;
	line-height:1.9em;
}
.particularBox02 {
	width:560px;
	padding-top:20px;
	color:#fff;
	line-height:1.9em;
}
.particularBox03 {
	width:564px;
	padding-top:20px;
	padding-left:410px;
	line-height:1.9em;
}
.particularBox04 {
	width:560px;
	padding-top:20px;
	color:#fff;
	line-height:1.9em;
}


/* menu
=========================================== */

.menuBox01 ul {
	width:1014px;
}
.menuBox01 ul li {
	width:304px;
	float:left;
	margin-right:34px;
}
.menuBox02 {
	padding-top:75px;
}
.menuBox02 .tab {
	width:130px;
	float:left;
	position:relative;
}
.menuBox02 .text {
	width:550px;
	float:left;
	padding-left:30px;
	color:#fff;
	padding-top:5px;
	line-height:2.4em;
}
.menuBox02 .tab .fukidashi01 {
	position:absolute;
	top:-80px;
	left:30px;
}
.menuBox03 {
	padding-top:75px;
}
.menuBox03 .tab {
	width:130px;
	float:right;
	position:relative;
}
.menuBox03 .text01 {
	width:550px;
	float:right;
	padding-right:30px;
	padding-top:5px;
	line-height:2.4em;
}
.menuBox03 .text02 {
	width:400px;
	float:right;
	padding-right:30px;
	padding-top:5px;
	line-height:2.4em;
}
.menuBox03 .tab .fukidashi02 {
	position:absolute;
	top:-38px;
	right:152px;
}
.menuBox03 .tab .fukidashi03 {
	position:absolute;
	top:-38px;
	right:180px;
}
.menuBox04 {
	color:#fff;
	padding:64px 0 64px;
	font-size:13px;
	position:relative;
}
.menuBox04 .box01 {
	width:430px;
	float:left;
}
.menuBox04 .box02 {
	width:490px;
	float:right;
}
.menuBox04 .title {
	font-size:14px;
	font-weight:bold;
	color:#FFCC00;
	margin-bottom:10px;
}
.menuBox04 .sub {
	color:#FFFF99;
	font-size:13px;
	font-weight:normal;
	margin-bottom:5px;
}


/* course
=========================================== */

.courseBox01 {
	margin-bottom:90px;
}
.courseBox01 .text {
	width:505px;
	float:left;
	position:relative;
}
.courseBox01 .icon {
	position:absolute;
	top:-10px;
	left:0;
}
.courseBox01 .title {
	font-size:22px;
	color:#fff;
	border-bottom:1px solid #fff;
	padding-bottom:7px;
	margin-bottom:10px;
}
.courseBox01 .price {
	font-size:20px;
	color:#fff;
	margin-bottom:15px;
}
.courseBox01 .box {
	background:url(../img/lunch/lunch_bg02.png) no-repeat;
	width:445px;
	height:155px;
	padding:50px 40px 35px;
}
.courseBox01 .photo {
	width:405px;
	float:right;
	padding:3px;
	background:#BDA174;
}
.courseBox01 .photo ul {
	width:408px;
	padding-top:3px;
}
.courseBox01 .photo li {
	float:left;
	margin-right:3px;
}
.courseBox01 .photo li img {
	width:99px;
	height:auto;
}
.courseBox02 {
	padding-bottom:70px;
}
.courseBox02 ul {
	padding-left:50px;
}
.courseBox02 ul li {
	float:left;
	margin-right:20px;
}
.courseBox03 {
	border:1px solid #fff;
	padding:30px 35px;
	color:#fff;
	margin-bottom:70px;
	line-height:1.9em;
	font-size:13px;
}
.courseBox03 th {
	padding-right:30px;
	font-weight:normal;
}
.courseBox03 td {
	padding-right:30px;
}
.courseBox04 {
	margin-bottom:90px;
}
.courseBox04 .text {
	width:520px;
	float:right;
	color:#fff;
}
.courseBox04 .title {
	margin-bottom:30px;
}
.courseBox04 .photo {
	width:405px;
	float:left;
	padding:3px;
	background:#BDA174;
}


/* lunch
=========================================== */

.lunchBox01 {
	height:590px;
	position:relative;
	padding:50px 0 0 580px;
	line-height:1.9em;
}
.lunchBox01 .img {
	position:absolute;
	top:0;
	left:-65px;
}
.lunchBox01 .img02 {
	position:absolute;
	bottom:0;
	right:-165px;
}


/* dinner
=========================================== */

.dinnerBox01 {
	height:940px;
	position:relative;
	padding:50px 0 0 585px;
	line-height:1.9em;
}
.dinnerBox01 .img {
	position:absolute;
	top:0;
	left:-65px;
}
.dinnerBox01 .img02 {
	position:absolute;
	bottom:0;
	left:-80px;
}
.dinnerBox01 .sub {
	margin-bottom:8px;
}


/* events
=========================================== */

.eventsBox01 {
	height:614px;
	position:relative;
	padding:50px 0 0 590px;
	line-height:1.9em;
}
.eventsBox01 .img {
	position:absolute;
	top:0;
	left:-56px;
}
.eventsBox01 .img02 {
	position:absolute;
	bottom:0;
	right:-266px;
	background:url(../img/events/events_bg01.png);
	width:898px;
	height:366px;
}
.eventsBox01 .img02 .text {
	width:288px;
	padding:168px 0 0;
}


/* blog
=========================================== */

.blogBox01 {
	box-shadow: 0 0 5px #CFBB90;
	margin-bottom:40px;
}
.blogBox01 .title {
	background:url(../img/blog/blog_title01.jpg) no-repeat left center;
	line-height:60px;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	padding:0 20px 0 70px;
}
.blogBox01 .title a:link, .blogBox01 .title a:visited {
	color: #fff;
	text-decoration: none;
}
.blogBox01 .title a:hover, .blogBox01 .title a:active {
	color: #fff;
	text-decoration: underline;
}
.blogBox01 .title .date {
	float:right;
	color:#fff;
	font-weight:normal;
	font-size:13px;
}
.blogBox01 .text {
	padding:30px;
	background:url(../img/blog/blog_bg01.jpg) repeat-y bottom left;
}
	

/* shop
=========================================== */

.shopBox01 {
	padding-left:540px;
}
.shopBox01 table {
	width:100%;
}
.shopBox01 table th {
	padding-bottom:10px;
}
.shopBox01 table td {
	padding:0 10px 10px;
}
.shopBox02 ul {
	width:1010px;
}
.shopBox02 ul li {
	width:450px;
	float:left;
	margin-right:30px;
	margin-bottom:25px;
}
.shopBox03 .photo {
	width:489px;
	float:left;
}
.shopBox03 .thumb {
	width:490px;
	float:right;
}
.shopBox03 .thumb li {
	float:left;
	margin-left:3px;
	margin-bottom:3px;
}
.shopBox03 .thumb li img {
	width:160px;
	height:auto;
}


/* contact
=========================================== */

.contactBox01 {
	background:url(http://hadano-tawawa.com/img/contact/contact_bg01.png) no-repeat;
	height:374px;
	padding:60px;
}
.contactBox01 table {
	width:100%;
}
.contactBox01 table th {
	padding-bottom:10px;
	font-weight:normal;
	vertical-align:top;
}
.contactBox01 table td {
	padding-bottom:10px;
}
.contactBox01 table th span {
	background:#3F2B13;
	color:#fff;
	display:inline-block;
	width:200px;
	text-align:center;
}
.contactBox01 .btn {
	text-align:center;
	padding:20px;
}
.contactBox01 .btn input {
	padding:10px 20px;
}