/*==========　style.css ==========*/		
@charset "UTF-8";		
		
/*==========　リセット ==========*/		
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {		
   margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;		
}		
body {		
   line-height:1;		
}		
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {		
   display:block;		
}		
ul {		
   list-style:none;		
}		
blockquote,q {		
   quotes:none;		
}		
blockquote:before,blockquote:after,q:before,q:after {		
   content:none;		
}		
a {		
   margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;		
   }		
del {		
   text-decoration:line-through;		
}		
abbr[title],dfn[title] {		
   border-bottom:1px dotted;cursor:help;		
}		
table {		
   border-collapse:collapse;border-spacing:0;		
}		
hr {		
   display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;		
}		
input,select {		
   vertical-align:middle;		
}		
		
		
/*========== 全体・共通 ==========*/		
body {		
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif; 		
   font-size: 14px;		
   color: #333333; 		
   background-image: url(images/body_bg.png); 		
   background-repeat: repeat; 		
}		
a {		
   color: #3399cc;		
}		
a:hover {		
   color:#336699;		
}		
/*a:visited {		
   color: #bdc3c7;		
}		
*/		
#wrapper {		
   width: 980px;		
   margin: 0 auto;		
}		
		
/*========== header ==========*/		
#header {		
   width: 100%;		
   margin: 5px 0;		
   overflow: hidden;		
   position: relative;		
}		
		
#header h1 {		
   font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;		
   font-size: 38px;		
   font-weight: bold;		
   color: #000000;		
   position: absolute;		
   top: 70px;		
   left: 100px;		
}		
#header a {		
   text-decoration: none;		
}		
		
/*========== header menu ==========*/		
#h_menu {		
   width: 100%;		
   height: 36px;		
   margin: 0 0 5px 0;		
   padding: 0;		
   text-align: left;		
   background-image: url(images/head_menu_back.gif);		
   background-repeat: repeat-x;		
}		
#h_menu ul {		
   text-align: center; 		
   margin: 0; 		
   padding: 0;		
}		
#h_menu li {		
   display: inline;		
   float: left;		
   color: #ffffff		
}		
#h_menu li a { 		
   font-size: 16px; 		
   width: 121px;		
   color: #ffffff; 		
   background-image: url(images/head_menu_back.gif); 		
   background-repeat: repeat-x; 		
   display: block; 		
   border-right: solid 1px #3399cc; 		
   text-decoration: none; 		
   padding: 10px 0; 		
}		
#h_menu li a:hover { 		
   background-image: url(images/head_menu_back_hover.gif); 		
   background-repeat: repeat-x; 		
}		
#h_menu li.right_end a{		
   width: 126px;		
   border: none;		
}		
		
/*========== メインエリア・サブメニュー ==========*/		
#container {		
   width: 980px;		
   margin: 0 0 5px 0;		
   padding: 0;		
   overflow: hidden;		
   background-image: url(images/side_back.gif);		
   background-repeat: repeat-y;		
}		
		
/*========== サブメニュー ===margin=0======*/		
#s_menu {		
   float: left;		
   width: 200px;		
   margin: 0 5px 0 0;		
   padding: 0;		
   font-size: 14px;		
   background-color: #f3f3f3;		
}		
#s_menu taka1{		
		
   width: 200px;		
   margin: 0 5px 0 0;		
   padding: 0;		
   font-size: 14px;		
   background-color: #f8f8f8;		
}		
#s_menu ul{		
   text-align: left;		
   margin: 5px 10px 10px 10px;		
   padding:0;		
}		
#s_menu li {		
   color: #ffffff;		
}		
#s_menu li a {		
   margin: 0;		
   padding: 9px 28px;		
   font-size: 14px;		
   color: #ffffff;		
   text-decoration: none; 		
   background-image: url(images/side_menu_bg.gif); 		
   background-repeat: repeat-x;		
   display: block;		
   border-bottom: solid 1px #F3F3F3;		
}		
#s_menu li a:hover {		
   color: #ffffff; 		
   background-image: url(images/side_menu_bg_hover.gif); 		
   background-repeat: repeat-x;		
}		
		
