@charset "UTF-8";

@media print{

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

html {
	overflow-y: scroll;
	margin: 0 auto;
	position: relative; /* Fix for absolute positioning */
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

object,embed {
	vertical-align: top;
}

img,abbr,acronym,fieldset {
	border: 0;
}

ol,ul {
	list-style: none;
}

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

/*
section,
aside,
article,
header,
footer,
nav {
	display:block;
}
*/
/*　↑　html5reset-1.6.1　の方にも同じ記述があるので確認　*/

/*---------------------------------------------------------
  hr　（小林追加）
----------------------------------------------------------- */
/*hr {
	display: none;
	border:none;
}*/

/*　実践　*/
hr {
	border-top: 1px solid #bbb;
}
/*　二重線　*/
hr.wline {
	border-top: 3px double #bbb;
}
/*　点線　*/
hr.dotted,hr.tensen{
	border-top: 1px dotted #bbb;
}
/*　立体線　*/
hr.dline {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #fff;
}
/*　シャドー　*/
hr.shadow {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #bbb inset;
}
/*　グラデーション　*/
hr.gra {
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/*---------------------------------------------------------
  common
----------------------------------------------------------- */

body {
	color: #434343;
	width:640;
}
body { font-family: "メイリオ",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", sans-serif; font-size:85%; letter-spacing:0.05em;}
body {
	margin: 0 auto;
	text-align: center;
}



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

a {
/*	color: #6A5ACD !important;*/
color: #6666FF !important;
}

a:link {
	color: #717071 !important;
	text-decoration: none !important;
}

a:visited {
	color: #696969 !important;
	text-decoration: none !important;
}

a:hover,
a:active {
	color: #FF8C00 !important;
	text-decoration: none !important;
}

/*　リンク画像　マウスオーバーで半透明に　*/
a:hover img{
  opacity: .5;
}


/*---------------------------------------------------------
   margin
----------------------------------------------------------- */

.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/*  e7 */

body.ie7 .mb00ie7 { margin-bottom:  0px !important; }
body.ie7 .mb05ie7 { margin-bottom:  5px !important; }
body.ie7 .mb10ie7 { margin-bottom: 10px !important; }
body.ie7 .mb15ie7 { margin-bottom: 15px !important; }
body.ie7 .mb20ie7 { margin-bottom: 20px !important; }
body.ie7 .mb25ie7 { margin-bottom: 25px !important; }
body.ie7 .mb30ie7 { margin-bottom: 30px !important; }
body.ie7 .mb35ie7 { margin-bottom: 35px !important; }
body.ie7 .mb40ie7 { margin-bottom: 40px !important; }
body.ie7 .mb45ie7 { margin-bottom: 45px !important; }
body.ie7 .mb50ie7 { margin-bottom: 50px !important; }

/*---------------------------------------------------------
   padding
----------------------------------------------------------- */

.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }

/*  e7 */

body.ie7 .pb00ie7 { padding-bottom:  0px !important; }
body.ie7 .pb05ie7 { padding-bottom:  5px !important; }
body.ie7 .pb10ie7 { padding-bottom: 10px !important; }
body.ie7 .pb15ie7 { padding-bottom: 15px !important; }
body.ie7 .pb20ie7 { padding-bottom: 20px !important; }
body.ie7 .pb25ie7 { padding-bottom: 25px !important; }
body.ie7 .pb30ie7 { padding-bottom: 30px !important; }
body.ie7 .pb35ie7 { padding-bottom: 35px !important; }
body.ie7 .pb40ie7 { padding-bottom: 40px !important; }

/*---------------------------------------------------------
   text-align
----------------------------------------------------------- */

.right {
	text-align:right;
}

.center {
	text-align:center;
}

/*---------------------------------------------------------
   img-align　画像の右寄せ　左寄せ
----------------------------------------------------------- */
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
/*---------------------------------------------------------
   clearfix
----------------------------------------------------------- */

.clearfix {
	/zoom:1; /* IE6,7 */
}

.clearfix:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}

.clear {
	clear:both;
}

/*---------------------------------------------------------
   png_bg
----------------------------------------------------------- */
.png_bg {
}

/*---------------------------------------------------------
   imgover
----------------------------------------------------------- */
.imgover {
}

/*---------------------------------------------------------
   rounded
----------------------------------------------------------- */
.round6{
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.round8{
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.round10{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

/*=============================

　囲み

===============================*/
.kakomi{
    border:solid 1px #ccc;
    padding:10px;
}
.kakomi_maru{
    border:solid 1px #ccc;
    border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
    padding:10px;
    background-color:#fff;
}

.kakomi_cf{
    background-color:#fff;
    padding:18px;
    border:dotted 2.5px #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

/* 囲み時のタイトル */
.h_kakomi{
	background:url('../images/bg_bbb.png');
	background-color:#bbb;
	color:#fff;
	font-size:120%;
	font-weight:600;
	height:35px;
	width:108%;
	padding:5px 20px;
	margin:-5px 0px 10px -20px;
}

/*---------------------------------------------------------
   list style
-----------------------------------------------------------	*/
.style_circle{
    list-style-type: circle;
}

/*---------------------------------------------------------
   Fonts CSS
-----------------------------------------------------------
	10px = 77%
	11px = 85%
	12px = 93%
	13px = 100%
	14px = 108%
	15px = 116%
	16px = 124%
	17px = 131%
	18px = 139%
	19px = 147%
	20px = 154%
	21px = 162%
	22px = 170%
	23px = 177%
	24px = 185%
	25px = 193%
	26px = 200%
----------------------------------------------------------- */
.font10 { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:124%; }
.font17 { font-size:131%; }
.font18 { font-size:139%; }

.font10px { font-size:10px; }
.font11px { font-size:11px; }
.font12px { font-size:12px; }
.font13px { font-size:13px; }
.font14px { font-size:14px; }
.font15px { font-size:15px; }
.font16px { font-size:16px; }
.font18px { font-size:18px; }
.font20px { font-size:20px; }
.font22px { font-size:22px; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  margin: 0; padding: 0; }

select,input,button,textarea{font:83% arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:85%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:90%;line-height:85%;}



/*---------------------------------------------------------
  pagetop.js　連動　ページトップへ 　
----------------------------------------------------------- */
/* page-top */
#page-top {
	display: none;
}
#page-top a {
	display: none;
}
#page-top a img {
	display: none;
}

#page-top a:hover img {
	display: none;
}


/* page-tab タブメニューへ移動 */
#page-tab {
	position: fixed;
	bottom: 30px;
	right: 0;
	z-index: 2000;
}
#page-tab a {
	margin: 0 0 30px;
	display: block;
}
#page-tab a:hover img {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity:0.60;
}


