@charset "UTF-8";

/* -----------------------------------
■カラー設定（コンセプトごとに変更）
----------------------------------- */

/* サブメニュー */
.sideMenu {
	background-color: #5292CF;
}
.sideMenu a:hover, .sideMenu a:active, .sideMenu a:focus {
	color:#5292CF;
}

/* 準扉用サイドメニュー */
.sidesub {
	background-color: #FFFFFF;
	border: 1px solid #5292CF;
}
.sidesub .title a {
	color: #4282BF;
	border: 2px solid #4282BF;
}
.sidesub .title a:hover {
	background: #4282BF;
}
.sidesub ul { 
	border-left: 2px dotted #4282BF;
}
.sidesub ul li a {
	color: #4282BF;
	border: 1px solid #4282BF;
}
.sidesub ul li a:hover {
	background: #4282BF;
}
.sidesub ul li:before {
	border-bottom: 2px dotted #4282BF;
}
.sidesub a:hover, .sideMenu a:active, .sideMenu a:focus {
	color:#FFFFFF;
}


/* スライドショー */
.slideContent {
	background-color: #5292CF;
}


/* -----------------------------------
■課別に探す
----------------------------------- */
.contentArticleUnit{
	position:relative;
}
.contentArticleUnit table{
	width:49%;
	margin-right:1%;
	margin-bottom:20px;
	float:left;
	color:#333333;
}
.contentArticleUnit th{
	display:block;
	background: #EEEEEE;
	text-align:left;
}
.contentArticleUnit table tr.juminfukushika th.name{
	background: url(/_common/themes/joruri/life/images/kabetsu_icon1.png) no-repeat 15px center #EEEEEE;
}
.contentArticleUnit table tr.kyoikuiinkaijimukyoku th.name{
	background: url(/_common/themes/joruri/life/images/kabetsu_icon2.png) no-repeat 15px center #EEEEEE;
}
.contentArticleUnit table tr.suigenchika th.name{
	background: url(/_common/themes/joruri/life/images/kabetsu_icon3.png) no-repeat 15px center #EEEEEE;
}
.contentArticleUnit table tr.somuzeimuka th.name{
	background: url(/_common/themes/joruri/life/images/kabetsu_icon4.png) no-repeat 15px center #EEEEEE;
}
.contentArticleUnit table tr.chiikishinkoka th.name{
	background: url(/_common/themes/joruri/life/images/kabetsu_icon5.png) no-repeat 15px center #EEEEEE;
}
.contentArticleUnit table tr.teijusokushinka th.name{
	background: url(/_common/themes/joruri/life/images/kabetsu_icon6.png) no-repeat 15px center #EEEEEE;
}
.contentArticleUnit table tr.ringyokensetsuka th.name{
	background: url(/_common/themes/joruri/life/images/kabetsu_icon7.png) no-repeat 15px center #EEEEEE;
}

.contentArticleUnit th.outline{
	padding-top:15px;
}
.contentArticleUnit th.tel{
	padding-bottom:15px;
}
.contentArticleUnit th.name{
	padding-left:75px;
	font-size:130%;
	font-weight:bold;
	display:table-cell;
	width:52%;
}
.contentArticleUnit .pageTop{
	display:none;
}
.contentArticleUnit a:link {
	color:#135458;
	text-decoration: none;
}
.contentArticleUnit a:visited {
	color:#135458;
	text-decoration: none;
}
.contentArticleUnit a:hover, .contentArticleUnit a:active, .contentArticleUnit a:focus {
	color:#FF9A00;
	text-decoration: none;
}
.contentArticleUnit .feed a:link {
	color:#FFFFFF;
	text-decoration: none;
}
.contentArticleUnit .feed a:visited {
	color:#FFFFFF;
	text-decoration: none;
}
.contentArticleUnit .feed a:hover, .contentArticleUnit .feed a:active, .contentArticleUnit .feed a:focus {
	color:#FFFFFF;
	text-decoration: none;
}

