@charset "utf-8";
/* CSS Document */

/*------------------------------------------
 body
------------------------------------------*/
body
{
width:100%;
color: #000000;
font-family:'メイリオ',Meiryo,'Lucida Grande',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
line-height: 1.5em;
font-size: 95%;
margin:0 auto;
padding:0;
background:#F5F5F5;
}

/*------------------------------------------
 背景罫線
 ------------------------------------------*/
/* 背景影　*/
.background
{
margin:0 auto;
padding:0;
width:1000px;
background:url(common/bg.jpg) repeat-y;
}


/*------------------------------------------
 float解除 
------------------------------------------*/
.clear
{
clear:both;
padding:1px;
}

/*------------------------------------------
 段落 
------------------------------------------*/
#main p
{
margin:0 0 10px 0;
}

/*------------------------------------------
 リンク 
------------------------------------------*/
a
{
color:#003399;
}

a:hover
{
color:#003399;
text-decoration:none;
}

a img
{
border:0;
}

/*------------------------------------------
 全体
------------------------------------------*/
.main-container
{
width:910px;
font-size:100%;
background:#ffffff;
margin:0 auto;
text-align:center;
}

/*------------------------------------------
 ヘッダー
 ------------------------------------------*/
#header
{
width:910px;
/*height:95px;*/
}

#header-title
{
width:550px;
float:left;
margin:0;
padding:0;
}

#header-right
{
width:360px;
text-align:right;
float:right;
}

#header-menu
{
width:258px;
height:22px;
margin:0;
padding:0;
margin-left:auto;
}

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

#header-right ul li
{
margin: 0;
padding: 0 5px 0 0;
float: left;
width: 81px;
}

#header-right-text
{
padding-top:10px;
font-size:90%;
line-height:1.2em;
}

#header-line
{
width:100%;
height:13px;
margin:0 auto;
padding:0;
background:url(common/header-line.jpg) repeat-x;
}

/*------------------------------------------
 見出し
 ------------------------------------------*/
h1
{
height:45px;
padding:20px 0 0 75px;
margin:5px 0;
background:url(common/school-mark.jpg) left no-repeat;
text-align:left;
line-height:1em;
}

/*------------------------------------------
 フッター
 ------------------------------------------*/
#footer
{
width:100%;
height:27px;
background:url(common/footer-bg.jpg) repeat-x;
color:#ffffff;
text-align:center;
margin:0 auto;
line-height:1.7em;
}


/*------------------------------------------
 メイン
 ------------------------------------------*/
#container
{
padding:10px 0;
margin:0 auto;
text-align:left;
}


/*--- レフトメニュー ---*/

#left
{
width:250px;
float:left;
}

#left ul.left-menu 
{
margin:0;
padding:0;
list-style: none outside;
}

#left ul.left-menu li a.rollover
{
display: block;
padding-left: 20px;
padding-bottom:2px;
width:230px;
height:30px;
background:url(common/left-menu-bg_1.jpg) left no-repeat;
line-height:30px;
color:#ffffff;
text-decoration:none;
}

#left ul.left-menu li a.rollover:hover
{
background:url(common/left-menu-bg_2.jpg) left no-repeat;
}

#left ul.left-menu li ul.left-menu-text
{
list-style-type:none;
margin:0 0 0.3em 0;
padding:5px 5px 5px 10px;
}

#left ul.left-menu li ul.left-menu-text li
{
background:url(common/list-mark-ya-10px.gif) 0 0.4em no-repeat;
padding-left: 15px;
line-height:1.3em;
margin-bottom:0.3em;
}

#left h2
{
width:230px;
height:30px;
color:#ffffff;
font-size:100%;
line-height:30px;
background:url(common/left-menu-bg_3.jpg) left no-repeat;
padding-left: 20px;
margin:10px 0 0 0;
}

#left dl
{
border:#949494 2px solid;
margin:0;
padding:5px;
font-size:90%;
}

#left dt
{
clear: left;
float: left;
width: 3.5em;
background:url(common/list-mark-8px.gif) left no-repeat;
padding-left: 13px;
}

#left dd
{
margin-bottom: 0.3em;
margin-left: 4.3em;

}

#left ul.left-link
{
list-style-type:none;
border:#949494 2px solid;
margin:0;
padding:5px;
font-size:90%;
}

#left ul.left-link li
{
background:url(common/list-mark-8px.gif) 0 0.4em no-repeat;
padding-left: 13px;
/*margin-bottom: 0.3em;*/
line-height:1.3em;
margin-bottom:0.3em;
}

/*--- 本文 ---*/

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

#main h2.toppage
{
width:610px;
font-size:110%;
line-height:40px;
background:url(images/top-title-bg.jpg) left no-repeat;
padding-left: 30px;
margin:10px 0 0 0;
}

#main dl.toppage
{
margin:0;
padding:5px;
}

#main dl.toppage dt
{
clear: left;
float: left;
width: 9em;
background:url(common/list-mark-8px.gif) left no-repeat;
padding-left: 13px;
}

