/*
 * File      : styles-site.css
 * Version   : 5.03
 * Update    :
 * 2.00 2005.09.01: Update for Movable Type 3.2.
 * 2.01 2005.09.03: add font-size to content-nav.
 * 2.02 2005.09.27: correct the capital letter to the small letter.
 * 2.03 2005.10.13: add ul and ol type selectors to .entry class selector.
 * 2.04 2005.11.26: fixed typo.
 * 2.05 2006.01.26: comment out the specification of the background image.
 * 2.06 2006.02.26: delete font-weight property from all name selector and add h type selectors
 *                            and brought property for the title together.
 * 2.07 2006.06.01: add .archive-list class selector.
 * 3.00 2006.06.27: Update for Movable Type 3.3.
 * 3.01 2006.07.07: correct class selector.
 * 4.00 2007.05.11: XHTML 1.0 Strict.
 * 4.01 2007.06.16: Update for Movable Type 4.
 * 4.02 2007.11.12: add div.page class selector.
 * 5.00 2008.02.01: Update for Movable Type 4.1.
 * 5.01 2008.08.18: Update for Movable Type 4.2.
 * 5.02 2008.09.17: change footer height.
 * 5.03 2008.10.09: add .search-results-header class selector.
 *
 * Copyright (C) 2005-2008 www.koikikukan.com All rights reserved.
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}
body {
    font-size: 100%;
    
}
html>body {
    font-size: 12pt;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/* リンク */
a,
a:link,
a:visited {
    color: #069;
    text-decoration: none;
}
a:hover {
    color: #069;
    text-decoration: underline;
}
a:active {}

/* リンクつき画像 */
a img {
    border: none;
}

/* フォーム */
form {
    margin: 0px;
}
#search-options,
input,
textarea {
    padding: 1px;
}
#search {
    width: 140px;
    height: 20px;
}
html > body #search {
    height: 15px;
}

/* ヘッダ */
#header {
    padding: 0;
    border-bottom: 1px solid #669;
    color: #999;
    text-indent:-9999px;
    text-align: left;
    width: 940px;
    height:150px;
    background: url("images/header.jpg") no-repeat;}

#header a,
#header a:link,
#header a:visited {
    color: #fff;
    background: transparent;
    font-size: 32px;
    text-decoration: none;
}
#header a:hover {}
#header a:active {}

/* タイトルバナー下の説明 */
.blog-description {
    color: #fff;
    background: transparent;
    font-size: 12px;
}

/* ブログ記事日付 */
.date {
    margin: 8px 0;
}

/* ブログ記事日付・各タイトル */
.date,
.trackbacks-header,
.comments-header,
.comments-open-header,
.search-header {
    padding-left: 8px;
    color: #fff;
    background: #8fabbe;
    font-size: 83.3%;
    font-weight: bold;
    line-height: 2.0;
}

/* ブログ記事タイトル */
.entry-header {
    margin: 15px 0 0;
    padding: 10px 0 5px;
    background: url("images/title_bg.jpg") no-repeat;
    width: 704px;
     height: 44px;
    text-indent:20px;
    font-size: 110%;
    font-weight: bold;
}

/* ブログ記事 */
.entry {
    width: auto;
    margin: 0 3px 5px;
    color: #36414d;
    background: #fff;
    font-size: 83.3%;
    line-height:1.8;
    word-break: break-all;

}

/* 段落 */
.entry p {
    margin: 15px 0;
    padding: 0 5px 0 0;
    line-height: 180%:
}
/* 段落 */
.entry h3{
    margin: 10px 5px;
    text-indent: 5px ;
    color: #006;
    font-size: 100%;
    font-weight: bold;
    border-left: 5px #003 solid ;
      border-bottom: 1px #999 dotted ;
}
.entry h4{
    margin:5px;
    text-indent: 5px ;
    color: #4682B4;
    font-size: 92%;
    border:1px #999 solid;
    background :#fffff0;}

.entry p img{
     float:right;
    padding:5px;
    margin:0 5px 20px 20px;  
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 3px solid #666;
    border-bottom: 3px solid #666;
    background: #f5f5f5:

}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0％;
	line-height: 0％;
	height: 0;
	border: 0;
}

