@charset "utf-8";
/*
Theme Name: 鹿児島県弁護士会
Theme URI: http://www.kben.jp/
Description: 鹿児島県弁護士会
Author: frida
Author URI: https://www.frida-studio.com/
Version: 1.0
*/


body {
	margin:0;
	padding:0;
	font-size: 90%;
	}

#topimg{
	background:#FAF6E2;
	margin:10px 0 0;
	padding:10px;
	text-align: center;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	}
	
.clearfix {
	zoom: 1;
	}

img{
	border:none;
	}

a {
	color:#960;
	}

a:hover {
	color:#D98000;
	}

a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}

p{
	margin: 0;
	padding: 10px 10px 5px;
	line-height: 160%;
	}



/*--- header -------*/
#header{
	background:url(img/head_bg.jpg) top center repeat-x;
	margin:0;
	padding:0;
	min-width:950px;
	}

h1{
	width:100%;
	margin:0;
	padding:0;
	font-size:12px;
	color:#333;
	font-weight:normal;
	height:15px;
	padding:6px 0 0;
	}

#search_tel{
	float:right;
	height:104px;
	}

#search_bg{
	margin:0;
	padding:0 0 0 74px;
	height:25px;
	width:177px;
	background:url(img/search_bg.gif) no-repeat;
	}
	
#head_mobtel{
	display:none;
	}

#mob_rogo{
	display:none;
	}


/*--- nav menu -------*/
.menubtn{
	display:none;
	}

#gnav{
	height:37px;
	background:url(img/bg_menu.jpg) repeat-x;
	}

#menu{
	width:950px;
	height:37px;
	margin:0 auto 0;
	}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#menu ul li {
	margin:0;
	padding:0;
	float:left;
	height:37px;
	}

#menu ul li a {
	height:37px;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	}

#m_home a{
	width:95px;
	background:url(img/menu.jpg) 0 0;
	}

#m_home a:hover{
	background:url(img/menu.jpg) 0 -37px;
	}

#m_homes a{
	width:95px;
	background:url(img/menu.jpg) 0 -37px;
	}

#m_annai a{
	width:260px;
	background:url(img/menu.jpg) -95px 0;
	}

#m_annai a:hover{
	background:url(img/menu.jpg) -95px -37px;
	}

#m_annais a{
	width:260px;
	background:url(img/menu.jpg) -95px -37px;
	}

#m_member a{
	width:123px;
	background:url(img/menu.jpg) -355px 0;
	}

#m_member a:hover{
	background:url(img/menu.jpg) -355px -37px;
	}

#m_members a{
	width:123px;
	background:url(img/menu.jpg) -355px -37px;
	}

#m_recruit a{
	width:136px;
	background:url(img/menu.jpg) -478px 0;
	}

#m_recruit a:hover{
	background:url(img/menu.jpg) -478px -37px;
	}

#m_recruits a{
	width:136px;
	background:url(img/menu.jpg) -478px -37px;
	}

#m_links a{
	width:101px;
	background:url(img/menu.jpg) -614px 0;
	}

#m_links a:hover{
	background:url(img/menu.jpg) -614px -37px;
	}

#m_linkss a{
	width:101px;
	background:url(img/menu.jpg) -614px -37px;
	}

#m_access a{
	width:119px;
	background:url(img/menu.jpg) -715px 0;
	}

#m_access a:hover{
	background:url(img/menu.jpg) -715px -37px;
	}

#m_accesss a{
	width:119px;
	background:url(img/menu.jpg) -715px -37px;
	}

#m_inquiry a{
	width:116px;
	background:url(img/menu.jpg) -834px 0;
	}

#m_inquiry a:hover{
	background:url(img/menu.jpg) -834px -37px;
	}

#m_inquirys a{
	width:116px;
	background:url(img/menu.jpg) -834px -37px;
	}




/*--- side -------*/
#sub {
	float:left;
	width:235px;
	margin:0 0 20px;
	}

#sub ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}

#sub li {
	margin:5px 0;
	background:url(img/list_mark.gif) no-repeat 14px;
	padding:1px 0 0 32px;
	line-height:1.4;
	}

