/*
===========================
ゆりかご保育園ホームページスタイルシート
製作担当者：Back to Basic
Version:1.0
最終更新日：
===========================
*/
body { 	margin: 0;
	color:#333333;
	background-color:#ffffff;
	background-repeat: repeat; 
	background-image: url("img/bg_o_w.gif");
	text-align:center; } 
a img {	border: 0px;}

.center{text-align:center;}

/* ======================================== 大枠　*/

.page-top{margin:0px 0px 0px 0px;
 	width:100%;
	height:300px;
 	text-align:center;
	}

.header{margin: 0px auto 0px auto;
 	width:960px;
	height:350px;
 	text-align:left;
	}

.main{
	margin:  10px auto 0px auto;
	padding:20px 0px 0px 0px;
 	width:960px;
	height:800px;
	background-color:#ffffff;
 	text-align:left;
	background-image : url("img/lineimg.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	/* border:1px solid #CCCCCC;*/
 	}
	
.footer{
	margin:  0px auto 0px auto;
	padding:20px 0px 0px 0px;
 	width:960px;
	height:100px;
 	text-align:center;
	}
/* ======================================= ナビゲーション */

.nav{
	font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
	font-weight : bold ;
	font-size:18px;
	color:#ffffff;
	margin: 0px 0px;
	padding: 0px 0px;
	width:200px;
	height:420px;
	}

.nav ul{list-style-type:none;
	margin:0px 0px;
	padding: 0px 0px;
	width:90%;
	}

.nav li{display:inline;
	text-indent:-9999px;
	text-align:center;
	margin:0px 0px;
	padding: 0px 0px;
	}


.nav a{	text-decoration:none;
	color:#ffffff;
	display:block;
	float:left;
	width:13%;
	margin:0px 0px 10px 0px;
	padding: 0px 0px;
	border-left:solid 0px #cccccc;
	border-right:solid 0px #cccccc;
	}

.address{
	width:200px;
	height:150px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px;
	}


/* ======================================== ナビゲーションボタン　*/
.nav-home a{
	width:200px;
	height:50px;
	background:url(img/sprite_patch.gif) 0 0;
	display:block;
	}

.nav-home a:hover{
	background:url(img/sprite_patch.gif) -200px 0;
	}

.nav-gaiyo a{
	width:200px;
	height:50px;
	background:url(img/sprite_patch.gif) 0 -50px;
	display:block;
	}

.nav-gaiyo a:hover{
	background:url(img/sprite_patch.gif) -200px -50px;
	}
	
.nav-naiyo a{
	width:200px;
	height:50px;
	background:url(img/sprite_patch.gif) 0 -100px;
	display:block;
	}

.nav-naiyo a:hover{
	background:url(img/sprite_patch.gif) -200px -100px;
	}

.nav-kyoshitsu a{
	width:200px;
	height:50px;
	background:url(img/sprite_patch.gif) 0 -150px;
	display:block;
	}

.nav-kyoshitsu a:hover{
	background:url(img/sprite_patch.gif) -200px -150px;
	}

.nav-access a{
	width:200px;
	height:50px;
	background:url(img/sprite_patch.gif) 0 -200px;
	display:block;
	}

.nav-access a:hover{
	background:url(img/sprite_patch.gif) -200px -200px;
	}

.nav-inquiry a{
	width:200px;
	height:50px;
	background:url(img/sprite_patch.gif) 0 -250px;
	display:block;
	}

.nav-inquiry a:hover{
	background:url(img/sprite_patch.gif) -200px -250px;
	}


.nav-saiyo a{
	width:200px;
	height:50px;
	background:url(img/sprite_patch.gif) 0 -300px;
	display:block;
	}

.nav-saiyo a:hover{
	background:url(img/sprite_patch.gif) -200px -300px;
	}
.nav-nintei a{
	width:200px;
	height:40px;
	background:url(img/sprite_patch.gif) -400px 0px;
	display:block;
	}
.nav-nintei a:hover{
	background:url(img/sprite_patch.gif) -600px 0px;
	}

.nav-hogosya a{
	width:200px;
	height:40px;
	background:url(img/sprite_patch.gif) -400px -50px;
	display:block;
	}
.nav-hogosya a:hover{
	background:url(img/sprite_patch.gif) -600px -50px;
	}


/* ======================================== mainパーツ（index）　*/
.left{
	float:left;
	width:270px;
	height:99%;
	padding:10px 10px 0px 20px;
	}

.right{
	float:right;
	width:640px;
	height:99%;
	padding:10px 20px 0px 0px;
	}

/* ======================================== 更新情報　*/
.oshirase{
	width:680px;
	height:85px;
	background:url(img/sprite_patch.gif) 0 -400px;
}
.oshirase-in{
	width:590px;
	height:150px;
        padding: 0px 15px 0px 15px;
	margin: 0px 0px 30px 0px;
	overflow: auto;

}

.yotei{
	width:680px;
	height:85px;
	background:url(img/sprite_patch.gif) 0 -500px;
}

.yotei-in{
	width:590px;
	height:150px;
        padding: 0px 15px 0px 15px;  
        padding: 0px 15px 0px 15px;
	margin: 0px 0px 30px 0px;
	overflow: auto;
}


.main-out-start{
	width:680px;
	height:20px;
	background:url(img/sprite_patch.gif) 0 -1155px;
}
.main-out-in{
	width:680px;
	height:600px;
	background-repeat: repeat-y; 
	background-image: url("img/bg_side_p.gif");;
}

.main-out-end{
	width:680px;
	height:20px;
	background:url(img/sprite_patch.gif) 0 -1180px;
}



dt {   
  clear: left;   
  float: left;   
  width: 6em;   
  padding: 3px 0.5em;   
}   
  
dd {   
  margin-left: 0;   
  padding: 3px 0em 3px 6em;   
  border-bottom: dotted 1px #CCC;   
}



.onegai{
	width:680px;
	height:85px;
	background:url(img/sprite_patch.gif) 0 -600px;
}
.onegai-in{
	width:590px;
	height:200px;
        padding: 0px 15px 0px 15px;  
        padding: 0px 15px 0px 15px;
	margin: 0px 0px 30px 0px;
	overflow: auto;
}

.album{
	width:680px;
	height:85px;
	background:url(img/sprite_patch.gif) 0 -700px;
}

.album-in{
	width:590px;
	height:800px;
        padding: 0px 15px 0px 15px;
	margin: 0px 0px 30px 0px;
	overflow: auto;
}

.inquiry{
	width:680px;
	height:85px;
	background:url(img/sprite_patch.gif) 0 -800px;
}
.inquiry_faq{
	width:680px;
	height:85px;
	background:url(img/sprite_patch.gif) 0 -900px;
}

.spsite{
	width:680px;
	height:85px;
	background:url(img/sprite_patch.gif) 0 -1000px;
}
.spsite-in{
	width:590px;
	height:800px;
        padding: 0px 15px 0px 15px;
	margin: 0px 0px 30px 0px;
	overflow: auto;
}
/* ======================================== 見出し　*/


.access{padding: 10px 0;
	text-align:center; 
	}
	
.access p{
	font-size: 28px; }


/* ======================================== その他パーツ　*/


table{
	background-color:#ffffff;
	border-top:1px dotted #999999;
	width:400px;
	height:300px;
	}

td{
	padding:4px 2px 2px 4px;
	border-bottom:1px dotted #999999;
	border-left:3px double #CCCCCC;
	}

h1{
	font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
	margin: 0px auto 0px auto;
	text-align: left;
	}


/* ======================================== ページ別設定　*/
.main-sp{
	margin:  10px auto 0px auto;
	padding:10px 0px 0px 0px;
 	width:960px;
	height:1350px;
	background-image : url("img/lineimg.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-color:#ffffff;
 	text-align:left;
 	}

.main-gaiyo{
	margin:  10px auto 0px auto;
	padding:10px 0px 0px 0px;
 	width:960px;
	height:1800px;
	background-image : url("img/lineimg.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-color:#ffffff;
 	text-align:left;
 	}

.main-naiyo{
	margin:  10px auto 0px auto;
	padding:10px 0px 0px 0px;
 	width:960px;
	height:4800px;
	background-image : url("img/lineimg.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-color:#ffffff;
 	text-align:left;
}

.main-access{
	margin:  10px auto 0px auto;
	padding:10px 0px 0px 0px;
 	width:960px;
	height:660px;
	background-image : url("img/lineimg.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-color:#ffffff;
 	text-align:left;
}

.main-greeting{
	margin:  10px auto 0px auto;
	padding:10px 0px 0px 0px;
 	width:960px;
	height:1100px;
	background-image : url("img/lineimg.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-color:#ffffff;
 	text-align:left;
}
.greeting-in p{
	text-indent:1em;
	margin: 0px 0px 0px 0px ;
	padding: 0px 30px 0px 30px;/*上右下左*/
	}


.main-kyoshitsu{
	margin:  10px auto 0px auto;
	padding:10px 0px 0px 0px;
 	width:960px;
	height:660px;
	background-image : url("img/lineimg.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-color:#ffffff;
 	text-align:left;
}

.main-inquiry{
	margin:  10px auto 0px auto;
	padding:10px 0px 0px 0px;
 	width:960px;
	height:860px;
	background-image : url("img/lineimg.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-color:#ffffff;
 	text-align:left;
}


/* ======================================== ピクチャーギャラリー　*/
div.pic{
margin:5px;
padding:0;
float:left;
width:200px;
height:150px;
border:1px solid #cccccc;
}

div.out_pic{
margin:0px;
padding:0px;
height:160px;
border:0px solid #cccccc;
clear:both;
}

div.pic_menu{
margin:0 5px 5px 5px;
padding:0 5px 0px 0;
border-color:#FF9900;
border-width:0 0 3px 0px ;
border-style:solid;
height:20px;
clear:both;
font-weight: bold;
font-size: 120%;
}

div.inq_menu{
margin:0 20px 5px 5px;
padding:0 5px 0px 0;
border-color:#996633;
border-width:0 0 3px 0px ;
border-style:solid;
height:20px;
clear:both;
font-weight: bold;
font-size: 120%;
}

/* ======================================== ピクチャーギャラリー　*/
div.pic_s{
margin:1px;
padding:0;
float:left;
width:90px;
height:70px;
border:1px solid #cccccc;
}