#main dl.toppage dd
{
margin-bottom: 0.3em;
margin-left: 10em;

}

/*--- フリースペース ---*/

.free-space
{
width:620px;
background:#EEEEEE;
padding:10px;
}

/*--- 学校の様子 ---*/

#main .diary
{
border-bottom: #cccccc 1px dotted;
padding-top:10px;
height:155px;
}

#main .diary p
{
margin:0 0 5px 0;
}

img.waku
{
margin-right:15px;
padding:3px;
border:1px solid #cccccc;
float:left;
clear:left;
}


/*------------------------------------------
 RSSリンク
 ------------------------------------------*/
.rss,
.rss-diary
{
text-align:right;
font-size:85%;
margin:0 10px 0 0;
}

.rss-diary
{
border-bottom: #cccccc 1px dotted;
}

.rss img,
.rss-diary img
{
padding:0 5px;
}

.rss a,
.rss-diary a
{
color:#000000;
text-decoration:none;
}

.rss a:hover,
.rss-diary a:hover
{
text-decoration:underline;
}


/*------------------------------------------
 サブページ
 ------------------------------------------*/
#pankuzu
{
font-size:85%;
}

#main h2
{
width:605px;
font-size:140%;
line-height:60px;
background:url(common/subpage-h2-bg.jpg) left no-repeat;
padding: 0 0 0 35px;
margin:10px 0;
}

#main h3
{
width:618px;
font-size:120%;
line-height:30px;
background:url(common/subpage-h3-bg.jpg) left no-repeat;
padding: 0 0 0 20px;
margin:10px 0;
}

#main h4
{
border-left:4px solid #616161;
font-size:100%;
margin:10px 0;
padding: 0 0 0 5px;
}

.gotop
{
font-size:80%;
float:right;
margin-right:10px;
}

/*------------------------------------------
 フォント設定
 ------------------------------------------*/
.small_80_glay
{
font-size:80%;
color:#666666;
}

.big_110_b
{
font-size:110%;
font-weight:bold;
}


/*------------------------------------------
 画像の回り込みで、画像が文字より高い時の
 背景の調節
 ------------------------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*------------------------------------------
 ブログ記事の一覧でページ分割したときの
 ナビゲーション
 ------------------------------------------*/


.content_pager {
margin: 20px 0 15px 0;
padding:0 0 0 0;
text-align: center;
}
.content_pager .pager_link {
}
.content_pager .pager_link * {
padding: 3px 6px;
border: 1px solid #CCC;
font-weight: normal;
zoom: 1;
}
.content_pager .pager_link strong {
font-weight: bold;
}

/*------------------------------------------
 ブログ記事の一覧で写真なしの場合
 ------------------------------------------*/

#main .diary-list
{
border-bottom: #cccccc 1px dotted;
padding-top:10px;
}

/*------------------------------------------
 PowerCMSコンポーネント関連
 ------------------------------------------*/

.login {
text-align: center;
padding: 6px;
background-color: #FFF;
}
.login p {
margin: 0 !important;
}
.login .login_message {
font-weight: bold;
font-size: 110%;
color: #747474;
}

.comment-header {
margin-bottom: 0.25em;
padding: 0.25em 7px;
background: #F1F1F1;
}
.comment-content {
margin-right: 7px;
margin-left: 7px;
}
#comments-form {
margin-bottom: 1em;
}
#comments-open-footer {
padding: 6px 0;
text-align: center;
}
.extra_form {
margin: 0 0 4px 0;
}
.extra_form_submit {
text-align: center;
}
.extra_form_preview {
width: 95%;
}
.extra_form_preview th {
width: 150px;
}
.line_list {
padding: 0;
}
.line_list li {
list-style: none;
margin: 0 !important;
padding: 0;
display: inline;
}
.line_list li a {
white-space: nowrap;
}
.line_list li.rank-1  { font-size: 1.75em; }
.line_list li.rank-2  { font-size: 1.75em; }
.line_list li.rank-3  { font-size: 1.625em; }
.line_list li.rank-4  { font-size: 1.5em; }
.line_list li.rank-5  { font-size: 1.375em; }
.line_list li.rank-6  { font-size: 1.25em; }
.line_list li.rank-7  { font-size: 1.125em; }
.line_list li.rank-8  { font-size: 1em; }
.line_list li.rank-9  { font-size: 0.95em; }
.line_list li.rank-10 { font-size: 0.9em; }

.more {
text-align: right;
}
.post {
font-size: 90%;
}
.post em {
font-style: normal;
}

#msg-block .msg {
margin: 0 0 15px 0;
padding: 10px 50px 10px 10px;
font-weight: bold;
background-color: #E8E8E8;
position: relative;
}

#msg-block .msg .close-me {
position: absolute;
right: 10px;
top: 10px;
}

table.extra_form_preview 
{
border-collapse: collapse;
border-spacing: 0;
}
table.extra_form_preview th,
table.extra_form_preview td {
border: 1px solid #999;
padding: 4px 4px;
vertical-align: top;
}