@charset "UTF-8";
/* CSS Document */

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

/* 一般・共通設定 */

body{
     font: 15px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
     color: #666;
}
 
a{ color: #505050;}
a:hover{color:#999;}

.green { color: #008200;}
.green a{ color: #008200;}
.green a:hover{color:#47A455; text-decoration:none;}

#Wrapper{
	width: 960px;
	margin: 0 auto 0px;
	padding-top: 0px;
}

#WrapperHome{
	width: 960px;
	margin: 30px auto 0px;
	padding-top: 1px;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;   
	clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
	}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */

img {
	border:0;
	margin: 0px;
	padding: 0px;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a:hover img.gnav {
	opacity: 100;
	filter: alpha(opacity=100);
}


/* 共通の装飾 */

.fourcorners{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
	behavior: url("/test/js/PIE.htc");
	position:relative;
}

.dropshadow{
    box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 0px rgba(0,0,0,0.0)\9;
	border: 1px solid #c8c8c8\9;
	background: #fff;
}


/* ヘッダー */

header{
	margin: 0px 0 10px;
	background: #fff url(../images/bg_head.gif) no-repeat center bottom;
	background-size:100% 110px;
}

.logo{
	margin: 25px 0 10px 0;
	text-align:center;
	display:block;
}
 

#hello{
	position:relative;
	overflow:hidden;
}

#hello ul{
	position:relative;
	left:50%;
	float:left;
	margin:0;
	padding:0;
}

#hello li{
	position:relative;
	left:-50%;
	float:left;
	margin:0;
	padding:10px;
}
 
nav{
	margin:0 auto;
	padding: 7px 0 5px;
	text-align:center;
}
nav ul{
	clear:both;
}
nav li{
	display: inline;
	padding: 0px 8px;
}


/* パン屑 */

#Bread {
	margin-top: -5px;
	padding: 0px 0px 20px;
}
#Bread ul{
	clear:both;
	margin:0;
	padding: 0px 0px;
}
#Bread li{
	display: inline;
	margin:0;
	padding: 0px 15px;
	font-size:85%;
	background: url(../images/icn_bread.gif) no-repeat 0 5px;
}
#Bread li.gray{
	display: inline;
	margin:0;
	padding: 1px 15px;
	font-size:85%;
	background: url(../images/icn_bread_gray.gif) no-repeat 0 5px;
}
#Bread li.home {
	padding: 0px 5px;
	background: none;
}
#Bread li.home a{
	display: block;
	padding: 0px 0px;
  	width: 30px;
	height:20px;
	overflow:hidden;
	background: url(../images/icn_home.gif) no-repeat 10px 4px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	float:left;
}
#Bread li.home_g {
	padding: 0px 5px;
	background: none;
}
#Bread li.home_g a{
	display: block;
	padding: 0px 0px;
  	width: 30px;
	height:20px;
	overflow:hidden;
	background: url(../images/icn_home_gray.gif) no-repeat 10px 4px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	float:left;
}

/* 専用ページトップ */

#MemberTop a{ color: #008200;}
#MemberTop a:hover{color:#47A455; text-decoration:none;}

#MemberTop {
	width: 610px;
	float: left;
	margin-right: 30px;
}
#MemberTop_NEWS {
	padding: 0px 0px 20px;
}
#MemberTop_NEWS .info {
	padding: 4px 5px;
	color:#000;
	font-size:120%;
	border-bottom: 2px solid #47A455;
}
#MemberTop_NEWS .info img{
	float:right;
	padding: 10px 0px 0px 10px;
}

#MemberTop_NEWS dl.news {
	margin: 10px 0 20px;
}
#MemberTop_NEWS .news dt {
	clear:both;
	width: 100px;
	padding: 10px 0px 0px 10px;
	float: left;
    color: #008200;
}

#MemberTop_NEWS .news dd{
	padding: 10px 0px 0px 55px;
	color: #008200;
	margin-left: 100px;
}
.oshirase{
	background: url(../images/icn_oshirase.gif) no-repeat 0px 13px;
}
.busshi{
	background: url(../images/icn_busshi.gif) no-repeat 0px 13px;
}
.jibasanbutsu{
	background: url(../images/icn_jibasanbutsu.gif) no-repeat 0px 13px;
}
.koushi{
	background: url(../images/icn_koushi.gif) no-repeat 0px 13px;
}
.shiryou{
	background: url(../images/icn_shiryou.gif) no-repeat 0px 13px;
}

