@charset "UTF-8";



/* Public Styles
******************************************************************************** */
/* ---------------------------------------------------------------------------- bullet */
.arrow-r {
	padding-left: 8px;
	background: transparent url(/common/img/bullet_arrow_r.gif) no-repeat scroll 0 0.20em;
}
.arrow-r-new {
	padding-left: 16px;
	background: transparent url(/common/img/bullet_arrow_r2.gif) no-repeat scroll 0 0.15em;
}

/* ---------------------------------------------------------------------------- notice */
.notice1 {
	color: #5fbd70;
}
.notice2 {
	font-size: 110%;
	font-weight: bold;
}
.notice3 {
	font-size: 110%;
	font-weight: bold;
	color: #5fbd70;
}
.notice4 {
	font-size: 110%;
	font-weight: bold;
	color: #cc0000;
}

/* ---------------------------------------------------------------------------- list */
.more-list {
	margin-top: 10px;
}
.more-list li {
	margin-bottom: 2px;
	text-align: right
}

.supervise {
	width: 240px;
	clear:both;
}
.supervise .supervise-name {
	float:left;
	width: 140px;
}
.supervise .supervise-photo {
	float:left;
	width: 100px;
	text-align: right;
}
.supervise .supervise-name .post {
	display: block;
	color: #555555;
	margin-bottom: 4px;
	line-height: 1.3;
	font-size: 80%;
}

.recipe-list {
	margin-left: 30px;
	margin-bottom: 15px;
}
.recipe-list li {
	margin-bottom: 10px;
}

/* ---------------------------------------------------------------------------- local Navigation */
#localNav {
	width: 200px;
}
#localNav ul {
	margin: 0;
}
#localNav li,
#localNav li a {
	height: 1%;
	display: block;
}
#localNav li {
	margin: 0 0 5px 0;
	border: 1px solid #5fbd70;
	background-color: #ffffff;
}
#localNav li,
#localNav li.on li {
	background-color: #eff8f0;
}
#localNav li.here {
	background: #eff8f0 url(/common/img/bg_lnav_here.gif) no-repeat scroll center top;
}
#localNav li li.here {
	background: #eff8f0 url(/common/img/bg_lnav_here_here.gif) no-repeat scroll center top;
}
#localNav li li {
	margin: 0 0 0 0;
	background: transparent url(/common/img/sep_dotted_h.gif) repeat-x scroll left top;
	border: none;
}
#localNav li a {
	color: #333333;
	padding: 9px 10px 9px 22px;
	background: transparent url(/common/img/bullet_arrow_r.gif) no-repeat scroll 11px 13px;
}
#localNav li li a {
	padding: 9px 10px 9px 32px;
	background: transparent url(/common/img/bullet_arrow_r.gif) no-repeat scroll 21px 13px;
}
#localNav li.on a {
	font-weight: bold;
}

/* ---------------------------------------------------------------------------- subContents */
#information {
/*
	margin-left: 19px;
*/
}
#information .widget {
	margin-top: 5px;
	padding-bottom: 10px;
	background-color: #eff8f0;
}
#information .widget .title {
	background-color: #bfe5c6;
	padding: 5px 10px 5px 17px;
}
#information .widget .summary {
	margin: 11px 17px;
}
#information .widget .more {
	margin: 0 17px 0 12px;
	text-align: right;
}

#shortcut {
/*
	margin-left: 19px;
*/
}
#shortcut .shortcut-list li {
	margin-top: 5px;
	margin-bottom: 0;
}


/* ---------------------------------------------------------------------------- contents index */
.contentsIndex {

}
.pageIndex {
	clear: both;
	text-align: center;
	margin-bottom: 30px;
}
.pageIndex .pageIndex-list,
.pageIndex .pageIndex-list li {
	display: inline;
}


/* ---------------------------------------------------------------------------- layout */
.oneColumn1 {
	clear: both;
	width: 542px;
}
.oneColumn1 .center {
	margin-bottom: 10px;
	text-align: center;
}
.oneColumn1 .center * {
	margin-left: auto;
	margin-right: auto;
}
.oneColumn1.summary,
.oneColumn1.summary p {
	line-height: 1.3;
}

.twoColumn1 {
	clear: both;
	width: 542px;
}
.twoColumn1 .left {
	width: 180px;
	float: left;
}
.twoColumn1 .right {
	width: 362px;
	float: right;
}
.twoColumn1 .summary,
.twoColumn1 .summary p {
	line-height: 1.3;
}

.twoColumn2 {
	clear: both;
	width: 542px;
}
.twoColumn2 .left {
	width: 440px;
	float: left;
}
.twoColumn2 .right {
	width: 102px;
	float: right;
}

.twoColumn3 {
	clear: both;
	width: 542px;
}
.twoColumn3 .left {
	width: 261px;
	float: left;
}
.twoColumn3 .left * {
	margin-left: auto;
	margin-right: auto;
}
.twoColumn3 .right {
	width: 261px;
	float: right;
}
.twoColumn3 .right * {
	margin-left: auto;
	margin-right: auto;
}
.twoColumn3 .left p {
}
.twoColumn3 .right p {
}