/*---------------------------
- Title: Layout Module
- Modified by: Masanori Kobayashi
- Last modify: 2014.0916
- Licence: MIT Licence
---------------------------*/
/*=============================

　リンク

===============================*/
.b_kakomi{
	display:block;
    border:solid 1px #aaa;
    padding:2px 10px;
    text-align:center;
    background-color:#fff;
    width:100px;
    margin-right:20px;
}

/*=============================

　参照リンク　cf

===============================*/
span.cf{
	display:inline-block;
	font-size:105%;
	font-weight:bold;
	background:url(../images/cf_link.png) no-repeat;
	background-position:0 center;
	background-color:#fafafa;
	width:auto;
	height:auto;
	margin:auto auto 5px;
	padding:5px 10px 3px 45px;
	border:solid 1px #ccc;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

/*=============================

　リスト表示

===============================*/

ul.circle{
	list-style-type: circle;
    list-style-position: outside;
    padding-left:1em;
}
ul.disc{
	list-style-type: disc;
    list-style-position: outside;
    padding-left:1em;
}

/*=============================

　写真等　（補足的）

===============================*/
/* キャプション */
.caption {
	font-size:12px;
	line-height: 1.2;
	color: #717071;
	padding-left: 3px;
}

/*=============================

　段組み

===============================*/

.left_area{
	float:left;
	text-align:left;
}

.right_area{
	float:right;
	text-align:left;
}

/*=============================

　検索

===============================*/
/*　サブミットボタン　*/
input#submit{
	cursor: pointer;
  　display: block;
	background:url('../images/submit_search.png') no-repeat 0 0;
	background-size: cover;
	width:26px;
	height:22px;
	border:none;
	text-indent:-5000px;
}
input#submit:hover{
	opacity:.5;
}