#sub li a {
	text-decoration:underline;
	font-weight:bold;
	color:#333;
	font-size:95%;
	display:block;
	}

#sub li a:hover {
	color:#D98000;
	}

#sub .section {
	margin:10px 0;
	}

.section3 {
 margin:8px auto 0;
	}

.annai_l {
	width:231px;
	background:#F8F7F4;
	margin:0 auto 10px;
	padding:0 0 10px;
	border:2px solid #C7C1A3;
	}

.subbox1 {
	width:230px;
	background:url(img/news_box.jpg) repeat-y;
	overflow: hidden;
	margin:0;
	padding:0;
	}

.s_news_top {
	width:230px;
	background: url(img/news_box_top.jpg) no-repeat 0 0;
	overflow: hidden;
	margin:0;
	height: 17px;
	padding:0 0;
	}

.subbox1_b {
	width:230px;
	background:url(img/side_bgb.jpg) no-repeat 50% 100%;
	margin:0;
	padding:1px 0 15px 0;
	}

.subbox1_tit {
	width:208px;
	margin:17px;
	background-color:#193263;
	text-align:center;
	color:#FFF;
	}

.subbox1 p{
	margin:10px;
	}


.sidet{
	width:211px;
	height:16px;
	margin:10px 0 0;
	padding:10px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#825625;
	background:#F2F0EA;
	border:#E0DCCB solid 2px;
	}

#sub .sidem{
	width:235px;
	margin:0;
	padding:0;
	}

#sub .sidem ul{
	width:235px;
	margin:0;
	padding:0;
	list-style-type:none;
	}

#sub .sidem li{
	width:203px;
	margin:0;
	padding:5px 20px 5px 10px;
	border-bottom:#C4D1B4 dotted 1px;
	background:none;
	}


#sub .sidem li a {
	text-decoration:underline;
	display:block;
	color:#333;
	font-size:100%;
	font-weight:100;
	}

#sub .sidem li a:hover {
	color:#F60;
	}



/*--- cont -------*/
.cont{
	width:950px;
	margin:0 auto;
	padding:0;
	}

#main {
	float:right;
	width:700px;
	margin-left:10px;
	margin-top:10px;
	}

#main .mainbox1 {
	background: url(img/contents_bg1.jpg) repeat-y;
	margin:0 auto 10px;
	}

#main .mainbox1 ul {
	margin:0 auto 0;
	padding:0;
	list-style:none;
	width:669px;
	}

#main .mainbox1 ul li {
	width:156px;
	margin:0 5px 10px;
	float:left;
	padding:0 0;
	height:43px;
	}

#main .mainbox1 ul li a {
	width:156px;
	padding:0 0;
	display:block;
	}

.date{
	width:32%;
	float:left;
	padding:0;
	color:#666;
	font-weight:bold;
	}

.newst{
	width:67%;
	float:right;
	color: #333;
	}

#topics {
	background: url(img/topics_bg.gif) no-repeat;
	padding: 10px 0 0;
	}

.cat-event{
	background: #649C60;
	padding:3px 0;
	margin:0 0 0 8px;
	font-size:12px;
	color:#FFF;
	line-height:100%;
	text-decoration:none;
	text-align:center;
	}

.cat-accident,
.cat-inheritance,
.cat-dv,
.cat-touban,
.cat-minbo,
.cat-hanzai,
.cat-committe,
.cat-labor,
.cat-handicapped,
.cat-ground,
.cat-debt,
.cat-bullying,
.cat-company,
.cat-seiho,
.cat-adr{
	background: #649C60;
	padding:3px 0;
	margin:0 0 0 8px;
	font-size:12px;
	color:#FFF;
	line-height:100%;
	text-align:center;
	}

.cat-news{
	background: #AF0709;
	padding:3px 0;
	margin:0 0 0 8px;
	font-size:12px;
	color:#FFF;
	line-height:100%;
	text-decoration:none;
	text-align:center;
	}

.cat-voice,
.cat-rec-warn{
	background: #944D98;
	padding:3px 0;
	margin:0 0 0 8px;
	font-size:12px;
	color:#FFF;
	line-height:100%;
	text-decoration:none;
	text-align:center;
	}

