/*

Theme Name: 南アルプススクールネット 
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;
}


#header {
 margin: 10px 0 0 0;
 position:absolute;
 left:40px;
}

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

}



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

#contents h2 {
 margin: 20px 25px 10px 25px;
 padding: 5px 20px;
/* background: #FFE8E8;*/
 background: #FFFFDD;
 border:1px solid #FFCC33;
 
 font: bold 1.6em 'arial', sans-serif;
 text-align: left;
}


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


#contents h3 {
	margin: 20px 25px 10px 0;
	padding: 10px 20px;
	font: bold 1.0em 'arial', sans-serif;
	text-align: left;
}
#contents h4 {
	margin:10px 0;
	color: #000;
	font-weight: bold;
/*	border-bottom:1px dashed #CCC;*/
	border-bottom: 3px double #FF9966;
	padding-left:15px;
	padding-bottom: 3px;
}

#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: 200px;
 height:595px;
 margin: 0px 5px 10px 0px;
 padding: 35px 0px 0px 10px;
 background: #ffffff url(images/menu.gif) no-repeat;
 color: #FFFFFF;
 font-size: 1.0em;
 text-align: left;
 position:absolute;
 left:40px; top:213px;
}

/*
.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:39px;
 margin:0 0 2px 0;
 font-weight:bold;
}

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

.sidebar li a:hover {
 color: #FF6600;
}

/*
.m1{ background: #ffffff url(images/menutitle1.gif) no-repeat;}
.m2{ background: #ffffff url(images/menutitle1.gif) no-repeat;}
.m3{ background: #ffffff url(images/menutitle1.gif) no-repeat;}
.m4{ background: #ffffff url(images/menutitle1.gif) no-repeat;}
.m5{ background: #ffffff url(images/menutitle1.gif) no-repeat;}
.m6{ background: #ffffff url(images/menutitle1.gif) no-repeat;}
.m7{ background: #ffffff url(images/menutitle1.gif) no-repeat;}
.m8{ background: #ffffff url(images/menutitle1.gif) no-repeat;}
*/

/* -----カウンターのデザイン----- */
.counter{
 color: #000000;
 font-size: 1.2em;
 font-weight: normal;
 position:relative;
 left:0px;
 top:80px;
 list-style: none;
 margin: 0 0 15px 0;
}

.counter li{
 font-weight: normal;
 line-height: unset;
}

.cpd-l{
 white-space: nowrap;
 display: block;
}

.cpd-l ::after{
 content: " 人目の来訪者です";
/* display: block;
 float: right;*/
}

.cpd-r{
 float: none !important;
 text-align: unset !important;
}

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

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

#monthmain h2 {
 margin: 20px 25px 10px 25px;
 padding: 5px 20px;
/* background: #FFE68C;*/
 background: #FFFFDD;
 border:1px solid #FFCC33;

 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;*/
/*height:100px;*/
float:left;
font-size:0.75em;
margin: 0px 0px 0px 15px;
padding: 10px 10px 10px 20px;
}

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

#monthsidebar li strong{
display:block;
/*padding:5px 7px;*/
}

#monthcontent{
font-size:1em;
margin:0 20px 0 0;
}

#monthcontent2{
 width: 590px;
/*margin-left:20px;
padding-bottom:20px;*/
font-size:1em;
margin:0 20px 0 0;
position:absolute;
left:15px; top:10px;
}

.side1{
width:440px;
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;
border-top-style:none;
border-right-style:none;
border-left-style:none;
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;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	padding:5px;
}