@charset "utf-8";

/* ---------- サイト内共通の設定 ---------- */


a:link { text-decoration: none; color:#0066CC; }
a:visited { text-decoration: none; color:#0066CC; }
a:hover { text-decoration: none; color:#FF3399;}
a:active { text-decoration: none; color:#FF3399; }
a img{ border:0; }

html{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	line-height:180%;
	font-size:small;
	color: #333333;
	font-family:  "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro","MSゴシック", Verdana ,sans-serif;
}

h1, h2, h3{
	margin: 0;
	padding: 0;
}

h1{ margin-bottom: 15px; font-size: 16px;}
h1 img{ margin-bottom: 15px;}
h2{	margin: 15px 0 15px 0; font-size: 1.15em; border-bottom: 2px solid #FFF;}
h3{ margin-bottom: 10px; font-size:small;}
img.contentsTitle{ margin-bottom: 24px}

ul, ol, p{
	margin: 0;
	padding-bottom: 20px;
}

ul, ol{ padding-left: 20px;}


li {
	padding:0;
}

em{
	font-style: normal;
	text-decoration: underline;
}

.caption{
	font-size:x-small;
	line-height:180%;
}
	
.data{
	font-size: 0.85em;
	line-height:180%;
}

.must{
	font-size: x-small;
	color: #FF3399;
}

.clear{
	height: 0;
	padding: 0;
	margin: 0;
	clear: both;
}

/* ----------- 基本レイアウト ----------- */

/* container */

#container{
	width: 880px;
	margin: 10px auto 0 auto;
	text-align: left;
}

/* header */

#header{
	height: 210px;
	padding: 0;
}

#header h2{
	float: left; 
	margin: 5px 0 0 0;
	width: 244px;
	height: 42px;
}
	
#topicPath{
	margin: 10px 0 0 0;
	height: 26px;
	float: right; 
	text-align: left;
	width: 600px;
	font-size: x-small;
}

#lead{
	padding: 10px 0 0 0;
	margin: 5px 0 0 0;
	height: 26px;
	float: right; 
	text-align: left;
	width: 626px;
	font-size: x-small;
}


/* side menu */

#sidebar{
	width: 269px;
	float: left;
	height: 589px;
	padding-top: 40px;
	background: url("menuBack.gif") no-repeat top left;
}

	

 
/* main */

#main{
	width: 600px;
	float: right;
}

#main a { border-bottom: 1px dashed #FFFFFF; padding-bottom: 2px;}
#main a.borderNone { border: 0;}
#main a:link { text-decoration: none; color:#FFFFFF; }
#main a:visited { text-decoration: none; color:#FFFFFF; }
#main a:hover { text-decoration: none; color:#FFFFFF;}
#main a:active { text-decoration: none; color:#FFFFFF; }

/* @@@@@
下記のクラスはは背景色変更のため外部ファイルで管理しています。
デフォルトはpinkです。
*/

#main .entry{
color: #ffffff;
background: url("entryBg.gif") repeat-y  0px 30px;
}

#main .entryHeader{
	height: 28px;
	background: url("entryHeader.gif") no-repeat top left;
}

#main .entryFooter{
	height: 39px;
	background: url("entryFooter.gif") no-repeat bottom left;
}

.arrowRight{
	margin: 0;
	padding-left: 30px;
	background: url("/common/arrowRightPink.gif") no-repeat top left;
}

/* @@@@@ */

#main .article{
	padding: 5px 60px 25px 60px;
}

.photoRight{
	text-align: right;
}

.photoRight img{
	margin: 0 0 15px 15px;
	float: right;
}

.photoLeft img{
	margin: 0 15px 15px 0;
	float: left;
}


/* footer */
	#footer{
		padding: 25px 0 ;
		width: 880px;
		clear: both;
		overflow: hidden;
	}


	.copyright{
		font-size:x-small;
		line-height:180%;
		color: #FF3399;
		float: right;
	}
	
	.copyright span{
		font-family: Helvetica, Verdana, sans-serif;
	}

