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

/*============================
ヘッダーの背景
==============================*/
#atama{
	border:none;
	height:320px;
	background:url(img/atamaBk02.gif) no-repeat;
}
#top #atama{
	height:570px;
	background:url(img/atamaBk01.gif) no-repeat;
}
h1{
	line-height:1em;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	padding-right:0px;
	border-bottom:none;
	background:none;
	width:280px;
	height:90px;
}
h1 span.desc{
	font-size:12px;
	padding-left:0;
	color:#333;
}
#top h1 span.desc{
	color:#fff;
}

h3{
	border-left:#c03 solid 1em;
}

dt{font-weight:bold;}


/*============================
レイアウト調整
==============================*/
body{background:#587628;}
#body{
	border:none;
	background:url(img/bodyBk01.gif) -5px 0 #EEF8B9;
	padding:0 10px 0 10px;
}

#page #atama #kanban{
	position:relative;
	top:-50px;
	left:260px;
	height:95px;
	width:530px;
}
#top #atama #kanban{height:250px;}

#aside {
margin-left:7px;
overflow:hidden;
}

#content{padding:0 10px 0 30px;}
#top #content{margin:0 5px 0 360px;padding:0 10px 0 0;}

#footer{
	background:url(img/fotBk01.gif) 0 -30px;
	height:170px;
	padding:0px;
}
#footer address{text-align:left;}
#footer address p{margin:0;}

#footer address img.gonin{
	position:relative;
	top:-27px;
	left:80px;
}

#footer address img.yosimatuLink{
	position:relative;
	top:-5px;
	left:30px;
}

#footer address p{
	position:relative;
	top:-25px;
	text-align:left;
	padding:0 20px;
}
#footer address p a{color:#dedede;}
#footer address p a:hover{color:#fff;}

/*============================
看板
==============================*/
h1{position:relative;}
#kanban img{position:relative;}

h1{top:50px;left:30px;background:url(img/h1b1-2.gif) no-repeat 2px 0px;}
#top h1{top:50px;left:30px;background:url(img/h1b1-1.gif) no-repeat 2px 0px;}


/*============================
トップページ看板
==============================*/
#top h1{top:80px;left:30px;}
#top #kanban img.kbn01{top:10px;left:40px;}
#top #kanban img.kbn02{top:-90px;left:40px;}
#top #kanban img.kbn03{top:-230px;left:60px;}


/*============================
ヘッダーボタン
==============================*/
#atama dl.menu dt.menu7,
#atama dl.menu dd,
#atama dl.menu dt strong{
	display:none;
}

#page #atama dl.menu dt span{visibility:hidden;}

#atama dl.menu{
	background:url(img/menuBk01.gif) 0 5px;
	height:110px;
	padding:0 0 40px 20px;
}
#atama dl.menu dt{
	width:140px; 
	background:none;
	float:left;
	margin-right:15px;
}
#atama dl.menu dt a{display:block;height:70px;}
#atama dl.menu dt.menu2 a{background:url(img/stdBot02.gif) no-repeat;}
#atama dl.menu dt.menu3 a{background:url(img/stdBot03.gif) no-repeat;}
#atama dl.menu dt.menu4 a{background:url(img/stdBot04.gif) no-repeat;}
#atama dl.menu dt.menu5 a{background:url(img/stdBot05.gif) no-repeat;}
#atama dl.menu dt.menu6 a{background:url(img/stdBot06.gif) no-repeat;}

#top #atama dl.menu{
	background-position:0 -75px;
	height:220px;
	padding:40px 0 40px 20px;
}
#top #atama dl.menu dt a{height:140px;}
#top #atama dl.menu dt.menu2 a{background:url(img/topBot02.gif) no-repeat;}
#top #atama dl.menu dt.menu3 a{background:url(img/topBot03.gif) no-repeat;}
#top #atama dl.menu dt.menu4 a{background:url(img/topBot04.gif) no-repeat;}
#top #atama dl.menu dt.menu5 a{background:url(img/topBot05.gif) no-repeat;}
#top #atama dl.menu dt.menu6 a{background:url(img/topBot06.gif) no-repeat;}
#top #atama dl.menu{;}

