@charset "UTF-8";

/*
Theme Name: 宮崎県老人クラブ連合会
Theme URI: http://www.miyarouren.jp/
Description: 恵佼会CADセンターのオリジナルテーマ
Version: ver1.0
Author: 恵佼会CADセンター
Author URI: http://www.fukushi-net.com/
*/

/* font-size  renders */
/*       77%     10px */
/*       85%     11px */
/*       93%     12px */
/*      100%     13px */
/*      108%     14px */
/*      114%     15px */
/*      122%     16px */
/*      131%     17px */
/*      136%     18px */

/*==================================================================*/
/* miyarou
/* style.css
/* date:2010.11
/*==================================================================*/

/*====================================================*/
/* all style
/*====================================================*/

html { overflow-y: scroll; }

* html { height: 100%; }

html, body, div, blockquote, address, form,
table, th, td, h1, h2, h3, h4, h5, h6, .reset, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}

img,a img {
	border: none;
	vertical-align: top;
}

a,
a:link,
a:visited,
a:active {
	color: #486a00;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

ul { list-style-type: none; }

address { font-style: normal; }

.span { text-indent: -9999px; }

h2 { font-size: 22px; }

h3 { font-size: 20px; }

/* other style
------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear: both; }

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background:#fefefe url(images/img_bg.gif);
}
.prev_next {
    width:98%;
	margin: 15px 5px 5px;
	margin-bottom:5px;
	padding: 5px 5px;
	font-size: 0.86em;
	text-align: center;
	border: dotted 1px #999999;
}
/* body
-------------------------------------------------------------------------*/
body {
	color: #666666;
	font-size: 92%;
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 1.5;
	background: #fefefe url(images/bodybg_top.gif) repeat-x top;
	_text-align: center;
}

/* body_inner
-------------------------------------------------------------------------*/
#body_inner { background: url(images/bodybg_bottom.gif) repeat-x bottom; }

/* wrapper
-------------------------------------------------------------------------*/
#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

/* header
-------------------------------------------------------------------------*/
#header {
	position: relative;
	zoom: 1;
	width: 970px;
	height: 163px;
	margin:0px;
	padding: 0 15px;
}

#header h1 a {
	display: block;
	width: 465px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 103px;
	padding-top: 103px;
	background: url(images/title_h1.gif) no-repeat;
}

ul#hnav  {
	position: absolute;
	top: 25px;
	right: 20px;
}

ul#hnav li {
	display: inline;
	background: url(images/icon1.gif) no-repeat left center;
	margin-left: 10px;
	padding-left: 15px;
	font-size: 0.9em;
}

/* character */
dl#character {
	position: absolute;
	top: 60px;
	right: 20px;
}

dl#character dt {
	width: 238px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 30px;
	padding-top: 30px;
	background: url(images/character.gif) no-repeat;
}

dl#character dd.normal a {
	position: absolute;
	top: 5px;
	right: 95px;
	display: block;
	width: 36px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 22px;
	padding-top: 22px;
	background: url(images/normal.gif) no-repeat;
}

dl#character dd.normal a:hover {
	background: url(images/normal_on.gif) no-repeat;
}

dl#character dd.big a {
	position: absolute;
	top: 5px;
	right: 49px;
	display: block;
	width: 43px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 22px;
	padding-top: 22px;
	background: url(images/big.gif) no-repeat;
}

dl#character dd.big a:hover {
	background: url(images/big_on.gif) no-repeat;
}

dl#character dd.max a {
	position: absolute;
	top: 5px;
	right: 10px;
	display: block;
	width: 36px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 22px;
	padding-top: 22px;
	background: url(images/max.gif) no-repeat;
}

dl#character dd.max a:hover {
	background: url(images/max_on.gif) no-repeat;
}

/* global_navigation
-------------------------------------------------------------------------*/
ul#gnav {
	position: absolute;
	margin:0px;
	padding:0px;
    top: 110px;
    list-style: none;
    width: 1000px;
    height: 53px;
	background: url(images/navi.jpg) no-repeat;
}

ul#gnav li {
      position: absolute;
	  top: 0;
      left: 0;
      height: 53px;
}

ul#gnav #home {
	  width: 150px;
	  left: 0;
}

ul#gnav #info {
	  width: 140px;
	  left: 150px;
}

ul#gnav #event {
      width: 140px;
      left: 290px;
}
ul#gnav #activity {
      width: 140px;
      left: 430px;
}

ul#gnav #secretariat {
      width: 140px;
      left: 570px;
}

ul#gnav #inquiry {
      width: 140px;
      left: 710px;
}

ul#gnav #access {
      width: 150px;
      left: 850px;
}

