@charset "utf-8";

/* 紙媒体向けスタイル定義 */
@media print {
  html {
	  color: #503923;
  }
  
	/* --BODY-- */
  body {
    margin: 0;
	  padding: 0;
	  text-align: center;
  }
}

html {
	overflow-y: scroll;
}

body {
	text-align: center;
}

ul {
	list-style: none;
}

/*---------------------------------------------------------
　　フォント
---------------------------------------------------------*/

body,
table {
	/*font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font:14px/1.5;
	font-size: 14px; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	border-top:20px solid #F1B694;
	background-color:#FDEFD4;
	line-height: 1.5em;
}

code,
kbd,
pre,
samp,
tt {
	font-family: monospace;
	line-height: 100%;
}
/* for IE7 */
*+html code,
kbd,
pre,
samp,
tt {
	font-size: 108%;
}

h1,
h2,
h3,
h4, 
h5,
h6 {
	font-size: 100%;
	font-weight :normal;
}

/*---------------------------------------------------------
　　基本スタイル
---------------------------------------------------------*/

* {
	color:#503923;
}

p {
	text-align: left;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*---------------------------------------------------------
　　共通
---------------------------------------------------------*/

section {
	margin: 0 0 50px 0;
}

.txt {
	margin: 0 0 20px 0;
	text-align: left;
}
.txt_b {
    font-weight:bold;
	text-decoration:underline;
}
.txt_blownbb {
	font-size:larger;
    font-weight:bold;
	color:#E24000;
	text-decoration:underline;
}

.waku {
	border:1px solid #ccc;
}

.mb05 {margin-bottom:5px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

/* テーブル */
table.tbl {
	margin:0 0 20px 0;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #B4988A;
}
.tbl th {
	margin:0;
	padding:5px 8px;
	text-align:center;
	vertical-align:middle;
	font-weight:bolder;
	background-color:#FFF0E6;
	border:1px solid #B4988A;
	white-space:nowrap;
}
.tbl td {
	margin:0;
	padding:5px 8px;
	background-color:#FFFFFF;
	border:1px solid #B4988A;
	text-align:left;
}
.tbl thead th {
	background-color:#ffe0cf;
}

/*---------------------------------------------------------
　　リンク
---------------------------------------------------------*/

a:link {
	color: #05d;
	text-decoration: underline;
}

a:visited {
	color: #05d;
	text-decoration: underline;
}

a:active {
	color: #09f;
	background: none;
	text-decoration:underline;
}

a:hover {
	color :#09f;
	background: none;
	text-decoration: underline;
}

a img,
img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	background: #fff;
}

/*---------------------------------------------------------
　　ヘッダ
---------------------------------------------------------*/

#header-wrap {
	width:970px;
	margin:0 auto;
	background:url(../images/top/header_img.jpg) no-repeat top right;
}
#header {
	margin:0 auto;
	width:970px;
	height:135px;
	overflow:hidden;
}
#header-logo {
	margin:30px 0 20px 0;
	padding:0;
	width:410px;
	height:95x;
	overflow:hidden;
	color:#fff;
	font-size:0%;
}
#header-logo a {
	display:block;
	width:100%;
	height:95px;
	overflow:hidden;
	color:#fff;
	font-size:0%;
	text-decoration:none;
	background:url(../images/top/logo.jpg) no-repeat;
}

/*---------------------------------------------------------
　　メイン
---------------------------------------------------------*/

#main {
	margin:0 auto;
	padding:20px 0;
	width:955px;
	overflow:hidden;
}
#contents {
	margin:0;
	width:655px;
	text-align:left;
	vertical-align:top;
	float:left;
}
#side {
	margin:0;
	width:260px;
	text-align:left;
	vertical-align:top;
	float:right;
}

#top-img {
    margin:0 auto;
	width:970px;
	height:300px;
	text-align:left;
	position:relative;
}
#top-img img {
  position:absolute;
  left:0; top:0;
}

h2 {
	margin: 0 0 20px 0;
	padding: 10px 0;
	text-align: left;
	text-indent:65px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	background: url(../images/top/mark1.png) 10px 45% no-repeat #785233;
	border-radius: 5px;
	-moz-border-radius: 5px;
	clear:both;
}

h3 {
	margin: 0 0 20px 0;
	padding: 10px 0;
	text-align: left;
	text-indent:15px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	background-color:#785233;
	border-radius: 5px;
	-moz-border-radius: 5px;
}


#conte_left {
    width:290px;
	height:auto;
	margin:0 0 20px 0;
	float:left;
}

#conte_right {
    width:290px;
	height:auto;
	margin:0 0 20px 0;
	float:right;
}


ul.ul1 {
	margin: 0 0 2em 0;
}

.ul1 li {
	margin: 0 0 .1em;
	text-align: left;
	line-height: 1.6em;
}


/*---------------------------------------------------------
　　メニュー（タブ切り替え）
---------------------------------------------------------*/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(99%/3);
  height: 50px;
  border-left: 1px solid #CFB7A0;
  border-top: 1px solid #CFB7A0;
  border-bottom: 1px solid #A47D57;
  background-color: #F7E2B9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #A78F65;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
.tabs .last {
  border-right: 1px solid #CFB7A0 !important;
}

.tab_item:hover {
  background-color: #FFF8EA;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 1em;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#menulist:checked ~ #menulist_content,
#lunch:checked ~ #lunch_content,
#mama:checked ~ #mama_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #FFF;
  border-top:5px solid #B38164;
  color: #785233;
  font-weight:bold;
  margin-top:-4px;
}

/*--- 一覧 ---*/
ul.menu {
   width:100%;
   height:auto;
   margin:0;
   padding:0;
   list-style:none;
   display:block;
   clear:both;
}
ul.menu li {
   height:auto;
   margin:0 0 2em 0;
   padding:0;
   float:left;
}
ul.menu li.img {
   width:160px;
   margin-right:.5em;
}
ul.menu li.txt {
   width:460px;
   padding-top:.2em;
}



/*---------------------------------------------------------
　　スタッフ募集
---------------------------------------------------------*/
dl#news-box {
	height:auto;
	margin:0 0 30px 0;
	padding:0;
}
dl#news-box dt {
	width:8em;
	margin:0 0 5px 0;
	padding:0 5px 5px 0;  
	clear:left;
	float:left;
	font-weight:bold;
	line-height:1.5em;
	text-indent:15px;
	text-align:left;
	background:url(../images/top/list_mark1.png) 0 5px no-repeat;
	background-color:none;
}
dl#news-box dd {
	margin:0 0 5px 0;
	padding:0 5px 5px 9em;
	border-bottom: dotted 1px #B9A277;
	line-height:1.5em;
	text-align:left;
}


/*---------------------------------------------------------
　　サイド
---------------------------------------------------------*/

.sidetitle {
	margin: 0 0 10px 0;
	padding:10px;
	color: #fff;
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	background: #785233;
	border-radius:5px;
	-moz-border-radius:5px;
}
.sidetitle a {
    color:#FFFFFF;
	text-decoration:none;
	display:block;
}

.sidebanner {
	margin: 0 0 20px 0;
}
.sidebanner p {
	margin: 0 0 10px 0;
}


/*---------------------------------------------------------
　　フッタ
---------------------------------------------------------*/

#footer {
	margin:0;
	padding:15px 0;
	text-align:center;
	background-color:#F1B694;
	clear:both;
}
#copy {
	margin:0;
	text-align:center;
}
#copy p {
	line-height:55px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
}