@charset "UTF-8";

/*---------------------------------------------
reset
---------------------------------------------*/

html {
overflow-y:scroll;
}

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
blockquote, pre, table, caption, address, form, fieldset, legend, object {
 margin: 0;
 padding: 0;
}

h1, h2, h3, h4, h5, h6, table, input, textarea {
font-size: 100%;
}

img {
vertical-align: bottom;
}

li {
list-style-type: none;
}

a img {
border: none;
}


/*---------------------------------------------
font
---------------------------------------------*/

body {
font-family: 'ＭＳ Ｐゴシック', sans-serif;
font-size:16px;
color:#000;
}

/* for IE6 */
* html body {
font-size:100%;
}

/* for IE7 */
*+html body {
font-size:100%;
}


/*---------------
 link
---------------*/

a       {color:#00F;text-decoration:underline;}
a:hover {color:#F90;}


/*---------------------------------------------
ヘッダー
---------------------------------------------*/

#header {
margin:0 auto 10px;
width:800px;
}


/* 右上のナビゲーション */

#guideNavi {
margin-left:480px;
padding-top:10px;
}

#guideNavi li {
float:left;
margin-left:15px;
height:16px;
overflow:hidden;
}

#guideNavi li a {
display:block;
width:100%;
height:0;
padding-top:16px;
overflow:hidden;
background:url(../img/guide-navi.png) no-repeat;
}

#guideNavi li.skip    {display:none;}

#guideNavi li.home    {width: 64px;}
#guideNavi li.contact {width: 64px;}
#guideNavi li.sitemap {width:126px;}

#guideNavi li.home    a       {background-position:   0px   0px;}
#guideNavi li.contact a       {background-position: -64px   0px;}
#guideNavi li.sitemap a       {background-position:-128px   0px;}

#guideNavi li.home    a:hover {background-position:   0px -16px;}
#guideNavi li.contact a:hover {background-position: -64px -16px;}
#guideNavi li.sitemap a:hover {background-position:-128px -16px;}


/* ロゴ */

#logo {
clear:left;
margin:0 0 10px;
}

#logo a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
}


/* グローバルナビゲーション */

#globalNavi {
height:60px;
}

#globalNavi li {
float:left;
height:60px;
overflow:hidden;
}

#globalNavi li a {
display:block;
width:100%;
height:0;
padding-top:760px;
overflow:hidden;
background:url(../img/global-navi.png) no-repeat;
}

#globalNavi li.news      {width:125px;}
#globalNavi li.aboutus   {width:140px;}
#globalNavi li.oyanokai  {width:135px;}
#globalNavi li.gathering {width:140px;}
#globalNavi li.way       {width:140px;}
#globalNavi li.books     {width:125px;}
#globalNavi li.join      {width:135px;}

#globalNavi li.news      a       {background-position:   0px   0px;}
#globalNavi li.aboutus   a       {background-position:-125px   0px;}
#globalNavi li.oyanokai  a       {background-position:-265px   0px;}
#globalNavi li.gathering a       {background-position:-400px   0px;}
#globalNavi li.way       a       {background-image:url(../img/global-navi-way.png); background-position:0px 0px;}
#globalNavi li.books     a       {background-position:-540px   0px;}
#globalNavi li.join      a       {background-position:-665px   0px;}

#globalNavi li.news      a:hover {background-position:   0px -60px;}
#globalNavi li.aboutus   a:hover {background-position:-125px -60px;}
#globalNavi li.oyanokai  a:hover {background-position:-265px -60px;}
#globalNavi li.gathering a:hover {background-position:-400px -60px;}
#globalNavi li.way       a:hover {background-position:   0px -60px;}
#globalNavi li.books     a:hover {background-position:-540px -60px;}
#globalNavi li.join      a:hover {background-position:-665px -60px;}

body.news      #globalNavi li.news      a {background-position:   0px -60px;}
body.aboutus   #globalNavi li.aboutus   a {background-position:-125px -60px;}
body.oyanokai  #globalNavi li.oyanokai  a {background-position:-265px -60px;}
body.gathering #globalNavi li.gathering a {background-position:-400px -60px;}
body.way       #globalNavi li.way       a {background-position:   0px -60px;}
body.books     #globalNavi li.books     a {background-position:-540px -60px;}
body.books2    #globalNavi li.books     a {background-position:-540px -60px;}
body.join      #globalNavi li.join      a {background-position:-665px -60px;}


/*---------------------------------------------
 コンテンツ
---------------------------------------------*/

#content {
overflow:hidden;
margin:10px auto 0;
padding:0 0 30px;
width:800px;
}

body.home #main,
body.news #main {
float:left;
padding:10px 0 15px;
width:560px;
}

body.home #sub,
body.news #sub {
float:right;
padding:10px 0 15px;
width:210px;
}

/* 仮 */
#main {
padding-bottom:15px;
}
body.sidenavi #main {
float:right;
padding:10px 0 15px;
width:620px;
}


/*---------------------------------------------
 side navi　仮
---------------------------------------------*/

#side-navi {
padding:41px 0 15px;
width:150px;
background:url(../img/sidenavi-bg.png) no-repeat left 10px;
font-size:87.5%;
}

#side-navi li {
border-bottom:1px dotted #ddd;
}

#side-navi li a {
display:block;
padding:7px 3px 5px 20px;
}

#side-navi li a:hover {
background:url(../img/sidenavi-icon.png) no-repeat 5px 50%;
text-decoration:none;
}

/*---------------------------------------------
  フッター
---------------------------------------------*/

#footer {
margin:0 auto;
min-width:800px;
border-top:1px solid #cfcfcf;
background:url(../img/footer_bg.png) repeat-x 0 0;
}

/* ページの先頭へ */
#toTop {
margin:0 auto;
width:800px;
height:30px;
}

#toTop a {
float:right;
overflow:hidden;
display:block;
position:relative;
top:-31px;
width:162px;
height:30px;
text-indent:-7777px;
background:url(../img/toTop.png) no-repeat 0 0;
}

#toTop a:hover {
background-position:0 -30px;
}

/* フッターナビ */
#footerNavi {
margin:0 auto;
padding:0 0 15px;
width:800px;
}

#footerNavi ul {
margin:0 0 10px;
text-align:center;
font-size:87.5%;
}

#footerNavi ul li {
display:inline;
margin:6px;
}

#footerNavi ul li a {
}


/* コピーライト */
#copyRight {
padding:15px 0 50px;
text-align:center;
line-height:1.5;
font-size:87.5;
}


/*---------------------------------------------
 main 共通
---------------------------------------------*/

#main {
line-height:1.5;
}

#main p {
margin:1em 0;
}

#main ul,
#main ol {
margin:1em 0;
}

#main ul li {
margin:0 0 0.2em 2em;
list-style:disc;
}

#main ol li {
margin:0 0 0.2em 2em;
list-style:decimal;
}

#main blockquote {
margin:1em 0 1em 2em;
padding:0 0 0 1em;
border-left:3px solid #DDD;
}

#main div.title {
margin:1em 0;
font-size:114%;
font-weight:bold;
}

#main h3 {
margin:1em 0 0.5em 10px;
padding:0 0 0 5px;
border-left:5px solid #448CCB;
font-size:114%;
font-weight:bold;
}

#main dl {
margin:1em 0;
}

#main dl dt {
margin:1em 0 0;
font-weight:bold;
}

#main dl dd {
margin:0 0 1em 1em;
}

#main h2.h2-common {
margin:0 0 1em;
padding:0;
height:38px;
background:url(../img/h2-common-left.png) no-repeat left 0;
}

#main h2.h2-common span {
display:block;
*zoom:1;
padding:2px 10px 6px 30px;
height:30px;
background:url(../img/h2-common-right.png) no-repeat right 0;
line-height:32px;
font-size:100%;
font-weight:bold;
color:#000;
}

/*---------------------------------------------
 ホーム
---------------------------------------------*/

#keyvisual {
}


/*---------------------------------------------
お知らせ
---------------------------------------------*/

/* 記事 */
#main .entry {
zoom:1;
margin:0 0 30px;
width:582px;
background:#FFF url(../img/entry_bg_middle.png) repeat-y 0 0;
}

#main .entry-header {
padding:15px 7px 0 5px;
background:url(../img/entry_bg_top.png) no-repeat 0 0;
}

#main .entry-header .entry-title {
padding:0 10px 10px;
border-bottom:1px solid #e7e2de;
background:#f6f2ee;
line-height:1.2;
font-size:113%;
}

#main .entry-body {
overflow:hidden;
zoom:1;
margin: 0 25px;
padding:20px 0;
border-bottom:1px dashed #666;
}

#main .entry-body *:first-child {
margin-top:0;
}

#main .entry-body *:last-child {
margin-bottom:0;
}

#main .entry-footer {
overflow:hidden;
zoom:1;
padding:15px 25px 30px;
background:url(../img/entry_bg_bottom.png) no-repeat 0 bottom;
}

#main .entry-footer .entry-permalink {
float:right;
}

#main .entry-footer .entry-permalink a {
padding-left:13px;
background:url(../img/tri_red.png) no-repeat left 50%;
}

#main .entry-footer .entry-date {
font-size:75%;
}


/* 記事一覧 */

#main .entry-list {
margin:1em 0px 1em 10px;
}