/*========== メインエリア ==========*/		
#main {		
   float: right;		
   width: 775px;		
   margin: 0 0 5px 0;		
   padding: 0;		
   font-size: 14px;		
}		
#main h2 {		
   width: auto;		
   margin: 0 0 5px 0;		
   padding: 9px 0 9px 5px;		
   font-size: 14px;		
   font-weight: bold;		
   background-image: url(images/titlebar.gif);		
   background-repeat: repeat-x;		
}		
#main h2 a {		
   text-decoration:none;		
   color: #333333;		
}		
#main h2 a:hover {		
   text-decoration:underline;		
   color:#0078ca;		
}		
#main p {		
   margin: 0 0 10px 0;		
   padding: 0 0 0 14px;		
   font-size: 14px;		
   line-height: 1.4;		
}		
#main h3 {		
   margin: 0 0 5px 0;		
   padding: 9px 0 0 14px;		
   font-size: 14px;		
   font-weight: bold;		
}		
		
/*========== cck_main ==========*/		
#cck {		
   float: right;		
   width: 775px;		
   margin: 0 0 5px 0;		
   padding: 0;		
   font-size: 14px;		
}		
#cck h2 {		
   width: auto;		
   margin: 0 0 5px 0;		
   padding: 9px 0 9px 5px;		
   font-size: 14px;		
   font-weight: bold;		
   background-image: url(images/titlebar.gif);		
   background-repeat: repeat-x;		
}		
#mcck h2 a {		
   text-decoration:none;		
   color: #333333;		
}		
#cck h2 a:hover {		
   text-decoration:underline;		
   color:#0078ca;		
}		
#cck p {		
   margin: 0 0 0 0;		
   padding: 0 0 0 8px;		
   font-size: 14px;		
   line-height: 1.4;		
}		
#cck h3 {		
   margin: 0 0 5px 0;		
   padding: 9px 0 0 14px;		
   font-size: 14px;		
   font-weight: bold;		
}		
		
/*========== 20210421 font(pks_main) ==========*/		
#tf18 {		
   width: 750px;		
   margin: 0 0 5px 0;		
   padding: 0;		
   overflow: hidden;		
   background-image: url(images/body_bg.png);		
   background-repeat: repeat;		
   font-size:18px;		
}		
		
/*========== pks_main ==========*/		
#pks {		
   width: 980px;		
   margin: 0 0 5px 0;		
   padding: 0;		
   overflow: hidden;		
   background-image: url(images/body_bg.png);		
   background-repeat: repeat;		
   font-size: 24px;		
}		
#pks h1 {		
   width: auto;		
   margin: 0 0 10px 0;		
   padding: 0 0 0 5px;		
   font-size: 24px;		
   font-weight: bold;		
}		
		
#pks h2 {		
   width: auto;		
   margin: 0 0 5px 130px;		
   padding: 0 0 0 5px;		
   font-size: 18px;		
}		
#pks h3 {		
   width: auto;		
   margin: 0 0 5px 130px;		
   padding: 15px 0 0 5px;		
   font-size: 18px;		
   font-weight: bold;		
}		
#pks p {		
   margin: 0 130px 20px 130px;		
   padding: 0 0 0 0;		
   font-size: 12px;		
   line-height: 1.2;		
}		
#pks p.p_bg {		
   margin: 0 0 20px 0;		
   padding: 5px;		
   font-size: 16px;		
   line-height: 1.4;		
   border-left: solid 2px #0078CA;		
   border-bottom: solid 2px #0078CA;		
   border-top: solid 2px #0078CA;		
   border-right: solid 2px #0078CA;		
}		
#pks img{		
    display: block;		
    margin-left: auto;		
    margin-right: auto;		
    text-align: center;		
    margin-bottom: 30px;		
   font-size: 14px;		
}		
		
/*========== お問い合わせ(PKS) ==========*/		
#pks .table_inquiry {		
   border-collapse: collapse;		
   width: 720px;		
   margin: 0;		
   padding: 0;		
   line-height: 1.4;		
   border: solid 1px  #ddd;		
}		
#pks .table_inquiry tr td {		
   white-space: nowrap;		
   padding: 5px;		
   font-size: 14px;		
   text-align: left;		
   border: 1px solid #ddd;		
   vertical-align: middle;		
}		
#pks .table_inquiry tr td p {		
   margin: 0;		
   padding: 10px 0;		
   text-align: left;		
   color: #ff0000;		
}		
		
		
/*========== フッター ==========*/		
#footer { 		
   clear: both; 		
   width: 100%; 		
   margin: 0; 		
   padding: 10px 0; 		
   text-align: center; 		
   font-size: 12px; 		
   color: #333333; 		
   border-top: solid 4px #0078ca; 		
   background-color: #ffffff; 		
}		
#footer a { 		
   color: #6699cc; 		
   font-size: 12px; 		
}		
#footer a:hover { 		
   color: #006699; 		
}		
		