#MemberTop_DL h2{
	margin: 0px;
	padding: 0;
	background:url(../images/ttl_membertop_dl.gif) no-repeat 0px 0px;
}

#MemberTop_DL {
	margin: 0px 0px 0 0px;
	padding: 30px 0px 0px 4px;
	color: #47A455;
	border-right: 1px solid #C8E6BE;
	background:url(../images/ttl_membertop_dl.gif) no-repeat 0px 0px;
}

#MemberTop_DL .dl_wrap {
	padding: 5px 0px 9px 4px;
	border-left: 1px solid #C8E6BE;
	border-bottom: 1px solid #C8E6BE;
}

#MemberTop_DL .dl_box {
	width: 155px;
	margin: 5px 0px 0px 5px;
	float:left;
	padding: 35px 10px 10px 25px;
	font-size:85%;
	border: 1px solid #C8E6BE;
}
#MemberTop_DL .dl_1st {
	background: #FFFAE1 url(../images/head_dl_1st.gif) no-repeat 0px 10px;
}
#MemberTop_DL .dl_2nd {
	background: #FFFAE1 url(../images/head_dl_2nd.gif) no-repeat 0px 10px;
}
#MemberTop_DL .dl_3rd {
	background: #FFFAE1 url(../images/head_dl_3rd.gif) no-repeat 0px 10px;
}
#MemberTop_DL .size {
	display:block;
	padding: 0px 0px 6px 25px;
	line-height:1.4;
	background:url(../images/icn_pdf.gif) no-repeat 0px 2px;
}
#MemberTop_DL .size img{
	padding: 4px 8px 0;
}


/* メインエリア */

#Todofuken{
	width: 610px;
	float: left;
	margin-right: 30px;
}
 
#Right{
	width: 320px;
	float: right;
	font-size:85%;
}
#Right .intro {
	margin: 10px 0 5px;
    color: #464646;
	font-size:125%;
}

/* 右カラム-ログイン */

#Login{
	margin-bottom: 10px;
	padding: 10px;
}

#Login .input_space{
	padding: 15px 10px 10px 20px;
	background: #FFFAE1;
}

#Login .input_space dl{
	margin: 0px auto;
	background: #FFFAE1;
}
#Login .input_space dt{
	padding: 3px 10px 3px 0px;
	float: left;
    color: #008200;
	background: #FFFAE1 url(../images/icn_arrow_1.gif) no-repeat center right;
}

#Login .input_space dd{
	padding: 0px 10px;
	float: left;
	background: #FFFAE1;
}


/* 右カラム-新着情報 */

#rNews{
	margin-bottom: 10px;
	padding: 5px 5px 0px 5px;
}

#rNews h1{
	margin: 0px;
	padding: 8px 10px 2px 0;
	text-align:right;
	min-height:27px;
	background: #FFFAE1 url(../images/ttl_r_news.gif) no-repeat 0 0;
}

#rNews dl{
	padding: 0px 8px 8px 8px;
}

#rNews dt{
	padding: 6px 2px 0px 2px;
}

#rNews dd{
	margin: 0px 0px 4px 0px;
	padding: 2px 2px 6px 2px;
	border-bottom: 1px solid #c8c8c8;
}

/* 右カラム-講師紹介 */

#rLecture{
	margin-bottom: 10px;
	padding: 5px 5px 0px 5px;
}

#rLecture h1{
	margin: 0px;
	padding: 8px 10px 0 0;
	text-align:right;
	min-height:27px;
	background: #FFFAE1 url(../images/ttl_r_lecture.gif) no-repeat 0 0;
}

#rLecture dl{
	padding: 5px 8px 8px 8px;
}

#rLecture dt{
	padding: 4px 2px 10px 2px;
}

#rLecture dd{
	margin: 0px 0px 5px 0px;
	padding: 0px 2px 0px 8px;
	font-size: 97%;
	background: url(../images/icn_arrow_1.gif) no-repeat 0 8px;
}

/* 右カラム-地場産物紹介 */

#rLocal{
	margin-bottom: 10px;
	padding: 5px 5px 0px 5px;
}

#rLocal h1{
	margin: 0px;
	padding: 8px 10px 0 0;
	text-align:right;
	min-height:27px;
	background: #FFFAE1 url(../images/ttl_r_local.gif) no-repeat 0 0;
}

#rLocal .img_local{
	padding: 15px 15px;
	float:left;
}

#rLocal dl{
	padding: 0px 8px 8px 8px;
}

