@charset "utf-8";
/* CSS Document */

/*
Theme Name: 徳島県勤労者福祉ネットワーク 2025/11
Version: 1.3
Author: k-design
*/

@import url(css/post.css);
@import url(css/widget.css);
@import url(css/comments.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

body {
	font-size:14px;
	line-height:1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-y: scroll;
	position:relative;
	border-top:5px solid #0B50A2;
	background:#F9F7F1;
	color:#333333;
}

ol, ul {
	list-style:none;
}

table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

caption, th, td {
	padding:10px 0;
	font-weight:normal;
	text-align:left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    content:none;
}

blockquote, q {
    quotes:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align:bottom;
}

a img {
	border: 0;
}

a:hover img,
a:active img{
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

hr{
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select{
    vertical-align:middle;
}

/* 注意 */

.red{
	color:#FF0000;
}

/* text right */

.txt_r{
	padding-top:10px;
	text-align:right;
	clear:both;
}

/* Pagenavi */

.tablenav {
	color: #2583ad;
	margin: 1em 0;
	line-height:2em;
	clear:both;
	font-size:80%;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
}

a.page-numbers:hover {
	color:white;
	background: #333333;
}

.tablenav .current {
	color: white;
	background: #333333;
	border-color: #333333;
	font-weight:bold;
}

.tablenav .next, .tablenav .prev{
	border:0 none;
	background:transparent;
	color:#FFFFFF;
}

.tablenav a.next, .tablenav a.prev{
	background: #333333;
}

/* ===== Navigation ===== */

.navigation{
	padding:30px 0;
	color:#888;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
}

.nav-previous{
	float:left;
	width:40%;
}

.nav-next{
	float:right;
	text-align:right;
	width:40%;
}

.nav-next a,
.nav-previous a{
	padding:3px 15px;
	background:#0E4C96;
	color:#FFFFFF;
	display:inline-block;
	text-decoration:none;
}

/* bread_crumbs */

.bread_crumbs{
	margin:30px 0 50px;
	font-size:12px;
	text-align:right;
}

.bread_crumbs a.pagetop{
	width:17px;
	height:0;
	margin-right:5px;
	padding-top:19px;
	background:url(image/home.png) no-repeat 0 4px;
	overflow:hidden;
	display:inline-block;
}

/* back_btn */

.back_btn{
	position:fixed;
	bottom:40px;
	right:30px;
}

/* alignleft */

.alignleft{
	float:left;
}

/* alignright */

.alignright{
	float:right;
}

/* ===== 共通 ===== */

h2{
	margin-bottom:20px;
	padding-bottom:5px;
	color:#39ABD2;
	font-size:26px;
	border-bottom:1px dotted #AAAAAA;
}

#contents h3{
	margin-bottom:20px;
	padding:10px 15px;
	background:#519CBA;
	color:#FFFFFF;
	border-radius:5px;
}

/* ===== wrapper ===== */

#wrapper{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

/* ===== header ===== */

#header{
	width:240px;
	float:left;
}

/* widget */

#header .widget{
	margin-bottom:30px;
	overflow:hidden;
}

#header .widget .widget{
	margin-bottom:10px;
}

/* global_menu */

#global_menu ul{
	margin:0;
	padding:0;
	border-top:1px solid #CCCCCC;
}

#global_menu li{
	margin:0;
	padding:0;
	border-bottom:1px solid #CCCCCC;
	list-style:none;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#global_menu li a{
	height:50px;
	line-height:50px;
	color:#0E4C96;
	text-decoration:none;
	font-size:14px;
	font-weight:600;
	display:block;
}

/* acc */

#header .acc p{
	margin-bottom:10px;
	font-size:13px;
}

/* newsletter */

#newsletter{
	padding:15px;
	border:1px solid #DDDDDD;
	background:#F9F9F9;
	font-size:12px;
}

#newsletter h3{
	margin-bottom:10px;
}

/* banner */

#header .banner ul{
	margin-left:0;
}

#header .banner li{
	margin:0;
	list-style:none;
}

/* ===== contents ===== */

#contents{
	width:730px;
	margin-bottom:30px;
	float:right;
	overflow:hidden;
	position:relative;
}

.single #contents{
	padding-top:82px !important;
}

#contents .post a[href $='.pdf']{
	background:url(image/pdf_icon.png) no-repeat center right;
	padding:2px 32px 2px 0;
	color:#0E7AC4;
	text-decoration:underline;
}

#contents .post a[href $='.pdf']:hover{
	text-decoration:none;
}

/* main-image */

#main-image{
	margin-bottom:30px;
}

#main-image img{
  max-width:inherit;
}

/* service */

#service{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#service img{
  max-width:inherit;
}

#service .service1{
	position:absolute;
	top:200px;
	left:50px;
}

#service .service2{
	position:absolute;
	top:30px;
	left:140px;
}