/*　テキスト入力エリア　*/
input.inputField{
	width:150px;
	height:22px;
}


/*=============================

　トップメッセージ

===============================*/
#search_shibu_area{
	width:96%;
	background:#b2ede6 url('../images/bg_pin_pc.png') no-repeat;
	background-position:center 10px;
	border-radius: 10px;
	margin:20px auto 40px;
	padding:30px 4%;
	text-align:left;
}
#search_shibu_area:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
}
#search_shibu_area_left{
	width:100%;
}
.bg_topcomment{
	margin:0 20px 0 0;
	padding:20px;
	font-size:120%;
	color:#32338d;
}
.bg_topcomment2{
	margin:0 0px 0 0;
	padding:0 20px;
	text-align:center;
}

#search_shibu_area_right{
	display:none;
}
#search_shibu_area_right a img{
	box-shadow: 0px 1px 0px 0px #bcbcbc;
    -webkit-box-shadow: 0px 1px 0px 0px #bcbcbc;
    -moz-box-shadow: 0px 1px 0px 0px #bcbcbc;
}

#shibu_select_area{
	display:none;
	/*width:96%;
	margin:0 auto;
	padding:0;*/
}
#shibu_select_area ul li{
	width:100%;/* ボタン幅　*/
	margin:0 auto;
	padding:0;
	text-align:center;
}
/*　折りたたみスロー時　*/
#acMenu dt{
	width:100%;
	height:64px;
	text-align:center;
	background-color:#22c7d6;/*#66cdaa*/
	margin:15px auto 0;
	padding: 18px 0 0;
	cursor:pointer;
	font-size:24px;
	font-weight:600;
	color:#000;
	}
#acMenu dd{
	display:none;
	}

/*　メニュー選択ボタン　*/
#acMenu dt:after{
	    content: "▽";
	    margin-left: 0.6em;
	}
#acMenu dt.active:after{
	    content: "△";/* 折りたたみスローjs３行目toggleClassと連動*/
	}
dl#acMenu dd ul{
	width:100%;
	margin:0px auto 10px;
	padding:30px;
	border-left:solid 8px #22c7d6;
	border-right:solid 8px #22c7d6;
	border-bottom:solid 8px #22c7d6;
	background-color:#fff;
	text-align:left;
}
dl#acMenu dd ul li{
	display:inline-block;
	height:35px;
	width:100px;
	margin:18px;
	font-size:120%;
	text-align:left;
	font-weight:600;
}

#central_content{
	width:100%;
	margin:-100px 0 0;
	padding:0;
	overflow:hidden;
	height:100%;
}
#side_right{
	width:100%;
	margin:0 auto;
	padding:0 4%;
}
/*　central_content内　*/
#main{
	width:100%;
	margin:0 auto;
	padding:0 4%;
	text-align:left;
}
#side_left{
	width:100%;
	margin:0 auto;
	padding:0 4%;
}

/* 支部情報　*/
.data_box{
	background:#fff;
	border-radius:6px;
	padding:20px 100px;
	margin:0 auto 10px;
	width:100%;
}
.bg_topmessage{
	background:url(../images/bg_pin.png)no-repeat #fff;
	background-position:center 10px;
	border-radius:6px;
	padding:40px 100px 20px;
	margin:0 auto 10px;
	width:100%;
}

/* ----------------------
slide_01
---------------------- */
.banner-style ul li{
	display:inline-block;
	width:49%;
}
.banner-style ul li a img{
	width:100%;
}
.v_middle{
	vertical-align:middle;
}

/* ----------------------
aside
---------------------- */
.side_05{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
.multiple-items{
	display:block;
	width:80%;
	margin:10px auto 0;
	padding:0px;
	text-align:center;
}
#side_bottom{
	width:100%;
	margin:0 auto;
}
.side_06{
	width:92%;
	margin:0 auto;
	text-align:center;
}
.side_06 li{
	display:inline-block;
	width:30%;
}
.side_07{
	width:100%
	margin:0 auto;
	overflow: hidden;
}

