/*

Theme Name: School 
Version: 1.0
Author:YSK e-com
*/

/* Cross-browser settings */
* {
 margin: 0;
 padding: 0;
}

/* general styles */
body {
 height: 100%;
 font-size: 14px;
}

img {
 border:0;
}

a {
 color: #0000ff;
}

a:visited {
 color: #005B5B;
}

a:hover {
 color: #0000c0;
}

#wrapper {
 width: 950px;
 margin: 0px auto;
 padding: 0px;
 background: #ffffff;
 color: #333333;
 font: 1.0em/150% 'arial', sans-serif;
}


p{
	margin: 0 0 10px 0;
	padding:0 0 0 1em;

}



/* -----コンテンツ部分のデザイン----- */
#contents {
 width: 650px;
 margin: 20px 0px 0px;
 padding: 0px;
 background: #ffffff;
 font-size: 1.0em;
 text-align: left;
 position:absolute;
 left:300px; top:30px;
}

#contents h2 {
 margin: 20px 25px 10px;
 padding: 5px 20px;
 background: #FFE68C;
 font: bold 1.6em 'arial', sans-serif;
 text-align: left;
}


#contents .contents_body {
 margin: 15px 25px;
 padding: 0px;
}


#contents h3 {
 margin: 20px 25px 10px;
 padding: 10px 20px;
 font: bold 1.0em 'arial', sans-serif;
 text-align: left;
}

#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}

/* top */
p.credit {
	color: #000000;
	background: #FFFFFF;
	border-top: 0px solid #DFDFDF;
	clear: both;
	font-size: 12px;
	margin: 0 auto 0 auto;
	padding: 16px 0 17px 0;
	text-align: center;
}

.styletop {color: #004020;
	font-size:18px;
	font-weight:bold;
	line-height:110%;
}
/* page */

#post01{
 position:absolute;
 left:30px; top:90px;
}

#post01 ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

#post01 ol li {
	margin: 0;
	padding: 0;
	}

#post01 ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

#post01 ul li {
	margin: 0;
	padding: 0;
	}

.kocho{
	margin:30px 10% 30px 5%;
/*	text-align:left;*/
	text-align: justify;
	line-height:130%;
}

.content {
    margin-left: 1.5em;
    margin-bottom: 1.5em;
    line-height: 150%;
/*	background-color:#F2F0E9;*/
}
.text01{
/*	margin: 0 1.5em 10px 0;*/
	padding:0 0 0 1em;
	text-indent:-1em;
}
/*.kouka{
	margin:30px 10%;
	writing-mode:tb-rl;
	height:200px;
}*/
h3 {padding:3px;
	background-color:#FFE68C;
	font-size: 1.2em;
	margin-top: 2em;
	margin-bottom: 0em;
}
.tbl01 td {
    border: 1px solid #C4BA86;
}

/* -----サイドバーのデザイン----- */
#firstSide { float: left;}

.sidebar {
 width: 201px;
 height:595px;
 margin: 20px 5px 10px 0px;
 padding: 110px 0px 0px 13px;
 background: #ffffff url(images/menu.gif) no-repeat;
 color: #FFFFFF;
 font-size: 1.0em;
 text-align: left;
 position:absolute;
 left:40px; top:20px;
}

/*
.sidebar h4 {
 margin: 20px 15px 0px 0px;
 padding: 5px 10px;
 color: #0E1173;
 font: bold 1.0em 'arial', sans-serif;
 text-align: center;
}
*/

.sidebar ul {
 list-style:none;
 width: 180px;
}

.sidebar p {
 padding: 8px 0px 0px 10px;
}

.sidebar li {
 line-height: 0;
 height:44px;
}

.sidebar li a {
 display:block;
 line-height: 44px;
 padding: 0px 0px 0px 30px;
/* background: #ffffff url(images/menutitle.gif) no-repeat;*/
 color: #333333;
 font-size: 1.5em;
 text-align: center;
 text-decoration: none;
}

.sidebar li a:hover {
/* background: #efefef url(images/menutitle.gif) no-repeat;*/
 color: #FF6600;
}