.contentArticleUnit .feed{
	position:absolute;
	top:7px;
	right:15px;
}
.contentArticleUnit ul{
	margin-bottom:20px;
}
.contentArticleUnit .more{
	margin-right:15px;
	margin-bottom:40px;
	text-align:right;
}

/*----- 課別に探す、追加処理（上書きしているところは後で↑修正して消す） -----*/

.contentArticleUnit table{
	margin-bottom:20px;
	color:#333333;
	width:100%;
}
.contentArticleUnit tr{
	border-bottom:20px solid #FFFFFF;
	height:100px;
}
.contentArticleUnit .zenka{
	display: none;
}
.contentArticleUnit th,
.contentArticleUnit td{
	background: #EEEEEE;
	text-align:left;
	width:25%;
}
.contentArticleUnit th.outline,
.contentArticleUnit td.outline{
	display:none;
	width:0%;
}
.contentArticleUnit td.name,
.contentArticleUnit th.name{
	padding-left:75px;
	font-size:130%;
	font-weight:bold;
	width:30%;
}
.contentArticleUnit th.page,
.contentArticleUnit td.page{
	width:20%;
}
.contentArticleUnit th.email,
.contentArticleUnit td.email{
	width:30%;
}
.contentArticleUnit th.tel,
.contentArticleUnit td.tel{
	width:20%;
}


/* -----------------------------------
■準扉ページ
----------------------------------- */

/* ~~ タイトルエリア ~~ */

.titleArea {
}

/* ~~ フロートカバー ~~ */
.titleArea .cover {
	width: 100%;
}
.titleArea .cover:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

/* ~~ フロートリスト（アイテムの横並べに） ~~ */
.titleArea .cover ul {
	text-align:center;
	margin: 0;
	padding: 0;
}
.titleArea .cover li {
	list-style-type:none;
	display:inline;
	margin: 0;
	padding: 0;
}

/* ~~ フロートカラム ~~ */
.titleArea .col1 { 
	display: block;
	float: left;
}
.titleArea .col2 { 
	display: block;
	float: right;
}
.titleArea .col3 { 
	display: block;
	float: right;
}

.titleArea .title {
	font-size: 2.8em;
}

/* ~~ タイトル説明文 ~~ */
.titleArea .explan {
	font-size: 1.1em;
	margin-bottom: 0;
}

/* ~~ 連絡先 ~~ */
.titleArea .contact {
	color: #333333;
	font-size: 1em;
}
.titleArea .contact strong {
	font-weight: normal;
	font-size: 1.5em;
}

/* ~~ メニューエリア ~~ */
.titleArea .menuArea {
	width: 100%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(238,238,238,1) 21%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(238,238,238,1) 21%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(238,238,238,1) 21%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

/* ~~ ガイドエリア ~~ */
.titleArea .guideArea {
	width: 100%;
	min-height: 2em;
	padding: 1em;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(238,238,238,1) 2%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(238,238,238,1) 2%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(238,238,238,1) 2%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}


/* -----------------------------------
■タイトルエリア（個別設定）
----------------------------------- */

/*----- あきつの小野スポーツ公園 -----*/

/* ~~ タイトル ~~ */
.parkMain .title {
	color: #669926;
}
.parkMain .title a {
	color: #669926;
}
/* ~~ タイトル説明文 ~~ */
.parkMain .explan {

}
/* ~~ 連絡先 ~~ */
.parkMain .contact {
	border-left: 2px solid #669926;
	padding-left: 1em;
}

/*----- 扉 -----*/
/* ~~ フロートリスト（アイテムの横並べに） ~~ */
.parkMain{
	margin-bottom:20px;
}
.parkMain h1 {
	text-align: center;
	margin-bottom:0;
	border:none;
}
.parkMain .cover ul {
	text-align:center;
	margin: 0;
	padding: 0;
}
.parkMain .cover li {
	list-style-type:none;
	display:inline;
	margin: 0;
	padding: 0;
}
.parkMain #pr {
	background:url(images/park_pr.jpg) no-repeat center top;
	background-size:contain;
	padding:0;
}
.parkMain .topMenu img {
	width: 22%;
	height: auto;
}

