@charset "UTF-8";

/* All Layout
-------------------------------------------------*/
body,div,ul,li,h1,h2,p
{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,ul,li,p,address {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	text-decoration: none;
}
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #999999;
}
a:active {
	color: #333333;
}

body {
	font-size: 62.5%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.2em;
	color: #464646;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
/* MacIE begin \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* MacIE end */

#header,
#contents,
#gnavi ul {
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	min-width: 960px;
	text-align: left;
}

/********************************      General Classes      ********************************/

.clear {
                clear: both;
                }

.align-left {
                float: left;
                }

.align-right {
                float: right;
                }

/************ Button ************/
.button {
                /*font-family: Verdana, Arial, sans-serif;*/
                font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
                display: inline-block;
                background: #816A0F url('../images/bg-button-brown.gif') top left repeat-x !important;
                border: 1px solid #816A0F !important;
                padding: 2px 7px 2px 7px !important;
                color: #fff !important;
                font-size: 13px !important;
                cursor: pointer;
                }

.button:hover {
                text-decoration: underline;
                }

.button:active {
                padding: 3px 7px 1px 7px !important;
                }

/* Wrapper
-------------------------------------------------*/
#wrapper {
	text-align: center;
}


/* Header
-------------------------------------------------*/
#header {
	padding: 0.5em 0 0 0;
	height: 5em;
}
#header .colL {
	float: left;
	color: #816A0F;
	font-size: 30px;
	font-weight: bold;
	padding: 10px;
}
#header .colL h1 img {
	margin: 0 0 0 1.0em;
}
#header .colL p {
	font-size: 1.2em;
	margin: 0.5em 0 0 0;
}
#header .colR {
	float: right;
	padding: 10px 20px 0 0;
}
#header .colR img,
#header .colR input {
	vertical-align: middle;
}

#header .colR a {
	font-size: 1.2em;
}

/* Gnavi
-------------------------------------------------*/
#gnavi {
	clear: both;
	margin: 10px 0 0 0;
	/*background: url(../img/gnav_bg.gif) 0% 50% repeat-x;*/
}

#gnavi ul li {
	float: left;
	list-style-type: none;
	font-size: 16px;
	letter-spacing: 2px;
}
#gnavi ul li a {
	float: left;
	text-align: center;
	display: block;
	color: #ffffff;
	font-weight: bold;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #816A0F;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	width: 120px;
}

#gnavi ul li a:hover {
	color: #816A0F;
	/*background: url(../img/gnav_bg2.gif) 0% 50% repeat-x;*/
	background-color: #ffffff;
}

#gnavi li.first a{
	border-left:1px solid #ffffff;
}

/* menu
-------------------------------------------------*/
#menu {
	clear: both;
	float: left;
	margin: 0;
	/*background: url(../img/gnav_bg.gif) 0% 50% repeat-x;*/
}

#menu .menu_area li {
	list-style-type: none;
	font-size: 16px;
	letter-spacing: 1px;
}

#menu .menu_area li a {
	text-align: center;
	display: block;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #000000;
	padding: 5px 0 3px 0;
	width: 149px;
}

#menu .menu_area li a:hover {
	color: #ff5555;
	/*background: url(../img/gnav_bg2.gif) 0% 50% repeat-x;*/
	background-color: #ffffff;
}

#menu .message_area {
	display: block;
	background-color: #000000;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	width: 149px;
	padding: 3px 0;
}

#menu .message_area h2 {
	color: #ff5555;
	font-size: 13px;
	margin: 0 3px;
}

#menu .message_area li {
	margin: 0 2px 0 5px;
}

#menu .message_area li a {
	color: #ffffff;
	font-size: 10px;
}

/********************************      General Classes      ********************************/

.clear {
                clear: both;
                }

.align-left {
                float: left;
                }

.align-right {
                float: right;
                }

/* mainContents
-------------------------------------------------*/
#mainContents {
	font-size: 15px;
	float: left;
	margin: 20px 0 0 30px;
	width: 1000px;
	height: 100%;
}

#mainContents h2 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

#mainContents .form {
	margin: 10px 0 0 0;
}

#mainContents .text_center {
	text-align: center;
	width: 100%;
	margin: 0 0 0 10px;
}

/************ Table ************/

#mainContents table {
                width: 100%;
                border-collapse: collapse;
                }

#mainContents table input[type=text] {
                width: 90% !important;
                }

#mainContents table thead th {
                font-weight: bold;
                font-size: 14px;
                border: 1px solid #ccc;
                white-space: nowrap;
                }

#mainContents table thead th.delcheck {
                text-align: center;
                width: 40px;
                }

#mainContents table thead th.image {
                width: 100px;
                }

#mainContents table thead th.category {
                width: 120px;
                }

#mainContents table thead th.email {
                width: 200px;
                }

#mainContents table thead th.date{
                width: 80px;
                }

#mainContents table thead th.hideShow {
                width: 70px;
                }

#mainContents table thead th.sort {
                width: 50px;
                }

#mainContents table thead th.create_at {
                width: 80px;
                }

#mainContents table thead th.update_at {
                width: 100px;
                }

#mainContents table thead th.edit {
                width: 80px;
                }

#mainContents table td.inputNameText {
                width: 200px;
                }

#mainContents tbody {
                border-bottom: 1px solid #ccc;
                }

#mainContents tbody tr {
                background: #fff;
                }

#mainContents tbody tr.alt-row {
                background: #e3e3e3;
                }

