@charset "Shift_JIS";
/* common----------------------------------------------- */
body, h1, h2, h3, h4, form, ul, p, span{
	margin: 0; 
	padding: 0;
}
img{border:none;background-repeat:no-repeat;}
ul{list-style-type:none;}

.style1 {
	font-size   : 18px;
	color: #696969;
	font-family: MS UI Gothic;
}
.style2 {
	font-size   : 24px;
	color: #CC6666;
	font-family: MS UI Gothic;
}
.style3 {
	font-size   : 18px;
	color: #993399;
	font-family: MS UI Gothic;
}
.style4 {
	font-size   : 16px;
	color: #FF6666;
	font-family: MS UI Gothic;
}
.style5 {
	font-size   : 16px;
	color: #663366;
	font-family: MS UI Gothic;
}
.style6 {
	font-size   : 14px;
	color: #696969;
	font-family: MS UI Gothic;
}
.cstyle6 {
	font-size   : 12px;
	color: #696969;
	font-family: MS UI Gothic;
	line-height:120%;
} 
.style7 {
	font-size   : 16px;
	color: #339933;
	font-family: MS UI Gothic;
}
.style8 {
	font-size   : 12px;
	color: #696969;
	font-family: MS UI Gothic;
}
.style9 {
	font-size   : 12px;
	color: #228B22;
	font-family: MS UI Gothic;
}
.style10 {
	font-size   : 12px;
	color: #CC33CC;
	font-family: MS UI Gothic;
}

.style12 {
	font-size   : 14px;
	color: #006699;
	font-family: MS UI Gothic;
}
.style13 {
	font-size   : 18px;
	color: #FA8072;
	font-family: MS UI Gothic;
}
.style14 {
	font-size   : 24px;
	color: #FFCCFF;
	font-family: MS UI Gothic;
}
.style15 {
	font-size   : 16px;
	color: #696969;
	font-family: MS UI Gothic;
}
.style16 {
	font-size   : 12px;
	color: #228B22;
	font-family: MS UI Gothic;
}
.style17 {
	font-size   : 12px;
	color: #006699;
	font-family: MS UI Gothic;
}
.style18 {
	font-size   : 12px;
	color: red;
	font-family: MS UI Gothic;
}
.style19 {
	font-size   : 16px;
	color: #696969;
	font-family: MS UI Gothic;
}
.style20 {
	font-size   : 14px;
	color: red;
	font-family: MS UI Gothic;
}
.style21 {
	font-size   : 12px;
	font-family: MS UI Gothic;
}


/*
span {font-size:12px;border:3px double #CC66CC;
�@�@�@height:200px;width:130px;padding:7px;
�@�@�@overflow:auto;
�@�@�@scrollbar-arrow-color:gold;
�@�@�@scrollbar-face-color:white;
�@�@�@scrollbar-highlight-color:lightblue;
�@�@�@scrollbar-3dlight-color:white;
�@�@�@scrollbar-shadow-color:lightpink;
�@�@�@scrollbar-darkshadow-color:white;
�@�@�@scrollbar-track-color:white;
}
*/

/* shiiba---------------------------------------------------- */


.marginleft20{
	margin-left:15px;
}

/* Šeƒy�[ƒW‹¤’Ê */

.cba{
	padding:5px;
	font-size: 12px;
	line-height:180%;
	font-family: "MS UI Gothic", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
}

.header{
	width:800px;
}

.page{
	padding:5px;
	padding-bottom:15px;
	padding-left:20px;
}

.error{
	margin-left:15px;
	font-size: 12px;
	line-height:150%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
	color:red;
	font-weight:normal;
}

.warning{
	margin-left:15px;
	font-size: 12px;
	line-height:150%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
	color:#ee3800;
	font-weight:normal;
}

.smallWarning{
	font-size: 10px;
	line-height:150%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
	color:#cc3800;
	font-weight:normal;
}

.confirm{
	margin-left:15px;
	font-size: 12px;
	line-height:150%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
	color:#D03E7F;
	font-weight:normal;
}

.menu{
	padding-left:15px;
}

.title{
	font-size : 25px;
	color: #996633;
	font-weight: bold;
	height: 40px;
	padding-top:10px;
}

.subTitle {
	font-size   : 15px;
	font-family: MS UI Gothic;
	font-weight: bold;
	color: #03A1A7;
}

.subsubTitle{
	margin-left : 10px;
	margin-right : 5px;
	
	font-size   : 14px;
	color: #6E6C6D;
	font-family: MS UI Gothic;
	font-weight: bold;
}

.buttonwide{
	margin-left : 30px;
}

.buttonnarrow{
	margin: 5px;
}

.step{
	padding:5px;
	padding-bottom:15px;
}

/* AddPage */

#AddPage .foodSelectTable{
	margin-left:15px;
}

#AddPage .selectCategoryBox{
	height: 350px;
	width: 200px;
	overflow:scroll;
	border: solid 1px gray;
}

#AddPage .tree{
	font-size: 11pt;
	line-height:130%;
}

#AddPage .foodInfoViewBox{
	height:350px;
	width:500px;
	border: solid 1px gray;
	overflow:scroll;
}

#AddPage .foodInfoTable{
	font-size: 12px;
	line-height:120%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
}

#AddPage .freeTable{
	margin-left:18px;
	width:700px;
	font-size: 12px;
	line-height:120%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
}

/* Edit_EditTable------------------------------------------------- */

