@charset "utf-8";
/*
Theme Name: 77tabunkahp
Theme URI: http://kobo.n-pocket.com/tabunka/
Description: 「静岡県西部地域 外国籍の子どもと親のための教育支援ネットワーク」のテーマ
Version: 1.0
Author: N-Pocket
Author URI: http://www.n-pocket.jp/
Tags: 

*/

/*========================================
Initialization
========================================*/

* {
 margin: 0;
 padding: 0;
 }

/*========================================
Styles for Layout
========================================*/

#page {
 width: 770px;
 margin: 0 auto;
 }

#header-ja,
#header-es,
#header-pt {
 width: 770px;
 }

#headerimg {
 width: 770px;
 position: relative;
 }

#headerimg #header-title img {
 display: block;
 }

#headerimg ul#qtranslate-3-chooser {
 width: 268px;
 height: 25px;
 position: absolute;
 top: 61px;
 right: 0;
 /*border : solid 1px red; */
 }

ul#qtranslate-3-chooser li a.qtrans_flag_es {
 position: absolute;
 top: 0px; /*-61px;*/
 left: 180px; /*right: 0; */
 display: block;
 width: 88px;
 height: 25px;
 padding-left:0px;
 }

ul#qtranslate-3-chooser li a.qtrans_flag_pt {
 position: absolute;
 top: 0px; /*-61px;*/
 left: 73px; /*right: 88px;*/
 display: block;
 width: 107px;
 height: 25px;
 padding-left:0px;
 }

ul#qtranslate-3-chooser li a.qtrans_flag_ja {
 position: absolute;
 top: 0px; /* -61px;*/
 left: 0; /* right: 195px;*/
 display: block;
 width: 73px;
 height: 25px;
 padding-left:0px;
/*border:1px solid blue;*/
 }

ul#qtranslate-3-chooser li a.qtrans_flag_ja span,
ul#qtranslate-3-chooser li a.qtrans_flag_pt span,
ul#qtranslate-3-chooser li a.qtrans_flag_es span {
 display: inline;
 position: absolute;
 top: -5000px;
 left: -5000px;
 }

.noscriptothers {
 padding: 20px 65px 20px 65px;
 }

#container {
 min-height: 1px;
 }

.widecolumn {
 width: 690px;
 padding: 0 40px 40px 40px;
 }

.narrowcolumn {
 float: right;
 width: 550px;
 padding: 0 0 40px 0;
 }

.widecolumn h2,.narrowcolumn h2 { margin: 20px 0 0 0; padding: 0 0 0 35px; }
.widecolumn h3,.narrowcolumn h3 { margin: 30px 0 0 25px; }
.widecolumn h4,.narrowcolumn h4 { margin: 30px 0 0 25px; }
.widecolumn h5,.narrowcolumn h5 { margin: 30px 0 0 25px; }
.widecolumn h6,.narrowcolumn h6 { margin: 30px 0 0 25px; }
.widecolumn p,.narrowcolumn p { margin: 20px 0 0 25px; }
.widecolumn ul,.narrowcolumn ul { margin: 20px 0 0 45px; }
.widecolumn ul li ul,.narrowcolumn ul li ul { margin: 0 0 0 25px; }
.widecolumn ul li ol,.narrowcolumn ul li ol { margin: 0 0 0 25px; }
.widecolumn ol,.narrowcolumn ol { margin: 20px 0 0 45px; }
.widecolumn ol li ul,.narrowcolumn ol li ul { margin: 0 0 0 25px; }
.widecolumn ol li ol,.narrowcolumn ol li ol { margin: 0 0 0 25px; }
.widecolumn dl,.narrowcolumn dl { margin: 20px 0 0 25px; }
.widecolumn dd,.narrowcolumn dd { margin: 0 0 0 25px; }
.widecolumn hr,.narrowcolumn hr { margin: 20px 0 0 25px; }
.widecolumn table,.narrowcolumn table { margin: 20px 0 0 25px; }
.widecolumn pre,.narrowcolumn pre { margin: 20px 0 0 25px; }
.widecolumn address,.narrowcolumn address { margin: 20px 0 0 25px; }
.widecolumn blockquote,.narrowcolumn blockquote { margin: 20px 0 0 25px; padding: 0 20px 20px 20px; }
.widecolumn th,.widecolumn td,.narrowcolumn th,.narrowcolumn td { padding: 5px; }
/*.widecolumn th p,.widecolumn td p,.narrowcolumn th p,.narrowcolumn td p { margin: 0 0 0 0; }*/
.narrowcolumn .topimg { margin: 20px 0 0 0; }