#pr {
	padding-bottom:250px;
	background:url(images/akitsuno/pr.jpg) no-repeat center top;
	padding-top:450px;
	padding-bottom:0;
}

.topMenu img {
	width: 22%;
	height: auto;
}


/*----- やまぶき保育園 -----*/

/* ~~ タイトル ~~ */
.hoikuenMain .title {
	color: #392215;
}
.hoikuenMain .title a {
	color: #392215;
}

/* ~~ タイトル説明文 ~~ */
.hoikuenMain .explan {
	color: #392215;
}

/* ~~ 連絡先 ~~ */
.hoikuenMain .contact {
	border-left: 2px solid #392215;
	padding-left: 1em;
}
.hoikuenMain h1 {
	text-align: left;
	margin-bottom:0;
	border:none;
}
.hoikuenMain {
	margin-bottom:20px;
}

.hoikuenMain .cover img {
	width: 100%;
	height: auto;
}

ul.hoikuenMenu{
	width:100%;
	list-style: none;
margin:0;
padding:0;
}
.hoikuenMenu li {
	float:left;
	width:14.315%;
margin:0;
padding:0;
}
.hoikuenMenu li:first-child {
	width:14.421%;
}
.hoikuenMenu li:last-child {
	width:14%;
}
.hoikuenMenu li {
	float:left;
	width:14.315%;
}
.hoikuenMenu a {
	display:block;
	width:100%;
}
.hoikuenMenu a img{
	width:100%;
	height:auto;
}

/*----- やまぶきホール -----*/

/* ~~ タイトル ~~ */
.hallMain .title {
	color: #333;
	-moz-text-shadow: 3px 3px 5px #669900;
	-webkit-text-shadow: 3px 3px 5px #669900;
	text-shadow: 3px 3px 5px #669900;
}
.hallMain .title a {
	color: #333;
}

/* ~~ タイトル説明文 ~~ */
.hallMain .explan {
	font-weight: bold;
	color: #333;
	-moz-text-shadow: 3px 3px 5px #669900;
	-webkit-text-shadow: 3px 3px 5px #669900;
	text-shadow: 3px 3px 5px #669900;
}

/* ~~ 連絡先 ~~ */
.hallMain .contact {
	border-left: 2px solid #FF9406;
	padding-left: 1em;
}

.hallMain {
	margin-bottom:20px;
}