#top #atama dl.menu dt a:hover,
#atama dl.menu dt a:hover{background-position:0 -150px;}

#top #atama dl.menu dt span{
	display:block;
	padding:70px 0 0 15px;
	font-size:12px;
}


/*============================
　ボトムエリア
==============================*/
#botm{
	background:url(img/botmBk02.gif) 0 0 repeat-y #fff;
	margin:0 20px;
	width:760px;
}

#top #botm{
	background:url(img/botmBk01.gif) 0 0 #fff;
}

h2.itemTitle{
	border-bottom:2px solid #0A5AA9;
	background:url(img/botmKado03.gif) no-repeat -130px 0;
	height:30px;
	font-size:16pt;
	line-height:30px;
	color:#0A5AA9;
	margin-left:130px;
}

#top h2.itemTitle{
	background:url(img/botmKado01.gif) no-repeat;
	margin-left:0px;
}

h2.itemTitle span.txt{
	color:#000;
	padding-left:100px;
}

#botm .botmEnd{
	width:760px;
	height:10px;
	background:url(img/botmKado04.gif) no-repeat;
	margin:0;
	clear:both;
	position:relative;
	top:4px;
}

#top #botm .botmEnd{
	background:url(img/botmKado02.gif) no-repeat;
}


/*============================
ダウンロードエリア
==============================*/
dl.dlBot{
	clear:right;
	padding:20px 0 5px 0;
	border-bottom:1px dotted #c03;
}
dl.dlBot dt{border-top:1px dotted #c03;color:#c03;padding:5px 0 0 70px;}
dl.dlBot dd{font-size:60%;padding-left:100px;}
dl.dlBot dd img{vertical-align:middle;}


/*============================
トップページニュース
==============================*/
#topNews{width:320px;margin-left:10px;float:left;}
#topNews dl{margin:0 0 20px 10px;border-bottom:1px #666 dotted;}
#topNews dl dt.itemTitle{margin-bottom:5px;}
#topNews dl dt.itemTitle a{font-weight:bold;color:#000}
#topNews dl dt.itemTitle a:hover{color:#CC0D0D;}
#topNews dl dt.itemTitle span a{font-weight:normal;}
#topNews dl dt.itemTitle .date{line-height:1em;color:#CC0D0D;}
#topNews dl dd{margin:0 0 0 10px;line-height:1.5em;}
#topNews dl dd a{color:#333;}
#topNews dl dd a:hover{color:#000;}


/*============================
トップページピックアップ
==============================*/
#top #content .kiji{
	background:url(img/pickupBak01.gif) no-repeat;
	padding-top:10px;
	width:380px;
}
#pickup{
	background:#ffdeff;
	border-right:2px solid #de33ff;
	border-left:2px solid #de33ff;
	padding:0 10px 0 10px;
}
#pickup,#pickup p{font-size:11pt;}
#pickup h3{font-size:12pt;}

#top #content .kiji img.pickupEnd{
	margin:0px;
	height:15px;
	width:380px;
	background:url(img/pickupBak02.gif) no-repeat;
	position:relative;
	top:-5px;
}


/*============================
　アサイドメニュー（カラーチェンジ）
==============================*/
#aside dl{
	background:none;
	border-right:none;
	border-bottom:none;
}
#aside .loginform{
	margin-top:0;
	margin-bottom:0;
	padding-top:20px;
}
#aside .loginform label{
	padding-left:10px;
}
#aside ul.kanriMenu{
	margin-bottom:0;
	padding-bottom:20px;
}

#aside dl dt{
	height:auto;
	border-top:none;
	border-bottom:none;
}
#aside dl dt a{
	display:block;
	font-size:12pt;
	padding:12px 0 0 25px;
	height:24px;
	line-height:26px;
	font-weight:bold;
	color:#232323;
	background:none;
	border-bottom:1px #efefef solid;
	margin:0 2px 0 2px;
}

#aside dl dd a{
	display:block;
	font-size:11pt;
	padding:4px 0 0 15px;
	height:26px;
	line-height:26px;
	font-weight:bold;
	color:#232323;
	border-top:none;
	border-bottom:1px #efefef solid;
	background:none;
	white-space:nowrap;
	margin:0 2px 0 2px;
}