/* 順序なしリスト */
.entry ul,
.entry ol {
     margin-left: 16px;
    padding-left: 16px;
}
.entry ul li {
    list-style-type: circle;
}

/* 定義リスト */
.entry dl {}
.entry dt {}
.entry dd {
    padding-left: 8px;
}

/* テキストエリア */
.entry textarea {
    width: 97%;
}

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0;
    padding: 10px;
    border: 1px solid #666;
    background: #f6f6f6;
    font-size: 83.3%;
    line-height: 1.5;
}
.quotetitle { /* 引用文タイトル */
    font-size: 83.3%;
    border-bottom: 1px solid #666;
    padding: 3px;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #999;
    font-size: 83.3%;
    line-height: 1.5;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

/* 追記 */
.entry.extended {}

/* 投稿者 */
.entry-footer {
    margin: 10px 0 0;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 83.3%;
    text-align: right;
}

/* タグ */
.entry-tags {
    margin-bottom: 5px;
}
.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
    font-size: 100%;
}
.entry-tags-list { 
    list-style:none;
    padding-left: 5px;
}

/* Typekeyコメンタ－画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* ウェブページ */
div.page {
    margin-top: -5px;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
    font-size: 83.3%;
}


#links-left-box dl,
#links-right-box dl {
    margin: 0;
    padding: 0;
}
#links-left-box dd,
#links-right-box dd {
    font-size: 75%;
}

.side dt,
.side dd {
    margin: 10px 0;
    padding: 5px 0;
}

/* サイドメニュータイトル */
.sidetitle {
    margin-top: 6px;
 
}



/* サイドメニュー */
.side {
    margin: 0 ;
    background: none;
    color: #333;
    font-size: 75%;

}
.side ul,
.side ol {
    margin: 0;
    padding: 10px 0;
}
.side ul li {
    list-style-type: none;
    width:200px;
　　text-indent:10px;
    padding:5px 0 5px 10px ;
   background: url("images/side_bg.gif") no-repeat;}

.side ul li a {
text-indent:10px;}
.side ul li ul {
    padding: 0;
}
.side li li {
    margin: 0;
    padding: 0;
   line-height:2.0em;
  list-style-type: none;
 background: url("images/side_bg.gif")　no-repeat;

}
.side li li li{
    margin: 0;
    padding: 0;
   line-height:2.0em;
   list-style-type: none;
}

/* サイドメニュー(サブカテゴリー用) */
.side #categories ul {
    margin: 0;
    padding: 10px 0;
}
.side #categories ul ul {
    padding-left: 0px;
}
.side #categories li {
    list-style-type: none;

 
   
}

/* サイドメニュー(タグクラウド用) */
ul#tags {
    margin-top: 5px;
    padding-left: 0;
    list-style: none;
}
ul#tags .module-list-item {
    display: inline;
}
ul#tags li.taglevel1 {
    font-size: 125%;
    font-weight: bold;
}
ul#tags li.taglevel2 {
    font-size: 125%;
}
ul#tags li.taglevel3 {
    font-size: 116.6%;
}
ul#tags li.taglevel4 {
    font-size: 108.3%;
}
ul#tags li.taglevel5 {
    font-size: 100%;
}
ul#tags li.taglevel6 {
    font-size: 91.6%;
}

/* 検索 */
fieldset {
    border: none;
}

/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.syndicate img {
    border: none;
}

/* クレジットバナー */
.powered {
margin: 15px 0;
    padding: 5px 0;
    text-align: left;
    color: #666;
    font-size: 75%;
  
}
.powered img {
    margin-top: 3px;
}
.powered ul,
.powered li {
    list-style: none;
}
.module-powered {

    margin: 15px 0;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    text-align: center;
}


/* 検索結果画面 */
#search-form {
    font-size: 83.3%;
}
.search-header {
    margin: 15px 0;
}
.search-results-header {
    margin: 8px 0 15px;
    font-size: 120%;
}

/* カラム切り替え */
body.layout-three-column,
body.layout-three-column-right,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    text-align: center;
    