#mainContents table td,
#mainContents table th {
                padding: 5px;
                line-height: 1.3em;
                vertical-align: middle;
                border: 1px solid #ccc;
                }

#mainContents table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                }

#mainContents table tfoot td .bulk-actions select {
                padding: 4px;
                border: 1px solid #ccc;
                }

#adminlist .adminmenu {
			    text-align: center;
			    width: 130px;
			    }

#adminlist .admenubutton {
			    width:100px;
			    }

/*************** Pagination ***************/

#mainContents .pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
                font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
                font-size: 10px;
                }
.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.number {
                border: 1px solid #ddd;
                }

.pagination a.current {
                background: #816A0F url('../images/bg-button-brown.gif') top left repeat-x !important;
                border-color: #816A0F !important;
                color: #fff !important;
                }

.pagination a.current:hover {
                text-decoration: underline;
                }

/*************** Forms ***************/
form input.text-input,
form select,
form textarea,
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url('/kamikitayama/images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
                color: #333;
                }

form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }

/********************************      注文      ********************************/

/*------------------------------------
 h2,h3,h4
------------------------------------*/

#contact h2{
    margin:0px !important;
}

#contact h3{
    width:auto !important;
    height:30px !important;
    line-height:30px !important;
    font-size:14px !important;
    font-weight: bold !important;
    color:#816a0f !important;
    background:#f9f8f3 !important;
    border-left:#816a0f 8px solid !important;
    border-bottom:#816a0f 1px dotted !important;
    margin-bottom:14px !important;
    padding-left:10px !important;
}

/*------------------------------------
 foodtable
------------------------------------*/

#foodtable {
    width:792px;
    margin:0 auto 30px auto;
}

table#foodtable {
    border-top:#CCCCCC 1px solid;
    border-left:#CCCCCC 1px solid;
    margin-bottom:14px;
}

#foodtable tr {
    margin-bottom:20px;
}

#foodtable tr.all {
    background-color:#0033FF;
}

#foodtable th {
    padding: 4px 4px;
    font-weight:bold;
    vertical-align:middle;
    color:#FFFFFF;
    text-align:center;
    border-right:#CCCCCC 1px solid;
    border-bottom:#CCCCCC 1px solid;
    background-color:#826a0f;
}

#foodtable td   {
    padding: 10px 10px;
    vertical-align:middle;
    border-right:#CCCCCC 1px solid;
    border-bottom:#CCCCCC 1px solid;
    background-color:#FFFFFF;
}

#soryo  {
    width:592px;
    margin:0 auto 30px auto;
}

/*------------------------------------
 tsuhan
------------------------------------*/

#tsuhan {
    width:592px;
    margin:0 auto;
}

table#tsuhan {
    width:100%;
    border-top:#CCCCCC 1px solid;
    border-left:#CCCCCC 1px solid;
    margin-bottom:14px;
}

#tsuhan tr {
    margin-bottom:20px;
}

#tsuhan tr.all {
    background-color:#0033FF;
}

#tsuhan th {
    width:30%;
    padding: 10px 10px;
    font-weight:bold;
    vertical-align:middle;
    color:#FFFFFF;
    text-align:center;
    border-right:#CCCCCC 1px solid;
    border-bottom:#CCCCCC 1px solid;
    background-color:#826a0f;
}

#tsuhan td  {
    width:70%;
    padding: 10px 10px;
    vertical-align:middle;
    border-right:#CCCCCC 1px solid;
    border-bottom:#CCCCCC 1px solid;
    background-color:#FFFFFF;
}

/*------------------------------------
 info
------------------------------------*/
#contact{
    height:auto;
    width:840px;
    padding:14px 14px 14px 14px;
    margin-bottom:30px;
    border:1px solid #816a0f;
    background-color:#f1edde;
    font-size: 12px !important;
}

#contact .box{
    height:auto;
    width:590px;
    text-align:center;
    margin:0 auto;
}

#contact .box02{
    height:auto;
    width:550px;
    padding:20px;
    text-align:center;
    background-color:#fbf9f3;
    border:#CCCCCC 1px dotted;
    margin:0 auto;
    margin-bottom:20px;
}

#contact .txt{
    width:840px;
    height:auto;
    margin-bottom:30px;
}

#contact .l{
    width:180px;
    height:auto;
    display:inline;
    font-weight:bold;
    float:left;
    text-align:right;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
}

#contact .r{
    width:500px;
    height:auto;
    display:inline;
    float:left;
}

#contact .all{
width:830px;
height:auto;
padding:0 10px 0 20px;
}

#contact .all_m{
width:830px;
height:auto;
padding:0 10px 0 20px;
margin-bottom:20px;
}

#contact .bn{
    width:500px;
    height:20px;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 220px;
}

.dotted_line{
    width:820px;
    height:1px;
    border-bottom:#333333 1px dotted;
    clear:both;
    padding:20px 0 0 20px;
    margin-bottom:20px;
}

.red{
color:#FF0000;
font-weight:bold;
}

.font_b{
font-size:14px;
}

.font_bb{
font-size:16px;
}



/* Footer
-------------------------------------------------*/
#footer {
	text-align: left;
	width: 100%;
}

#footer .topreturn {
     background-color: #816A0F;
     color: #ffffff;
     font-size: 14px;"
}

/*************** jQuery WYSIWYG ***************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important;  background: #ffffff; background-image: none !important;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('../images/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {  }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }