@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:12px;
   color:#333;
   background:#fdfbbe;
}

br {
   letter-spacing:normal;
}

a {
   color:#3399FF;
   text-decoration:none;
}

a:hover {
   color:#0089a1;
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#top {
   width:780px;
   margin:10px auto;
   border:1px solid #666;
}

#header {
	width: 780px;
   background:#fff;
}


#menu {
   float:left;
}

#topicPath {
   display:inline;/* for IE6 */
   float:left;
}

#contents {
	clear: both;
}

#main {
	float: none;
	width: 700px;
	padding: 40px;
	background:#fff;
}

/* #sub {
   float:right;
   width:200px;
   padding:10px;
   background-color: #eee;
}*/

#pageTop {
   clear:both;
}

#footer {
   clear:both;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:10px;
   font-size:24px;
}

#header h1 a {
   color:#333;
}

#header #pr p {
   margin:0;
   padding:10px;
   font-size:11px;
}

#header #pr2 p {
   margin:0;
   padding:10px;
   color:#0C3
   font-size:12px;
}

#header #image {
	
}


/* ========ヘッダ　イメージ======== */
#headImage {
   width:780px;
   height:300px;
   overflow:hidden;
   position:relative;
   list-style:none;
}

#headImage ul {
   list-style:none;
   margin:0;
   padding:0;
}

#headImage li {
   position:absolute;
   background:#fff;
   margin:0;
   padding:0;
}



/* ========TOPICPATH CUSTOMIZE======== */
#topicPath {
   width:750px;
   margin:10px;
   padding:5px;
   background:#f1f1f1;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
   border-left:1px solid #fff;
}

#menu li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
   border-right:1px solid #fff;
}

#menu li a {
   display:block;
   width:155px;
   color:#fff;
   line-height:40px;
   text-decoration:none;
   background:#99CCFF;
}

#menu li:first-child a {
   width:154px;
}

#menu li a.active {
   color:#fff;
   text-decoration:none;
   background:#99CCFF;
}

#menu li a:hover {
   color:#fff;
   text-decoration:none;
   background:#c0dffe;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main h2 {
   margin-bottom:5px;
   padding:5px 0;
   color:#666;
   font-size:16px;
   border-bottom:3px double #ccc;
}

/* #main h3 {
   margin-bottom:15px;
   padding:5px;
   color:#666;
   font-size:15px;
   border-left:5px solid #f792c5;
   border-bottom:1px dotted #ccc;
}
*/

#main h3 {
   margin-bottom:15px;
   padding:5px 5px 5px 50px;
   color:#666;
   font-size:16px;
   background-image:url(../images/icon_hiyoko.gif);
   background-repeat:no-repeat;
   border-bottom:2px dotted #f792c5;
}

#main h4 {
   margin-bottom:15px;
   padding:5px;
   color:#666;
   font-size:15px;
   border-left:5px solid #f792c5;
   border-bottom:1px dotted #ccc;
}

#main h5 {
   margin-bottom:5px;
   font-size:13px;
   border-bottom:1px dotted #ccc;
}

#main h6 {
   margin-bottom:5px;
   font-size:13px;
}


#main p {
   margin:0 0 1em 0;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#eee;
}

/* EVENT CUSTOMIZE */
* html body #main dl.event dd div {
   display:inline-block;
}

#main dl.event dt {
   float:left;
   width:5em;
   padding-left:100px;
}

#main dl.event dd {
   margin:0 0 0.5em 0em;
   padding:0;
   background-color:transparent;
}

#main table {
   border-collapse:collapse;
}

#main table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #aaa;
   background:#f0f7fc;
}

#main #02 table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #aaa;
   background:#fce4e4;
}

#main table td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #aaa;
}

#main table td image {
   padding:5px;
   text-align:center;
}


/* ========SUBCONTENTS CUSTOMIZE======== */

#sub .section {
   margin-bottom:10px;
   border:1px solid #333;
   background-color:#eee;
}

#sub h3 {
   padding:5px;
   font-size:13px;
   font-weight:bold;
   color:#fff;
   text-align:center;
   border:1px solid #fff;
   border-bottom:none;
   background:#0089a1;
}

#sub ul {
   overflow:hidden;
   margin:0;
   padding:0;
   background:#eee;
}

#sub li {
   width:198px;
   margin-top:-1px;
   line-height:1.4;
   list-style:none;
   border-top:1px solid #666;
}

#sub li a {
   display:block;
   padding:10px 5px;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:20px 0 4px 0;
   text-align:right;
}

#pageTop a {
   padding:5px 5px 5px 17px;
   background:url("../images/bg_pagetop.gif") 7px 50% no-repeat;
   font-size:11px;
   outline:none;
}


/*====================ニュース====================*/

.news li{
	width: auto;
	margin-left: -40px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #d5d5d5;
	overflow: hidden;
}
.news li img {
	float: left;
	width:200px;
    height:150px;
    clear: both;
	padding-right: 10px;
}

/* 記事タイトル */
.news li a {
    overflow: auto;
    font-weight:bold;
    font-size: 1.2em;
	color: #6699FF;
}

/* 日付 */
.news li span {
	float: right;
	font-size: 12px;
	color: #999999;
	
}

/* 本文 */
.news li p {
	overflow: auto;
	margin-top: 20px;
	font-size: 1em;
	line-height: 1.5;
}



/* ========FOOTER CUSTOMIZE======== */
.copyright {
   clear:both;
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   text-align:center;
   border-top:1px solid #666;
   background:#ddd;
}
<TITLE>長峰幼稚園</TITLE>

#top #contents #main #02 table tr .img {
	text-align: center;
	padding: 10px;
}
#welcome table tr td p {
	margin-left: 25px;
	margin-top: 60px;
}

/* ========背景画像========= */

#main #welcome {
	background-image: url(../images/bg_usagi.gif);
	background-repeat:no-repeat;
}

#welcome table td{
	border: 0px;
}

#main #info {
	background-image: url(../images/bg_info.gif);
	background-repeat:no-repeat;
}

#main #event {
	background-image: url(../images/bg_event.gif);
	background-repeat:no-repeat;
}

#main #topics {
	background-image: url(../images/bg_topics.gif);
	background-repeat:no-repeat;
}

#topics table td{
	border: 0px;
}


/* ========アクセスマップ========= */
.accessmap {
	text-align: center;
}


/*---------------------------------
	 ▼index.php Calendar style▼ 
---------------------------------*/
#calendarTable{
	width:100%;	
}
#calendarTable th{
	padding:5px;
	font-size:12px;
	border:1px solid #ccc;
	color:#333;
	background:#eee;
}
#calendarTable td{
	padding:5px;
	text-align:right;
	font-size:12px;
	border:1px solid #ccc;
	color:#555;
	width:14%;
	vertical-align:top;
}
body#index p {
	margin:0 0 5px;
	line-height:130%;
	font-size:13px;
}
body#index .calendarHeader a{
	color:#555;
}
#calendarTable td .scheduleComment{
	text-align:left;
	color:#555;
	font-size:10px;
/* if ListStyle */
#calendarList li{
	border-bottom:1px solid #999;
	padding:5px;
}
#calendarList li.first-child{
	border-top:1px solid #999;
}
#calendarList .scheduleComment{
	text-align:left;
	color:#555;
	font-size:10px;
}
table.navNextPrev {
	width:100%;
}
table.navNextPrev .dspPrev{
	text-align:left;	
	padding:10px;
}
table.navNextPrev .dspNext{
	text-align:right;
	padding:10px;
}
h2#headerYm{
	background:#666;
	color:#fff;
	text-align:center;
	padding:5px ;
	font-size:110%;
	font-weight:normal;
}

/* /if ListStyle */

/*---------------------------------
	 ▲index.php style▲ 
---------------------------------*/




/*---------------------------------
	 ▼admin.php style▼ 
---------------------------------*/
body#admin p {
	margin:0 0 5px;
	line-height:130%;
	font-size:13px;
}
body#admin #wrapper {
	width:840px;
	border: 1px solid #ccc;
	border-top:0;
	border-bottom:0;
	box-shadow: 0 0px 7px #aaa;
	margin:0 auto;
	color:#666;
	padding:5px 20px;
	position:relative;
}
body#admin h1 {
	font-size:18px;
	color:#333;
	margin:5px 0 15px;
	padding-left:5px;
	border-left:5px solid #333;
	font-weight:normal;
	height:23px;
}
body#admin h2 {
	font-size:14px;
	color:#fff;
	margin-bottom:10px;
	padding-left:5px;
	background:#333;
	padding:5px 8px 3px;
	border-radius:3px;
}
table.calendarClassAdmin{
	width:100%;
	margin:15px 0;
}
table.calendarClassAdmin td{
	padding:8px;
	line-height:160%;
	font-size:16px;
	border:1px solid #ccc;
	text-align:right;
	color:#555;
}
table.calendarClassAdmin th{
	background:#eee;
	padding:5px 10px;
	line-height:160%;
	font-size:14px;
	border:1px solid #ccc;
	width:14%;
}
.adminTextArea{
	margin-top:3px;
	font-size:11px;
}
.adminTextArea textarea{
	font-size:12px;
}
.hidden_text{
	position:absolute;
	top:50px;
	left:27px;
	color:#F00;
	font-weight:bold;
	font-size:14px;
}
body#admin .submitBtn {
	width:240px;
	height:30px;
	cursor:pointer;
}
body#admin form p {
	border-bottom:1px dotted #ccc;
	padding:5px 0;
	margin-bottom:10px;
}
body#admin textarea{
	width:100%;
	padding:2px;
}
.fc_bbb, .fc_bbb a:link {
	color:#bbb!important
}
.fc_red {
	color:#F00!important
}
.message_com {
	min-height:18px
}
.logout_btn {
	position:absolute;
	right:20px;
	top:10px;
}
.logout_btn a {
	padding:2px 10px;
	border:1px solid #aaa;
	text-decoration:none;
	color:#666;
	font-size:13px;
	border-radius:4px;
}
.logout_btn a:hover {
	background:#eee;
}
/*　AuthPageStyle　*/
body#auth{
	margin-top:15px;	
}
body#auth #login_form{
	width:500px;	
	margin:25px auto;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 0px 7px #aaa;
    font-weight: normal;
    padding: 16px 16px 20px;
	color:#666;
	line-height:1.3;
	font-size:90%;
}
body#auth form .input {
    font-size: 20px;
    margin:2px 6px 10px 0;
    padding: 3px;
    width: 97%;
}
body#auth input[type="text"], body#auth input[type="password"], body#auth input[type="file"], body#auth input[type="button"], body#auth input[type="submit"], body#auth input[type="reset"] {
    background-color: #FFFFFF;
    border: 1px solid #999;
}
body#auth .button-primary {
    border: 1px solid #000;
    border-radius: 11px;
    cursor: pointer;
    font-size: 18px;
    padding: 3px 10px;
	width:450px;
	height:38px;
}

/*---------------------------------
	 ▲admin.php style▲ 
---------------------------------*/

/*---------------------------------
         class Library
---------------------------------*/
/* Margin・padding class */
.m0{margin:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}
.pall5{padding:5px!important}.pall10{padding:10px!important}.pall15{padding:15px!important}
/* /Margin・padding class */

.clear {clear:both;}
.taR {text-align:right!important;}
.taL {text-align:left!important;}
.taC {text-align:center!important}
.big {font-size:170%!important;line-height:130%}
/*Font color*/
.bold {font-weight:bold!important;}
.col1 {	color:#FF6600!important;}
.col2 {	color:#FF9933!important}
.col3 {	color:#FF3300!important;}
.col4 {	color:#D9006C!important;}
.col5 {	color:#669999!important}
.col6 {	color:#0000CC!important}
.col7 {	color:#000099!important}
.col8 {	color:#0066FF!important}
.col9 {	color:#333333!important}
.col10 {color:#666666!important}
.col11 {color:#009900!important}
.col12 {color:#009900!important}
.col13 {color:#996633!important}
.col14 {color:#FF66CC!important}
.col15 {color:#669900!important;}
.col16 {color:#00CC99!important;}
.col17 {color:#fff!important;}
.col18{color:#009966!important}
.col19{color:#F00!important}
.floL {float:left;margin-top:0 !important;}
.floR {float:right;margin-top:0 !important;}
.light {font-weight:normal}
.floL img{margin-right:10px;}
.floR img{margin-left:10px;}
.small{font-size:12px!important}
/*---------------------------------
         /class Library
---------------------------------*/