/*
Theme Name: PTA新聞
Theme URI: http://www.kohokobo.com/
Description: PTA新聞・子ども会新聞のテーマ
Version: 1.0
Author: Tetsuya Nakayama
Tags: future,blue sky

このテーマは有限会社プラネッタのWEBサイト利用のためだけに
開発されたテーマです。他の法人・個人の方の使用はできません。
*/

html{height: 100%;}

body{
       font-family: arial, sans-serif;
       padding: 0px;
       margin: 0px;
       font-size: 13px;
       background: #F8F8F8 url(images/note_offwhite.gif) ;
       color: #7ECDF4;
       background-repeat: repeat-y; 
       background-attachment: fixed;}

p {
       padding: 0px 0px 0px 0px; 
       margin: 0px 0px 0px 0px; 
       line-height: 1.9em;}

h0 {
       font-family: arial, tahoma, sans-serif;
       font-size: 115%;
       font-weight: 700;
       color: #FFFFFF;
       letter-spacing: .0em;
       line-height: 1.7em;
       padding: 5px 0px 5px 15px; 
       margin: 7px 0px 12px 0px; 
       border: 1px solid;
       border-color: #FFCC00;
       background: #FFCC00 url(images/.gif) no-repeat;}

h1 {
       font-family: arial, tahoma, sans-serif;
       font-size: 115%;
       font-weight: 700;
       color: #FFFFFF;
       letter-spacing: .0em;
       line-height: 28px;
       padding: 5px 0px 5px 15px; 
       margin: 20px 0px 5px 0px; 
       border: 0px solid;
       border-color: #FFCC00;
       background: url(images/h1back.png) repeat;}

h2 {
       font-family: arial, tahoma, sans-serif;
       font-size: 110%;
       color: #6FBA2C;
       letter-spacing: .0em;
       line-height: 1.7em;
       padding: 10px 0px 0px 25px; 
       margin: 15px 0px 7px 0px; 
       border-bottom: 1px solid;
       border-bottom-color: #64B722;
       background: url(images/pencil_g.gif) no-repeat ;}

h3 {
       font-family: arial, tahoma, sans-serif;
       font-size: 110%;
       color: #6FBA2C;
       letter-spacing: .0em;
       line-height: 1.7em;
       padding: 12px 0px 6px 45px; 
       margin: 0px 0px 12px 0px; 
       border-bottom: 1px solid;
       border-bottom-color: #64B722;
       background: url(images/clover.gif) no-repeat ;}

h4 {
       background: transparent;
       color: #3399ff;
       font-size: 80%;}

h6 {
       font-size: 90%;
       color: #7ECDF4;
       padding: 0px 0px 0px 0px; 
       margin: 5px 0px 0px 5px; }


/* リンク設定、疑似クラス設定 */
a{outline: none;}

form{padding: 0; margin: 0;}

a:link {
	color: #7ECDF4;
	text-decoration: none }

a:visited { color: #7ECDF4; }

a:hover {
	color: #0AB5E6;
	text-decoration: underline;
	position:relative; top:0; left:0 }

a:active { color: #0AB5E6;}

#content a, #footer a{border-bottom: 0px dotted;}

#content a:hover, #footer a:hover{border-bottom: 1px dotted;}

#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}


/* 画像配置　image positioning - left, right and center */
img {
       border: none;
       margin: 0px 0px 0px 0px; 
       vertical-align:bottom;}

.photo{
       margin: 10px 0px 0px 0px; 
       padding: 0px 0px 5px 0px; }


img.alignleft {
       float: left;
       padding: 6px 7px 0px 0px; 
       margin: 0px 0px 0px 0px; }

img.alignright {
       float: right;
       padding: 6px 0px 0px 7px; 
       margin: 0px 0px 0px 0px; }

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;}

.left, .right{border-color: #FFFFFF;}


/* block quote */
blockquote{
       margin: 20px 0px 20px 0px; 
       padding: 10px 20px 0px 20px;
       border-color: #E29C22;
       border-left: 8px solid;}


/* unordered list */
ul{
       margin: 0px 0px 0px 0px;
       padding: 0px;}

ul li{
       list-style-type: square;
       margin: 0px 0px 0px 0px; 
       padding: 0px;}


/* ordered list */
ol{
       margin: 8px 0px 0px 24px;
       padding: 0px;}

ol li{
       margin: 0px 0px 11px 0px; 
       padding: 0px;}


/* サイト全体の構成　main container */
#main{
       width: 900px;
       margin: 10px auto;
       background-color: #7ECDF4;
       color: #555555;}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content{
       margin-left: auto; 
       margin-right: auto;}


/* ヘッダー */
/* ヘッダー説明文スペース */
#headerspace {
       overflow: hidden;
       width: 900px;
       background: #F8F8F8 url(images/note_offwhite.gif) ;
       background-repeat: repeat-y;
       background-attachment: fixed;
       padding: 0px 0px 2px 0px;
       margin: 0px 0px 0px 0px; }

/* ヘッダーロゴ電話スペース */
#headertop {
       overflow: hidden;
       width: 890px;
       background: #7ECDF4;
       padding: 10px 0px 3px 0px;}