.twoColumn4 {
	clear: both;
	width: 520px;
}
.twoColumn4 .left {
	width: 125px;
	float: left;
}
.twoColumn4 .right {
	width: 395px;
	float: right;
}

.twoColumn5 {
	clear: both;
	width: 542px;
}
.twoColumn5 .left {
	width: 362px;
	float: left;
}
.twoColumn5 .right {
	width: 180px;
	float: right;
}

/* board4 padding:15 inner */
.twoColumn6 {
	clear: both;
	width: 512px;
}
.twoColumn6 .left {
	width: 180px;
	float: left;
}
.twoColumn6 .right {
	width: 332px;
	float: right;
}

/* recipe */
.twoColumn7 {
	clear: both;
	width: 542px;
}
.twoColumn7 .left {
	width: 350px;
	float: left;
}
.twoColumn7 .right {
	width: 192px;
	float: right;
}

/* new recipe index */
.twoColumn8 {
	clear: both;
	width: 542px;
	padding: 15px 0;
	background: transparent url(/common/img/sep_dotted_h2.gif) repeat-x scroll left bottom;
	overflow: hidden;
}
.twoColumn8 .left {
	width: 104px;
	float: left;
}
.twoColumn8 .right {
	width: 438px;
	float: right;
}
.twoColumn8 .right h4 {
	margin-top: 0;
}

/* new recipe detail index */
.twoColumn9 {
	clear: both;
	width: 542px;
	overflow: hidden;
}
.twoColumn9 .left {
	width: 400px;
	float: left;
}
.twoColumn9 .right {
	width: 130px;
	float: right;
}

.twoColumn10 {
	clear: both;
	width: 542px;
	overflow: hidden;
}
.twoColumn10 .left {
	width: 205px;
	float: left;
}
.twoColumn10 .right {
	width: 304px;
	float: right;
}

.oneColumn1 p,
.oneColumn1 h2,
.oneColumn1 h3,
.oneColumn1 h4,
.oneColumn1 ul,
.oneColumn1 ol,
.twoColumn1 p,
.twoColumn1 h2,
.twoColumn1 h3,
.twoColumn1 h4,
.twoColumn1 ul,
.twoColumn1 ol,
.twoColumn2 p,
.twoColumn2 h2,
.twoColumn2 h3,
.twoColumn2 h4,
.twoColumn2 ul,
.twoColumn2 ol,
.twoColumn3 p,
.twoColumn3 h2,
.twoColumn3 h3,
.twoColumn3 h4,
.twoColumn3 ul,
.twoColumn3 ol,
.twoColumn4 p,
.twoColumn4 h2,
.twoColumn4 h3,
.twoColumn4 h4,
.twoColumn4 ul,
.twoColumn4 ol,
.twoColumn5 p,
.twoColumn5 h2,
.twoColumn5 h3,
.twoColumn5 h4,
.twoColumn5 ul,
.twoColumn5 ol,
.twoColumn6 p,
.twoColumn6 h2,
.twoColumn6 h3,
.twoColumn6 h4,
.twoColumn6 ul,
.twoColumn6 ol,
.twoColumn7 p,
.twoColumn7 h2,
.twoColumn7 h3,
.twoColumn7 h4,
.twoColumn7 ul,
.twoColumn7 ol,
.twoColumn8 p,
.twoColumn8 h2,
.twoColumn8 h3,
.twoColumn8 h4,
.twoColumn8 ul,
.twoColumn8 ol,
.twoColumn9 p,
.twoColumn9 h2,
.twoColumn9 h3,
.twoColumn9 h4,
.twoColumn9 ul,
.twoColumn9 ol,
.twoColumn10 p,
.twoColumn10 h2,
.twoColumn10 h3,
.twoColumn10 h4,
.twoColumn10 ul,
.twoColumn10 ol {
	text-align: left;
}

/* ---------------------------------------------------------------------------- separate */
.sepB {
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: transparent url(/common/img/sep_dotted_h2.gif) repeat-x scroll left bottom;
}

/* ---------------------------------------------------------------------------- section */
.section1 {
	clear: both;
	margin-bottom: 30px;
}
.section2 {
	clear: both;
	margin-bottom: 10px;
}

/* ---------------------------------------------------------------------------- board */
.board1 {
	border: 1px solid #5fbd70;
	padding: 12px 20px;
}
.board2 {
	border: 1px solid #e3e3e3;
	padding: 10px;
}
.board3 {
	background-color: #f2f2f2;
	padding: 15px;
}
.board4 {
	background-color: #eff8f0;
	padding: 15px;
}
.board5 {
/*
	background-color: #f9f9f9;
*/
	padding: 15px;
}
.board6 {
	background-color: #eff8f0;
	padding: 10px;
}