.hallMain h1 {
	text-align: center;
	margin-bottom:0;
	border:none;
}
.hallMain td.tableBg {
	background-color: #FFF;
	background-image: url(images/bg_table.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*----- 川上村×大阪工業大学 -----*/
/* ~~ タイトル ~~ */
.oitMain .title {
	color: #333;
	margin-bottom: 0;
}
.oitMain .title a {
	color: #333;
}

/* ~~ タイトル説明文 ~~ */
.oitMain .explan {
	font-weight: bold;
	color: #333;
	margin-bottom: 1.25em;
}

/* ~~ 連絡先 ~~ */
.oitMain .contact {
	border-left: 2px solid #99661B;
	padding-left: 1em;
}

.oitMain {
	margin-bottom:20px;
}

.oitMain h1 {
	text-align: left;
	margin-bottom:0;
	border:none;
}

.oitMain .pagebody img {
	width: 100%;
	height: auto;
}

/*----- 診療所通信 -----*/

/* ~~ タイトル ~~ */
.shinryoMain .title {
	color: #27239A;
}
.shinryoMain .title a {
	color: #27239A;
}

/* ~~ 連絡先 ~~ */
.shinryoMain .contact {
	border-left: 2px solid #27239A;
	padding-left: 1em;
}

.shinryoMain {
	margin-bottom:20px;
}

.shinryoMain h1 {
	text-align: left;
	margin-bottom:0;
	border:none;
}

.shinryoMain h2 {
	background:none;
	margin-bottom:0;
	padding-left:0;
}

/* ~~ 診療所トップの概要用テーブル設定 ~~ */
.body .shinryoMain table {
	line-height: 1.3em;
	border: none;
	background:none;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.body .shinryoMain th {
	border: none;
	background:none;
	color: #3633C8;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding-right: 20px;
	padding-bottom: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	white-space: nowrap;
}
.body .shinryoMain td {
	border: none;
	background:none;
	vertical-align: top;
	padding-bottom: 15px;
	padding-left: 20px;
}

/* ★20170901_修正 */

/*----- 川上村立図書館 -----*/

/* ~~ タイトル ~~ */
.libraryMain .title {
	color: #FFF;
	text-shadow:
	-2px -2px 3px #006600,
	2px -2px 3px #006600,
	2px 2px 3px #006600,
	-2px 2px 3px #006600;
}
.libraryMain .title a {
	color: #FFF;
}

/* ~~ タイトル説明文 ~~ */
.libraryMain .explan {
	font-weight: bold;
	color: #FF9900;
}

/* ~~ 連絡先 ~~ */
.libraryMain .contact {
	border-left: 2px solid #006600;
	padding-left: 1em;
}

.libraryMain {
	background-color: #FFCC00;
	margin-bottom:20px;
}

.libraryMain .wrapper {
	width:100%;
	max-width:720px;
	margin:0 auto;
}

.libraryMain .wrapper h1 {
	width:100%;
	max-width:400px;
	margin:0 auto;
}
.libraryMain .wrapper h1 img {
	width:100%;
	height:auto;
}

.libraryMain .freeTable {
	display:table;
}

.libraryMain #sideblk {
	/*width:154px;*/
	width:21.4%;
	/*padding-top:100px;*/
	line-height:0;
	display:table-cell;
	vertical-align: bottom;
	padding-bottom:10px;
}
.libraryMain #sideblk img {
	width:100%;
	height:auto;
}
.libraryMain #sideblk ul.linkbnr {padding:0;margin-top:71px;}
.libraryMain #sideblk ul.linkbnr li {list-style-type:none;margin-bottom:8px;}

.libraryMain #mainblk {
	width:55.55%;
	display:table-cell;
	vertical-align: bottom;
}
.libraryMain #mainblk .mainsection {
	width:100%;
}
.libraryMain #mainblk .mainsection ul.mainmenu {font-size:1%;padding:0;margin-bottom:15px;}
.libraryMain #mainblk .mainsection ul.mainmenu li {
	list-style-type:none;
	float:left;
	width:25%;
	margin:0;
	padding:0;
}
.libraryMain #mainblk .mainsection ul.mainmenu li img{
	width:100%;
	height:auto;
}
.libraryMain .subsection {
	width:23.05%;
	/*padding-top:60px;*/
	line-height:0;
	display:table-cell;
	vertical-align: bottom;
	padding-bottom:15px;
}
.libraryMain .subsection img {
	width:100%;
	height:auto;
}

.libraryMain h1 {
	text-align: left;
	border:none;
	margin:0 0 0 154px;
	padding:0;
	line-height:0;
}
.libraryMain h2 {clear:both;margin:0;padding:0;}
.libraryMain a img {border:none;}

.libraryMain .wrapper:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

@media only screen and (max-width: 640px) {
.contentArticleUnit th,
.contentArticleUnit td{
	text-align:center;
}
.contentArticleUnit th.name,
.contentArticleUnit td.name{
	text-align:left;
}

}


/* ★20170901_修正追加分 */

/* フリー用サイドメニュー */

/* ■サイドメニュー */
.freeMenu {
	padding: 0 0 0 7.5px;
}
.freeMenu ul { 
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	font-size: 13px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.freeMenu ul li {
	margin: 0.5em 0 0.5em 0;
}
.freeMenu ul li a {
	color: #663300;
	display: block;
	border: 1px solid #663300;
	padding: 0.5em 0.25em;
	text-decoration: none;
	line-height: 115%;
}
.freeMenu ul li a:hover {
	color: #CC0000;
}