#body.b1c1 #aside dl,#body.b1c1 #aside div.nabiSita{background:url(img/asdBak02.gif);}
#body.b1c4 #aside dl,#body.b1c4 #aside div.nabiSita{background:url(img/asdBak03.gif);}
#body.b1c5 #aside dl,#body.b1c5 #aside div.nabiSita{background:url(img/asdBak04.gif);}
#body.b1c6 #aside dl,#body.b1c6 #aside div.nabiSita{background:url(img/asdBak05.gif);}
#body.b1c7 #aside dl,#body.b1c7 #aside div.nabiSita{background:url(img/asdBak06.gif);}
#body.b1c8 #aside dl,#body.b1c8 #aside div.nabiSita{background:url(img/asdBak02.gif);}

#body.b1c1 #aside dt{background:url(img/asdBot02.gif) no-repeat;}
#body.b1c4 #aside dt{background:url(img/asdBot03.gif) no-repeat;}
#body.b1c5 #aside dt{background:url(img/asdBot04.gif) no-repeat;}
#body.b1c6 #aside dt{background:url(img/asdBot05.gif) no-repeat;}
#body.b1c7 #aside dt{background:url(img/asdBot06.gif) no-repeat;}
#body.b1c8 #aside dt{background:url(img/asdBot02.gif) no-repeat;}

#body.b1c1 #aside dt a{color:#c03;}
#body.b1c4 #aside dt a{color:#c30;}
#body.b1c5 #aside dt a{color:#c60;}
#body.b1c6 #aside dt a{color:#393;}
#body.b1c7 #aside dt a{color:#639;}
#body.b1c8 #aside dt a{color:#c03;}

#body.b1c1 #aside dt a:hover{background:url(img/asdBot02.gif) no-repeat -2px -100px;}
#body.b1c4 #aside dt a:hover{background:url(img/asdBot03.gif) no-repeat -2px -100px;}
#body.b1c5 #aside dt a:hover{background:url(img/asdBot04.gif) no-repeat -2px -100px;}
#body.b1c6 #aside dt a:hover{background:url(img/asdBot05.gif) no-repeat -2px -100px;}
#body.b1c7 #aside dt a:hover{background:url(img/asdBot06.gif) no-repeat -2px -100px;}
#body.b1c8 #aside dt a:hover{background:url(img/asdBot02.gif) no-repeat -2px -100px;}

#body.b1c1 #aside dd a:hover{background:url(img/asdBak02.gif) -252px 0px;}
#body.b1c4 #aside dd a:hover{background:url(img/asdBak03.gif) -252px 0px;}
#body.b1c5 #aside dd a:hover{background:url(img/asdBak04.gif) -252px 0px;}
#body.b1c6 #aside dd a:hover{background:url(img/asdBak05.gif) -252px 0px;}
#body.b1c7 #aside dd a:hover{background:url(img/asdBak06.gif) -252px 0px;}
#body.b1c8 #aside dd a:hover{background:url(img/asdBak02.gif) -252px 0px;}

#aside img.asideEnd{height:20px;width:220px;margin:0;}

#body.b1c1 #aside img.asideEnd{background:url(img/asdBot02.gif) no-repeat #fff 0px -50px;}
#body.b1c4 #aside img.asideEnd{background:url(img/asdBot03.gif) no-repeat #fff 0px -50px;}
#body.b1c5 #aside img.asideEnd{background:url(img/asdBot04.gif) no-repeat #fff 0px -50px;}
#body.b1c6 #aside img.asideEnd{background:url(img/asdBot05.gif) no-repeat #fff 0px -50px;}
#body.b1c7 #aside img.asideEnd{background:url(img/asdBot06.gif) no-repeat #fff 0px -50px;}
#body.b1c8 #aside img.asideEnd{background:url(img/asdBot02.gif) no-repeat #fff 0px -50px;}



/*============================
　写真リスト（下層ページ）
==============================*/
#page .b1c1 .hnm_plist img{width:160px;height:120px;float:left;margin:0 5px 5px 20px;}
#page .b1c7 .hnm_plist img{width:100px;height:75px;float:left;margin:0 5px 5px 20px;}