.widecolumn .breadcrumb,.narrowcolumn .breadcrumb { margin: 20px 0 0 0; }
.widecolumn .totop,.narrowcolumn .totop { margin: 40px 0 0 0; }
.widecolumn .tobac,.narrowcolumn .tobac { margin: 0px 0 0 0; }

.narrowcolumn .linkcat h2 { margin: 20px 0 0 -45px; }
.narrowcolumn .linkcat ul { margin: 20px 0 0 0px; }

#sidebar {
 float: left;
 width: 200px;
 padding: 0 0 40px 0;
 }

#sidebar ul li h2,
#sidebar ul li h3,
#sidebar ul li h4,
#sidebar ul li h5,
#sidebar ul li h6 {
 margin: 20px 0 0 0;
 }

#sidebar ul li ul {
 margin: 10px 0 0 0;
 }

#sidebar ul li ul li a {
 display: block;
 width: 175px;
 padding: 5px 0 5px 25px;
 }

#sidebar .banner,
#sidebar #jyoseikin {
 margin: 20px 0 0 0;
 }

#footer {
 width: 770px;
 min-height: 1px;
 padding: 0 0 20px 0;
 }

#footer address {
 float: left;
 width: 70%;
 margin: 20px 0 0 20px;
 display: inline;
 }


#footer #badges img {
 float: right;
 width: 110px;
 margin: 20px 20px 0 0;
 display: inline;
 }

.speech {
 display: inline;
 position: absolute;
 top: -5000px;
 left: -5000px;
 }

/*=====clear fix=====*/
#container:after,
#footer:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

#container,
#footer {
 display: inline-table;
 }

/* Hides from IE-mac \*/
* html #container,
* html #footer {
 height: 1px;
 }

#container,
#footer {
 display: block;
 }
/* End hide from IE-mac */

/*========================================
Styles for Elements
========================================*/

body {
 font-size: 100%;
 line-height: 1.5;
 background-color: #ffffff;
 }

img {
 border-width: 0;
 }

#headerimg {
 border-bottom: 4px solid #ff7753;
 }

#headerimg ul {
 list-style: none;
 }

ul#qtranslate-3-chooser li a.qtrans_flag_ja {
 background: url(images/nihongo01.gif) top left no-repeat;
 }

ul#qtranslate-3-chooser li.active a.qtrans_flag_ja,
ul#qtranslate-3-chooser li a.qtrans_flag_ja:hover {
 background: url(images/nihongo02.gif) top left no-repeat;
 }

ul#qtranslate-3-chooser li a.qtrans_flag_pt {
 background: url(images/portugues01.gif) top left no-repeat;
 }

ul#qtranslate-3-chooser li.active a.qtrans_flag_pt,
ul#qtranslate-3-chooser li a.qtrans_flag_pt:hover {
 background: url(images/portugues02.gif) top left no-repeat;
 }

ul#qtranslate-3-chooser li a.qtrans_flag_es {
 background: url(images/espanol01.gif) top left no-repeat;
 }

ul#qtranslate-3-chooser li.active a.qtrans_flag_es,
ul#qtranslate-3-chooser li a.qtrans_flag_es:hover {
 background: url(images/espanol02.gif) top left no-repeat;
 }

.noscriptothers {
 background-color: #FFFFcc;
 color: #FF0000;
 }

.widecolumn .breadcrumb,
.narrowcolumn .breadcrumb {
 font-size: small;
 }

.narrowcolumn .topimg {
 width: 550px;
 height:200px;
 }