#headlogo {
       width: 480px;
       padding: 0px 0px 0px 5px;
       float: left;}

#headlogo a { }

#telmail{
       margin: 0px 0px 0px 0px;
       background: #7ECDF4;
       float: right;}

/* ヘッダー画像 */
#logo{
       width: 890px;
       height: 350px;
       padding: 5px 0px 0px 0px;
       background: #7ECDF4;
       border-bottom: 0px solid #E6E6E6;}

/* 使わないヘッダー
#logo h1{ font-size: 170%;
       font-weight: 600;
       padding: 86px 12px 0px 22px;
       float: left;  }

#logo h1, #logo h1 a{
       background: transparent;
       color: #C8C5BD;}

#logo h1 a {
       text-decoration: none;}
/* 


/* グローバルメニュー　navigation menu */
#menubar{
       width: 880px;
       height: 35px;
       background: #7ECDF4 url(images/menu.png) repeat-x;
       float: center;} 

ul#menu{
       margin: 0px 0px 0px 0px; }

ul#menu li{
       float: left; 
       margin: 0px 0px 0px 0px; 
       padding: 0px;
       list-style: none;} 

ul#menu li a {
       font-family: verdana, sans-serif;
       display: block; 
       width: 110px;
       float: left;
       height: 26px;
       text-decoration: none; 
       font-size: 90%;
       padding: 11px 0px 0px 0px;
       text-align: center;
       background: transparent;
       color: #7ECDF4;
       border-color: #7ECDF4;
       border-right: 0px solid;} 