#page .b1c1 .hnm_plist dl,
#page .b1c7 .hnm_plist dl{
	height:130px;
}

#page .b1c1 .hnm_plist dt,
#page .b1c7 .hnm_plist dt{
	font-weight:bold;
	border-bottom:1px solid #8b0000;
	color:#000;
	letter-spacing:0.2em;
}
#page .hnm_plist dd.moreLink{text-align:right;}
#page .hnm_plist dd.moreLink a{color:#8b0000;font-weight:bold;}
#page .hnm_plist dd.moreLink a:hover{color:#cc0000;}

/*============================
　写真リスト（ひな〜ず）
==============================*/
/*#page .b1c5 .kiji{background:url(img/hinadanBak.gif);}
#page .b1c5 .hinadan{background:url(img/grid.gif);height:750px;overflow:hidden;}*/
#page .b1c5 .hinadan{background:url(img/hinadanBak.gif);height:750px;overflow:hidden;}

#page .b1c5 .hnm_plist{width:165px;height:225px;float:left;}
#page .b1c5 .hnm_plist dl{display:none;}
#page .b1c5 .hnm_plist img{width:165px;height:225px;position:relative;}
#page .b1c5 .hnm_plist img.rightbox{float:none;}

#page .b1c5 .hnm_plist img.hinaco{top:30px;left:110px;}
#page .b1c5 .hnm_plist img.dai{top:0px;left:140px;}
#page .b1c5 .hnm_plist img.nagon{top:-40px;left:30px;}
#page .b1c5 .hnm_plist img.komaci{top:-10px;left:10px;}
#page .b1c5 .hnm_plist img.sikibu{top:-280px;left:330px;}
#page .b1c5 .hnm_plist img.tac{top:-450px;left:-20px;}
#page .b1c5 .hnm_plist img.singo{top:-80px;left:-90px;}
#page .b1c5 .hnm_plist img.joh{top:-180px;left:-40px;}
#page .b1c5 .hnm_plist img.nagi{top:-330px;left:270px;}
#page .b1c5 .hnm_plist img.goro{top:-420px;left:150px;}

#page .b1c5 .name img{position:relative;}

#page .b1c5 .name img.dai{top:-990px;left:80px;}
#page .b1c5 .name img.hinaco{top:-1000px;left:230px;}

#page .b1c5 .name img.nagon{top:-870px;left:-20px;}
#page .b1c5 .name img.komaci{top:-870px;left:110px;}
#page .b1c5 .name img.sikibu{top:-830px;left:80px;}

#page .b1c5 .name img.singo{top:-830px;left:40px;}
#page .b1c5 .name img.nagi{top:-720px;left:-50px;}

#page .b1c5 .name img.tac{top:-620px;left:0px;}
#page .b1c5 .name img.joh{top:-580px;left:60px;}
#page .b1c5 .name img.goro{top:-540px;left:-20px;}


/*============================
　写真リスト（ペーパークラフト）
==============================*/
#page .b1c4 .hnm_plist{
	width:150px;height:140px;
	float:left;margin:0 5px 5px 0;
	border:1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
	overflow:hidden;
}
#page .b1c4 .hnm_plist dl{margin:0;padding:0;border:none;}
#page .b1c4 .hnm_plist dt{text-align:center;margin:0;font-size:10px;font-weight:bold;leter-spacing:0;}
#page .b1c4 .hnm_plist img{width:140px;height:105px;margin:5px 5px 0 5px;}
#page .b1c4 .hnm_plist img.rightbox{float:none;}
#page .b1c4 .hnm_plist dd{display:none;}

/*============================
　写真リスト（おかし）
==============================*/
#page .b1c6 .hnm_plist{
	width:155px;height:165px;
	float:left;margin:0;
	border-bottom:1px solid #ccc;
}
#page .b1c6 .hnm_plist dl{margin:0;padding:0;border:none;}
#page .b1c6 .hnm_plist dt{text-align:center;margin:0;font-size:10px;font-weight:bold;leter-spacing:0;}
#page .b1c6 .hnm_plist img{width:125px;height:125px;margin:5px 15px 0 15px;}
#page .b1c6 .hnm_plist img.rightbox{float:none;}
#page .b1c6 .hnm_plist dd{display:none;}