#main .entry-list ul {
}

#main .entry-list ul li {
overflow:hidden;
zoom:1;
list-style:none;
margin:5px 0;
padding:0 3px 5px;
border-bottom:1px dotted #999;
}

#main .entry-list ul li .entry-date {
float:right;
overflow:hidden;
width:10em;
text-align:right;
font-size:75%;
}

#main .entry-list ul li a {
display:block;
zoom:1;
overflow:hidden;
padding:0 0 0 16px;
background:url(../img/circleTri_red.png) no-repeat left 5px;
}


#main p.toInfo {
text-align:center;
}

#main p.toInfo a {
padding-left:13px;
background:url(../img/tri_red.png) no-repeat left 50%;
}


#sub div.section {
margin:0 0 20px;
}

#sub div.latest {
margin-top:5px;
}

#sub div.latest ul {
margin:0 0 0 10px;
line-height:1.2;
}

#sub div.latest ul li {
margin:10px 0;
padding-bottom:10px;
border-bottom:1px dotted #666;
font-size:75%;
}

#sub div.latest ul li a {
font-size:133%;
}

#sub div.latest p.toInfo {
text-align:right;
}

#sub div.latest p.toInfo a {
padding-left:13px;
background:url(../img/tri_red.png) no-repeat left 50%;
}

#sub div.getAdobe {
font-size:87.5%;
}

/*---------------------------------------------
about us
---------------------------------------------*/

#main div.teikan {
font-size:85%;
}

#main div.teikan h4 {
margin:2em 0 1em;
font-weight:bold;
}

body.aboutus #main table {
margin:1em 0;
border-collapse:collapse;
}

body.aboutus #main table th {
padding:4px 1em 2px 0;
border-bottom:3px solid #BFE2FF;
text-align:left;
font-weight:bold;
color:#666;
}

body.aboutus #main table td {
padding:4px 1em 2px 0;
border-bottom:1px dotted #BFE2FF;
}

/*---------------------------------------------
oyanokai
---------------------------------------------*/
body.oyanokai #main #oyaOutline {
display:none;
}

body.oyanokai #main h3 {
border-left:none;/* reset default */
margin:1em 0 1em;
padding:7px 4px 4px;
background:#F3FFDF;
border-bottom:2px solid #C7EF86;
line-height:1;
color:#333;
}

body.oyanokai #main ul li span.location {
margin-right:1em;
font-weight:bold;
}

#main table.oyaOutline2 {
width:100%;
border-collapse:separate;
border-spacing:0;
}

#main table.oyaOutline2 th {
margin:0;
padding:3px 10px;
width:7em;
background:#DEFFB4;
border-top:1px solid #FFF;
border-bottom:2px solid #8DE30D;
text-align:left;
font-weight:bold;
}
#main table.oyaOutline2 td {
margin:0;
padding:3px 10px;
background:#FBFBFB;
border-top:1px solid #FFF;
border-bottom:2px solid #D0D0D0;
}

#main table.oyaOutline2 tr:first-child th {border-top:2px solid #8DE30D;}
#main table.oyaOutline2 tr:first-child td {border-top:2px solid #D0D0D0;}

#main div.oyaInfo {
margin:1em 0 2em;
padding-bottom:2em;
border-bottom:2px dashed #448CCB;
}

#main div.oyaInfo h3.name {
}

#main div.oyaInfo #outline {
display:none;
}

#main div.oyaInfo h3.name span.location {
}

#main div.oyaInfo dl.meta {
margin:0;
padding:0;
text-align:right;
}

#main div.oyaInfo dl.meta dt {
display:inline;
margin:0 0 0 2em;
font-weight:normal;
}

#main div.oyaInfo dl.meta dd {
display:inline;
margin:0 0 0 0.5em;
}

#main div.oyaInfo h4 {
clear:none;
float:none;
padding:0;
width:auto;
border-top:none;
text-align:left;

margin:2em 0 0.5em;
color:#00589F;
}

#main div.oyaInfo p.cotnact {
}

#main div.oyaInfo div.activity {
overflow:hidden;
zoom:1;
}


/* 全国の親の会タブメニュー */
#main #oyaTabMenu {
margin:1em 0 0 1px;
padding:0;
border-bottom:1px solid #CCC;
}

#main #oyaTabMenu li {
list-style:none;
display:inline;
margin:0 0 0 -1px;
position:relative;
top:1px;
}

#main #oyaTabMenu li a {
display:inline-block;
zoom:1;
padding:0.3em 0.5em;
min-width:5em;
border:1px solid #CCC;
background:#EEE;
text-align:center;
color:#AAA;
text-decoration:none;
outline:none;
}

#main #oyaTabMenu li a:hover {
color:#666;
}