ul#gnav li a {
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 53px;
	text-indent: -9999px;
    outline: none;
}

/* main_navigation
-------------------------------------------------------------------------*/
#mnav {
	position: relative;
	zoom: 1;
	background: url(images/main_image.jpg) no-repeat;
	width: 1000px;
	height: 285px;
}

#mnavin {
	position: absolute;
	left: 590px;
	width: 410px;
	height: 285px;
	background: url(images/hnavi_2.jpg) no-repeat;
}

#mnavin li {
     position: absolute;
	 width: 410px;
	 height: 270px;
}

#mnavin #what {
	 height: 67px;
	 top: 0;
}

#mnavin #country {
     height: 67px;
	 top: 67px;
}

#mnavin #joining {
     height: 67px;
	 top: 134px;
}

#mnavin #lecturer {
     height: 69px;
	 top: 201px;
}

#mnavin li a {
      display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 410px;
	  height: 50px;
	  text-indent: -9999px;
	  outline: none;
}

/* contents
-------------------------------------------------------------------------*/
#contents {
	width: 965px;
	background: url(images/contents_bg.gif) repeat-y;
	padding: 5px 15px 20px 20px;
}

/* low_l
-------------------------------------------------------------------------*/
#low_l {
	width: 713px;
	float: left;
	display: inline;
}

#path {
	font-size: 0.75em;
	padding: 3px 0 0 7px;
}

#path a:hover { color:#0000ff; }

/* title */
.main_image {
	width: 713px;
	height: 130px;
}

body.seniorprivacy .main_image { background: url(images/tulip.jpg) no-repeat; }
body.information .main_image { background: url(images/udo.jpg) no-repeat; }
body.seniorsitemap .main_image { background: url(images/karakuni.jpg) no-repeat; }
body.seniorevent .main_image { background: url(images/misogi.jpg) no-repeat; }
body.seniorsecretariat .main_image { background: url(images/takatiho.jpg) no-repeat; }
body.seniorinfo .main_image { background: url(images/renge.jpg) no-repeat; }
body.senioraccess .main_image { background: url(images/train.jpg) no-repeat; }
body.seniorclub .main_image { background: url(images/karukaya.jpg) no-repeat; }
body.seniorinn .main_image { background: url(images/ishiyama.jpg) no-repeat; }
body.seniorguide .main_image { background: url(images/sea.jpg) no-repeat; }
body.seniorlist .main_image { background: url(images/toimisaki.jpg) no-repeat; }
body#single_post .main_image,body#archive_page .main_image,
body#category_page .main_image { background: url(images/aoshima.jpg) no-repeat; }
body.activity .main_image { background: url(images/kusu.jpg) no-repeat; }


/* contents_left
-------------------------------------------------------------------------*/
#contents #lcont {
	position: relative;
	zoom: 1;
	float: left;
	width: 709px;
	display: inline;
}

#lcont #entry {
	width: 679px;
	height: 253px;
	margin-bottom: 15px;
	padding: 10px 0 0 30px;
	font-size: 0.9em;
	background: url(images/cont_left_top.gif) no-repeat;
}

#lcont .info_cat {
	float: left;
	width: 191px;
	display: inline;
	margin-right: 25px;
	padding: 5px;
	line-height: 1.2;
}

#lcont .info_cat h2 {
	height: 20px;
	padding-left: 25px;
	font-size: 1em;
	line-height: 20px;
}

#lcont .info_cat p.img_box {
	margin: 12px 0;
}

#lcont .info_cat p.img_box img {
	border: solid 1px #efefef;
}

#lcont .info_cat p.list_icon {
	padding-left: 10px;
	background: url(images/icon2.gif) no-repeat 0 3px;
}

#lcont .info_cat p.list_icon a:hover { color: #ff3300; }



#lcont .info_cat p.pdf_box a {
	display: block;
	text-align: right;
	margin-top: 1em;
	margin-left: auto;
	margin-right: 0;
	width: 54px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 23px;
	padding-top: 25px;
	background: url(images/down_pdf.gif) no-repeat;
}

#katudou {
    position:relative;
	width:709px;
	margin:5px 15px 15px 0px;
	overflow:hidden;
	height:157px;
	background: url(images/clubbg.jpg) no-repeat;
}

#katudou .inner{
    padding:25px 10px 10px 10px;
	font-size:12px;
}
.r_space { padding-right: 5px; }


.f_small{
	font-size: 0.8em;
	color: #666666;
	margin-top: -145px;
	line-height: 1.2;
	padding-left: 5px;
}

.posi { padding: 5px 0 0 13px; }

/* low_r
-------------------------------------------------------------------------*/
#newbox {
	position: relative;
	zoom: 1;
	width: 710px;
	height: 203px;
	margin-bottom: 10px;
	background: url(images/newbg.gif) no-repeat;
}