ul#menu li a:hover, ul#menu li a.current, ul#menu li a.current:hover
{ color: #FFCC00; background: #7ECDF4 url(images/menu_sel.png) repeat;} 


/* 検索
#search{
       float: right; 
       padding: 22px 15px 0px 0px;}

input.searchfield{
       border: 1px solid; 
       padding:2px;
       background: #FFFFFF; 
       border-color: #888888;}

input.searchbutton{
       font-family: verdana, sans-serif;
       border: 1px solid; 
       padding: 0px 0px 1px 0px;
       width: 64px;
       cursor: pointer;
       background: #333; 
       border-color: #FFFFFF; 
       color: #FFFFFF;}
 */


/* メインコンテンツ　main content */
#site_content{
       width: 900px;
       overflow: hidden;
       margin: 5px 0px 0px 0px;
       background: #FFFFFF url(images/back.png) repeat-y;} 


/* サイドバー　sidebar */
/* サイドバー配置 */
.sidebar{
       float: left;
       width: 190px;
       padding: 0px 15px 15px 20px;}

/* サイドバーアイテムス　sidebar items / links */
.sidebaritem{
       text-align: left;
       width: 190px;
       float: left;
       padding: 0px 0px 0px 0px; 
       margin: 12px 0px 0px 0px;
       background: #FFFFFF;
       color: #555555;}

.sidebaritem h5{
       font-family: arial, tahoma, sans-serif;
       font-size: 100%;
       text-align: center;
       color: #FFFFFF;
       letter-spacing: .4em;
       line-height: 25px;
       padding: 6px 0px 6px 0px; 
       margin: 0px 0px 0px 0px; 
       background: #7ECDF4;}

.sidebaritem ul{
       border-top: 0px solid;
       width: 190px; 
       padding: 0px 0px 0px 0px; 
       margin: 0px 0px 0px 0px;
       border-color: #9FD9F6;}

.sidebaritem li{
       list-style: none; 
       padding: 0px 0px 0px 0px; 
       margin: 0px 0px 0px 0px;
       border-bottom: 1px solid;
       border-color: #9FD9F6;}

.sidebaritem li a, .sidebaritem li a:hover{
       text-decoration: none; 
       padding: 10px 0px 10px 25px;
       display: block;
       background: transparent url(images/arrow.png) no-repeat left center;
       color: #555555;} 

.sidebaritem li a.current, .sidebaritem li a:hover, .sidebaritem li a.current:hover
{ color: #FFFFFF; background: #FFCC00 url(images/arrow_select.png) no-repeat left center;} 

/* サイドバナー */
.sidebanner{
       float: left;
       width: 190px;
       padding: 0px 0px 5px 0px;
       margin: 0px 0px 0px 0px; }

/* サイド住所枠 */
.sidebox{
       font-size: 90%;
       width: 168px;
       float: left;
       padding: 10px 10px 10px 10px; 
       margin: 12px 0px 12px 0px; 
       background:#FFFFFF;
       border:1px solid #C0C0C0;
       line-height: 1.6;}


/* ページコンテンツpage content */
#content{
       text-align: left;
       width: 640px;
       float: left;
       padding: 5px 15px 15px 15px;}


/* 文頭空きスペース */
.paragraph{
       padding: 0px 0px 0px 24px;
       margin: 0px 0px 0px 0px;}


/* ニュースNews */
fieldset, .comment, .commentsbox{margin-bottom: 10px;}

fieldset{
       border: 1px solid; 
       padding: 10px 8px;}

input{padding: 2px;}

textarea{
       width: 95%; 
       height: 200px;
       padding: 3px;}

.date{
       border-top: 1px solid; 
       margin: 15px 0px 5px 0px;
       font-weight: bold;}

fieldset, .comment, .commentsbox{
       background: transparent; 
       color: #444444;}

fieldset, .date{border-color: #D6D9C9;}

.comment{
       background: #F0F1EB; 
       color: #444444;}


/**更新情報インフォメーション**/
.wlist{
       border-bottom:1px solid #E0E0E0;
       list-style-type:none;
       padding:5px 0 5px 5px;}

.whatsnew{
       padding: 0px 15px 0px 15px;
       margin: 0px 0px 0px 0px;
       background: #FFFFFF;
       color: #555555;}


/*枠線クラス*/
.box{
       background:#FFF;
       border:1px solid #C0C0C0;
       padding:10px 10px 20px 10px;
       margin:0px 0px 20px 0px;
       line-height: 1.9;}

/*枠色なし枠線クラス*/
.nocolor-box{
       background:#FFF;
       border:0px solid #C0C0C0;
       margin:0px;
       padding:0px 0px 20px 40px;
       line-height: 1.9;}

/*背景色付き枠線クラス*/
.color-waku{
       background:#FFF;
       border:1px solid #8B0000;
       padding:10px;
       margin:10px 0px 20px 0px;
       line-height: 1.5;}


/*左右組枠クラス*/
.barea{
       padding: 3px 0px 5px 4px;
       margin: 0px 0px 0px 0px;
       background: #FFFFFF;
       color: #C0C0C0;
       border: 1px solid;}

.barea img{
       padding: 2px 0px 0px 0px;
       margin: 0px 0px 0px 0px;}

.barea-left{
       margin: 8px 6px 0px 0px;
       font-size: 80%;
       float:left;}

.barea-right{
       margin: 8px 0px 0px 0px;
       font-size: 80%; }

.barea-center{
       font-size: 80%; }


/*ノート演出罫線クラス*/
.note {
       font-size:13px;
       background: url(images/ten.gif) repeat 0px -24px;
       margin: 0px;
       padding: 0px 1px 0px 0px;}

.note p{
       line-height: 24px;
       margin-top:5px;}


/* フッターfooter */
#footer{
       width: 860px;
       height: 80px;
       font-size: 90%;
       border-top: 1px solid;
       padding: 9px 20px 4px 20px;
       text-align: center; 
       background: #7ECDF4;
       color: #FFFFFF;
       border-color: #E6E6E6;
       border: 0px solid;}


.nextprev { margin: 10px; text-align: center; }
.meta {font-size:11px;margin: 0px 0;}