.widecolumn h2,
.narrowcolumn h2 {
 font-size: 1.5em;
 line-height: 1.5;
 border-bottom: 4px solid #b1efff;
 background: url(images/buttonh2.gif) no-repeat;
 background-position: left 0.18em;
 }

.widecolumn h2 a,
.narrowcolumn h2 a {
 text-decoration: none;
 color: #000000;
 }

.widecolumn h3,
.narrowcolumn h3 {
 font-size: 1.25em;
 line-height: 1.5;
 background-color: #ffedd2;
 width: 500px;
 }

.widecolumn h4,.narrowcolumn h4,
.widecolumn h5,.narrowcolumn h5,
.widecolumn h6,.narrowcolumn h6 {
 font-size: 1em;
 line-height: 1.5;
 }

.widecolumn dt,.narrowcolumn dt {
 font-weight: bold;
 }

.widecolumn table,.narrowcolumn table {
 border-collapse: collapse;
 border: 2px solid #666666;
 }

.widecolumn th,.narrowcolumn th {
 border: 1px solid #666666;
 background-color: #f5f5f5;
 text-align: center;
 }

.widecolumn td,.narrowcolumn td {
 border: 1px solid #666666;
 }

.widecolumn table.border-orange,.narrowcolumn table.border-orange {
 border-collapse: collapse;
 border-color: #ff7753;
 border-width: 2px;
 height: 93px;
 width: 500px;
 }

.widecolumn table.border-orange th,.narrowcolumn table.border-orange th,
.widecolumn table.border-orange td,.narrowcolumn table.border-orange td {
 border: none;
 vertical-align: top;
 }

.widecolumn td.title-orange,.narrowcolumn td.title-orange {
 width: 100px;
 background-color: #ff7753;
 font-weight: bold;
 }

.widecolumn table.border-none,.narrowcolumn table.border-none {
 border: none;
 width: 500px;
 }

.widecolumn table.border-none th,.narrowcolumn table.border-none th,
.widecolumn table.border-none td,.narrowcolumn table.border-none td {
 border: none;
 vertical-align: top;
 }

.widecolumn blockquote,
.narrowcolumn blockquote {
 border: 1px solid #CCCCCC;
 }

.widecolumn .totop,
.narrowcolumn .totop {
 font-size: small;
 text-align: right;
 }

.widecolumn .tobac,
.narrowcolumn .tobac {
 font-size: small;
 text-align: right;

 }

.narrowcolumn .linkcat {
 list-style: none;
 }


.narrowcolumn .linkcat ul {
 list-style-type: disc;
 }

#sidebar ul {
 list-style: none;
 }

#sidebar ul li h2 {
 font-size: 1.5em;
 line-height: 1.5;
 text-align: center;
 color: #ffffff;
 background-color: #ff7753;
 }

#sidebar ul li h3,
#sidebar ul li h4,
#sidebar ul li h5,
#sidebar ul li h6 {
 font-size: 1em;
 line-height: 1.5;
 text-align: center;
 color: #ffffff;
 background-color: #ff7753;
 }

#sidebar ul li ul {
 list-style: none;
 background-color: #b1efff;
 }

#sidebar ul li ul li a {
 text-decoration: none;
 background: url(images/button.gif) no-repeat;
 background-position: 5px 0.6em;
 }

#sidebar ul li ul li a:hover {
 background-color: #0066ff;
 color: #ffffff;
 }

#sidebar ul li ul li.current_page_item a,
#sidebar ul li ul li.current_page_ancestor a,
#sidebar ul li ul li.current_page_parent a {
 background-color: #0066ff;
 color: #ffffff;
 }

#sidebar p,
#sidebar .banner,
#sidebar .chcopy {
 text-align: center;
 }

#footer {
 background-color: #ffedd2;
 border-top: 4px solid #ff7753;
 }

#footer address {
 font-size: small;
 font-style: normal;
 }

#Count {
  position : relative;
  width : 100px;
  height : 30px;
  top : 0px;
  left : 500px;
/*  border : 1px solid #777777; */
}

/* #### THIS IS END OF FILE ##### */