#newbox h3 { height: 32px; }

#newbox h3 span { display: none; }

ul#nnav {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 132px;
}

ul#nnav li {
	float: left;
	width: auto;
}

li#the_past a {
	display: block;
	width: 81px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 19px;
	padding-top: 19px;
	background: url(images/the_past.gif) no-repeat;
	margin-right: 5px;

}

li#rss a {
	display: block;
	width: 46px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 19px;
	padding-top: 19px;
}

li#rss  { background: url(images/rss_rollout.gif) no-repeat; }
li#rss a:hover { background: url(images/rss_rollover.gif) no-repeat; }

ul#para {
    position:absolute;
	top:40px;
	width: 690px;
	height: 150px;
	padding: 0px 5px 5px 10px;
	font-size: 0.9em;
	overflow-y: scroll;
}

ul#para li {
	padding-left: 12px;
	background: url(images/icon3.gif) no-repeat 0 6px;
}

ul#low_side li {
	width: 230px;
	margin-bottom: 5px;
}

li.page-item-2 a,
li.page-item-19 a,
li.page-item-27 a,
li.page-item-25 a,
li.page-item-99 a {
	display: block;
	width: 230px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 45px;
	padding-top: 45px;
}

li.page-item-2 { background: url(images/side_navigation.gif) no-repeat 0 0; }
li.page-item-19 { background: url(images/side_navigation.gif) no-repeat 0 -50px; }
li.page-item-27 { background: url(images/side_navigation.gif) no-repeat 0 -100px; }
li.page-item-25 { background: url(images/side_navigation.gif) no-repeat 0 -150px; }
li.page-item-99 { background: url(images/side_navigation.gif) no-repeat 0 -200px; }

li.page-item-2 a:hover,
li.page-item-19 a:hover,
li.page-item-27 a:hover,
li.page-item-25 a:hover,
li.page-item-99 a:hover {
	display: block;
	width: 230px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 45px;
	padding-top: 45px;
}

li.page-item-2 a:hover { background: url(images/side_navigation.gif) no-repeat -230px 0; }
li.page-item-19 a:hover { background: url(images/side_navigation.gif) no-repeat -230px -50px; }
li.page-item-27 a:hover { background: url(images/side_navigation.gif) no-repeat -230px -100px; }
li.page-item-25 a:hover { background: url(images/side_navigation.gif) no-repeat -230px -150px; }
li.page-item-99 a:hover { background: url(images/side_navigation.gif) no-repeat -230px -200px; }

body.seniorclub li.page-item-2 a { background: url(images/side_navigation.gif) no-repeat -230px 0; }
body.seniorinn li.page-item-19 a { background: url(images/side_navigation.gif) no-repeat -230px -50px; }
body.seniorlist li.page-item-27 a { background: url(images/side_navigation.gif) no-repeat -230px -100px; }
body.seniorguide li.page-item-25 a { background: url(images/side_navigation.gif) no-repeat -230px -150px; }

/* contents_right
-------------------------------------------------------------------------*/
#contents #rcont {
	float: right;
	display: inline;
	width: 231px;
	margin-bottom: 20px;
	padding: 0 7px;
	background: #f4f4f3;
}

ul#main_side li { margin-bottom: 10px; }

p#rcon_info {
	margin: 5px 0;
	font-size: 0.9em;
	background: url(images/icon1.gif) no-repeat 0 5px;
	padding-left: 15px;
}

/* footer
-------------------------------------------------------------------------*/
#footer {
	position: relative;
	zoom: 1;
	background: url(images/foot_bg.gif) no-repeat;
	width: 970px;
	height: 190px;
	font-size: 0.9em;
	padding: 0 15px 20px 15px;
}

/* footer_navigation */
ul#footnav  {
	height: 20px;
	background: #f4f4f3;
	text-align: center;
	padding: 7px;
}

ul#footnav li {
	display: inline;
	border-left: 1px #999999 solid;
	font-size: 0.9em;
	height: 20px;
	line-height: 20px;
	padding: 0 5px 0 7px;
}

ul#footnav li a:hover { color: #0000ff; }

body#top li.page-item-00 a { color: #000080; }

p#to_top {
	position: absolute;
	top:40px;
	right: 30px;
}

p#to_top a {
	display: block;
	width: 212px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 19px;
	padding-top: 19px;
	background: url(images/pagetop.gif) no-repeat;
}

p#foot_title a {
	display: block;
	width: 295px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 47px;
	padding-top: 47px;
	margin: 25px 0 0 15px;
	background: url(images/foot_title.gif) no-repeat;
}

address {
	margin-left: 15px;
	line-height: 1.2;
}