background: url("images/back.png") ;
}
.layout-three-column #container,
.layout-three-column-right #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;

}
.layout-one-column #container {
    margin-bottom: 0;
}

/* 固定レイアウト共通 */
.layout-three-column #box,
.layout-three-column-right #box,
.layout-two-column-left #box,
.layout-two-column-right #box,
.layout-one-column #box {
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 25px 0;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    text-align: left;
    background-color: #fff;
}

/* 3カラム固定レイアウト幅 */
.layout-three-column-right #box,
.layout-three-column #box {
    width: 940px;
}

/* 2カラム固定レイアウト幅 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 665px;
}

/* 1カラム固定レイアウト幅 */
.layout-one-column #box {
    width: 940px;
}

/* 3カラム固定レイアウト */
.layout-three-column #content {
    float: left;
    width: 720px;
    border-left: 1px dotted #999;
  
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 210px;
}
.layout-three-column #links-left,
.layout-three-column #links-right {
    padding: 15px 5px 0 5px;
}

/* 3カラム固定レイアウト（右サイドバー） */
.layout-three-column-right #content {
    float: left;
    width: 483px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-three-column-right #links-left-box {
    float: left;
    width: 180px;
}
.layout-three-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-three-column-right #links-left {
    padding: 15px 5px 0 15px;
}
.layout-three-column-right #links-right {
    padding: 15px 15px 0 15px;
}

/* 2カラム固定レイアウト(右サイドバー) */
.layout-two-column-right #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
}

/* 2カラム固定レイアウト(左サイドバー) */
.layout-two-column-left #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
}
.layout-two-column-left #links-left-box {
    float: left;
    width: 185px;
}
.layout-two-column-left #links-left {
    padding: 15px 15px 0;
}

/* 1カラム固定レイアウト */
.layout-one-column #content {}

/* 3カラム固定レイアウト(ブログ記事全体) */
.layout-three-column-right .blog,
.layout-three-column .blog {
    padding: 10px 15px;
}

/* 2カラム固定レイアウト(左サイドバー:ブログ記事全体) */
.layout-two-column-left .blog {
    padding: 10px 15px;
}

/* 2カラム固定レイアウト(右サイドバー:ブログ記事全体) */
.layout-two-column-right .blog {
    padding: 10px 15px;
}

/* 1カラム固定レイアウト(ブログ記事全体) */
.layout-one-column .blog {
    padding: 10px 15px 0;
}

/* リキッドレイアウト(ブログ記事全体) */
.layout-three-column-liquid .blog,
.layout-two-column-liquid-left .blog,
.layout-two-column-liquid-right .blog,
.layout-one-column-liquid .blog {
    padding: 15px;
}

/* 3カラムリキッドレイアウト */
.layout-three-column-liquid #content {
    margin: 0 185px 20px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-three-column-liquid #links-left{
    position: absolute;
    width: 155px;
    top: 95px;
    left: 15px;
}
.layout-three-column-liquid #links-right{
    position: absolute;
    width: 155px;
    top: 95px;
    right: 15px;
}

/* 2カラムリキッドレイアウト(右サイドバー) */
.layout-two-column-liquid-right #content {
    margin: 0 185px 10px 0;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-two-column-liquid-right #links-right {
    position: absolute;
    width: 155px;
    top: 95px;
    right: 15px;
}

/* 2カラムリキッドレイアウト(左サイドバー) */
.layout-two-column-liquid-left #content {
    margin: 0 0 10px 185px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
}
.layout-two-column-liquid-left #links-left {
    position: absolute;
    width: 155px;
    top: 95px;
    left: 15px;
}

/* 1カラムリキッドレイアウト */
.layout-one-column-liquid #content {
    margin: 0 100px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    background: #fff;
}
/* 1カラムリキッドレイアウト用 */
/* タイトルバナー */
.layout-one-column-liquid #header {
    margin-right: 100px;
    margin-left : 100px;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
}

/* 1カラム用 */
body.layout-one-column-liquid {
    background: #36414d;
}