/* 以下３つが並ぶ　*/
button.slick-prev{
	border:none;
	background:url('../images/arrow-l.png') no-repeat;
	background-size:contain;
	width:15px;
	height:15px;
	margin:0;
	padding:0;
	/* -9999px に代わる指定　*/
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
button.slick-prev:hover,button.slick-prev:active{
	border:none;
	background:url('../images/arrow-l.png') no-repeat;
	background-size:contain;
}
.slick-list{
	display:inline-block;
	margin:0px auto;
/*	width:210px;
	text-align:center;*/
}
button.slick-next{
	border:none;
	background:url('../images/arrow-r.png') no-repeat;
	background-size:contain;
	width:15px;
	height:15px;
	margin:0;
	padding:0;
	/* -9999px に代わる指定　*/
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
button.slick-next:hover,button.slick-next:active{
	border:none;
	background:url('../images/arrow-r.png') no-repeat;
	background-size:contain;
}

.multiple-items .book-item{
	width:130px;
	margin:10px auto;
	text-align:left;
}
.multiple-items figcaption{
	font-size:80% !important;
	line-height:1.2em;
	width:130px;
	margin:10px 0;
	text-align:left !important;
}

ul.slick-dots{
	display:block;
	width:100%;
	margin:0;
	text-align:center;
}
ul.slick-dots li{
	margin:0 auto;
}

/*=============================

　動画埋め込み

===============================*/
/*　動画　*/
.movie{
  max-width: 640px; /* 最大幅 */
  min-width: 360px; /* 最小幅 */
/*  margin: 2.0833% auto;*/
  margin:2% auto;
}
.youtube{
  position: relative;
  padding-bottom: 61.25%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/*=============================

　QA

===============================*/
.qa{
	vertical-align:middle;
}
.qqq{
	border-bottom:dotted 3px #ccc;
}

.aaa{
	background-color:#D3DEF1;
	padding:30px;
	margin-bottom:30px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;

}
/*=============================

　折りたたみボタン

===============================*/
.oritatami_area{
	margin:-30px 0 0;
	padding:0;
	line-height: 1em;
}
.b_oritatami{
   margin:0;
   padding:0 20px;
   font-size:90%;
}

/* 囲み内本文*/
.kakomi_honmon{
    margin:0;
    padding:0 20px 20px;
    font-size:90%;
    line-height: 1.8em;
}

/*～以下、画面の横幅が769px以上の場合のスタイル記入～*/

/*=====================================

　　header

=====================================*/
.mainIndex #header{
	width:100%;
}
#header{
	background-color:#333;
	width:100%;
	height:75px;
	margin:0;
	padding:0;
	top:0;
}
.reg-page #header{
	background-color:#333;
	width:1000px;
	height:100px;
	margin:0;
	padding:0;
	top:0;
}

/*　トップヘルプエリア　*/
div#header01{
	position:absolute;
	top:0px;
	width:100%;
	height:43px;
}
#tophelp{
	display:none;
	/*
	position:relative;
	margin:0 auto;
	padding:0;
	min-width:769px;
	width:960px;
	height:32px;*/
}
/*#tophelp_left{
	float:left;
	padding:5px 0 0 5px;
	height:32px;
	width:50%;
	text-align:left;
}
#tophelp_right{
	float:right;
	padding:5px 0 0 5px;
	height:32px;
	width:50%;
	text-align:right;
}*/

/*　サイトロゴエリア　*/
div#header02{
	margin:0;
	padding:43px 0;
	width:100%;
}
div#header02 img{
	width:145px;
}


/*=====================================

　　mainimage globalNavi

=====================================*/

#Stage2{
	display:none;
}

#Stage{
  position: relative;
  /* 下の背景になるものにposition:relativeを指定　この上のレイヤーになるものにabsolute指定をすることで、absoluteしたものが上になる。 */
  width:100%;
  margin-top:0%;
}
#Stage img{
  width:100%;
  background-position:center top;
}

/*#nav{
  display: none;
  height:0px;
}
.reg-page #nav{
  display: none;
  height:0px;
}
*/
#nav{
  position: absolute;
  width:100%;
  height:100px;
  margin-top:-100px;
  vertical-align:bottom;
	background:url('../images/bg_harf.png');