.cat-rec-warn{
	background:#eaf224;
	color:#000;
}

.ttl_area{
	background: url(img/bar.gif) no-repeat 0 100%;
	width: 676px;
	margin: 0 auto;
	padding: 0 0 10px 5px;
	overflow: hidden;
	}

.ttl_area .ttl{
	float: left;
	font-size: 17px;
	font-weight:bold;
	color:#630;
	padding:2px 0 0 5px;
	}

.notice {
	position:relative;
	padding:5px 0;
	}

.btn_more {
	float:right;
	padding:0 10px 0 0;
	}

.notice ul {
	list-style: none;
	margin:5px auto 10px;
	padding: 0 0;
	width: 95%;
	}

.notice li {
	padding:5px 0 8px 20px;
	margin-left:0px;
	line-height:1.4;
	width: 95%;
	background: url(img/list_mark2.gif) left top no-repeat;
	}

.notice li span {
	display:inline-block;
	width:100px;
	text-indent:0;
	}

.notice li a {
	color:#663300;
	text-decoration:underline;
	}

.notice li a:hover {
	color:#333333;
	text-decoration:underline;
	}

#topics2 {
	width:100%;
	background: url(img/topics_bg.gif) no-repeat;
	padding: 10px 0 0;
	}

#player{
	margin:10px 0;
	}

#pmap{
	margin:0 0 10px;
	padding:3px;
	font-size:13px;
	color:#666;
	}

div#main h2 {
	background: url(img/title_bg2.jpg) no-repeat;
	width: 695px;
	height: 41px;
	margin:0 0 15px;
	padding:15px 0 0 5px;
	text-align: left;
	color: #630;
	font-size: 20px;
	font-weight: bold;
	}

div#main h3 {
	background: url(img/title_bg3.gif) no-repeat bottom;
	width:695px;
	margin:0;
	padding:3px 0 5px 5px;
	text-align: left;
	color: #336600;
	font-size:18px;
	font-weight: bold;
	}

div#main h3 a{
	color: #336600;
	}

div#main h4 {
	background:#EDECDC;
	height: 20px;
	margin:10px auto;
	padding:8px;
	text-align: left;
	color: #663300;
	font-size:15px;
	font-weight: bold;
	}

#main h5 {
	background:#F4E6CC;
	font-weight:bold;
	color: #663300;
	font-size:13px;
	border-bottom:#FC6 dotted 1px;
	margin:0;
	padding:5px;
	}

.m10_10_30>table.tbl1>tbody>tr>td>.list01 ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.m10_10_30>table.tbl1>tbody>tr>td>.list01 ul li{
	margin: 0;
	padding:4px 0 0 14px;
    background: url(img/list_mark2.gif) no-repeat 0 0;
	}


.m10_10_30 ul {
	list-style: none;
	margin:0;
	padding:0;
	}

.m10_10_30 ul li {
	margin: 0 0 10px 0px;
	padding: 1px 0 2px 20px;
	background: url(img/lsicon1.gif) no-repeat 0 0;
	}

.m10_10_30 ol {
	margin:0;
	padding:0 10px 0 30px;
	}

.m10_10_30 ol li {
	margin: 0;
	padding:0;
	line-height:160%;
	}

.news_date {
	margin: 10px auto 0;
	padding: 0 0;
	width: 97%;
	text-align:right;
	color: #999;
	}

.box_txt {
	padding:0;
	width:97%;
	margin:0 auto 0;
	padding:8px;
	background:#F1F1E9;
	}

.box_txt2 {
	padding:0;
	width:70%;
	margin:0 auto 0;
	background:#F9F9F7;
	border: #D8DCCD 3px solid;
	padding:8px;
	}

.box_txt3 {
	padding:0;
	width:90%;
	margin:0 auto 0;
	background:#F9F9F7;
	border: #D8DCCD 3px solid;
	padding:8px;
	}

.box_txt4 {
	padding:0;
	width:91%;
	margin:0 auto 0;
	background:#D8DCCD;
	padding:8px;
	}

.box_txt5 {
	padding:0;
	width:94%;
	margin:10px auto 30px;
	background:#F9F9F7;
	border: #D8DCCD 3px solid;
	padding:8px;
	}