#main #oyaTabMenu li a.active {
border-bottom:1px solid #FFF;
background:#FFF;
color:#000;
}

#main #oyaTabContent {
padding:10px;
border:1px solid #CCC;
border-top:none;
}

#main #oyaTabContent ul {
margin:0;
padding:0;
}

#main #oyaTabContent ul li span.location {
margin-right:1em;
}


/*---------------------------------------------
books
---------------------------------------------*/

body.books #main h3 {
margin-top:2em;
padding:7px 4px 4px;
background:#FFDFE3;
border-left:none;
border-bottom:2px solid #FFAFBA;
line-height:1;
color:#333;
}

body.books #main div.image {
float:left;
margin:0 1em 1em 0;
}

body.books #main p.discription {
margin-right:200px;
}

body.books #main dl {
clear:both;
margin:1em 0;
}

body.books #main dl dt {
clear:left;
float:left;
margin:0;
padding:3px 0 0;
width:4.5em;
border-bottom:1px dotted #DDD;
font-weight:normal;
}

body.books #main dl dd {
margin:0;
padding:3px 0 0 5em;
border-bottom:1px dotted #DDD;
}

#main div.bookIntro {
margin:30px 0 0;
}

#main div.bookIntro strong.title {
display:block;
zoom:1;
margin:0 0 1em;
padding:7px 4px 4px;
background:#FFDFE3;
border-left:none;
border-bottom:2px solid #FFAFBA;
line-height:1.2;
font-size:113%;
color:#333;
}

#main div.bookIntro img.thumb {
float:left;
padding:0 1em 1em 0;
}

#main div.bookIntro p.description {
overflow:hidden;
margin:0;
}

#main div.bookIntro dl.outline {
clear:both;
padding:1em 0;
}

#main div.bookIntro dl.outline dt {
clear:left;
float:left;
margin:0;
padding:3px 0 0;
width:4.5em;
border-bottom:1px dotted #DDD;
font-weight:normal;
}

#main div.bookIntro dl.outline dd {
margin:0;
padding:3px 0 0 5em;
border-bottom:1px dotted #DDD;
}

#main div.bookIntro ul.get {
text-align:right;
}

#main div.bookIntro ul.get li {
display:inline;
margin:0 2px;
}

#main div.bookIntro ul.get li a {
display:inline-block;
padding:2px 6px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#0072BC;
color:#FFF;
text-decoration:none;
}

#main div.bookIntro ul.get li a:hover {
background:#61AFDF;
}

/*---------------------------------------------
contact
---------------------------------------------*/

body.contact #main dl {
margin:1em 0 1em 1em;
}

body.contact #main dl dt {
clear:left;
float:left;
margin:0;
padding:0.2em 0 0 0;
width:4.5em;
text-align:right;
}

body.contact #main dl dd {
margin:0 0 1em 5em;
padding:0.2em 0 0.2em 0.5em;
border-left:3px solid #DDD;
}


/*---------------------------------------------
way
---------------------------------------------*/

#main div.howToWay {
margin:45px 0;
}

#main div.howToWay strong.howToWay-title {
display:block;
*zoom:1;
padding:3px 0 19px 42px;
height:20px;
background:url(../img/way-title.jpg) no-repeat 0 0;
line-height:20px;
font-size:16px;
font-weight:bold;
color:#8d4b35;
}

#main div.howToWay ul.howToWay-outline {
margin:-8px 30px 0 0;
padding:0;
text-align:right;
}

#main div.howToWay ul.howToWay-outline li {
list-style:none;
display:inline;
margin-left:0.5em;
font-size:12px;
color:#555;
}

#main div.howToWay div.howToWay-content {
margin:15px 20px 0 30px;
padding:10px;
border:1px solid #FFC4AF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#fff7f5;
}


/*---------------------------------------------
sitemap
---------------------------------------------*/

body.sitemap #main ul {
margin:0 0 0 20px;
line-height:1;
}

body.sitemap #main ul li {
clear:left;
margin:1em 0;
padding:5px 10px;
background:url(../img/dotted-border.png) no-repeat right 10px;
border-left:5px solid #448ccb;
font-weight:bold;
list-style:none;
}

body.sitemap #main ul li a {
background:#FFF;
}

body.sitemap #main ul li ul {
margin:0 0 0 30px;
}

body.sitemap #main ul li ul li {
clear:none;
margin:0.2em 0;
border-left:none;
background:none;
font-size:85%;
font-weight:normal;
}

body.sitemap #main ul li ul.oyanokai {
overflow:auto;
_height:1%;
}

body.sitemap #main ul li ul.oyanokai li {
float:left;
width:120px;
margin:0;
padding:0.4em 0;
}