/*  background-color:#efefef;
   filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
*/
}
.reg-page #nav{
  position: absolute;
  width:100%;
  height:135px;
  margin-top:-25px;
  margin-bottom:35px;
  vertical-align:bottom;
  background:none;
}


/* ul#globalNavi　ヨコ
---------------*/
#smart_navi{
    display:none;
}

/*#navicenter{
    display:none;
    height:0;
}
ul#globalNavi {
    display:none;
    height:0;
}
*/
#navicenter{
	margin:0px auto;
	padding:0 1.5%;
	max-width:1000px;
	height:135px;
}

ul#globalNavi {
	list-style-type: none;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
}

ul#globalNavi li {
	margin: 0 0.9%;
	padding: 0px -1px 0px -1px;
	float: left;
	text-align: center;
	width:18.125%;
}
ul#globalNavi li img,.graph_tenri-page ul#globalNavi li img{
	width: 180px;
}

/* ul#globalNavi　ボタン　以上*/

/*=====================================

　　page title

=====================================*/
#breadcrumb{
    position: relative;
	margin:15% auto 0;
	max-width:1000px;
    text-align:left;
    padding:0% 3%;
}
#title_area{
	width:100%;
	padding:0% 1%;
	background-color:#eee;
}
#page_title{
	max-width:1000px;
	margin:0 auto;
	padding:0 3%;
}
#page_title h1{
    text-align:left;
}

.stamem-page #page_title h1 img{
	height:101px;
}

/* メインページの各ファーストページ */
.first_page #page_title h1{
	text-align:center;
}
.first_page #page_title h1 img{
	margin-top:-15px;
	height:110px;
}

/*=====================================

　　content

=====================================*/

#content,#content2{
	max-width:1000px;
	margin:35px auto 0px;
}
.reg-page #content{
    position: relative;
	margin:10px auto 0;
	max-width:1000px;
    text-align:left;
    padding:0% 3%;
}
.now_zone-page #content{
	margin-top:-40px;
}

.oyanokotoba-page #content{
	margin-top:-40px;
}

.eventcalender-page #content{
    margin-bottom:100px;
}

#sub_content_wrap{
    width:100%;
}

#sub_content{
    max-width:1000px;
    margin:0 auto;
    padding:30px;
    text-align:left;
}


/*-------------------------------------------------------------------
    下層ページ
-------------------------------------------------------------------*/
/*　NotFound　*/
/*　コンテンツ部とナビ部　*/
.notfound-page .entry{
	float:left;
    width:72%;
    text-align:left;
}
.notfound-page .menu{
	float:left;
	width:28%;
	text-align:left;
}

/* singl_news-page */
.single_news-page .entry{
	margin-top:50px;
}
.single_news{
	width:90%;
}
.single_news_headline_box{
	width:100%;
	height:auto;
	margin:0 0 20px;
	padding:5px 0;
	border-bottom:solid 5px #777;
}
.single_news-page .single_news_title{
	float:left;
	width:70%;
	font-size:130%;
	font-weight:bolder;
	padding-left:5.5%;
	background:url('../images/news_head.png') no-repeat;
	background-position:left top;
}
.single_news-page .news_box_day{
	float:right;
	width:28%;
}

.single_news-page .entry img{
	margin:20px;
}


/* NextPage PreviousPage*/
.single_news-page .nextpost{
    width:100%;
    background-color:#ccc;
    margin:20px 0;
    padding:0 10%;
    font-size:90%;
}
.single_news-page .previous{
	float:left;
}
.single_news-page .next{
	float:right;
}

/*-------------------------------------------------------------------
  archives
-------------------------------------------------------------------*/
.news_archives-page #page_title img{
	height:99px;
}

/* news archives */
#b_news_archives{
	margin-left:15px;
	margin-bottom:30px;
		height:52px;
}
.archives_zone{
	width:100%;
}
.archives_zone p{
	margin:0 0 20px 10px;
}
#archives_title{
	width:70%;
	padding:10px;
	font-size:200%;
	font-weight:bold;
}
.archives_year_select{
    float:left;
	width:20%;
	margin:5px 0 0 10px;
	padding:2%;
	background-color:#fff;
	border:solid 1px #ccc;
}
.archives_year_select ul{
	border-top:dotted 1px #bbb;
}
.archives_year_select li{
	padding:5px 0;
    border-bottom:dotted 1px #bbb;
}