.map{
	width:500px;
	margin:0 0 20px;
	}

.map2{
	float:right;
	width:240px;
	margin:0 0 10px 10px;
	}

.map_box{
	width:98%;
	margin:0 auto 10px;
	padding:3px;
	border:1px solid #CCC;
	}

.map_box2{
	float:right;
	width:240px;
	margin:0 0 10px 10px;
	border:1px solid #CCC;
	padding:3px;
}

#ct_news {
	width:95%;
	margin: 0 auto 20px;
	}

#ct_news ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#ct_news ul li{
	margin:0;
	padding:9px 0;
	border-bottom:1px dotted #ADADAD;
	}

.ctnewsdate {
	width:15%;
	float:left;
	color:#666;
	font-weight:bold;
	}

.ctnewstit {
	width:83%;
	float:right;
	}

.ctnewstit a {
	text-decoration: underline;
	}

.subpage_event_cat{
	width:95%;
	margin:0 auto 20px;
	padding:0 0 20px;
	border:2px solid #336600;
	background:#F0F7EB;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	behavior: url(/PIE.htc);
	position: relative;
	}

div#main>.subpage_event_cat h4{
	background:#336600;
	margin:0 0 15px;
	padding:14px 10px 10px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	}

.subpage_event_cat ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.subpage_event_cat ul li{
	margin:0;
	padding:9px 0;
	border-bottom:1px dotted #ADADAD;
	}

.subpage_event_cat_date{
	width:15%;
	float:left;
	padding:0 0 0 10px;
	}

.subpage_event_cat_tit{
	width:80%;
	float:right;
	padding:0 10px 0 0;
	}

.cat-ichiran{
	background:#8C7A4F;
	padding:4px 13px;
	font-size:13px;
	color:#FFF;
	line-height:100%;
	text-decoration:none;
	}

a.cat-ichiran:hover{
	color:#FFF;
	background:#C5BCA7;
	}

.cat-ichiran-news{
	background:#AF0709;
	padding:4px 13px;
	font-size:13px;
	color:#FFF;
	line-height:100%;
	text-decoration:none;
	}

a.cat-ichiran-news:hover{
	color:#FFF;
	background:#f49c9d;
	}

.cat-ichiran-event{
	background:#649C60;
	padding:4px 13px;
	font-size:13px;
	color:#FFF;
	line-height:100%;
	text-decoration:none;
	}

a.cat-ichiran-event:hover{
	color:#FFF;
	background:#b1daae;
	}

.cat-ichiran-voice,
.cat-ichiran-rec-warn{
	background:#944D98;
	padding:4px 13px;
	font-size:13px;
	color:#FFF;
	line-height:100%;
	text-decoration:none;
	}

a.cat-ichiran-voice:hover{
	color:#FFF;
	background:#dfb8e1;
	}

.cat-ichiran-rec-warn{
	background:#eaf224;
	color:#000;
}

.cat-ichiran-rec-warn:hover{
	background:#FCFFB9;
	color:#000;
}

.top-bnr-box{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
}

.kaichou_img_fr{
	float:right;
	margin:5px 5px 20px 20px;
	}

/*--- video----------*/
.video_box{
    width:95%;
    margin:0 auto 30px;
    padding:30px 0;	
}

.video_box_fl {
    width:320px;
    float:left;
    text-align:center;
    margin:0 auto 30px;
}

.video_box_fr {
    width:320px;
    float:right;
    text-align:center;
    margin:0 auto 30px;
}

.cont_video {
	position:relative;
	width:100%;
	padding-top:56.25%;
}

.cont_video iframe {
	position:absolute;
	top:0;
	right:0;
 	width:100% !important;
	height:100% !important;
}



/*--- table----------*/
.tbl1{
	width:100%;
	border-collapse:collapse;
	margin:0 0 15px;
	line-height:170%;
	}

.tbl1 td{
	border:#ADA57A solid 1px;
	padding:8px;
	}

.tbl2{
	width:100%;
	border-collapse:collapse;
	margin:0 0 15px;
	line-height:170%;
	}

