/*********************************************    ***/
/*** Cascading Style Sheet for WAKABA hoikuen     ***/
/***　Copyright(C)Seirei Social Welfare Community ***/
/*** ************************************         ***/

/*** General layout　********************/

BODY {
	background-color : #dcfa67;
	padding-left : 1em;
	margin : 0px;
}
H1 {
	font-size : 1.1em;
	color : #007700;
	padding : 0em 0em 0em 1em;
	font-weight : bold;
	border-style : solid;
	border-width : 0px 0px 1px 0px;
	border-color : #007700;
}
H2 {
/*	background-color : #F3C0E8; */
	background-image : url(Images/hline6.png); /* newly added */
	padding : 0.2em;
	font-size : 1.1em;
	margin : 0px;
	color : #117711;
	border-style : solid;
	border-width : 1px;
	border-color : #802644 #ffffff #ffffff #802644;
}
H3 {
/*	background-color : #ffff80;  */
	background-image : url(Images/hline7.png); /* newly added */
	margin-top : 0px;
	padding : 0.1em;
	text-indent : 1em;
	border-style : solid;
	border-width : 0px 2px 2px 0px;
	border-color : #507063;/* #f0d0d0; */
}
H3.link_title {
	background-image : none;
	margin-left : 0em;
	text-indent : 2em;
	font-size : 1.1em;
	width : 20em;
}
H4 {
	width : 70%;
	border-style : solid;
	border-width : 0px 0px 1px 0px;
	border-color : black;
}
H5 {
	margin : 0px;
}
P {
	padding : 0em 0em 0em 0.1em;
	color : #002000;
	line-height : 1.3em;
}
P.expl {
	font-size : smaller;
	font-family : "ＭＳ 明朝","Osaka";
	padding : 0em;
	background-color : #ECFF77;
	margin : 0px 4px 10px 4px;
}
p.link_body {
	margin-left : 3em;
}
DT {
	margin : 0px;
	color : #880000;
	padding : 0em 1em 0em 1em;
}
DD {
	margin : 0px;
	color : #000044;
	padding : 0em 0em 0em 2em;
}

IMG {
	margin : 0px;
}
TABLE.main_table {
	margin : 1px;
	border : none 1px blue; /* for debug */
	width : 100%;
}

TD.enkaku_h {
	font-size : smaller;
	width : 44px;
	padding-right : 0.3em;
	text-align : center;
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #000000 #A080A0 #208820 #000000;
}
TD.enkaku_b {
	font-size : smaller;
	width : 224px;
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #208820;
}
TD.jigyo_h {
	font-size : smaller;
	width : 60px;
	text-align : center;
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #000000 #A080A0 #208820 #000000
;}
TD.jigyo_b {
	font-size : smaller;
	width : 208px;
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #208820;
	
}
TD.gaiyou_h {
	font-size : smaller;
	width : 60px;
	text-align : center;
	padding-right : 0.3em;
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #000000 #A080A0 #208820 #000000;
}
TD.gaiyou_b {
	font-size : smaller;
	width : 180px;
	border-style : solid;
	border-width : 0px 1px 1px 0px;
	border-color : #208820;
}

TD.td-recipe-item {
	font-size : smaller;
	width : 180px;
	height : 20px;
	background-color : #E0FF80;

}


OL {
	text-align : left;
/*	font-size : smaller; */
	font-weight : bold;
}
ul.access {
	font-size : smaller;
}

P.toTOP {
	font-size : smaller;
	
}
/*****************************/
/**    screen layout        **/
/*****************************/