/* ---------------------------------------------------------------------------- table */
.table1 {
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.table1 th,
.table1 td {
	padding:5px 10px;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
.table1 th {
	background-color: #f5fff0;
}

.table2 {
	background: transparent url(/common/img/sep_dotted_h.gif) repeat-x scroll left top;
}
.table2 th,
.table2 td {
	padding: 5px 2px;
	background: transparent url(/common/img/sep_dotted_h.gif) repeat-x scroll left bottom;
}

.table3 {
}
.table3 th {
	padding: 5px 2px 5px 10px;
	color: #555555;
	background: transparent url(/common/img/sep_dotted_h2.gif) repeat-x scroll left bottom;
}
.table3 td {
	padding: 7px 10px 5px 2px;
	color: #555555;
	font-size: 85%;
	background: transparent url(/common/img/sep_dotted_h2.gif) repeat-x scroll left bottom;
}


/* ---------------------------------------------------------------------------- form */
.form1 {
	padding: 7px;
	margin-bottom: 30px;
	background: transparent url(/common/img/bg_form1.gif) repeat scroll left top;
}
.form1 h2 {
	padding: 8px 23px 0;
	background: transparent url(/common/img/bg_form1_t.gif) no-repeat scroll left top;
}
.form1 input{
	margin-right: 2px;
}
.form1 .formarea {
	padding-top: 10px;
	background: transparent url(/common/img/bg_form1_c.gif) no-repeat scroll left top;
}
.form1 .formarea-inner {
	padding: 0 15px;
	background-color: #ffffff;
}
.form1 .btnarea {
	padding: 15px 23px 10px;
	background: transparent url(/common/img/bg_form1_b.gif) no-repeat scroll left bottom;
}
.form1 table {
}
.form1 table th,
.form1 table td {
	line-height: 1.2;
}
.form1 table th {
	padding:5px 10px 19px;
	background: #eff8f0 url(/common/img/sep_dotted_h3.gif) repeat-x scroll left bottom;
}
.form1 table td {
	padding:7px 10px 19px;
	background: transparent url(/common/img/sep_dotted_h3.gif) repeat-x scroll left bottom;
}
*html .form1 table td {
	padding-top: 5px;
}
.form1 table .end th,
.form1 table .end td {
	padding-bottom: 5px;
	background-image: none;
}
.form1 input {
	vertical-align: 2px;
}
.form1 label {
	vertical-align: 4px;
	margin-right: 5px;
}

/* ---------------------------------------------------------------------------- search result */
.resultBox {
/*
	border-bottom: 1px solid #cccccc;
*/
}
.resultBox .resultBox-list {
	margin: 0;
}
.resultBox .resultBox-list * {
	vertical-align: baseline;
}
.resultBox .resultBox-list dt {
	display: inline;
	color: #389649;
}
.resultBox .resultBox-list dd {
	display: inline;
	color: #555555;
}
.resultBox .resultBox-list .result-num {
	font-weight: bold;
	color: #389649;
	font-size: 130%;
}
.resultBox .resultBox-list .result-min {
	font-weight: bold;
}
.resultBox .resultBox-list .result-max {
	font-weight: bold;
}
.result-links {
	background-color: #eff8f0;
	padding: 5px 17px;
}
.result-links-list {
	margin: 0;
}
.result-links-list li {
	display: inline;
	padding-left: 10px;
	padding-right: 3px;
	background: transparent url(/common/img/bullet_from.gif) scroll no-repeat left center;
}
.result-links-list li.here {
	padding-left: 10px;
	background: none;
	background: transparent url(/common/img/bullet_arrow_r.gif) scroll no-repeat left center;
}


/* ---------------------------------------------------------------------------- index */
.threeColumnLayout h1 {
	padding: 0 0 7px 0;
	border-left: none;

	padding-bottom: 7px;
	margin-bottom: 19px;
	border-bottom: 2px solid #5fbd70;
	line-height: 0;
	font-size: 0;
}
.twoColumnLayout h2.index {
	padding:5px 10px;
	border-left: 7px solid #5fbd70;
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 1.2;
}
.threeColumnLayout h2.index {
	padding:7px 10px;
	border-left: 7px solid #5fbd70;
	margin-bottom: 10px;
	font-size: 110%;
	line-height: 1.2;
}
.threeColumnLayout h2 {
	margin: 0 0 10px;
}
.twoColumnLayout h2.index a,
.threeColumnLayout h2.index a {
	color: #333333;
}
.threeColumnLayout h3 {
	margin-bottom: 10px;
	font-size: 0;
	line-height: 0;
}
.threeColumnLayout h3.image {
	background: none;
	padding: 0;
	margin: 7px 0;
}
.threeColumnLayout h3.index {
	padding-left: 12px;
	background: transparent url(/common/img/bullet_square.gif) no-repeat scroll 0 0.3em;
	margin-bottom: 7px;
	font-size: 100%;
	line-height: 1.2;
}
.threeColumnLayout h3.index2 {
	padding: 4px 10px;
	background: none;
	background-color: #EFF8F0;
	margin-bottom: 7px;
	font-size: 100%;
	line-height: 1.2;
}

.threeColumnLayout h4 {
	margin-bottom: 9px;
	font-size: 100%;
	line-height: 1.2;
}
.threeColumnLayout h4.color {
	color: #389649;
}

/* ---------------------------------------------------------------------------- background image */
.input-form {
	padding: 7px;
	background-color: #5fbd70;
	text-align: center;
}
.input-form img,
.input-form input {
	vertical-align: middle;
}
.result-form {
}