table.edit{
	margin-left:18px;
	width:600px;
	font-size: 12px;
	line-height:120%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
	color:#494949;
	
	border-right:solid 1px darkgray;
	border-bottom:solid 1px darkgray;
	padding:1px;
}

table.edit th{
	padding:1px;
	border-left:solid 1px darkgray;
	border-top:solid 1px darkgray; 
	font-weight:normal;
	background-color:#ffeeee;
}

table.edit td{
	padding:1px;
	border-left:solid 1px darkgray;
	border-top:solid 1px darkgray;
	text-align:left;
	padding:2px;
	padding-left:5px;
}

table.edit td.or{
	text-align:center;
}

table.edit td.value{
	text-align:right;
	padding-left:5px;
}

/* ViewTable------------------------------------------------- */

table.view{
	margin-left:18px;
	width:95%;
	font-size: 12px;
	line-height:120%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
	color:#494949;
	
	border-right:solid 1px darkgray;
	border-bottom:solid 1px darkgray;
	padding:1px;
}

table.view thead th{
	background-color:#ffeeee;
}

table.view tr.ind{
	background-color:#ffff99;
	color:green;
}

table.view th{
	padding:1px;
	border-left:solid 1px darkgray;
	border-top:solid 1px darkgray; 
	font-weight:normal;
}

table.view td{
	padding:1px;
	border-left:solid 1px darkgray;
	border-top:solid 1px darkgray;
	text-align:right;
}

table.view th.ind{
	font-weight:bold;
}
table.view td.name{
	text-align:left;
	padding-left:5px;
}
table.view td.cal{
	text-align:center;
	font-weight:bold;
}
table.view td.sub{
	color:brown;
	text-align:center;
	font-weight:bold;
}
table.view td.cho{
	font-weight:bold;
}
table.view td.sal{
	font-weight:bold;
}
table.view td.veg{
	font-weight:bold;
}
table.view td.del{
	text-align:center;
}


/* DetailTable------------------------------------------------- */

table.detail{
	margin-left:18px;
	width:95%;
	font-size: 12px;
	line-height:120%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
	color:#494949;
	
	border-right:solid 1px darkgray;
	border-bottom:solid 1px darkgray;
	padding:1px;
}


table.detail thead th{
	background-color:#ffeeee;
}
table.detail th{
	padding:1px;
	border-left:solid 1px darkgray;
	border-top:solid 1px darkgray; 
	font-weight:normal;
}
table.detail td{
	padding:1px;
	border-left:solid 1px darkgray;
	border-top:solid 1px darkgray;
	text-align:right;
}


table.detail tr.sumdiv{
	background-color:#E6E6FA;
}
table.detail tr.sumday{
	background-color:#F0FFF0;
}
table.detail tr.ind{
	background-color:#ffff99;
	color:green;
}
table.detail tr.sub{
	background-color:#fff0f5;
}


table.detail th.sumdiv{
	font-weight:bold;
	text-align:right;
}
table.detail th.sumday{
	font-weight:bold;
	text-align:right;
}
table.detail th.ind{
	font-weight:bold;
	text-align:right;
}
table.detail th.sub{
	font-weight:bold;
	text-align:right;
}


table.detail td.name{
	text-align:left;
	padding-left:5px;
}
table.detail td.cal{
	font-weight:bold;
}
table.detail td.cho{
	font-weight:bold;
}
table.detail td.sal{
	font-weight:bold;
}
table.detail td.veg{
	font-weight:bold;
}

/* �HŽ–‹æ•ª */
table.detail th.bf{
	padding:2px;
	padding-left:10px;
	text-align:left;
	background-color:#CCCC66;
	font-weight:bold;
}
table.detail th.ln{
	padding:2px;
	padding-left:10px;
	text-align:left;
	background-color:#99CC66;
	font-weight:bold;
}
table.detail th.dn{
	padding:2px;
	padding-left:10px;
	text-align:left;
	background-color:#FFCCCC;
	font-weight:bold;
}
table.detail th.mn{
	padding:2px;
	padding-left:10px;
	text-align:left;
	background-color:#9999FF;
	font-weight:bold;
}
table.detail th.bw{
	padding:2px;
	padding-left:10px;
	text-align:left;
	background-color:#FF99FF;
	font-weight:bold;
}
table.detail th.sum{
	padding:2px;
	padding-left:10px;
	text-align:left;
	background-color:#FF99CC;
	font-weight:bold;
}

table.detail td.nodata{
	text-align:left;
	padding:3px;
	padding-left:10px;
} 

/* UserInfoTable------------------------------------------------- */

table.userInfo{
	margin-left:18px;
	width:600px;
	font-size: 12px;
	line-height:120%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
	color:#494949;
	
	border-right:solid 5px #D7D2D6;
	border-bottom:solid 5px #D7D2D6;
	padding:1px;
}

table.userInfo th{
	padding:3px;
	border-left:solid 5px #D7D2D6;
	border-top:solid 5px #D7D2D6; 
/*	font-weight:normal;*/

	background-color:#FFE6FC;
}

table.userInfo td{
	padding:1px;
	border-left:solid 5px D7D2D6;
	border-top:solid 5px D7D2D6; 
	text-align:left;
	padding:3px;
	padding-left:5px;
/*	margin-left:15px; */
}

table.userInfo span.confirm{
	margin-left:0px;
	font-size: 12px;
	line-height:150%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";
	color:#D03E7F;
	font-weight:normal;
}