.archives_index{
    float:left;
    padding:10px 10px 30px 20px;
    margin:0;
}

.archives_index h3{
	font-size:130%;
	margin-bottom:20px;
}

/*-------------------------------------------------------------------
  Information　
-------------------------------------------------------------------*/
#information_index{
   width:100%;
}

/* archives */
#archives_box{
	float:left;
	width:22%;
	margin:5px 0 0;
	padding:2%;
	background-color:#fff;
	border:solid 1px #ccc;
}
#archives_box ul{
	border-top:dotted 1px #bbb;
}
#archives_box li{
	padding:5px 0;
    border-bottom:dotted 1px #bbb;
}
/* recent information */
#recent_box{
	float:right;
	width:75%;
	margin:30px 0;
	padding:2% 3% 0 0;
}
.information_title{
	background:url('../images/bg_information_title.png');
	margin:0;
	padding:1% 2% 0% 8%;
	width:100%;
	height:35px;
}
.information_title h2{
	font-size:150%;
	font-weight:bolder;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", “メイリオ”,Meiryo, serif;
}
.information_day{
	text-align:right;
	font-size:85%;
	color:#888;
	padding-bottom:5px;
}
.information_excerpt{
	margin-bottom:30px;
}
.information_single_day{
	text-align:right;
	font-size:85%;
	color:#666;
	padding-bottom:35px;
}
.information_content{
	margin-bottom:50px;
	line-height:200%;
}
.information_single_title{
	background:url('../images/bg_information_single_title.png');
	margin:-7% 0 0 -3%;
	padding:1% 2% 0% 10%;
	width:104%;
	min-height:43px;
}
.information_single_title h2{
	font-size:160%;
	font-weight:bolder;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", “メイリオ”,Meiryo, serif;
}

/* NextPage PreviousPage*/
.single_info-page .nextpost{
    width:100%;
    background-color:#ccc;
    margin:20px 0;
    padding:0 10%;
    font-size:90%;
}
.single_info-page .previous{
	float:left;
}
.single_info-page .next{
	float:right;
}

/*---------------------------------------------------------
  カテゴリページ　さらに古いページへ 　より新しいページへ　
----------------------------------------------------------- */

.older a{
    display:block;
    float:left;
    background:url(../images/b_old.png);
    width:186px;
    height:40px;
    margin-left:15px;
    margin-bottom:20px;
    text-indent:-5000px;
}
.newer a{
    display:block;
    float:right;
    background:url(../images/b_new.png);
    width:186px;
    height:40px;
    margin-right:35px;
    margin-bottom:20px;
    text-indent:-5000px;
}

/*-----------------------------------*/
/* google cal対応 */
/*-----------------------------------*/
.calendar_zone {
  width: 92%; /* 最大幅 */
  margin: 2.0833% 0;
}
.googlecal {
  position: relative;
  padding-bottom: 75%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.kaisetsu{
	width:92%;
    border:solid 1px #ccc;
    border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
    padding:10px;
    background-color:#efefef;
    margin-top:20px;
}

/*　books slide　*/
#books_slide{
	width:100%;
	background-color:#ccc;
	margin:0 auto;
	padding:0 30px;
}
#books_slide .multiple-items{
	max-width:850px;
	min-width:300px;
	margin:0 auto;
	background-color:#fff;
	padding:0;
}
#books_slide .multiple-items div{
	margin:0px 30px;
	padding:3px;
	background-color:#fff;
}
#books_slide .multiple-items div a{
	display:block;
	border:none;
/*	border:solid 1px #ddd;*/
	background-color:#fff;
    color:#444;
	font-size:90%;
/*	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",
   serif;*/
    font-weight: bold;
    padding:2px;
}


/*=============================

　単独ウインドウ

===============================*/
body.only-page{
       background : url('../images/bg_livecamera.jpg') no-repeat;
       background-size:cover;
}
.kakomi_popup{
    border:solid 10px #eee;
    border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
    padding:40px;
    background-color:#fff;
    width:80%;
    margin:-30px auto 20px;
/*	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;*/
}