/*============================
　写真リスト（トップページ）
==============================*/
#top .hnm_plist dl{border:none;margin:0;padding:0;}
#top .hnm_plist dd{display:none;}
#top .hnm_plist dt{text-align:center;margin:0;font-size:80%;font-weight:bold;leter-spacing:0;}
#top .hnm_plist img{width:160px;height:120px;margin:5px 5px 0 5px;}


/*============================
　ひな〜ずのレイアウト
==============================*/
#prof01{border:none;}

#prof01 dt{
	font-size:12pt;
	color:#c03;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}

#prof01 dd{margin-bottom:20px;}

#prof02 {
	width: 450px;
	height: 100px;
	margin: 20px auto 0px auto;
	background-image: url('img/film.gif');
	background-position: center;
	clear:right;
	text-align: center;
}
#prof02 img {
	margin: 17px 3px auto 3px;
}

/*============================
　文字の大きなカテゴリ
==============================*/
#page .b1c4 #content p,#page .b1c4 #content p a,#page .b1c4 #content dd,#page .b1c4 #content dd a,#page .b1c4 #content dt,#page .b1c4 #content dt a,
#page .b1c5 #content p,#page .b1c5 #content p a,#page .b1c5 #content dd,#page .b1c5 #content dd a,#page .b1c5 #content dt,#page .b1c5 #content dt a,
#page .b1c6 #content p,#page .b1c6 #content p a,#page .b1c6 #content dd,#page .b1c6 #content dd a,#page .b1c6 #content dt,#page .b1c6 #content dt a,
#page .b1c7 #content p,#page .b1c7 #content p a,#page .b1c7 #content dd,#page .b1c7 #content dd a,#page .b1c7 #content dt,#page .b1c7 #content dt a{
	font-size:11pt;
}


/*============================
　保護者向け
==============================*/
#page #content .hogo{
	padding: 5px;
	background:#ffffde;
	color:#c00;
	border: dotted 1px #f66;
	margin:10px;
}
#page #content dl.hogo dt,
#page #content .hogo h3{
	border-bottom: solid 1px #000;
	border-left: solid 1.2em #fc3;
	color:#333;
	font-weight:bold;
	font-size: 10pt;
	margin:0px 0px 5px 0px ;
	padding: 0px 0px 0px 5px;
	line-height:1.2em;
}
#page #content dl.hogo dd,
#page #content .hogo li,
#page #content .hogo p{
	line-height:1.2em;
	font-size: 9pt;
	color:#c03;
	margin-top:0;
	margin-bottom:0;
}
#page #content dl.hogo dd a,
#page #content .hogo li a,
#page #content .hogo p a{
	font-size: 9pt;
}
#page #content .hogo ul{
	margin-top:0;
	margin-bottom:0;
}

/*============================
　追加パーツ
==============================*/
img.b30{width:120px;height:90px;}
img.b40{width:160px;height:120px;}
img.b50{width:200px;height:150px;}
img.b60{width:240px;height:180px;}
img.b70{width:280px;height:210px;}
img.b80{width:320px;height:240px;}
img.b90{width:360px;height:270px;}
img.b100{width:400px;height:300px;}

.red{color:#c03;}

/*============================
問合せフォーム
==============================*/
.toiawaseForm td{padding-top:5px;}
.toiawaseForm .keiSen,.toiawaseForm .dai{border-bottom:#D4D2CF 1px solid;}
.toiawaseForm .w400{width:400px;}
.toiawaseForm .w350{width:350px;}
.toiawaseForm .w300{width:300px;}
.toiawaseForm h3{margin-top:20px;}
.toiawaseForm .dai{font-weight:bold;text-align:right;padding-right:3px;}
.toiawaseForm input,
.toiawaseForm select,
.toiawaseForm textarea{
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
}
.toiawaseForm label input{border:none;}

.formbot{
	background: white;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
	width:100px;
}

/*トップページのボックスボタンリスト*/
#boxBot dl{
	width:230px;
}