/* for system use */
	#error{
		font-size: small;
	}

	.error-message{
		font-size: x-small;
		color: #FF3399;
	}


/* ---------- コンテンツ毎の設定 ---------- */

/* cover */

#cover{
	width: 900px;
	padding-top: 15px;
	text-align: center;
}

/* home */

#home{
	height: 600px;
	width: 880px;
	position: relative ;
	font-size: 0.85em;
	line-height: 1.5;
}

#home a:link { text-decoration: none; color:#FFFFFF; }
#home a:visited { text-decoration: none; color:#FFFFFF; }
#home a:hover { text-decoration: none; color:#FFFFFF; }
#home a:active { text-decoration: none; color:#FFFFFF; }
 
#home #newFujiKids{
 	width: 256px;
	height: 219px;
	left: 22px; 
	position: absolute;
	display: block;
	background: url("/home/images/newFujiKids.gif") no-repeat top center;
}

#home #newFujiKids span{
	position: absolute ;
	top: 192px;
	left: 13px; 
}

#home #enter{
	width: 293px;
	height: 247px;	
	left: 320px;
	position: absolute;
	display: block;
	background: url("/home/images/enter.gif") no-repeat top center;
}

#home #enter span{
	position: absolute;
	display: block;
	width: 130px;
	top: 152px;
	left: 132px; 
}


#home #guide{
	width: 208px;
	height: 215px;
	left: 650px;
	position: absolute;
	display: block;
 	background: url("/home/images/guide.gif") no-repeat top center;
 }
 
 #home #guide span{
  position: absolute;
  display: block;
  width: 110px;
  top: 173px;
  left: 80px; 
}

  
#home #blog{
 	width: 335px;
	height: 350px;
	position: absolute;
	display: block;
	top: 235px;
	left: 22px; 
 	background: url("/home/images/blog.gif") no-repeat top center;
 }

#home #blog a:hover { text-decoration: underline; color:#FFFFFF; }

#home #blog img{
	position: absolute ;
	top: 221px;
	left: 32px; 
}

#home #blog a.blogLink{
	display: block;
	width: 332px;
	height:70px;
}

#home #blog a.todayLink{
	display: block;
	width: 211px;
	height:40px;
	position: absolute;
	top: 173px;
	left: 25px;
}

#home #blog span.allBlog{
	position: absolute ;
	top: 90px;
	left: 32px; 
	width: 262px;
}

#home #blog span.todayBlog{
	position: absolute;
	top: 221px;
	left: 115px;
	width: 179px;
}

#home #blog p{
	margin-bottom: 8px;
	padding: 0 0 0 12px;
	line-height: 1.3em;
	color: #FFF;
}

#home #blog .allBlog p{
background: url("/home/images/blog_list_all.gif") no-repeat center left;
}

#home #blog .todayBlog p{
background: url("/home/images/blog_list_todayBlog.gif") no-repeat center left;
}

#home #blog #blogPhoto1{
  visibility:hidden;
}

#home #access{
 	width: 250px;
	height: 278px;
	position: absolute;
	display: block;
	top: 185px;
	left: 380px; 
 	background: url("/home/images/access.gif") no-repeat top center;
 	z-index: 2;
 }
 
  #home #access span{
	position: absolute;
	display: block;
	width: 112px;
	top: 210px;
	left: 54px; 
}


 #home #preschool{
	width: 207px;
	height: 180px;
	position: absolute ;
	top: 235px;
	left: 650px; 
 	background: url("/home/images/preschool.gif") no-repeat top center;

	  padding-top: 30px;
 }

 
#home #store{
 	width: 269px;
	height: 156px;
	position: absolute;
	display: block;
	top: 436px;
	left: 616px; 
 	background: url("/home/images/store.gif") no-repeat top center;
 }