.tbl2 td{
	border-bottom:#ADA57A dotted 1px;
	padding:8px;
	vertical-align:top;
	}

.tbl3{
	width:420px;
	border-collapse:collapse;
	margin:0 0 15px;
	line-height:170%;
	}

.tbl3 td{
	border:#ADA57A solid 1px;
	padding:8px;
	}

.tbl4{
	width:100%;
	border-collapse:collapse;
	margin:20px 0;
	line-height:170%;
	}

.tbl4 td{
	border:#ADA57A solid 1px;
	padding:3px;
	}

.tbl5{
	width:100%;
	border-collapse:collapse;
	margin:0 0 15px;
	line-height:170%;
	}

.tbl5 td{
	border-bottom:#ADA57A dotted 1px;
	padding:8px;
	vertical-align:middle;
	}

.color01 {
	background:#FAFAF5;
	}

.color02 {
	background:#E8E0C1;
	}

.fs12{
	font-size:12px;
	}

.fs10{
	font-size:10px;
	}


.junkai_tbl{
	width: 100%;
	border-collapse: collapse;
	line-height:1.7;

}

.junkai_tbl td,
.junkai_tbl th{
	padding: 5px;
	border: 1px solid #ADA57A;
}

.junkai_tbl th{
	font-weight: bold;
}

.junkai_tbl thead th{
	background:#FAFAF5;
	padding: 8px;
}


/*--- saigaitokusetsu_page ------*/
#saigainews_list_img ul{
	margin:0 auto 0;
	padding:0;
	list-style:none;
	text-align:center;
	}

#saigainews_list_img ul li{
	display:inline-block;
	width:200px;
	margin:10px;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
	line-height: 1.6;
	}

#saigainews_list_img ul li img{
	width:98%;
	border:1px solid #ccc;
	}

.m10{
	margin:10px 0;
}

#saigainews_list_img a{
	color:#FFFFFF;
	text-decoration:none;
}

#saigainews_list_img a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.saigai_btn{
	text-align:center;
	padding:3px 1px;
	margin:0 0 10px;
	color:#FFFFFF;
	font-weight:bold;
	border:3px #709214 solid;
	background:#889D4F;
	-webkit-border-radius: 7;
	-moz-border-radius: 7;
	border-radius: 7px;
	behavior: url(/PIE.htc);
	position:relative;
	}

/*--- calendar ------*/
.calendar ul{
	margin:0 auto 30px;
	padding:0;
	list-style:none;
	text-align:center;
}

.calendar li{
	display:inline-block;
	width:326px;
	margin:10px;
	vertical-align:top;
}

.calendar li img{
	width:100%;
}





/*--- pagetop ------*/
#pagetop {
	padding:10px 0;
	text-align:right;
	clear:both;
	}




/*--- footer ------*/
#footerbg {
	background:#E8E6D9;
	padding:17px 0 15px;
	min-width:950px;
	}

#footer {
	width:950px;
	margin:0 auto 0;
	font-size:90%;
	}

#footbnr {
	width:368px;
	float:left;
	margin:0;
	}

#footbnr img {
	line-height:0;
	}

#footmenu {
	width:403px;
	float:right;
	}

#footmenu ul {
	margin:0;
	padding:5px 0 0 0;
	}

#footmenu li {
	float:left;
	margin:0 0 0 20px;
	list-style:none;
	}

#footmenu li a {
	color:#663300;
	text-decoration:none;
	}

#footmenu li a:hover {
	color:#333;
	}

#foot_mob_rogo{
	display:none;
	}



