html {
	overflow-y:scroll;
}
body {
	margin:0 auto;
	padding:0;
	font-family:'メイリオ', 'ＭＳ Ｐゴシック', "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
	color:#555;
	font-size:12px;
	/*letter-spacing:0.15em;*/
	line-height:1.5em;
	background:url(../img/bg.jpg);
}
a img.alph {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom:1;
}
a:hover img.alph {
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	zoom:1;
}
.clear {
	clear:both;
}
h1 {
	position:absolute;
	top:8px;
	left:0px;
	margin:0;
	padding:0;
	font-size:100%;
	z-index:2;
}
h2 {
	clear:both;
	margin:0 0 0 0;
	padding:0;
	font-size:100%;
}
h3 {
	clear:both;
	margin: 15px 0;
	padding:0;
	font-size:100%;
}
h3.title {
	clear:both;
	margin: 15px 0;
	padding:3px 8px;
	font-size:16px;
	color:#cccF;
	vertical-align:middle;
	background:url(../img/h3_bg.gif) repeat-x;
}
h4.recipe {
	margin:10px 0px 10px 7px;
}
h4.recipe2 {
	margin:0px 0px 10px 7px; padding-top:30px;
}
h4.first {
	margin:15px 0px 10px 7px;
}
h4 {
	clear:both;
	font-family:'ＭＳ Ｐゴシック', Osaka;
	font-size:145%;
	margin:40px 0px 5px 7px;
	padding:0 0 8px 0;
}
h5.first {
	font-family: 'ＭＳ Ｐゴシック', Osaka;
	padding:0 0 18px 10px;
	letter-spacing:0.25em;
	margin:0 5px 10px 12px;
	font-size:115%;
	font-weight:bold;
	color:#59b8e4;
	background:url(../img/h5.gif) 0 100% repeat-x;
}
h5 {
	font-family: 'ＭＳ Ｐゴシック', Osaka;
	padding:0 0 18px 10px;
	letter-spacing:0.25em;
	margin:50px 5px 12px 12px;
	font-size:115%;
	font-weight:bold;
	color:#59b8e4;
	background:url(../img/h5.gif) 0 100% repeat-x;
}
h6.first {
	font-family:'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	padding:10px 35px 30px 35px;
	margin:0 5px 10px;
	font-size:110%;
	color:#6e5c42;
	border:none;
	background:url(../img/h6.gif) 15px 12px no-repeat;
}
h6 {
	font-family:'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	padding:30px 35px;
	margin:30px 5px 10px;
	font-size:110%;
	color:#6e5c42;
	border-top:1px solid #e0f5ff;
	background:url(../img/h6.gif) 15px 32px no-repeat;
}
p {
	margin:5px 10px 10px;
	padding:0 0 0 10px;
}
p em{ font-weight: bold; color:#59b8e4; font-style:normal; margin-bottom:0; padding-bottom:0; display:block; margin:35px 0 0 0;}
a {
	color:#3399FF;
	text-decoration:underline;
}
a img {
	border:none;
}
a:link {
	color:#443021;
	text-decoration:underline;
}
a:visited {
	/*color:#6b7a04;*/
	color:#3399FF;
	text-decoration:underline;
}
a:hover {
	color:#a0b800;
	text-decoration:underline;
}
a:active {
	color:#6b7a04;
	text-decoration:underline;
}
dl {
	margin-left:10px;
	margin-right:10px;
}
dt {
	margin-top:1ex;
}
.center {
	text-align:center;
}
.pagetop{ margin:20px 10px 5px 0; text-align:right;}
.text-right{ text-align: right;}
dl.accordion {
	width:680px;
	margin:0;
}
dt.accordion {
	background:url(../img/aco_bg2.gif) 0 0 no-repeat;
	height:45px;
	line-height:45px;
	padding-left:40px;
	vertical-align:middle;
	cursor:pointer;
	margin:1px 0 0 0;
	font-size:18px;
}
dd.accordion {
	margin:0;
	padding:5px;
}
.plinkbox{ width:640px;  background:#fffbef; margin:10px 0 0 6px;  background:url(../img/plink_bot.gif) 0 100% no-repeat; padding-bottom:15px;}
ul.btn{ overflow:auto;}
ul.btn li { list-style:none; float:left; padding-right:10px;}
ul.plink{ margin:0px;padding:15px;background:url(../img/plink_top.gif) 0 0 no-repeat;}
ul.plink li { list-style:none; float:left; padding-right:20px; white-space: nowrap;}
ul.plink li a { display:block;  padding-left:12px; background:url(../img/plink.gif) 0 50% no-repeat; margin:2px; text-decoration:none; color:#6d5d52;}
ul.plink li a:hover{ text-decoration:underline;}
ul.gmenu,ul.gmenu_top {
	margin:12px auto 0;
	padding:0 0 0 10px;
	width:899px;
	height:70px;
	
}
ul.gmenu{
box-sizing: content-box;
background:url(../img/bg_gnavi.png) 50% 0;
}ul.gmenu_top{
background:url(../img/bg_gnavi.jpg) 50% 0;
}
ul.gmenu li,ul.gmenu_top li {
	margin:0;
	padding:7px 7px 0 0;
	list-style-type:none;
	height:60px;
	display:inline;
	float:left;
}
.gmenu li a img,.gmenu_top li a img {
	margin:0;
	padding:0;
	outline:none;
	height:50px;
}
a img.galph {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom:1;
}
a:hover img.galph {
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	zoom:1;
}
.leftpic {
	float:left;
	padding:0 10px 10px 0;
}
.rightpic {
	float:right;
	padding:0 0 10px 10px;
}
.small{ font-size:88%; color: #FF0000;}
.w218{ width:218px;}
.w204{ width:204px;}
table.general {
	width:96%;
	border:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
	margin:15px auto 15px;
}
table.general02 {
	
	border:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	border-collapse:collapse;
}
tabre.no-border{ border:none;}
table.general th {
	color:#435778;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:0.5em 1em;
	text-align:center;
	white-space: nowrap;
	background:#ecf9ff;
}
table.general02 th {
	color:#435778;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:0.5em 1em;
	text-align:center;
	white-space: nowrap;
	background:#ecf9ff;
}
table.general td {
color:#678197;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:0.5em 1em;
text-align:left;
}
table.general td.recipe {
color:#678197;
width:33%;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:10px;
text-align:center;
vertical-align:top;
}
table.general02 td.recipe {
color:#678197;
border-bottom:1px solid #e5eff8;
border-left:1px solid #e5eff8;
padding:10px;
text-align:center;
vertical-align:top;
}
tr.odd td {
background:#f7fbff
}
tr.odd th {
background:#f4f9fe;
padding:0.5em ;
}
table.general thead tr th {
	background:#f6ffeb url(../img/tableth.gif) 0 100% repeat-x; text-align:center;
}
td.details{ width:37px;}
.head {
	position:relative;
	margin:auto;
	width:910px;
}
.main_image {
	padding:50px 0 0 0;
}
.p-navi {
	position:absolute;
	top:55px;
	left:615px;
	padding:0;
	margin:0;
	z-index:4;
}
.p-navi li {
	float:left;
	list-style:none;
	padding-left:10px;
}
.p-navi li a {
	display: block;
	width:85px;
	height:19px;
}
.header-seach {
	position:absolute;
	top:10px;
	left:617px;
	margin: 0;
	padding:0;
	z-index:0;
}
.serch_table, .serch_table tr, .serch_table tr td {
	border-collapse:collapse;
	margin:0;
	padding:0;
	border:none;
	vertical-align:middle;
}
.serch_table input {
	margin:0;
	padding:0;
}
.header-sns{
	position:absolute;
	top:10px;
	left:868px;
	margin:0;
	padding:0;
	z-index:0;
}


#keywords {
	width:115px;
	height:17px;
	border:1px solid #CCCCCC;
	padding:3px 0 0 5px;
	vertical-align:middle;
}
#searchbtn {
	margin:0 0 0 0px;
}
p.font-size {
	position:absolute;
	left:463px;
	margin:0;
	padding:0;
	top:12px;
}
.header-fontsize {
	position:absolute;
	left: 543px;
	top: 11px;
}
ul.header-fontsize {
	margin:0;
	padding:0;
}
.header-fontsize li {
	float:left;
	display:inline;
	margin:0;
	padding:0px;
	width:22px;
	height:22px;
	list-style-type:none;
	overflow:hidden;
}
.header-fontsize a {
	display:block;
	height:22px;
	text-indent:-9900px;
	outline:none;
}
.fontsize-small a {
	background: url("../img/fontsize_s.gif") 0 -22px no-repeat;
}
.fontsize-medium a {
	background: url("../img/fontsize_m.gif") 0 -22px no-repeat;
}
.fontsize-large a {
	background: url("../img/fontsize_l.gif") 0 -22px no-repeat;
}
li a:hover {
	background-position:0 0px;
}
.root {
	background:url(../img/bg_topline.gif) 0 0 repeat-x;
}
.culum{overflow:auto;}
.contents {
	background:url(../img/line.gif) 50% 0 no-repeat;
	margin:25px auto 0;
	padding:15px 0 0 3px;
	width:907px;
}
.contents_2nd {
	margin:10px auto 0;
	padding:0 0 0 3px;
	width:907px;
}
.contents h3 {
	margin:0;
	padding:0;
}
ul.content_ban {
	padding:0 0 0 13px;
	width:917px;
	margin:0 auto;
	height: 172px;
}
ul.content_ban li {
	padding:0px 14px 0 0;
	list-style-type:none;
	display:inline;
	float:left;
}
.content_ban li a img {
	margin:0;
	padding:0;
	outline:none;
}
.mainban {
	margin:10px auto 10px;
	padding:15px 0 0 0;
	background:url(../img/line.gif) 50% 0 no-repeat;
	/* height:172px; */
}
.sidenavi{
width:190px;
padding:5px 20px 0 0;
margin:0;
float:left;}
.maincontent{	
	width:692px;
	float:left;
	
	padding:9px 0px 0 0; }
.info{
width:652px;
	background:url(../img/mancontent_bg.gif) repeat-y;
	margin:0; padding:0 20px 20px 20px;
	}	
.info h3{ margin:0; padding:0;}
	.info p{ color:#555;}
	.content-bottom{ margin-bottom:20px;}
.twitter {
	width:245px;
	text-align:center;
	float:left;
	padding-right:22px;
}
.twitter h3 {
margin:0 ; padding:0;
}
#twitter_update_list{ margin:0; padding:0;  background:url(../img/tweet_bg_bottom.gif) 0 100% no-repeat; padding:15px 0 10px 0;}
#twitter_update_list li span{ display:block; width:170px; text-align:left;}
#twitter_update_list li{ list-style:none; margin:0 13px; background:url(../img/tweet_line.gif) 0 100% no-repeat; margin-bottom:15px; padding-bottom:15px; text-align:right;}
#twitter_update_list li a{ color:#ccc; text-align:right;}
#twitter_update_list li span a{ color:#0099FF; text-decoration:none;}
.tweetbody{ background:#fff;  width:245px; margin:0 3px;}
#twitter-link{ display:none;}
.twtr-tweet-text p {
    font-size: 14px !important;
}
.topic {
	width:420px;
	float:left;
	padding:9px 20px 0 0;
}
.book {
	width:190px;
	margin:0;
	padding:6px 0 0 0;
	float:left;
}
table.news_table, table.important_table {
	border-collapse:collapse;
	margin:2px 6px;
	width:400px;
}
table.wide{ width:96%; margin:0 auto;}
table.news_table tr, table.important_table tr {
	background:url(../img/dotline.gif) 0 100% repeat-x;
}
table.news_table td, table.important_table td {
	padding:8px 5px;
	letter-spacing:-0.5px;
}
table.news_table td a, table.important_table td a {
	color:#443021;
	text-decoration:underline;
}
table.news_table td a:hover {
	color:#2a8bb8;
	text-decoration:underline;
}
table.news_table td.date {
	font-family:Arial, Helvetica, sans-serif;
	color:#b2690a;
	font-weight:bold;
	letter-spacing:-1px;
	width:5em;
	margin:0;
	padding:0 0 0 5px;
}
table.important_table td.date {
	font-family:Arial, Helvetica, sans-serif;
	color:#b2690a;
	font-weight:bold;
	letter-spacing:-1px;
	width:5em;
	margin:0;
	padding:0 0 0 5px;
}
table.news_table td.arrow,table.important_table td.arrow {
	width:15px;
	margin:0;
	padding:0;
}
table.important_table td a:hover {
	color:#74a82a;
	text-decoration:underline;
}
.book a:hover {
	color:#e29613;
	text-decoration:underline;
}
.btn_arc {
	padding-top:8px;
	text-align:right;
}
.book_box {
	background:url(../img/book_body.gif) 0 0 repeat-y;
	margin-bottom:10px;
}
.book_content {
	text-align:center;
	background:url(../img/book_foot.gif) 0 100% no-repeat;
	padding-bottom:20px;
	padding-top:10px;
}
.book_content p {
	text-align:center;
	padding:0 10px 0 12px;
	margin:0;
}
.book_content p span {
	background:url(../img/arrow_orange.gif) 0 50% no-repeat;
	padding-left:20px;
	margin:0;
	letter-spacing:-0.5px;
}
.book_content p span a, .book_content p span a:link{
color:#443021;
	text-decoration:underline;
}
.book_content p span a:hover{
color:#ff7813;
	text-decoration:underline;
}
.book ul {
	margin:0;
	padding:0;
	list-style:none;
}
.book ul li {
	margin:0 0 5px ;
	padding:0;
	list-style:none;
}
ul.sideban{ list-style:none;
background:url(../img/side_bgline.gif) 0 100% no-repeat;
margin:0 0 20px 0; padding:0 0 15px 0;}
ul.sideban_bot{
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
ul.sideban li,
ul.sideban_bot li {padding:0 0 8px 0; margin:0;} 
ul.sideban li,
ul.sideban_bot li a {padding:0 0 8px 0; margin:0;} 
.bread{ font-size:85%; margin:0 0 15px 5px; padding-top:0; vertical-align:top; line-height:100%; color:#aa8b75;}
p.bread a:link { color:#443021; text-decoration:underline;}
p.bread a:hover { color: #339900; text-decoration:underline;}
#footer_ban_base{
	position:relative;
	
}
#footer_ban{
	position: absolute;
	top: -56px;
	left: 200px;
}
.footer {
}
.foot {
	clear:both;
	background: url(../img/foot_line.gif) 0 0 no-repeat;
	padding-top:10px;
}
ul.foot_menu {
	padding:0;
	width:900px;
	height:28px;
	margin-top:70px;
	text-align:center;
	background:url(../img/footnavi_bg.gif) 50% 0 no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
ul.foot_menu li {
	margin:0;
	padding:0 15px;
	list-style-type:none;
	height:28px;
	display:inline;
	background: url(../img/foot_border.gif) 100% 0 no-repeat;
	float:left;
}
.foot_menu li a img {
	margin:0;
	padding:0;
	outline:none;
}
.foot_menu li a:hover{
	margin:0;
	padding:0;
	outline:none;
}
ul.foot_menu li.foot_navi05 {
	padding-right:0px;
	background:none;
}
ul.foot_menu li.foot_navi01 {
	padding-left:175px;
}
.foot_line{padding: 0 0 15px 0;}
.copy {
	text-align:center;
	padding:15px 0 40px 0;
}
.time{ background:url(../img/bg_mor.jpg) 50% 3px; background-repeat:no-repeat; }
.topicbox{ padding:10px; margin:10px 25px; background:#f4ffec; border:solid 2px #d7e8cb; color:#2d4819;}
ul.cook{ width:297px; background:url(../../recipe/img/recipe_top.gif) 0 0 no-repeat; padding:71px 0 0 0; margin:0;}
ul.cook li{ list-style:none; width:252px; line-height:2em; background:url(../../recipe/img/recipe_middle.gif) 0 100% no-repeat; padding:0 21px 0 24px; color:#896936;}
ul.cook li span{ text-align:right;}
.cook_bot{
float:right;
width:297px; background:url(../../recipe/img/recipe_bottom.gif) 0 100% no-repeat;
padding-bottom:40px;
}
ul.make{ margin:0; padding:0 0 0 7px;}
ul.make li{ list-style:none;  margin:0; padding:0 10px 20px 40px;}
li.no1{background:url(../../recipe/img/no_1.gif) 0 0 no-repeat;}
li.no2{background:url(../../recipe/img/no_2.gif) 0 0 no-repeat;}
li.no3{background:url(../../recipe/img/no_3.gif) 0 0 no-repeat;}
li.no4{background:url(../../recipe/img/no_4.gif) 0 0 no-repeat;}
li.no5{background:url(../../recipe/img/no_5.gif) 0 0 no-repeat;}
li.no6{background:url(../../recipe/img/no_6.gif) 0 0 no-repeat;}
li.no7{background:url(../../recipe/img/no_7.gif) 0 0 no-repeat;}
li.no8{background:url(../../recipe/img/no_8.gif) 0 0 no-repeat;}
li.no9{background:url(../../recipe/img/no_9.gif) 0 0 no-repeat;}
ul.link{ margin:20px 0 0 0 ; padding:0 0 0 7px;}
ul.link li{ list-style:none;  margin:0; padding:0 10px 20px 30px; background:url(../img/link.gif) 0 0 no-repeat;}
ul.link li a{ color:#3399FF;}
ul.sitemap{ margin:20px 0 0 0 ; padding:0 0 0 7px;}
ul.sitemap li{ list-style:none;  margin:0; padding:0; }
ul.sitemap li a{ color:#3399FF;padding:0 10px 20px 30px; background:url(../img/arrow_02.gif) 0 0 no-repeat;}
li strong{ line-height:2.5em;}



a.btn_ext {
    background: #44BCF4 url("../img/btn_pdf.png") no-repeat scroll right 4px top 50% / 16px ;
    border: 3px solid #44BCF4;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 35px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    width: 161px;
		line-height:1.4
}
a.btn_ext:hover {
    background-color: #ECF9FF;
    color: #44BCF4;
    opacity: 1;
}


/* google map */
#gmap_wrapper{
	position:relative;
	width:640px;
	height:360px;
	margin:0 auto;
}
#gmap_wrapper > #gmap {
	width:640px;
	height:360px;
}
#altwnd{
	padding:0.5ex 1ex;
	border:2px solid #dddddd;
	background:#ffffff;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
/* ----------- */
.telop{ margin-bottom:10px;}
.info h5 {
	font-family: 'ＭＳ Ｐゴシック', Osaka;
	padding:0 0 18px 10px;
	letter-spacing:0.25em;
	margin:20px 5px 12px 12px;
	font-size:115%;
	font-weight:bold;
	color:#59b8e4;
	background:url(../img/h5.gif) 0 100% repeat-x;
}

.icon_new{
	border-radius: 1em 1em;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff3300;
	font-size: 85%;
	padding: 0.2ex 1ex;
	line-height: 1.4;
	display: inline-block;
}

.ext::after,
.pdf::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  margin-left: 0.5ex; }


.ext::after {
  width: 15px;
  height: 15px;
  background: url(../img/icon_ext.png) 50% 50% no-repeat;
  background-size: contain; }

.pdf::after {
  width: 20px;
  height: 20px;
  background: url(../img/icon_pdf.png) 50% 50% no-repeat;
  background-size: contain; }

.h4_txt{
	border: 1px solid #b9e8ff;
	background-color: #ecf9ff;
	color: #17abf0;
	font-weight: bold;
	font-size: 110%;
	padding: 1ex;
	border-radius: 5px;
	text-shadow:
		2px 2px 2px #fff,
		2px -2px 2px #fff,
		-2px 2px 2px #fff,
		-2px -2px 2px #fff,
		2px 0px 2px #fff,
		0px -2px 2px #fff,
		-2px 0px 2px #fff,
		0px 2px 2px #fff;
}
.article_date{
	text-align: right;
	padding: 0 1em;
}
.mokuji_list{
	list-style: none;
}
