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

/* ======================================================
	管理ページ用
====================================================== */
@import"../css/common.css";
@import"../css/style.css";
@import"../css/style_main.css";
@import"../css/style_column.css";
/*  
@import"../css/test_line.css";
*/

.Main
	{ zoom: 1; }
.Main:after
	{
	content: ""; 
	display: block; 
	clear: both;
}


body,
a, img, div, p, blockquote,
strong, span,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6, pre,
table, th, td, caption, thead, tbody, tfoot,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
.Border,
.SearchButtonBox input,
.MenuMemberLoginBtn input
	{}



/* ======================================================
	基本設定 */

body	{
	background: none;
/*
	background-color: #2d2421;
	background-image: url(../img/logo_admin.png);
	background-image: url(../img/logo.jpg);
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	margin-bottom: 40px;
	background-attachment: scroll;
*/
}

/* ======================================================
	ページ構成
------------------------------------------------------ */
#DocumentArea	{
	text-align: center;
	width: 90%;
	min-width: 0px;
	padding-left:0;
	padding-right:0;
	margin-left: auto;
	margin-right: auto;
/*
	min-width: 800px;
	max-width: 800px;
	width: auto !important;
	width: 500px;
*/
}
.Main	{
	background: none;
	border-width: 0;
	box-shadow: 0px 0px 0px #fff;
	-moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
	display: block;
	float: none;
	width: 100%;
	padding: 0;
	margin-top: 40px;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
/*
	padding-bottom: 2em;
	min-height: 600px;
	height: auto !important;
	height: 600px;
*/
}

#Footer	{
	background-image: none;
	border-width: 0;
	padding-top: 2em;
	width: 100%;
	min-width: 0px;
/*
	margin-top: 40px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
*/
}
#Footer div	{
	padding: 0;
	margin: 0;
	padding-top: 2em;
}


/* ------------------------------------------------------
	文字 */
.Main h1,
.Main h2,
.Main h3	{
	background: none;
	padding: 0;
	border-width: 0;
	line-height: normal;
}
.Main h1,
.Main h2	{
	margin-bottom: 2em;
}
.Main h3,
.Main h4	{
	text-align: left;
	font-weight: bold;
}

.Main h1	{
	text-align: center;
}
#DocumentArea .Main h1	{
	box-shadow: 0px 0px 0px #fff;
	-moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
}
.Main h2	{
	text-align: left;
}
big	{
	display: block;
	font-weight: bold;
	margin-bottom: 2em;
}

/*
.ErrorMessage	{ text-align: left; }
*/

/* ------------------------------------------------------
	<table> */
table	{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
table, th, td	{
	background-image: none;
}
caption	{}

th,
td	{
	text-align: left;
	vertical-align: top;
	border-width: 1px 0;
}
thead th,
thead td	{ text-align: left; }
th	{
/*	width: 10em; */
/* IEが崩れる為、%指定 */
	width: 20%;
}
th p	{ font-weight: normal; }

td table	{ margin-left: 0px; }
td table,
td th,
td td	{
	border-width: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}

.BtnBg,
.BtnBg th,
.BtnBg td	{ }


/* ------------------------------------------------------ */

img	{ margin-right: 5px;}


/* ------------------------------------------------------
	<ul><ol> */


/* ------------------------------------------------------
	<form> */
button	{
	width: 12em;
	height: 5em;
	/*	white-space: pre; */
	font-family: monospace;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}


/* ======================================================
	ログインページ
------------------------------------------------------ */
.LoginPass,
.LoginPass *	{
	width: 15em;
	text-align: center;
}
.LoginPass input	{
	margin-top: 1em;
	margin-bottom: 1em;
}


/* ======================================================
	管理メニュー
------------------------------------------------------ */
.Main .KanriMenu	{ text-align: left; }
.Main .KanriMenu table,
.Main .KanriMenu th,
.Main .KanriMenu td	{
	border-width: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}
.Main .KanriMenu td	{ }

.WidthTh	{ text-align: center; }


/* ------------------------------------------------------
	お知らせ */
.Kanri .NewsImgUL ul	{ margin-top: 0px; }
.Kanri .NewsImgUL li	{ width: 31%; }
.Kanri .NewsImgUL li img	{
	border-width: 0;
	margin-bottom: 0;
	padding: 0;
	box-shadow: 0px 0px 0px #fff;
	-moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
}


/* ======================================================
	商品管理
	shohin_kanri.php
------------------------------------------------------ */
/* 一覧 */
.ShohinKanri img	{ width: 50px; }


/* ------------------------------------------------------
	おすすめの色を変える */
.ShohinKanriOsusume	{
	background-color: #fff9e2;
	border-width: 1px;
	border-color: #ffe793;
}


/* ======================================================
	予約カレンダー
------------------------------------------------------ */
.Calendar	{
	border-width: 0;
	padding: 0;
}
.Calendar table	{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.Calendar caption	{ text-align: left; }
.Calendar td *	{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


/* ======================================================
	印刷用
------------------------------------------------------ */
/* 印刷範囲　※ブラウザのプリント開始で制御するものは、「style_print.css」へ */
.Print	{
	background: #fff;
	padding: 5mm;
	
}

/* 文字の色は黒へ */
.Print,
.Print *	{
	color: #000;
}
/* 背景を消す */
.Print *	{
	background: none;
}
/* 線を消す */
.Print table,
.Print th,
.Print td	{
}

/* ------------------------------------------------------
	個々 */
.Print h3	{
	text-align: center;
	font-size: 1.5em;
}


div.scroll{
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-x: scroll;
    -ms-overflow-y: hidden;
}

/* 偶数行の背景色を変える */
div:nth-child(2n) > .root {
	background-color: #eee;
}






/* [220210]追加　scrollしても地図を固定、とか */
.Fixed	{
	position: sticky;
	top: 0;
}

.map	{
	margin-top: 1em;
}
.map .Fixed	{}


/* ======================================================
	box
------------------------------------------------------ */
.box
	{
	zoom: 1;
	position: relative;
}

.box:after
	{
	content: ""; 
	display: block; 
	clear: both;
}

.box	{
	margin-bottom:　0;
}