/*--- common -------*/
.btn1 a{
	padding:5px;
	background:#889D4F;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}

.btn1 a:hover{
	background:#ACBE7C;
	}

.brwn{
	color:#663300;
	}

.gry{
	color:#666;
	}

.red{
	color:#900;
	}

.bold{
	font-weight:bold;
	}

.fl {
	float:left;
	}

.fr {
	float: right;
	}

.cntr {
	text-align: center;
	}

.tl {
	text-align: left;
	}

.tr {
	text-align: right;
	}

.mb5{
	margin-bottom:5px;
	}

.mb10{
	margin-bottom:10px;
	}

.mt10{
	margin-top:10px;
	}
	
.mt20{
	margin-top:20px;
	}

.imgbox_lft{
	margin:0 0 10px 10px;
	}

.m10_10_30{
	margin:10px 10px 30px;
	}

.ml10_mb10 {
	margin:0 0 10px 10px;	
}

.m3{
	margin:3px;
}
	
.gradebox{
	line-height:200%;
	margin:0 10px;
	padding:0;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border:#B28B7F solid 2px;
	background:#80594D;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	behavior: url(/PIE.htc);
	position:relative;
	}

.gradebox a{
	display:block;
	color:#FFF;
	text-decoration:none;
	}

.gradebox a:hover{
	color:#FFC;
	}

.w350{
	width:350px;
	margin:10px auto;
	}

.w150{
	width:150px;
	}

.w200{
	width:200px;
	margin:10px auto;
	text-align:center;
	}

.ruby{
	font-size:10px;
	}

.sp_on_display{
	display:none;
	}

.txt_tel{
	font-weight:bold;
	text-decoration:none;
	font-size:17px;
	color:#663300;
	}

.w235{
	width:235px;
}

.catm{
	display:inline-block;
	margin:0 0 0 10px;
}


/*==============================
================================
レスポンシブ css
================================
==============================*/
@media(max-width:480px){
img {
	border:none;
	max-width:100%;
	height: auto;
	width: auto;
	}
	

/*--- header -------*/
#header{
	background:url(img/head_bg.jpg) top center repeat-x;
	margin:0;
	padding:0;
	min-width:auto;
	}

#header img{
	width: 100%;
	float: none;
	}

h1{
	display:none;
	}

#search_tel{
	display: none;
	}


#head_mobtel{
	display:block;
	}

#head_mobtel a{
	width:90%;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-size:25px;
	background:#9F9562;
	margin:0 auto 0;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	behavior: url(/PIE.htc);
	position: relative;
	}

#mob_rogo{
	display:block;
	text-align:center;
	padding:20px 0;
	}

#mob_rogo img{
	width:90%;
	}

/*--- nav menu -------*/
.menubtn{
	display:block;
	background:#9F9562;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	padding:15px 10px;
	cursor:pointer;
	}

.togmenu{
	display:none;
	}

#gnav{
	background:#FFF;
	height:auto;
	position:relative;
	margin:15px 0 0;
	border-top:none;
	border-bottom:none;
	}

#menu{
	margin:0 auto;
	padding:0;
	width:100%;
	position:static;
	overflow: hidden;
	height:auto;
	}
	
#menu ul{
	float:none;
	left:0;
	position:relative;
	}

#menu ul li{
	float:none;
	left:0;
	position:relative;
	height:auto;
	background:#F0EFE1;
	width:auto;
	border-bottom:1px solid #9F9562;
	}

#menu ul li a{
	padding:13px 10px;
	color:#38050A;
	text-align:left;
	text-decoration:none;
	height:auto;
	display:block;
	text-indent:0;
	font-weight:bold;
	font-size:15px;
	}

#menu ul li a:hover {
	height:auto;
	border-top:none;
	background:#DAD7B4;
	}

#m_home a,
#m_annai a,
#m_member a,
#m_recruit a,
#m_links a,
#m_access a,
#m_inquiry a{
	width:auto;
	background:none;
	}

#m_homes a,
#m_annais a,
#m_members a,
#m_recruits a,
#m_linkss a,
#m_accesss a,
#m_inquirys a{
	width:auto;
	background:none;
	}




/*--- side -------*/
#sub {
	float:none;
	width:90%;
	margin:0 auto 0;
	}

#sub img{
	width:100%;
	}

#sub ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}

#sub li {
	margin:5px 0;
	background:url(img/list_mark.gif) no-repeat 14px;
	padding:1px 0 0 32px;
	line-height:1.4;
	}

#sub .section {
	margin:10px 0;
	}

.section3 {
 	margin:8px auto 0;
	}

.annai_l {
	width:auto;
	}

.subbox1 {
	width:230px;
	background:url(img/news_box.jpg) repeat-y;
	overflow: hidden;
	margin:0;
	padding:0;
	}