#rLocal dt{
	padding: 12px 0px 0px 0px;
}

#rLocal dd{
	margin: 0px 0px 5px 0px;
	padding: 2px 2px 6px 2px;
}


/* バナー */

#rBanner{
	margin: 0px;
	padding: 0px;
}


/* コンテンツ */

#Contents{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#Contents p {
	padding: 10px 30px 10px 10px;
}
#Contents h1 {
	margin: 0px 0px 10px;
	padding: 2px 0px 2px 12px;
	font-size:140%;
	color: #464646;
	border-left: 4px solid #47A455;
}
#Contents #Lunch h1 {
	border-left: 4px solid #56C1E0;
}
#Contents #Union h1{
	border-left: 4px solid #963CD2;
}
#Contents #About h1 {
	border-left: 4px solid #F19F16;
}
#Contents h1 span,h2 span{
	font-size:65%;
	padding-left: 1em;
}
#Contents .midashi {
	padding: 10px 0 0;
	font-weight: bold;
	border-bottom: 1px dotted #c8c8c8;
}
#Contents .m_box {
	padding: 10px;
	border: 1px dotted #c8c8c8;
}
#Contents .honbun ul {
	margin: 2px 0px 2px 10px;
}
#Contents .honbun li {
	padding: 5px 0px 5px 16px;
	background: url(../images/icn_circle.gif) no-repeat 0px 10px;
}
#Contents .dl {
	display:block;
	margin: 0px 0px;
	padding: 5px 20px 5px 10px;
	font-size: 90%;
	text-align:left;
	border: 5px solid #F5F5F5;
	background: #F5F5F5 url(../images/arrow_square.gif) no-repeat right center;
}
#Contents .dl img {
	margin: 1px 10px 1px 10px;
	float:left;
}
#Contents .prev_space {
	margin: 20px 0;
	font-size:85%;
	text-align:center;
}
#Contents .prev_space .box {
	width: 223px;
	float: left;
	text-align:center;
	margin: 5px 4px 5px 4px;
	padding: 0px;
	border: 1px solid #F0F0F0;
	background: #FFF;
}
#Contents .prev_space img {
	margin: 10px 0px;
	border: 10px solid #F0F0F0;
}
#Contents .small {
	font-size:85%;
}
#Contents .space10 {
	padding: 0px 0px 10px 0px;
}
#Contents .space30 {
	padding: 0px 0px 30px 0px;
}
#Contents .btn_space {
	padding: 20px 0px;
	text-align:center;
}
#Contents .bg_gray{
	background: #F5F5F5;
}
#Contents .bg_yellow{
	background: #FFFAE1;
}



/* コンテンツメニュー-左 */

#lContents {
	width: 210px;
	float: left;
}

#lContents a{ text-decoration:none;}
#lContents a:hover{ text-decoration:none;}

#lContents dl{
	padding: 0px;
}

#lContents dt{
	margin: 0px 0px 10px 0px;
	padding: 5px 8px 6px;
	border: 1px solid #c8c8c8;
}

#lContents dd{
	margin: 5px 0px 8px 0px;
	padding: 2px 2px 4px 10px;
	font-size:85%;
	border-bottom: 1px dotted #c8c8c8;
	background: url(../images/icn_bread_gray.gif) no-repeat 3px 7px;
}


/* コンテンツメイン-右 */

#rContents {
	width: 700px;
	float: right;
}


/* コンテンツメイン-全幅 */

#Sitemap {
	width: 860px;
	margin: 0px 50px;
}


/* コンテンツメイン-半分 */

.halfContents {
	width: 370px;
	float: left;
	margin: 0px 30px;
}

/* Contents-学校給食について */

#NumList {
	margin: 10px 0px 25px 20px;
}

#NumList .number {
	padding: 10px 0px 10px 40px;
}
#NumList .no1 { background: url(../images/inc_no1.gif) no-repeat 0px 10px;}
#NumList .no2 { background: url(../images/inc_no2.gif) no-repeat 0px 10px;}
#NumList .no3 { background: url(../images/inc_no3.gif) no-repeat 0px 10px;}
#NumList .no4 { background: url(../images/inc_no4.gif) no-repeat 0px 10px;}
#NumList .no5 { background: url(../images/inc_no5.gif) no-repeat 0px 10px;}
#NumList .no6 { background: url(../images/inc_no6.gif) no-repeat 0px 10px;}
#NumList .no7 { background: url(../images/inc_no7.gif) no-repeat 0px 10px;}
#NumList .no8 { background: url(../images/inc_no8.gif) no-repeat 0px 10px;}
#NumList .no9 { background: url(../images/inc_no9.gif) no-repeat 0px 10px;}
#NumList .no10 { background: url(../images/inc_no10.gif) no-repeat 0px 10px;}
#NumList .no11 { background: url(../images/inc_no11.gif) no-repeat 0px 10px;}
#NumList .no12 { background: url(../images/inc_no12.gif) no-repeat 0px 10px;}