#home #staff{
 	width: 243px;
	height: 158px;
	position: absolute;
	display: block;
	top: 439px;
	left: 365px;
 	background: url("../home/images/staff.gif") no-repeat top center;
 	z-index: 1;
 }
 
#home #staff span{
	position: absolute ;
	top: 130px;
	left: 125px; 
}
 
 #home #mobile{
 display: none;
/* 	width: 210px;
	height: 178px;
	position: absolute;
	display: block;
	top: 407px;
	left: 650px; 
 	background: url("/home/images/mobile.gif") no-repeat top center;
 */
 }
 
  #home #english{
 	width: 170px;
	height: 78px;
	position: absolute;
	display: block;
	top: 490px;
	left: 385px; 
 	background: url("/home/images/english.gif") no-repeat top center;
 	z-index: 100;
 	display: none;
 }
 
 
 
/* enter */

#enter .schedule{
	padding: 5px;
	margin: 10px 0 10px 0;
	border: 1px solid #99CCFF;
	text-align: center;
}

#enter .schedule h3{
	margin-bottom: 0px;
}

/* blog */



#main .color1 .entry{
color: #ffffff;
background: url("entryBgBlue.gif") repeat-y  0px 30px;
}

#main .color1 .entryHeader{
	height: 28px;
	background: url("entryHeaderBlue.gif") no-repeat top left;
}

#main .color1 .arrowRight{
	margin: 0;
	padding-left: 30px;
	background: url("/common/arrowRightBlue.gif") no-repeat top left;
}

#main .color1 .entryFooter{
	height: 39px;
	background: url("entryFooterBlue.gif") no-repeat bottom left;
}






#blog a:link { text-decoration: none; color:#FFFFFF; }
#blog a:visited { text-decoration: none; color:#FFFFFF; }
#blog a:hover { text-decoration: none; color:#FFFFFF}
#blog a:active { text-decoration: none; color:#FFFFFF; }

#blog  h1{
	margin-bottom: 15px;
}

#blog  h2.title{
	margin-bottom: 15px;
}

#blog  h2{
	border: none;
}

#blog .images{
	margin-top: 20px;
	white-space: nowrap;
	overflow: hidden;
	width: 490px;
}

#blog .entry{
	margin: 10px 0 10px 0;
	overflow: hidden;
}

#blog .state{
	font-size: 0.85em;
	padding:  20px 0 20px 0;
}

#blog .trackback{ 
	margin-top: 20px;
	font-size: 0.85em;
	line-height: 140%;
}

#blog .trackback .created{ 
	font-size: 0.85em;
	font-weight: normal;
}

#blog .trackback-url{ 
	line-height: 160%;
	margin: 10px 0 20px 0;
}

/* 
#blog .arrow-right{
	margin: 0;
	padding-left: 0;
	padding-right: 15px;
	background: url("/common/arrow-right.gif") no-repeat center right;
}
*/

#navigation{
	font-size: 0.85em;
}

.pageNavigation{
	float: left;
}

#main .pageNavigation a { text-decoration: none; color:#0066CC; }
#main .pageNavigation a:link { text-decoration: none; color:#0066CC; }
#main .pageNavigation a:visited { text-decoration: none; color:#0066CC; }
#main .pageNavigation a:hover { text-decoration: none; color:#FF3399;}
#main .pageNavigation a:active { text-decoration: none; color:#FF3399; }

.rssfeed{
	text-align: right;
	float: right;
	font-size: x-small;
}

#main .rssfeed a { text-decoration: none; color:#0066CC; }
#main .rssfeed a:link { text-decoration: none; color:#0066CC; }
#main .rssfeed a:visited { text-decoration: none; color:#0066CC; }
#main .rssfeed a:hover { text-decoration: none; color:#FF3399;}
#main .rssfeed a:active { text-decoration: none; color:#FF3399; }