.s_news_top {
	width:230px;
	background: url(img/news_box_top.jpg) no-repeat 0 0;
	overflow: hidden;
	margin:0;
	height: 17px;
	padding:0 0;
	}

.subbox1_b {
	width:230px;
	background:url(img/side_bgb.jpg) no-repeat 50% 100%;
	margin:0;
	padding:1px 0 15px 0;
	}

.subbox1_tit {
	width:208px;
	margin:17px;
	background-color:#193263;
	text-align:center;
	color:#FFF;
	}

.subbox1 p{
	margin:10px;
	}

.sidet{
	width:100%;
	height:16px;
	margin:10px 0 0;
	padding:10px;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	color:#825625;
	background:#F2F0EA;
	border:#E0DCCB solid 2px;
	}

#sub .sidem{
	width:100%;
	margin:0;
	padding:0;
	}

#sub .sidem ul{
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	}

#sub .sidem li{
	width:100%;
	margin:0;
	padding:5px 20px 5px 10px;
	border-bottom:#C4D1B4 dotted 1px;
	background:none;
	}


#sub .sidem li a {
	text-decoration:underline;
	display:block;
	color:#333;
	font-size:100%;
	font-weight:100;
	}

#sub .sidem li a:hover {
	color:#F60;
	}

#cm{
	text-align:center;
	}

#cm img{
	display:none;
	}

.calendar li img {
    width:auto;
}


/*--- cont -------*/
.cont{
	width:auto;
	margin:0;
	padding:0;

	}

#main {
	float:none;
	width:90%;
	margin:0 auto 0;
	}

#main .box1 {
	margin:10px 0 20px;
	padding:2px;
	border:2px solid #C7C1A3;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	behavior: url(/PIE.htc);
	position: relative;
	}

#main .mainbox1 {
	background:none;
	margin:0 auto 10px;
	}

#main .mainbox1 ul {
	margin:0 auto 0;
	padding:0;
	list-style:none;
	width:auto;
	}

#main .mainbox1 ul li {
	width:48%;
	margin:0 2px 5px;
	float:left;
	padding:0 0;
	height:auto;
	}

#main .mainbox1 ul li a {
	width:100%;
	padding:0;
	display:block;
	}
	
#main .mainbox1 ul li img {
	width:100%;
	}

.date{
	width:auto;
	float:none;
	}

.newst{
	width:auto;
	float:none;
	color: #333;
	}

#topics {
	width:auto;
	background: none;
	padding:0;
	margin:0 auto 0;
	}

.catm{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	gap:3px;
	margin:0;
}
	
.catm a{
	width:calc(50% - 6px);
	margin:0;
	border-radius:10px;
}

.cat-event,
.cat-accident,
.cat-inheritance,
.cat-dv,
.cat-touban,
.cat-minbo,
.cat-hanzai,
.cat-committe,
.cat-labor,
.cat-handicapped,
.cat-ground,
.cat-debt,
.cat-bullying,
.cat-company,
.cat-seiho,
.cat-adr,
.cat-news,
.cat-voice,
.cat-rec-warn{
	margin:0;
	}

.ttl_area{
	background: url(img/bar.gif) no-repeat 0 100%;
	width: 98%;
	margin: 0 auto;
	padding: 0 0 10px;
	overflow: hidden;
	}

.ttl_area .ttl{
	float: left;
	font-size: 17px;
	}

.notice {
	position:relative;
	padding:5px 0;
	}

.btn_more {
	float: right;
	}

.notice ul {
	list-style: none;
	margin:5px auto 10px;
	padding: 0 0;
	width: 95%;
	clear: both;
	}

.notice li {
	padding:8px 0;
	margin-left:0px;
	line-height:1.4;
	width: 95%;
	background: none;
	}

.notice li span {
	display:inherit;
	width:100px;
	text-indent:0;
	}

.notice li a {
	color:#663300;
	text-decoration:underline;
	}

.notice li a:hover {
	color:#333333;
	text-decoration:underline;
	}

#topics2 {
	width:100%;
	background: none;
	padding: 0 0;
	}