/********************** left-navi */
.bn {
	padding : 0px;
	margin  : 0px;
	border-style : none;
	border-color : red;
	border-width : 1px;
}
p.navi {
	font-size : smaller;
	text-align : right;
	margin : 0;
}
/********************** main-pane */
/* main area */
DIV.bl01 {
	width : 800px;
	align : center;
}
/* common top area */
DIV.bl02 {
	width : 640px;
	height : 80px;
	border-style : none;
	border-width : 0px 0px 0px 0px;
	border-color : purple;
}
DIV.bl02-01 {
	position : absolute;
	top : 25px;
	left : 360px;
	width : 240px;
	height : 50px;
	border-style : none;
	border-width : 1px;
	border-color : red;
}
/* contents area */
DIV.bl03 {
	background-image : url(Images/bg6.jpg);
	position : absolute;
	top : 82px;
	left : 120px;
	width : 540px;
/*	height : 430px; */
	border-style : solid;
	border-width : 2px;
	border-color : #5fA572 #AFF5C2 #AFF5C2 5fA572;
	padding : 0.2em;
}
DIV.bl03-1 {
	background-color #DCFA67;
	position : absolute;
	top : 82px;
	left : 120px;
	width : 540px;
/*	height : 430px; */
	border-style : solid;
	border-width : 2px;
	border-color : #5fA572 #AFF5C2 #AFF5C2 5fA572;
	padding : 0.2em;
}
/* page name display area */
DIV.bl04 {
	width : 120px;height : 19px;top : 8px;left : 391px;
  	position : absolute;
  	z-index : 1;
  	visibility : visible;
}

/* map */
#bl06 {
	position : absolute;
	top : 82px;
	left : 110px;
} 

/* explanation pop */
#MSGBX {
	position : absolute;
	top : 30px;
	left : 2px;
	border : none 1px red;
	height : 24px;
	width : 300px;
	z-index : 3;
}
.fuk {
	margin : 0;
	background-color : white;
	border-style : solid;
	border-width : 0px 0px 1px 0px;
	border-color : gray;
	font-size : smaller;
	color : green;
}

/*******************************/
/* Styles for images           */
/*******************************/
IMG.bl01_logos { /** logo for seirei **/
	width : 45px;
	height : 45px;
	border-style : none;
}
IMG.bl01_logow { /** logo for wakaba **/
	border-style : none;
}
IMG.bl01_logoz { /** image style for left-navi **/
	margin : 0px 0px 3px 0px;
	border-style : none;
	width : 100px;
	height : 42px;
	}

IMG.bl01_pictz {　/** whole image (small) **/
	left : 600px;
	height : 66px;
}
IMG.map { /** To erase the map-image-link-border **/
	border-style : none;
	border-width : 3px;
	border-color : #C8E0FF;

}
IMG.map_small { /** To erase the small-map-link-border **/
	border-style : none;
	width : 100px;
}
/************************/
/*   Style for top-logo */
/************************/
.hdr {
	font-size : 9pt;
	color : white;
	font-weight : bold;
	text-align : center;
}
/*****************************/
/*   Style for Byogoji table */
/*****************************/
TABLE.byogoji {
	border-style : solid;
	border-width : 2px;
	border-color : #FF8888;
}
TD.byogoji {
	padding : 0.3em;
	border-style : dashed;
	border-width : 0px 0px 1px 0px;
	border-color : gray;
}
TD.mochimono {
	font-size : smaller;
	background-color : #FFF0CC;
}
/*****************************/
/*   Style for Kujo-shori    */
/*****************************/
p.kujo_title {
	text-indent : 0.5em;
	font-family : "HG丸ｺﾞｼｯｸM-PRO";
	text-decoration : underline;
	font-weight : bold;
}
table#kujo_table {
	align : center;
	border-style : solid;
	border-width : 1px;
	border-color : gray;
}
#kujo_table td {
	border-left : solid 1px gray;
	padding-left : 0.3em;
	font-size : 0.9em;
	text-align : center;
}
/****************************/
/*  Style for Recipe!       */
/****************************/
table.recipe {
	background-color : #ccccbb;
}
.recipe th {
	line-height : 20px;
	background-color : #80cc70;
}
.recipe td.item {
	text-align : center;
	font-size : 0.9em;
	background-color : #eafc6d;
	width : 40%;
}
.recipe td.quantity {
	text-align : center;
	font-size : 0.9em;
	background-color : #8efde1;
	width : 40%;
}
.recipe td.comment {
	background-color : #50e870;
	text-indent : 0.6em;
}