/*========== HOME ==========*/		
#main div.topics {		
	height:auto;	
	margin:0 0 0 0;	
	padding:10px 0 0 0;	
}		
		
#main div.topics p {		
	line-height:1.2;	
	margin:0 0 0 0;	
	padding:0 0 0 5px;	
	border-left: solid 1px #dddddd;	
	border-bottom: solid 1px #dddddd;	
}		
#main div.topics p a {		
	color: #0078ca;	
	text-decoration: none;	
}		
#main div.topics p a:hover {		
	text-decoration: underline;	
}		
		
		
/*========== 基本方針 ==========*/		
#main p.po_01 {		
   padding: 0 0 0 21px;		
}		
		
/*========== 事業の紹介 ==========*/		
#main .bu_01 {		
   padding: 0 0 0 21px;		
}		
#main .bu_02 ol{		
   margin: 0 0 5px 49px;		
   padding: 0 0 0 10px;		
}		
#main .bu_02 ol li {		
   margin: 0 0 5px 0;		
   padding: 0;		
   line-height: 1.4;		
   border-bottom: #999999 1px dotted;		
}		
/*========== 会員一覧 ==========*/		
#mem_i01 {		
   margin:0 85px;		
   padding:5px;		
   width:600px;		
   height:650px;		
}		
/*========== 加入について ==========*/		
#mer_merit {		
   margin:10px 135px 10px 140px;		
   padding:0;		
}		
#mer_01 {		
   width: 500px;		
   height: 122px;		
   background-image: url(images/box3.png);		
   background-repeat: no-repeat;		
   padding:0;		
   margin: 0;		
   font-size:30px;		
   color: #ffffff;		
}		
#mer_01 p {		
   margin: 0;		
   padding: 46px 0;		
   text-align: center;		
   font-size: 30px;		
   color: #ffffff;		
}		
#mer_02 {		
   width: 500px;		
   height: 70px;		
   background-image: url(images/ya1.png);		
   background-repeat: no-repeat;		
   padding:0;		
   margin: 0;		
}		
#mer_03 {		
   width: 500px;		
   height: 245px;		
   background-image:url(images/box4.png);		
   background-repeat: no-repeat;		
   margin: 0;		
   padding: 0;		
   font-size: 20px;		
   line-height: 30px;		
}		
#mer_03 ul {		
   margin: 0;		
   padding: 46px 0 0 70px;		
}		
#mer_03 li {		
   margin: 0;		
   padding: 0 ;		
}		
		
#mer_04 {		
   width: 100%;		
   margin: 0 0 5px 0;		
   padding: 0;		
}		
#mer_04 ul{		
   margin: 0 0 5px 21px;		
   padding: 0 ;		
}		
#mer_04 ul li {		
   margin: 0 ;		
   padding: 8px 0 0 0;		
   line-height: 1.4;		
   border-bottom: #999999 1px dotted;		
}		
#mer_04 ol{		
   margin: 0 0 5px 35px;		
   padding: 0 0 0 10px;		
}		
#mer_04 ol li {		
   margin: 0 0 5px 0;		
   padding: 0;		
   line-height: 1.4;		
   border-bottom: #999999 1px dotted;		
}		
/*========== 組合概要 ==========*/		
#main table.table-profile {		
   border-collapse: collapse;		
   width: 100%;		
   margin: 0 0 10px 0;		
   line-height: 1.4;		
}		
#main table th.t_top {		
   width: 100px;		
}		
#main .table-profile th {		
   border-bottom: #999999 1px dotted;		
   text-align: left;		
   padding: 9px 0 9px 14px;		
   font-weight: bold;		
   background-color: #f3f3f3;		
}		
#main .table-profile td {		
   border-bottom: #999999 1px dotted;		
   text-align: left;		
   padding: 9px 0 9px 14px;		
}		
		
