@charset   "Shift_JIS";

{
	margin: 0px;
}

body
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 13px;
	padding: 0px;
	background-color: #ffffff;
      	color: #222222; 
}

.title1  {  font-family: "Osaka"; font-size: 16px; font-style: normal; line-height: 26px;}
.recipe1 {  font-family: "Osaka"; font-size: 14px; font-style: normal; line-height: 24px;}
.recipe2 {  font-family: "Osaka"; font-size: 12px; font-style: normal; line-height: 18px;}
.recipe3 {  font-family: "Osaka"; font-size: 12px; color="#444444"; font-style: normal; line-height: 16px;}
.coment1 {  font-family: "Osaka"; font-size: 12px; color="#444444";font-style: normal; line-height: 16px;}
.honbun1 {  font-family: "Osaka"; font-size: 14px; FONT color="#444444"; font-style: normal; line-height: 24px;}
.honbun2 {  font-family: "Osaka"; font-size: 14px; FONT color="#009999"; font-style: normal; line-height: 24px;}

.meta {
	margin: 0 0 2em 0;
	padding: 5px 10px;
	background: #FFFFFF url(images/img3.gif) repeat-x;
	border-top: 1px solid #457EE9;
	font-size: x-small;
}

.meta p {
	margin: 0;
	padding: 0;
}

.meta2 {
	margin: 0 0 2em 0;
	padding: 5px 10px;
	background: #FFFFFF url(images/meta_pinck_1_30.gif) repeat-x;
	border-top: 1px solid #ff3399;
	font-size: x-small;
}

.meta2 p {
	margin: 0;
	padding: 0;
}

a
{
	background-color: inherit;
	color: #0000EE;
}

a:hover
{
	text-decoration: none;
}

p
{
	text-align: justify;
	margin-bottom: 15px;
	line-height: 1.5;
}

ul
{
	list-style: disc;
	padding-left: 10px;
	margin-bottom: 15px;
}

h3
{
	font-size: 20px;
	margin-bottom: 30px;
       line-height: 1.5;
}

h4
{
	font-size: 13px;
	margin-bottom: 5px;
}

h5
{
	font-size: 12px;
}

#header
{
	background-color: #ffffff;
	color: #fff;
	padding: 10px 5px 10px 5px;
}

#header h1
{
	font-size: 30px;
}

#header h2
{
	font-size: 14px;
}

#menu
{
	padding: 5px 30px 0px 30px;
	margin-bottom: 30px;
	color: #222222;
	background-color: #f5f5f5;
	border-bottom: solid 1px #DADADA;
}

#menu div
{
	clear: both;
}

#menu ul
{
	display: block;
	position: relative;
	top: 1px;
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
}
	
#menu ul li
{
	position: relative;
	float: left;
	border: solid 1px #dadada;
	border-bottom: 0px;
	margin-right: 5px;
}

#menu ul li a
{
	display: block;
	padding: 5px 10px 8px 10px;
	text-decoration: none;
	background-color: inherit;
	color: #333333;
}

#menu ul li a:hover
{
	background-color: #0022AA;
	color: #fff;
}

#menu ul li.active, #menu ul li.active a, #menu ul li.active a:hover
{
	background-color: #ffffff;
	color: #333333;
}

#container
{
	margin: 0px 10px 0px 10px;
}

#primarycontainer
{
       clear: left;
       float: left;
	/*margin-right: -100px;*/
	/*width: 88%;*/
width: 480;
}

#primarycontent
{
	margin-right: 10px;
}

#primarycontent p
{
	margin-bottom: 20px;
}

#secondarycontent
{
	clear: left;
       float: left;
	width: 160px;
       padding: 10px;
}

#column
{
	clear: right;
       float: right;
	width: 130px;
       margin-left: 10px;
margin-right: 2px;
       margin-top:  200px;
       
       padding: 10px 0px 0px 6px;
      	border-left: ridge 1px #ff3300;
}

#submenu  ul
{
	clear: left;
       float: left;
	width: 160px;
       display: block;
margin-left: 2px;
line-height: 1.2;
	/*position: relative;*/
    	top: 1px;
	list-style: none;
	padding: 4px;
}

#submenu ul li a
{
	display: block;
	padding: 2px 4px 4px 4px;
	text-decoration: none;
	background-color: inherit;
       /*background-color: #ffffcc;*/
	color: #333333;
}

#submenu ul li a:hover
{
	background-color: inherit;
	color: inherit;
       display: block;
       border:1px solid #ff0000;
}

#submenu ut li.active2, #submenu ul li.active2 a, #submenu ul li.active2 a:hover
{
	background-color: #66ff99;
	color: #333333;
}

#footer
{
	text-align: center;
	margin: 20px 0px 0px 0px;
	padding-top: 15px;
	border-top: solid 1px #DADADA;
	clear: both;
}

.clearit
{
	clear: both;
	height: 1px;
}

table.tb1{
    border-top:1px solid #ff6633;
    /*border-left:1px solid #ff6633;*/
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    font-size: 13px;
    empty-cells:show;
}
.tb1 th{
    /*border-right:1px solid #ff6633;*/
    border-bottom:1px solid #ff6633;
    color:#444444;
    background-color:#ffff99;
    /*background-image:url(../img/table-back.gif);*/
    background-position:left top;
    padding: 4px 10px 6px 10px;
    text-align:center;
}

.tb1 td{
    /*border-right:1px solid #ff6633;*/
    border-bottom:1px solid #ff6633;
    padding:0.3em 1em;
}
.tb1 td a{
    display: block;
	padding: 4px 10px 6px 10px;
	text-decoration: none;
	background-color: inherit;
       /*background-color: #ffffcc;*/
	color: #333333;
}
.tb1 td a:hover
{
	background-color: #336600;
	color: #fff;
}

/* Calendar */
table.calendar{
    border-top:1px solid #ff6633;
    /*border-left:1px solid #ff6633;*/
    border-collapse:collapse;
    border-spacing:0;
    /*background-color:#999999;*/
    background-color:#ffff99;
    font-size: 13px;
    empty-cells:show;
    text-align: center;
}
.calendar th{
    /*border-right:1px solid #ff6633;*/
    border-bottom:1px solid #ff6633;
    color:#444444;
    background-color:#ffff99;
    /*background-image:url(../img/table-back.gif);*/
    background-position:left top;
    padding: 4px 10px 6px 10px;
    text-align:center;
}

.calendar td{
    /*border-right:1px solid #ff6633;*/
    /*border-bottom:1px solid #ff6633;*/
    /*padding:0.3em 1em;*/
    width:22;
}
.calendar td a{
    display: block;
	/*padding: 4px 8px 4px 8px;*/
	text-decoration: none;
       /*background-color: #333333;*/
       background-color: #ffcc99;
	/*color: #ffffff;*/
       color: #cc0000;
}
.calendar td a:hover
{
	background-color: #ff3300;
	color: #ffffff;
}