/* 請求フォーム */

.error-message{
  border: 2px  solid 	#FFF;
  padding: 12px;
  margin-bottom: 12px;
}


table.form{
	width: 100%;
	background-color: #99CCFF;
}

table.form td{
	background-color: #0066CC;
}

table.form td.label{
	text-align: left;
	font-weight: bold;
}

table.form td.label .caption{
  font-weight: normal;
}

/* お問い合わせフォーム */
table.contactForm{
	width: 100%;
	background-color: #999999;
}

table.contactForm td{
	background-color: #000000;
}

table.contactForm td.label{
	text-align: left;
	font-weight: bold;
}

/* Store */

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


#store  h1{
  clear: both;
}

#store  h1.iconBag{
	padding: 16px 50px 12px 50px;
	background: url("/store/images/icon_bag.gif") no-repeat center left;
}

#store p.lead{
  margin-top: 24px;
}

#store .detail{
	margin-top: 24px;
}

#store .detail h1{
margin: 15px 0 15px 0;
padding-bottom: 5px;
border-bottom: 2px solid #FFF;
}

#store .bag{
   font-size: .85em;
	text-align: center;
	display: block;
	position: absolute;
	left: 405px;
	top: 6px;
}


#store  .process{
  overflow: hidden;
  margin: 24px 0 24px 0;
  font-size: .85em;
}

#store  .process div{
  float: left;
  line-height: 1.8em;
}

#store  .process .step{
  padding: 0 3px 0 3px;
}

#store  .process .active{
  padding: 0 3px 0 3px;
  border: 1px solid #fff;
  color: #FF3399
}

#store .process .arrow{
 padding: 1px 6px 0 6px;
}


#store  .submit{
  text-align: center;
  padding: 12px 6px 0 6px;
}

#store  .revision{
  font-size: .85em;
  margin: 3px 0 24px 0;
}

#store table.form{
	width: 100%;
	font-size: 0.85em;
	line-height:180%;
	background-color: #e1e1e1;
}

#store table.form td ,table.form tr{
	background-color: #AACB00;
}

#store table.form td.label{
	text-align: left;
	font-weight: bold;
}

#store .color{
  overflow: hidden;
	margin-bottom: 12px;
}

#store .item{
 float: left;
 margin: 0 12px 12px 0;
 text-align: center;
}

#store .item img{
  margin-bottom: 6px;
}

#store .spec{
	clear: both;
}

/* admin */

#contents {
	padding: 0 30px 0 30px;
}

form { 
	margin: 0;
}

#pallet{
	width: 500px;
	text-align: right;
	font-size:x-small;
}

#pallet textarea{
	margin-top: 0;
	width: 500px;
}

#pallet a{ padding: 2px; border: #0000FF solid 1px; }
#pallet a:hover { text-decoration: none; background-color: #0000FF; color:#E1E1E1; }
#pallet a:visited { text-decoration: none; color:#0000FF; }
#pallet a:visited:hover{ text-decoration: none; color:#FFFFFF; }

.pagination .arrow-right{
	padding-left: 0;
	padding-right: 15px;
}

.login-indication { 
	font-size:x-small;
	line-height:180%;
	float: right;
	padding: 2px 6px 2px 6px;
	border: #666666 solid 1px;
}


/* about */
#about .caption{
	color: #FFFF00;
}

#about .bottomMargin{
	margin-bottom: 30px;
}

#about .question{
	margin-bottom:20px;
	color:#FFFF00;
}

#about .q1{
	margin-bottom: 20px;
	padding-left: 50px;
	background: url('/about/images/q1.gif') no-repeat left;
	height:25px;
}
#about .q1Color{
	padding-left:50px;
	background: url('/about/images/q1Yellow.gif') no-repeat left;
	height:25px;
}