#NumList .number span {
	display:block;
	font-size:90%;
	padding: 10px 0px 30px 3px;
}

#NumList .number ul {
	list-style-type: decimal;
	padding: 0px 20px;
}
#NumList .number li {
	padding: 10px 0px 0px 0px;
}
#NumList .number li .substance {
	font-size:100%;
	padding: 2px 0px 2px 16px;
	background: url(../images/icn_circle.gif) no-repeat 0px center;
}
#Lunch {
	margin: 0px;
}
#Lunch dl {
	background: #FFF;
	border: 0px dotted #c8c8c8;;
	border-top: none;
	width: 680px;
}

#Lunch dt {
	border-top: 1px dotted #c8c8c8;
	clear: left;
	float: left;
	padding: 5px 0px 5px 5px;
	width: 100px;
}

#Lunch dd {
	border-left: 0px dotted #c8c8c8;
	border-top: 1px dotted #c8c8c8;
	margin-left: 100px;
	padding: 5px 0px 5px 15px;
	background: url(../images/icn_circle.gif) no-repeat 0px 10px;
}
#Lunch dd span{
	width: 200px;
	margin: 10px 10px 10px 0px;
	padding: 10px 10px 10px 10px;
	float: left;
	display:block;
	font-size:78%;
	background: #F4F4F4;
}
#Lunch dd div.center{
	text-align:center;
	font-size:110%;
	background: #F4F4F4;
}
#Lunch .ph_nenpyou {
	margin: 10px 10px 10px 0px;
	border: 6px solid #F4F4F4;
}



/* Contents-給食会について */

#Union {
	margin: 0px;
}
#Union ul {
	padding: 10px 20px;
	background: url(../images/icn_circle.gif) no-repeat 0px 15px;
}
#Union li {
	margin: 0px;
}
#Union h3 {
	margin: 20px 0px 5px;
	padding: 2px 0px 2px 10px;
	font-size:110%;
	color: #963CD2;
	border: 1px solid #963CD2;
}


/* Contents-全給連について */

#About {
	margin: 0px;
}

#About .prof {
	margin: 15px;
}

#About dl {
	background: #F19F16;
	border: 1px solid #c8c8c8;
	border-top: none;
	width: 660px;
}

#About dt,dd {
	padding: 6px;
}
#About dt {
	border-top: 1px solid #c8c8c8;
	clear: left;
	float: left;
	width: 120px;
	color: #FFFFFF;
}

#About dd {
	background: #fff;
	border-left: 1px solid #c8c8c8;
	border-top: 1px solid #c8c8c8;
	margin-left: 120px;
}
.w5em {
	display:block;
	width: 5em;
	float: left;
}
.w10em {
	display:block;
	width: 10em;
	float: left;
}
#About .history dl {
	background: #FFF;
	border: 0px dotted #c8c8c8;;
	border-bottom: 1px dotted #c8c8c8;;
	width: 680px;
}

#About .history dt {
	border-top: 1px dotted #c8c8c8;
	clear: left;
	float: left;
	padding: 5px 0px 5px 5px;
     color: #666;
	width: 100px;
}

#About .history dd {
	border-left: 0px dotted #c8c8c8;
	border-top: 1px dotted #c8c8c8;
	margin-left: 100px;
	padding: 5px 0px 5px 15px;
	background: url(../images/icn_circle.gif) no-repeat 0px 10px;
}
#About .history dd.star {
	background: url(../images/icn_star.gif) no-repeat 0px 10px;
}

#Contents .officer {
	padding: 10px 0px 20px;
}
#Contents .officer .midashi {
	padding: 0px;
	border-bottom: 1px dotted #c8c8c8;
}
#Contents .officer .committee {
	padding: 2px 0px 0px 20px;
	clear:both;
	font-weight: bold;
}
#Contents .officer .name{
	width:8em;
	float: left;
	padding: 2px 0px 2px 40px;
	background: url(../images/icn_circle.gif) no-repeat 22px center;
}
#Contents .officer .name_long{
//	width:17em;
	width:23em;
	float: left;
	padding: 2px 0px 2px 40px;
	background: url(../images/icn_circle.gif) no-repeat 22px center;
}
#Contents .officer .attribute{
	width:20em;
	padding: 2px 0px;
	float: left;
}
#Contents .officer .post{
	padding: 2px 0px;
}