.m1{ background: #ffffff url(images/menutitle1.gif) no-repeat;}
.m2{ background: #ffffff url(images/menutitle2.gif) no-repeat;}
.m3{ background: #ffffff url(images/menutitle3.gif) no-repeat;}
.m4{ background: #ffffff url(images/menutitle4.gif) no-repeat;}
.m5{ background: #ffffff url(images/menutitle5.gif) no-repeat;}
.m6{ background: #ffffff url(images/menutitle6.gif) no-repeat;}
.m7{ background: #ffffff url(images/menutitle7.gif) no-repeat;}
.m8{ background: #ffffff url(images/menutitle8.gif) no-repeat;}

/* -----カウンターのデザイン----- */
.counter{
 color: #000000;
 font-size: 1.2em;

}

/* -----パンくずリンクのデザイン----- */
#bread{
margin:0;
font-size:0.75em;
font-weight:bold;
}

/* -----お知らせテンプレートのデザイン----- */
#monthmain{
 width: 650px;
 margin: 20px 0px 0px;
 padding: 0px;
 background: #ffffff;
 font-size: 1.0em;
 text-align: left;
 position:absolute;
 left:300px; top:30px;
}

#monthmain h2 {
 margin: 20px 25px 10px;
 padding: 5px 20px;
 background: #FFE68C;
 font: bold 1.6em 'arial', sans-serif;
 text-align: left;
}

/*
#monthmain .clear{
background-image:url(images/sidebar.gif);
background-repeat:repeat-y;
}
*/

#monthsidebar{
background-image:url(images/sidebar.gif);
background-repeat:repeat-y;
background-color:#ffffff;
/*background-color:#ffcc99;*/
width:170px;
/*height:100px;*/
float:left;
font-size:0.75em;
padding: 10px 0px 10px 20px;
}

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

#monthsidebar li strong{
display:block;
padding:5px 10px;
}

#monthcontent{
/*margin-left:20px;
padding-bottom:20px;*/
font-size:1em;
}

.side1{
width:460px;
float:right;
}
.side2{
width:570px;
}

#monthcontent #bread{
margin-top:10px;
text-align:right;
}


#monthpost{
padding-bottom:10px;
}

#monthpost ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

#monthpost ol li {
	margin: 0;
	padding: 0;
	}
#monthpost ul {
	padding: 0 0 0 35px;
	margin: 0;
	}

#monthpost ul li {
	margin: 0;
	padding: 0;
	}

#title{
background-image:url(images/bar_small.gif);
background-repeat:no-repeat;
font-size:1.2em;
font-weight:bold;
padding:6px 10px 6px 20px;
/*background: #ffffff;*/
}

#monthpost p{
font-size:0.75em;
line-height:150%;
padding:0 10px;
}

#monthlist h2{
margin:30px 0 0;
padding-bottom:2px;
/*border-bottom:solid 2px #69d600;*/
border-bottom:solid 2px #b4e550;
font-size:1em;
background: #ffffff;
}

#monthlist h2 a{
text-decoration:none;
color:#00657d;
}

#monthlist h2 span{
color:#888888;
/*font-size:smaller;*/
font-family:Verdana,Helvetica,sans-serif;
}

#monthlist h2 a:hover{
color:#00a0c6;
}

#monthlist p{
margin-top:10px;
font-size:0.75em;
line-height:140%;
}

#monthlist ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

#monthlist ol li {
	margin: 0;
	padding: 0;
	}

/* -----学校評価のデザイン----- */
#page h3{
background-image:url(images/bar_small.gif);
background-repeat:no-repeat;
font-size:1.2em;
font-weight:bold;
padding:6px 10px 6px 20px;
/*background: #ffffff;*/
}
.style1 {
	font-size: 18px;
	margin-top: 0.5em;
	margin-bottom: 0em;
	color: #003333;
	font-weight: bold;
/*	background-image:url(bar_small.gif);
	background-repeat:no-repeat;*/
    background-color: #E2FE98;
	padding:6px 10px 6px 10px;
}
.hyouka ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 1em;
    /*list-style-type: disc;*/
    list-style-image: url(images/arrow.gif);
}
.hyouka {
    margin-left: 1.5em;
    margin-bottom: 1.5em;
    line-height: 150%;
/*	background-color:#F2F0E9;*/
}
.migi{
	float:right;
}