#about .q2{
	margin-bottom: 20px;
	padding-left:50px;
	background: url('/about/images/q2.gif') no-repeat left;
	height:25px;
}
#about .q2Color{
	padding-left:50px;
	background: url('/about/images/q2Yellow.gif') no-repeat left;
	height:25px;
}

#about .q3{
	margin-bottom: 20px;
	padding-left:50px;
	background: url('/about/images/q3.gif') no-repeat left;
	height:25px;
}
#about .q3Color{
	padding-left:50px;
	background: url('/about/images/q3Yellow.gif') no-repeat left;
	height:25px;
}

#about .q4{
	margin-bottom: 20px;
	padding-left:50px;
	background: url('/about/images/q4.gif') no-repeat left;
	height:25px;
}
#about .q4Color{
	padding-left:50px;
	background: url('/about/images/q4Yellow.gif') no-repeat left;
	height:25px;
}

#about .q5{
	margin-bottom: 20px;
	padding-left:50px;
	background: url('/about/images/q5.gif') no-repeat left;
	height:25px;
}
#about .q5Color{
	padding-left:50px;
	background: url('/about/images/q5Yellow.gif') no-repeat left;
	height:25px;
}

#about .q6{
	margin-bottom: 20px;
	padding-left:50px;
	background: url('/about/images/q6.gif') no-repeat left;
	height:25px;
}
#about .q6Color{
	padding-left:50px;
	background: url('/about/images/q6Yellow.gif') no-repeat left;
	height:25px;
}

#about .q7{
	margin-bottom: 20px;
	padding-left:50px;
	background: url('/about/images/q7.gif') no-repeat left;
	height:25px;
}
#about .q7Color{
	padding-left:50px;
	background: url('/about/images/q7Yellow.gif') no-repeat left;
	height:25px;
}

#about .answerer{
	margin-bottom:10px;
	text-vertical: middle;
}

#about .answer{
	background: url('/about/images/answer.gif') no-repeat left top;
	margin-bottom: 30px;
	padding-top: 60px;
	overflow: hidden;
}

#about .answer .text{
	float:left;
	width:230px;
}

#about .answer .photo{
	float:right;
	width:230px;
}

#about .answer .photo div{
	margin-bottom: 15px;
}

#about .pagenavi{
	overflow: hidden;
	clear: both;
	width:480px;
}

#about .pagenavi .back{
	float: left;
	border-bottom: 1px dashed #FFFFFF; padding-bottom: 2px;
}

#about .pagenavi .next{
	text-align: right;
	float:right;
	border-bottom: 1px dashed #FFFFFF; padding-bottom: 2px;
}

#about #q2 .Bgline{
	height: 589px;
	background:url('/about/images/q2/photo2.jpg') no-repeat;
}

#about #q3 .Bgphoto{
	height: 505px;
	background:url('/about/images/q3/Bgphoto.jpg') no-repeat;
	color: #FFFF00;
	font-size:x-small;
	line-height: 140%;
}

#about #q3 .Bgphoto .lead1{
	position:relative;
	top: 0;
	left: 50px;
}

#about #q3 .Bgphoto .lead2{
	position:relative;
	top: 15px;
	left: 15px;
}

#about #q3 .Bgphoto .lead3{
	position:relative;
	top: -35px;
	left: 205px;
}

#about #q3 .Bgphoto .lead4{
	position:relative;
	top: -85px;
	left: 340px;
}

#about #q3 .Bgphoto .lead5{
	position:relative;
	top: 215px;
	left: 0;
}

#about #q3 .Bgphoto .lead6{
	position:relative;
	top: 235px;
	left: 95px;
}

#about #q3 .Bgphoto .lead7{
	position:relative;
	top: 132px;
	left: 265px;
}

#about #q3 .Bgphoto .lead8{
	position:relative;
	top: 155px;
	left: 250px;
}

#about #q4 td.arrow{
	padding: 5px 0;
}

#about #q4 td.topMargin{
	padding-top: 10px;
}