#About .event {
	padding: 10px 0px 20px;
	font-size:86%;
}
#About .event .midashi {
	margin-bottom: 10px;
	padding: 6px 10px;
	font-size:115%;
	border: 1px dotted #c8c8c8;
}
#About .event .meeting {
	padding: 0px 0px 5px 10px;
	clear:both;
	font-weight: bold;
}
#About .event .block{
	width:23em;
	float: left;
	padding: 2px 0px 2px 26px;
	background: url(../images/icn_circle.gif) no-repeat 10px center;
}
#About .event .day{
	width:14em;
	padding: 2px 0px;
	float: left;
}
#About .event .place{
	padding: 2px 0px;
}


/* Contents-サイトマップ */

#Sitemap dl{
	padding: 0px;
	border-top: 1px dotted #c8c8c8;
}
#Sitemap dt{
	padding: 5px 0px 5px 10px;
	font-size:115%;
	border-bottom: 1px dotted #c8c8c8;
}
#Sitemap dd{
	padding: 6px 0px 6px 50px;
	font-size: 85%;
	border-bottom: 1px dotted #c8c8c8;
	background: url(../images/arrow_square.gif) no-repeat 30px 9px;
}
#Sitemap dd.sub{
	padding-left: 60px;
	background: url(../images/icn_bread.gif) no-repeat 40px 12px;
}


/* Contents-新着情報 */

#News dl {
	width: 100%;
	border-bottom: 1px dotted #c8c8c8;
}

#News dt {
	clear: left;
	float: left;
	padding: 8px 0px 8px 5px;
	width: 120px;
	border-top: 1px dotted #c8c8c8;
}

#News dd {
	border-left: 0px dotted #c8c8c8;
	border-top: 1px dotted #c8c8c8;
	margin-left: 120px;
	padding: 8px 0px 8px 0px;
}


/* コンテンツ-会員専用 */

#Member {
}
#Member nav{
	margin:0;
	padding: 0;
}
#Member nav ul{
	width: 960px;
	clear:both;
	margin: 0px 0 5px;
	padding: 0px 0px;
}
#Member nav li{
	display: inline;
	float: left;
	margin:0;
	padding: 0px 0px;
}
#Member h1 {
	margin: 0px 0px 20px;
	padding: 10px 0px 10px 15px;
	position: relative;
	font-size:140%;
	font-weight: bold;
	color: #47A455;
	border: 2px solid #47A455;
}
#Member h1 span{
	font-size:65%;
	padding-left: 1em;
}
#Member .arrow ul{
	padding: 0px;
}
#Member .arrow li{
	padding: 6px 0px 6px 40px;
	border-bottom: 1px dotted #c8c8c8;
	background: url(../images/arrow_square.gif) no-repeat 20px 10px;
}
#Member h2 {
	margin: 0px 0px 10px;
	padding: 2px 0px 2px 12px;
	font-size:140%;
	color: #464646;
	border-left: 4px solid #47A455;
}
#Member h3 {
	margin: 20px 0px 5px;
	padding: 2px 0px 2px 10px;
	font-size:110%;
	color: #47A455;
	border: 1px solid #47A455;
}


/* フッター */

footer:before{
	content: "";
	display: table;
	clear: both;
}

footer{
	padding: 30px 0 0;
	font-size:75%;
	background: url(../images/bg_foot.gif) no-repeat center bottom;
}

footer .foot_wrap{
	width: 960px;
	margin: 60px auto 0;
}

footer ul{
	padding: 40px 0px 0;
    float: left;
	font-size:110%;
}
footer li{
	display: inline;
	padding: 0px 15px 0px 15px;
	float:left;
	border-right: 1px solid #777777;
}
footer li.farst{
	padding-left: 0;
}

footer li.last{
	border-right: 0px solid #777777;
}

footer .pagetop{
    float: right;
	clear:both;
}

footer .green{
	margin: 5px 0	0;
	padding: 20px 0px;
	background: #47A455;
}

footer .copyright{
	clear:both;
	width: 960px;
	margin: 0px auto;
}

footer .copyright p{
    float: left;
	color: #fff;
}
footer .small{
	display:block;
    float: right;
	color: #fff;
}