p#copyright {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #ffffff;
}

h2#low_titlebg {
	background: url(images/h2_title.gif) no-repeat center center;
	height: 40px;
	padding: 10px 0 0 35px;
}

/* テーブル共通
-------------------------------------------------------------------------*/
table  {
    margin: 10px auto 0 auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
	font-size:0.92em;
}

table th {
	padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f8f8f8;
	text-align:center;
	font-weight:  soild;
}
table td {
	padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	font-weight:  normal;
	vertical-align:top;
}
h4 {
    width:675px;
	color: #874414;
	margin:10px 10px 5px 10px;
	padding: 2px 0 0 10px;
	border-left: solid 7px #cd7622;
	border-bottom:solid 1px #999999;
	background: #f8f8f8;
	font-size:1.1em;
}
h5 {
    color: #fb6b02;
	margin:10px 10px 5px 10px;
	padding: 2px 0 0 10px;
	font-size: 1.0em;
}
img.left {
    float:left;
	margin-right:1em;
	margin-bottom:1em;
}
img.center {
		vertical-align: middle;
}
#box  {
    width:675px;
	margin: 5px 10px 5px 10px;
	padding: 5px;
}
#box_1  {
    width:675px;
	margin: 5px 10px 5px 10px;
	padding: 5px;
}
.p_box {
	padding: 5px;
	font-size: 1em;
	text-align: left;
	border: dotted 1px #cccccc;
}
.p_boxw {
	padding: 5px;
	font-size: 1em;
	text-align: left;
	border: dotted 1px #ffffff;
}

.p_box1 {
	padding: 5px;
	font-size: 1em;
	text-align: left;
	border: dotted 2px #f0cd79;
	background:url(images/box_bg.jpg) repeat ;
}	
.p_box2 {
	padding: 5px;
	font-size: 1em;
	text-align: left;
	border: solid 1px #ccc;
	background:url(images/box_bg.jpg) repeat ;
}	

.link {
	padding: 0px 5px 0px 20px;
	background: url(images/icon5.gif) no-repeat ;
}
#box_1 ul li {
	display: inline;
	background: url(images/icon1.gif) no-repeat left center;
	margin-left: 10px;
	padding-left: 15px;
	font-size: 1.0em;
}

img.center {
	display: block;
	padding: 5px;
	background:  url(img/img_bg.gif);
}

/* information
-------------------------------------------------------------------------*/
ul.cat_list {
	margin: 10px 0 15px 25px;
	list-style-type: disc;
	line-height: 2;
}

ul.cat_list li a {
	background: #ffff99;
}

/* seniorprivacy
-------------------------------------------------------------------------*/
#box fieldset {
	margin-bottom: 15px;
}

#box fieldset legend {
	color: #fb6b02;
	font-weight: bold;
}

/* Dagon Design Sitemap Generator
------------------------------------------------ */
.ddsg-wrapper ul {
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

.ddsg-wrapper li {
	margin: 0 0 0 2em;
	padding: 0 0 0 15px;
	list-style: none;
	background: url(images/icon.gif) no-repeat left top;
}

.ddsg-wrapper h3 {
    border-bottom: #996633 solid 2px;
	margin-bottom: 10px;
}

/* Calendar  */
#calendar {
	width: 231px;
	margin-bottom: 7px;
}

#calendar a { color: #ff9900; }

#calendar table {
	width: 100%;
    border-collapse: collapse;
    text-align: center;
}

#calendar th, #calendar td {
    padding: 5px;
    border: 1px solid #cccccc;
}

#calendar th {
    background: #fab235;
    color: #ffffff;
}
#calendar #prev { text-align: left; }

#calendar #next { text-align: right; }

table.title_table {
	margin: 10px 10px 20px;
	width: 600px;
	border:none;
}

table.title_table th {
	padding: 5px;
	border:none;
}

table.title_table td {
	padding: 5px;
	border: none;
	text-align:left;
}
.single_post,
.cat_post {
	padding: 10px 10px 30px 10px;
	border: none;
}

/* 2020.10.09 */
#infobox {
	margin-bottom: 10px;
	height: auto;
	background: no-repeat;
	border: 1px solid #e7e7e5;
	box-sizing: border-box;
}

#infobox h3 { height: auto; }

#infobox ul#para {
	margin-top: 5px;
	height: auto;
	position: static;
	overflow-y: unset;
}


/**20230626追記**/
#low_titlebg .title-small {
	font-size: 20px;
}
#low_titlebg .title-small2 {
	font-size: 17px;
}
.text-center-mg {
	text-align:center;
}

/**20231121追記**/
@media screen and （min-width:650px） {
.ml-mg{
margin-left:100px;
}
}