div#main h2 {
	background:#EDEBE2;
	width:auto;
	height:auto;
	margin:10px auto 0;
	padding:10px;
	text-align: left;
	color: #630;
	font-size: 160%;
	font-weight: bold;
	}

div#main h3 {
	background:#EBEBEB;
	width:auto;
	height:auto;
	margin:0;
	padding:6px 10px;
	text-align: left;
	color: #333;
	font-size:120%;
	font-weight: bold;
	}

div#main h3 a{
	color: #333;
	}

div#main h4 {
	background:#EDECDC;
	height:auto;
	margin:10px auto;
	padding:6px 10px;
	text-align: left;
	color: #663300;
	font-size:100%;
	font-weight: bold;
	}

.map{
	width:100%;
	margin:0 0 20px;
	}

.map2{
	float:right;
	width:100%;
	margin:0 0 10px 10px;
	}

.map_box2{
	float:right;
	width:100%;
	margin:0 0 10px 10px;
	border:1px solid #CCC;
	padding:3px;
}

.pagemark{
	background:none;
	font-weight:bold;
	}

.pagemark a{
	color:#630;
	display:block;
	}

.pagemark a:hover{
	color:#999;
	display:block;
	}

.subpage_event_cat_date,
.subpage_event_cat_tit{
	width:auto;
	float:none;
	padding:0 10px 0;
	}

.cat-ichiran,
.cat-ichiran-news,
.cat-ichiran-event,
.cat-ichiran-voice,
.cat-ichiran-rec-warn{
	width:95%;
	margin:0 auto 5px;
	padding:5px 0;
	display:block;
	text-align:center;
	}

.ctnewsdate,
.ctnewstit {
	width:auto;
	float:none;
	}

.kaichou_img_fr{
	width:60%;
	float:none;
	margin:5px auto 20px;
	display:block;
	}
    
/*--- video----------*/
.video_box_fl {
    width:95%;
    float:none;
    text-align:center;
    margin:0 auto 30px;
}

.video_box_fr {
    width:95%;
    float:none;
    text-align:center;
    margin:0 auto 30px;
}


/*--- table ------*/
.tbl3{
	width:auto;
	border-collapse:collapse;
	margin:0 0 15px;
	line-height:170%;
	}

.tbl3 td{
	border:#ADA57A solid 1px;
	padding:8px;
	}


.junkai_tbl{
	display: block;
}

.junkai_tbl thead{
	display: none;
}

.junkai_tbl tbody{
	display: block;
}

.junkai_tbl tbody tr{
	display: block;
	margin-bottom: 20px;
}

.junkai_tbl tbody th,
.junkai_tbl tbody td{
	display: list-item;
	border: none;
}

.junkai_tbl tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color:#630;
	background: #EDEBE2;
	padding: 2px 0;
}

.junkai_tbl tbody td{
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
    list-style: none;
}

.junkai_tbl tbody td:nth-of-type(1):before { content: "【相談日】"; }
.junkai_tbl tbody td:nth-of-type(2):before { content: "【時間】"; }
.junkai_tbl tbody td:nth-of-type(3):before { content: "【相談場所】"; }
.junkai_tbl tbody td:nth-of-type(4):before { content: "【予約受付／TEL】"; }



/*--- pagetop ------*/

#pagetop {
	padding:20px 0;
	text-align:right;
	clear:both;
	}




/*--- footer ------*/
#footerbg {
	padding:17px 0 15px;
	min-width:auto;
	}

#footer {
	width:90%;
	}

#footbnr {
	width:auto;
	float:none;
	}

#footbnr img {
	width:100%;
	}


#footmenu {
	width:auto;
	float:none;
	margin:0 0 10px;
	}

#footmenu ul {
	margin:0;
	padding:5px 0 0 0;
	}

#footmenu li {
	float:none;
	margin:0 0 5px;
	list-style:none;
	}

#footmenu li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	background:#9F9562;
	text-align:center;
	padding:7px 0;
	}

#foot_mob_rogo{
	display:block;
	margin:0 auto 0;
	width:90%;
	}

#foot_mob_rogo img{
	width:100%;
	}



/*--- common ------*/
.sp_on_display{
	display:block;
	}

.sp_off_display{
	display:none;
	}



}