/* フッタ */
.layout-one-column #footer,
.layout-three-column #footer,
.layout-three-column-right #footer,
.layout-two-column-left #footer,
.layout-two-column-right #footer,
.layout-one-column-liquid #footer {
    margin-right: auto;
    margin-left: auto;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    border-bottom: 1px solid #669;
    height: 42px;
    color: #fff;
    background: #8fabbe;
    font-size: 12px;
    text-align: center;
    line-height: 3.5;
}
.layout-three-column #footer,
.layout-three-column-right #footer {
    width: 940px;
}
.layout-two-column-left #footer,
.layout-two-column-right #footer {
    width: 665px;
}
.layout-one-column #footer {
    width: 478px;
}
.layout-three-column-liquid #footer {
    font-size: 12px;
    text-align: center;
    padding-bottom: 15px;
}
.layout-two-column-liquid-left #footer,
.layout-two-column-liquid-right #footer {
    font-size: 12px;
    text-align: center;
    padding-bottom: 15px;
}
.layout-one-column-liquid #footer {
    margin-right: 100px;
    margin-left : 100px;
}

input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ナビゲーションバー全体のスタイル */
#navbar {
    text-align: center; /* 配置 */
    font-family: Verdana, Arial, sans-serif; /* フォントスタイル */
    font-weight: normal; /* フォントの太さ */
    font-size: 12px; /* フォントサイズ */
    width: auto; /* 全体の幅 */
    line-height: 150%; /* テキストの高さ */
    color:#fff;
  padding: 5px 0;
  
background-color: #8FABBE; /* 背景色 */
}
 
/* リンクのスタイル */
#navbar a{
    background-color: #8FABBE;  /* 背景色 */
    color:#fff; /* 文字色 */
    padding:2px 5px; /* リンク文字のパディング */
}
 
/* リンクをポイントした時のスタイル */
#navbar a:hover{
    background-color: #fff; /* 背景色 */
    color:#003; /* 文字色 */
    text-decoration: none; /* テキストの装飾をなくす */
}

/* テーブルのスタイル */
table#table-01 {
    width: 680px;
    border-top: 1px #E3E3E3 solid;
    border-left: 1px #E3E3E3 solid;
    border-right: 3px #999 solid;
    border-bottom: 3px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin:5px 0 ;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
/* テキストのスタイル */
caption {
background: #999;
color:#fff;
border-right:5px #999 solid;
}
#content p{
　　 padding: 5px;
    margin:0 10px 10px 10px;
}

#content p span{
    font-size:1.1em;
    font-weight:bold;
　　 padding: 5px;
    margin:0 ;
}

#content p.yt{
　　text-align: center;
}
#content p#pankuzu
{   
   padding:0 10px 0 0;
　　text-align: center;
    border-bottom:1px #333 dotted ;
}
#content p.comment
{   
   padding:5px;
　　font-color: #630;
   font-size:86%;
  
}
#content p.read_more
{   
   font-weight:bold;
　　color: #f30;
  
}

#content dl{
　　padding: 5px;
    margin:10px 0 10px;
}

#content dl dt{
 font-weight: bold;
    font-size: 1em;
　　 padding: 5px;
    margin:10px 0 0 5px;
  }  
#content dl dd{
    color:#666;
    font-size: .9em;
　　padding: 10px 5px;
  }  


ul.pager {
clear:both;
margin: 0;
padding: 10px 0;
font: 86% Arial, Helvetica, sans-serif;
text-align: center;
}
ul.pager li {
list-style: none;
display: inline;
margin: 5px 0;
padding: 0;
}
ul.pager li strong {
display: -moz-inline-box; /* firefox2 対応 */
display: inline-block;
padding: 0.25em 0.4em;
background-color: #EEEEEE;
border: 1px #CCCCCC solid;
}
ul.pager li a {
display: -moz-inline-box; /* firefox2 対応 */
display: inline-block;
padding: 0.25em 0.4em;
 border: 1px #CCC solid;
}
ul.pager li a:link,
ul.pager li a:visited {
border-color: #ccc;
color: #006;
}
ul.pager li a:hover,
ul.pager li a:active {
border-color: #003399;
background-color: #CFDEFF;
color: #006;
}