.kakomi_popup_shisetsu{
    border:dotted 8px #D18047;
    border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
    padding:40px;
    background-color:#fff;
    width:80%;
    margin:-30px auto 20px;
/*	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;*/
}

/* popoup */
.kakomi_popup h2{
	font-size: 170% !important;
	line-height: 1.2;
	font-weight: 400 !important;
	letter-spacing: 0.03em;
	color: #e50020 !important;
	padding: 0 0px 8px;
	margin: 0 0 20px;
	border-top: none;
	border-bottom: 2px #d5d5d5 dotted;
}
.kakomi_popup .headline{
	font-size: 120% !important;
	line-height: 1.2;
	color: #335166 !important;
	padding: 0 0px 8px;
	margin: 0 0 10px;
}
.kakomi_popup table{
	width:100%;
	margin:10px 0 20px;
}
.kakomi_popup table th{
	border-bottom:1px solid #ccc;
	padding:5px;
	font-weight:600;
	text-align:left;
}
.kakomi_popup table td{
	border-bottom:1px solid #ccc;
	padding:5px;
}
.only-page .back_button{
	text-align:center;
	margin:5px 0 20px;
}
.only-page .back_button img{
	border:solid 1px #ccc;
}
.only-page #footer{
	background-color:#ccc !important;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

/*　Facebookタイムライン表示　*/
.bg_fb,.Facebook_LikeBox{
	margin:0px 0;
	padding:10px;
	background-color:#3b5998;
	width:96.5%;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}

/* Facebook Likebox */
.Facebook_LikeBox .fb-comments,
.fb-like-box,
.Facebook_LikeBox .fb_iframe_widget,
.Facebook_LikeBox .fb_iframe_widget[style],
.Facebook_LikeBox .fb_iframe_widget iframe[style],
.Facebook_LikeBox .fbcomments iframe[style],
.Facebook_LikeBox .fb_iframe_widget span {
    width: 100% !important;
	background-color:#fff;
}

.fb_timeline{
	vertical-align: bottom;
	color:#fff;
}

table.border1{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
table.border1 td{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:8px;
	vertical-align:top;
}
table.sekisu{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
table.sekisu td,table.sekisu th{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:8px;
	vertical-align:top;
}
table.sekisu .w2{
	width:50px;
}
table.sekisu .w3{
	width:78px;
}
table caption{
	font-size:80%;
	font-weight:bold;
}
.hyodai{
	background-color:#aaa;
	color:#fff;
	font-weight:bold;
}
.saiten{
	background-color:#EBDCF0;
}
table .first{
    background-color:#F0EBDC;
}
table .second{
    background-color:#E1F0DC;
}
table .third{
    background-color:#DCE1F0;
}
table .fourse{
    background-color:#F0DCE1;
}

/*=====================================

　　ポリシー

=====================================*/
.policy-page .entry{
	width:80%;
	margin-left:15%;
	margin-right:5%;
	margin-bottom:30px;
	color:#666;
	line-height:2em;
}
.policy-page .entry h3{
	font-size:130%;
	color:#666;
	margin:30px 0 10px;
}
.policy-page .entry ol{
	list-style-type: decimal;
	list-style-position: outside;
	padding-left:25px;
}

/* サイトマップ　*/
.policy-page .entry .site_map_index ul{
	float:left;
	margin:-20px 30px 0;
	height:18em;
}

.policy-page .entry .site_map_index2 ul{
	float:left;
	margin:30px 30px;
}

/*=============================

　フッター

===============================*/
footer{
	width:100%;
/*	background:#66cdaa url("../images/bg_header.png") repeat-x;
	background-position:0 96%;
	overflow:hidden;*/
}
#footer{
	margin:0 auto;
	padding:0 10px;
	max-width:1000px;
	overflow:hidden;
	height:100%;
	text-align:center;
	min-height:100px;
	background-color:#068fc9;
}
#footer_id img{
	width:150px;
	margin:0px auto;
	padding:20px;
}

p#copyrights{
	margin: 20px 0;
	padding:0;
	width:98%;
	font-size:88%;
	color:#eee;
	text-align: center;
}

.printButton {
	display: none;
}

}