#service .service3{
	position:absolute;
	top:80px;
	left:370px;
}

#service .service4{
	position:absolute;
	top:230px;
	left:540px;
}

#service .service5{
	position:absolute;
	top:335px;
	left:100px;
}

/* concept */

#contents .concept{
	border-bottom:1px solid #CCCCCC;
}

/* news */
#news{
	width:335px;
	margin-bottom:30px;
	padding-right:29px;
	float:left;
	border-right:1px solid #CCCCCC;
}

#news_feed{
	width:100%;
	margin-bottom:30px;
	clear:both;
}

#news h2,#news_feed h2{
	padding:0;
	font-size:18px;
	border:none;
}

#news ul,#news_feed ul{
	margin-top:-50px;
	margin-bottom:60px;
}

#news ul li,#news_feed ul li{
	float:right;
}

#news dl,#news_feed dl{
	padding-top:15px;
	border-top:1px dashed #CCCCCC;
}

.event .news dl{
	padding-top:15px;
}

#news dl dt{
	color:#666666;
	font-size:12px;
}

#news_feed dl dt,.event .news dl dt{
	margin-bottom:10px;
	color:#666666;
	font-size:12px;
}

#news dl dt span.blogtitle{
	margin-left:20px;
	padding:1px 5px;
	font-size:11px;
	background:#0E4C96;
	color:#FFFFFF;
	display:inline-block;
	float:right;
}

#news_feed dl dt span.blogtitle{
	margin-left:20px;
	padding:1px 5px;
	font-size:11px;
	background:#0E4C96;
	color:#FFFFFF;
	display:inline-block;
}

.event .news dl dt span.blogtitle{
	margin-left:20px;
	padding:1px 5px;
	font-size:11px;
	background:#0E4C96;
	color:#FFFFFF;
	display:inline-block;
}

#news dl dd,#news_feed dl dd,.event .news dl dd{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dashed #CCCCCC;
	font-size:12px;
}

/* facebook */

#facebook{
	width:335px;
	margin-bottom:30px;
	float:right;
}

/* ===== footer ===== */

#footer{
	background:#0E4C96;
	color:#FFFFFF;
}

#footer .footer{
	width:1000px;
	margin:0 auto;
	padding:5px 0;
	overflow:hidden;
}

/* f_menu */

.footer ul.f_menu{
	overflow:hidden;
	float:left;
}

.footer ul.f_menu li{
	margin-right:25px;
	float:left;
	font-size:12px;
}

.footer ul.f_menu li a{
	color:#FFFFFF;
	text-decoration:none;
}

.footer ul.f_menu li a:hover{
	text-decoration:underline;
}

.footer ul.f_menu li.link{
	padding-left:20px;
	background:url(image/link-icon.png) no-repeat;
}

.footer ul.f_menu li.privacy{
	padding-left:20px;
	background:url(image/copy-icon.png) no-repeat;
}

.footer ul.f_menu li.home{
	padding-left:20px;
	background:url(image/home-icon.png) no-repeat;
}

.footer ul.f_menu li.note{
	padding-left:20px;
	background:url(image/note-icon.png) no-repeat;
}

/* copy */

.footer p.copy{
	float:right;
	font-size:11px;
}

/* ===== 理事長挨拶 ===== */

.greeting #contents .photo{
	margin:0 0 20px 20px;
	float:right;
	text-align:center;
}

.greeting #contents .photo img{
	margin-bottom:10px;
	border:1px solid #CCCCCC;
}

/* ===== 組織概要 ===== */
/* ===== 情報公開 ===== */

.summary #tabs, .information-disclosure #tab, .information-disclosure #tab_sosiki{
	margin:0 0 30px;
}

.information-disclosure #tab li, .information-disclosure #tab_sosiki li, .information-disclosure #tab_sosiki li{
	width:155px;
	margin:0 5px 50px 0;
	padding:5px 10px;
	border:1px solid #2B4E91;
	text-align:center;
	background:#FFFFFF;
	letter-spacing:3px;
	border-radius:5px;
	color:#2B4E91;
	float:left;
	cursor:pointer;
}
.summary #tabs li,.summary .link li{width:175px;margin:0 5px 50px 0;text-align:center;letter-spacing:3px;float:left;}
.summary #tabs li a,.summary .link li a{display:block;padding:5px 10px;border:1px solid #2B4E91;background:#FFFFFF;border-radius:5px;color:#2B4E91;text-decoration:none;transition:0.4s;}

.information-disclosure #tab_sosiki li {
    width: 210px;
}
.summary #tabs li.select a,.summary .link li:hover a, .summary #tabs li a.select, .information-disclosure #tab li.select{
	border-bottom:1px solid #CCCCCC;
	background:#2B4E91;
	color:#FFFFFF;
}
.information-disclosure #tab_sosiki ul{list-style: none;padding: 0;}
.information-disclosure #tab_sosiki li , .disclosure_btn {position: relative;}
.information-disclosure #tab_sosiki li a , .disclosure_btn a{
  display: block;
  width: 100%;
  padding: 0;
  text-align: center;
  text-decoration: none;
  color: #2B4E91;
}