#banner dl {

	margin:0 5px ;
	padding:5px 0;
	width:680px;
      height:53px;
   
	}
#banner dl dt{
        float:left;
	margin: 0;
	padding:0 ; 
        width:250px;}
#banner dl dd{
	margin:0 0 0 260px;
	padding:0 20px 0 5px;
        width:auto;}

.vtr dl {

	margin:10px 5px ;
	padding:10px 0;
	width:670px;
   
	}

.vtr dl dt{
float:left;
	margin: 0;
	padding:0 ; 
width:250px;}

.vtr dl dd{
	margin:0 0 0 280px;
	padding:0 0 0 15px;
width:auto;
}

.vtr dl dd span{
	font-size:1.1em;
	color:#006 ;
}
.vtr dl dd strong{
	color:#f30 ;
}
.vtr dl img{
        padding:5px;
        border:1px solid #999;
        background:#fff;
	}
.vtr dl dd span a img {
        border:none;
      float:right;
        margin:0;
	padding:5px 0;
	}
.rc dl {

	margin:5px 0 0 0 ;
	padding:5px 0;
	width:670px;
   
	}

.rc dl dt{
float:left;
	margin: 0;
	padding:0 ; 
width:150px;}

.rc dl dd{
	margin:0 0 0 180px;
	padding:0 0 0 15px;
width:auto;
}

.rc dl dd span{
	font-size:1.2em;
	color:#003 ;
	font-weight:bold;
}
.rc dl dd strong{
	color:#f30 ;
}
.rc dl img{
        padding:5px;
        border:1px solid #999;
        background:#fff;
	}
.rc dl dd span a img {
        border:none;
      float:right;
        margin:0;
	padding:5px 0;
	}
.guide{
	float:left;
	margin:5px 10px;
	padding:5px;
	width:680px;
	}

.guide dl {
	float:left;
	margin:3px 10px;
	padding:5px 20px;
	width:250px;
	}

.guide dl dd {
	margin:0 0 0 25px;
	padding:0;
     
	}

.guide dd.title{font-weight:bold;
       font-size:1.3em;
       color:#DB7093;}
.guide dl img{
        padding:5px;
        border:1px solid #999;
	}
#jr {
	float:left;
	margin:0;
	padding:5px ;
	width:670px;
        text-align;center:
	}


#photo dl {
	float:left;
	margin:3px 5px 3px 4px;
	padding:5px ;
	width:150px;
        border-bottom:2px dotted #999;
	}



#photo dl img{
        border:5px solid #999;
	}
/*
	 JQuery FAQ
	 by Chris Coyier
	 http://css-tricks.com
*/

*					{ margin: 0; padding: 0; }
html                { overflow-y: scroll; }
body				{ font: 18px Georgia, serif; }

#page-wrap			{ width: 650px; margin: 20px 0; }

dl.faq					{ clear: both; margin: 0 0 60px 0; padding: 0 0 60px 0;}

dt.question					{ border: 8px solid #7ac0d0; padding: 10px; background: white; 
					  position: relative; font-style: italic; position: relative; 
					  display: block; width: 100%; height: auto; }
					
dd.answer			{ background: white; 
					  position: relative; width: 70%; float: right; }
dd.answer div		{ padding: 10px; border-left: 8px solid #dedede;
                      border-right: 8px solid #dedede; border-bottom: 8px solid #dedede;
                      margin: 0 0 10px 0; }

.answer-tab		    { background: url(school/images/answer-tag.png); display: block; 
                      text-indent: -9999px; width: 105px; height: 50px; cursor: pointer;
                      position: absolute; bottom: -58px; left: 10px;}
#left{ float:left;
       width:340px;}
#right{ float:right;
       width:auto;
       padding:50px 60px;}

/* ツールチップ */
* {margin:0; padding:0}
#text { background:#FFF ; margin:50px auto; width:500px}
.hotspot {color:#f30; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(http://www.pepetashiro.com/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(http://www.pepetashiro.com/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; font-size:.8em; line-height:140%; text-align:left; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(http://www.pepetashiro.com/images/tt_bottom.gif) top right no-repeat; overflow:hidden}