/*========== お問い合わせ（全体） ==========*/		
#main .table_inquiry {		
   border-collapse: collapse;		
   width: 50%;		
   margin: 0;		
   padding: 0;		
   line-height: 1.4;		
   border: solid 1px  #ddd;		
}		
#main .table_inquiry tr td {		
   white-space: nowrap;		
   padding: 5px;		
   font-size: 14px;		
   text-align: left;		
   border: 1px solid #ddd;		
   vertical-align: middle;		
}		
#main .table_inquiry tr td p {		
   margin: 0;		
   padding: 10px 0;		
   text-align: left;		
   color: #ff0000;		
}		
/*========== アコーディオン ==========*/		
#accordion-b {		
	width:100%;	
}		
#main dl {		
	padding-top: 10px;	
}		
		
#accordion-b dd {		
	margin:0 0 5px 10px;	
	padding: 0 0 15px 0;	
	border-left: solid 1px #dddddd;	
	border-bottom: solid 1px #dddddd;	
}		
#accordion-b dd p {		
	margin: 0;	
	padding-left: 8px; 	
}		
		
#accordion-b dt {		
	height:auto;	
	line-height:1.2;	
	margin-bottom: 10px;	
	border-left: solid 1px #dddddd;	
	border-bottom: solid 1px #dddddd;	
}		
#accordion-b dt.active {		
	background-repeat: no-repeat;	
	text-decoration: none;	
	color: #333333;	
	border:none;	
}		
#accordion-b .ac_dt {		
	width:100%;	
	padding-left:5px;	
	color:#0078ca;	
	text-decoration: none;	
	cursor:pointer;	
}		
#accordion-b .ac_dt.dt_hover {		
	color: #0078ca;	
	text-decoration: underline;	
	background-repeat: no-repeat;	
		
}		
		
		
#accordion-b div {		
	margin:0 0 5px 0;	
	height: 235px;	
	border-left: solid 1px #0078ca;	
	border-bottom: solid 4px #0078ca;	
}		
		
#accordion-b h2 {		
	height:14px;	
	background-image: none;	
	margin-bottom: 1px;	
}		
#accordion-b h2.active {		
	background-image: url(images/accordion_back_after.gif);	
	background-repeat: repeat-x;	
}		
#accordion-b .accordion_head2 {		
	width:100%;	
	padding-left:10px;	
	background-image: url(images/accordion_back.gif);	
	background-repeat: repeat-x;	
	color:#333333;	
	cursor:pointer;	
}		
#accordion-b .accordion_head2.title-hover {		
	background-image: url(images/accordion_back_hover.gif);	
	background-repeat: repeat-x;	
	color: #3399cc;	
}		
#accordion-b .ar_left {		
   width: 280px;		
   height: 225px;		
   float: left;		
   padding: 5px 9px 5px 5px;		
   border: none;		
}		
#accordion-b .ar_left p {		
   padding: 0;		
   text-align: center;		
   font-size: 15px;		
   margin: auto 0;		
}		
#accordion-b .ar_left img {		
   text-align: left;		
}		
#accordion-b .ar_right{		
   padding: 5px; 		
   width: 470px;		
   height: 225px;		
   float: right;		
   border: none;		
}		
#accordion-b .ar_right h3{		
   padding: 0 0 10px 0; 		
   margin: 0;		
}		
#accordion-b .ar_right p {		
   margin: 0;		
   padding: 0;		
   text-align: left;		
   line-height: 1.4;		
}		
#accordion-b .ar_right p.acp_01 {		
	margin-bottom: 10px;	
}		
/*========== アラート ==========*/		
#popup_container {		
	font-family: Arial, sans-serif;	
	font-size: 12px;	
	min-width: 300px; /* Dialog will be no smaller than this */	
	max-width: 600px; /* Dialog will wrap after this width */	
	background: #FFF;	
	border: solid 5px #999;	
	color: #000;	
}		
		
#popup_title {		
	font-size: 14px;	
	font-weight: bold;	
	text-align: center;	
	line-height: 1.75em;	
	color: #666;	
	background: #CCC;	
	border: solid 1px #FFF;	
	border-bottom: solid 1px #999;	
	cursor: default;	
	padding: 0em;	
	margin: 0em;	
}		
		
#popup_content {		
	background: #fff;	
	padding: 1em 1.75em;	
	margin: 0em;	
}		
		
#popup_content.alert {		
	background: #fff;	
}		
		
#popup_content.confirm {		
	background: #fff;	
}		
		
#popup_content.prompt {		
	background: #fff;	
}		
		
#popup_message {		
	padding-left: 48px;	
}		
		
#popup_panel {		
	text-align: center;	
	margin: 1em 0em 0em 1em;	
}		
		
#popup_prompt {		
	margin: .5em 0em;	
}