.summary .map , .information-disclosure .map{
	width: 99%;
	height: 400px;
	margin: 20px 0;
	border: #ccc solid 1px;
}

.summary #contents .no-action , .information-disclosure #contents .no-action{
	display:none;
}

.summary #contents table tr , .information-disclosure #contents .no-action{
	border-bottom:1px dotted #999999;
}

.summary #contents table th{font-weight:bold;}
.summary #contents table.story th{width:80px;}
.summary #contents table.story td:nth-of-type(1){width:120px;}
.summary #contents table.member th{width:80px;}
.summary #contents table.member td:nth-of-type(1){width:120px;}

.summary #s2 .story{width:100%;}

/* ===== 会員特典 ===== */

.member #contents .post .des table{
	width:inherit;
	margin-bottom:20px;
	background:#FFFFFF;
}

.member #contents .post .des table caption{
	caption-side:bottom;
	font-size:11px;
}

.member #contents .post .des table th,
.member #contents .post .des table td{
	padding:5px 45px 5px 15px;
	border:1px solid #CCCCCC;
}

.member #contents .post .des table th{
	vertical-align:middle;
	background:#519CBA;
	color:#FFFFFF;
}

.member #contents .post .des p.line_clear{
	padding:30px 0;
	clear:both;
}

.member #contents .post .des .left_box,
.member #contents .post .des .right_box{
	width:320px;
}

.member #contents .post .des .left_box{
	float:left;
}

.member #contents .post .des .right_box{
	float:right;
}

.member #contents .post .des h2.flow1{
	padding:10px 0 0 45px;
	background:url(image/flow1.png) no-repeat;
}

.member #contents .post .des h2.flow2{
	padding:10px 0 0 45px;
	background:url(image/flow2.png) no-repeat;
}

.member #contents .post .des h2.flow3{
	padding:10px 0 0 45px;
	background:url(image/flow3.png) no-repeat;
}

.member #contents .post .des h2.flow4{
	padding:10px 0 0 45px;
	background:url(image/flow4.png) no-repeat;
}

.member #contents .post .des h2.flow5{
	padding:10px 0 0 45px;
	background:url(image/flow5.png) no-repeat;
}

.member #contents .post .des h2.flow6{
	padding:10px 0 0 45px;
	background:url(image/flow6.png) no-repeat;
}

/* ===== 会報一覧 ===== */

#contents .newsletter ul{
	margin-bottom:40px;
	margin-left:15px;
}

#contents .newsletter li{
	margin-bottom:10px;
	padding-left:5px;
	list-style-image:url(image/book.png);
}

.newsletter li span.date{
	margin-right:20px;
}

.newsletters #contents{
	background:url(image/newsletter.png) no-repeat right 165px;
}

.newsletters .newsletter-box .center a{
	width:300px;
	margin:0 auto;
	padding:8px 0;
	border:1px solid #0E4C96;
	color:#0E4C96;
	display:block;
	text-align:center;
	letter-spacing:.15em;
	text-decoration:none;
	font-size:12px;
}

.newsletters .newsletter-box .center a:hover{
	background:#0E4C96;
	color:#FFFFFF;
}

/* ===== リンク ===== */

.link #contents ul li{
	list-style:url(image/link_icon.gif);
}

/* ===== お問い合せ ===== */

#contact{
	width:100%;
	margin-bottom:20px;
	background:#FFFFFF;
}

#contact th,
#contact td{
	padding:10px;
	border:1px solid #CCCCCC;
}

#contact th{
	width:150px;
	background:#F5F5F5;
	vertical-align:middle;
}

#contact td{
	width:500px;
}

#contact td span.example{
	font-size:11px;
	color:#666666;
}

#contact td input[type="text"],
#contact td textarea{
	width:90%;
	padding:2px 10px;
}

.submit_btn{
	text-align:center;
}

.submit_btn input{
	margin-right:20px;
	padding:5px 30px;
}

/* ===== archive ===== */

.archive #contents{
	padding-top:102px;
}

.archive #contents .post{
	border:none;
}

.archive #contents .news dl{
	clear:both;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
}

.archive #contents .news dt{
	margin:0 20px 20px 0;
	float:left;
}

.archive #contents .news dd{
	width:500px;
	float:right;
}

/* category-newsletter */

.category-newsletter .newsletter h3{
	clear:both;
}

.category-newsletter .newsletter ul{
	overflow:hidden;
}

.category-newsletter .newsletter ul li{
	width:32%;
	margin:0 0 5px 0;
	padding:0;
	float:left;
	list-style:none;
	font-size:12px;
}