@charset "utf-8";
/*---------- kochi_contents_com.css ----------*/

/*----- 外部リンク -----*/
a[href^="http"]:after {
		position: relative; top: 4px; left: -4px;
		content: url(../image/outside_link.png); }

a[href^="http://maps"]:after {
		content: ""; }

#main img[src*="icon_new.gif"] {
		position: relative; left: 20px; }

/*----- 共通 -----*/
.end:after {
		position: relative; top: 3px; left: 10px;
		content: url('../image/end.gif'); }

.cut {	letter-spacing: -0.7em; }

.hcut { letter-spacing: -0.4em; }

.ln-th {
		text-decoration: line-through; }

.l_txt,
.m_txt,
.s_txt,
.box-1,
.atnt span,
.evt_box,
#rireki,
.hist_btn,
.bdr {
		border: 1px solid #bbbbbb;
		color: #007700; }

h1.nodisp {
		position: absolute; left: -9999px; }

h2,
h3,
#news,
.proc_box,
.kaihi td {
		color: #007700; }

h2 {
		height: 37px;
		margin: 0 auto 10px; padding: 3px 0 0 10px;
		position: relative; z-index: 10;
		text-align: left;
		font-weight: normal; font-style: normal; }

h2:before {
		position: relative; left: -3px;
		content: url('../image/clover.png'); }

h3 {
		height: 33px;
		margin: 0 auto 10px;
		background: url('../image/h3_back1.jpg') no-repeat center;
		text-align: left;
		font-weight: normal; }

h3:before {
		position: relative; top: 1px; left: 5px;
		content: url('../image/ball_bl.png'); }

.box-1,
.atnt span,
.proc_box li,
.l_txt,
.m_txt,
.s_txt,
.hist,
.mbrs,
.evt_box,
.nolink,
#rireki {
		background: url('../image/semitrans.png') repeat; }

ul {
		list-style-type: none; }

#main ul.link li.sub:before,
#main ul.link li:before,
ul.nolink > li:before,
span.kaiho:before,
ul.kaiho li:before {
		position: relative; top: 2px; left: 5px;
		content: url('../image/ball_gr.png'); }

.num ol {
		margin-top: 5px; margin-left: 34px; }

.num ol li {
		margin-bottom: 5px;
		text-indent: 0; }

#about ul.link li:before,
#members #main ul li.sub:before {
		position: relative; left: 5px;
		content: url('../image/ball_lb.png'); }

a[href*=".pdf"]:after {
		position: relative; top: 2px; left: 5px;
		content: url('../image/pdf.png'); }

a[href*=".xls"]:after {
		position: relative; top: 2px; left: 5px;
		content: url('../image/xls.png'); }

a[href*=".doc"]:after {
		position: relative; top: 2px; left: 5px;
		content: url('../image/doc.png'); }

/*----- cont_box -----*/
.more {
		max-height: 98px;
		margin: 20px 0 5px; }

.more + a {
		margin: 0 0 20px 5px; text-align: left; font-size: 0.9em; }

/*----- 個別 -----*/
/*----- #index -----*/
#news {
		border-collapse: separate;
		text-align: left;
		line-height: 1.5; font-size: 1.1em; font-family: "Meiryo", sans-serif; color: #007700; }

#news th {
		padding: 5px 5px 0;
		vertical-align: top; }

#news td {
		padding: 5px 5px 5px 0;
		vertical-align: top; }

#news td img {
		position: relative; top: 4px; }

#news td a:link {
		text-decoration: underline;
		color: #0000ff; }

#news td a:hover {
		text-decoration: underline;
		color: #ff72ff; }

#news a {
		font-size: 0.925em; }

.idt {
		text-align: left; }

.idt > p {
		margin-bottom: 0.5em;
		line-height: 1.4; }

.idt > p:last-child {
		margin-bottom: 0; }

.cmt {
		text-align: right; }

.cmt p {
		line-height: 2; font-size: 0.7em; }

/*----- box-1 -----*/
.box-1 {
		height: 198px;
		overflow: auto;
		border: 1px solid #bbbbbb;
		font-size: 0.9em; }

#index .box-1 {
		margin-bottom: 0; }

#outlink #main ul.link li {
		text-indent: -30px; }

/*----- webkit-scrollbar -----*/
.box-1::-webkit-scrollbar,
#rireki::-webkit-scrollbar {
		width: 10px;
		border-radius: 10px;
		background-color: #dddddd; }

.box-1::-webkit-scrollbar-thumb,
#rireki::-webkit-scrollbar-thumb {
		width: 10px;
		border-radius: 10px;
		background-color: #bbbbbb; }

.box-1::-webkit-scrollbar-button,
#rireki::-webkit-scrollbar-button,
.box-1::-webkit-scrollbar-corner,
#rireki::-webkit-scrollbar-corner {
		display: none; }

table.just {
		border-collapse: separate;
		border-spacing: 0 0.7em; }
table.just caption {
		margin-bottom: 0.5em;
		text-align: left; }
table.just th {
		vertical-align: top; }
.ln_sp li {
		margin-bottom: 0.5em; }

.nolink,
.link,
#sitemap ul.link {
		list-style-type: none;
		text-align: left; }

/*----- index -----*/
#upd-wrap {
		width: 100%; height: 40px; }

#update {
		width: 160px;
		margin-left: -10px;
		float: left;
		background-color: rgba(255, 255, 255, 0.5);
		letter-spacing: 0;
		color: #777777; }

.hist_btn {
		position: relative; top: 5px;
		float: left;
		display: inline-block;
		border: 1px solid #bbbbbb;
		background-color: #bdfafd;
		font-size: 1em; }

.hist_btn a {
		padding: 2px 5px 0;
		display: block;
		text-decoration: none; }

.hist_btn a:hover {
		background-color: #3364ca;
		color: #ffffff; }

#index #main li {
		margin-left: 30px;
		text-indent: -30px;
		line-height: 1.2; }

.atnt {
		margin: 13px 0 23px; padding: 3px 5px;
		text-decoration: underline;
		color: #ff0000; }

.mbr_msg {
		margin: 10px 0; }

.mbr_msg span {
		padding: 3px 5px; }

ul.kakko {
		text-indent: 0em; }

.hist {
		margin: 20px auto;
		border: 1px outset #999999;
		border-collapse: separate; }

.hist th,
.hist td {
		border: 1px inset #777777;
		line-height: 1.3; color: #007700; }

.hist th {
		text-align: center;
		font-weight: normal; }

.hist td {
		text-align: left; }

.mbrs {
		text-align: left;
		font-size: 0.95em; color: #007700; }

.mbrs th,
.mbrs td  {
		vertical-align: top;
		line-height: 1.2; }

.mbrs th {
		font-weight: normal; }

.rit {
		text-align: right; }

#terms #main ul.link li,
#members #main ul.link li,
#outlink #main ul.link li {
		position: relative; left: 30px;
		text-indent: -30px; }

/*----- 共通 -----*/
#index #main li+li,
#about #main li+li,
#main ul.link li+li {
		margin-top: 10px; }

/*----- ul.link -----*/
ul.link {
		list-style-type: none;
		text-align: left; }

ul.link li.sub {
		margin-left: 1.5em; }

.kaiho {
		display: block;
		text-align: left; }

.kaiho li {
		margin-left: 2em; margin-bottom: 10px;
		text-indent: -2em; }

/*----- event, other, members -----*/
span.wavy { background: url('../image/wavy.png') repeat-x bottom;
		color: #ff0000; }

.evt_box { margin: 20px auto;
		border-collapse: collapse;
		text-align: left;
		font-family: "Meiryo", sans-serif; }

.evt_box table {
		table-layout: fixed; }

.evt_box caption {
		text-align: left;
		font-weight: bold; }

.evt_box th {
		width: 100px;
		padding-right: 10px;
		vertical-align: top;
		text-align: left; }

.evt_box td { padding-left: 5px;
		vertical-align: top;
		line-height: 1.4;
		text-align: left; }

#event .evt_box td p {
		text-indent: 1.1em; }

.evt_box td.last a {
		font-size: 0.95em; }

.evt_box td.bld {
		padding-left: 0; }

.evt_box td.bld:first-line,
.evt_box .bld {
		font-weight: bold; }

.evt_box th.blk {
		padding-bottom: 0;}

.evt_box td.blk {
		padding-top: 0; }

.evt_box ul li {
		margin-left: 1.3em; }

.evt_box ul.ofs li {
		text-indent: -1em; }

.evt_box .inbox {
		width: 3.5em;
		float: left; }

.evt_box img {
		position: relative; top: 5px; left: -10px; }

.evt_box td.hdttl {
		padding-left: 0;
		font-weight: bold; }

.evt_box .lrg { font-size: 1.25em; }

.evt_box .lrgr { font-size: 1.5em; }

table ol { margin-left: 1.5em; }

hr		 { border: none; }

hr.lv1	 { height: 20px; }

.rd		 { color: #ff0000; }

td.flb:first-line {
		font-weight: bold; }

tr.ent_ptn div { margin-bottom: 10px; }

/*----- admission -----*/
.proc_box { list-style-type: none; }

.proc_box li {
		margin: 0 auto;
		border: 1px solid #bbbbbb;
		text-align: center; }

.proc_box li+li {
		margin-top: 120px;
		position: relative; }

.proc_box li+li:before {
		width: 95px; height: 125px;
		position: absolute; top: -110px;
		content: '';
		display: block; }

#admission #main ul.link {
		list-style-type: none;
		text-align: left; text-indent: -30px; }

#admission ul.link li {
		margin-left: 0; }

#admission #main li a {
		text-decoration: underline; }

.kaihi	 { margin: 10px auto 0;
		border: 1px outset #999999;
		border-collapse: separate; }

.kaihi td { border: 1px inset #777777; }

.hurikomi { margin: 10px auto 0;
		border: 1px outset #999999;
		border-collapse: separate;
		text-align: left; }

.hurikomi caption {
		margin-left: 5px;
		text-align: left;
		font-weight: bold; }

.hurikomi th,
.hurikomi td {
		border: 1px inset #777777; }

.hurikomi .min {
		font-size: 0.5em; }

.syu	 { text-align: center; }

.kin	 { text-align: right; }

.kai	 { text-align: left; }

/*----- 共通 -----*/
#index #main li+li,
#about #main ul.nolink li+li,
#about #main ol.kakko li+li,
#main ul.link li+li,
#main ul.sub li {
		margin-top: 10px; margin-bottom: 10px; }

#event a.jmp,
#members a.jmp,
#other a.jmp,
#past-train a.jmp,
#main a.tel { text-decoration: none; }

/*----- members, other, backno, past-train -----*/
#main ul.link,
#members ul.link,
#members ul.sub li,
#other ul.link,
#backno ul.link {
		list-style-type: none; }

.evt_box img { margin-left: 10px; }

.evt_box div { margin-bottom: 10px; }

.other span { padding: 10px 10px 0 0;
		display: block;
		text-align: right; }

.other span:before {
		position: relative; top: 1px; left: 6px;
		content: url('../image/tragl_yl.png'); }

#past-train .lft {
		text-align: left; }

/*----- privacy -----*/
#privacy ol li {
		margin-left: 2em;
		line-height: 1.5; }

.idt p.kome {
		margin-top: 0.7em;
		text-indent: 0; }

#jimu p {
		margin-top: 0.5em; }

#privacy .rit {
		font-size: 0.95em; }

/*----- sitemap -----*/
#sitemap #main li {
		text-align: left; }

#sitemap #main li a {
		text-decoration: underline;
		font-size: 0.95em; }

#sitemap #main > ul > li:before,
#news span a[href*=".pdf"]:before,
.evt_box span a[href*=".pdf"]:before,
.evt_box span a[href*=".doc"]:before {
		padding-left: 10px;
		position: relative; top: 3px; left: 0px;
		content: url('../image/tragl_gr.png'); }
td span a {
		margin-left: 2em;
		display: inline-block;
		text-indent: -2em; }

ul.smap {
		list-style-type: none; }

#sitemap ul.sub li:before {
		position: relative; top: 0; left: 0px;
		content: '┗　 ';
		background: url('../image/tragl_lb.png') 17px 3px no-repeat; }

#sitemap ul.sub li > ul.sub li:before {
		position: relative; top: 0;
		content: '┗　 ';
		background: url('../image/tragl_yl.png') 17px 3px no-repeat; }

/*----- history -----*/
#rireki {
		height: 300px;
		margin: 0 auto 20px;
		border: 1px solid #bbbbbb;
		overflow: auto;
		-webkit-overflow-scrolling: touch; }

#history th,
#history td {
		display: block;
		text-align: left; }

#history th {
		padding-bottom: 3px; }

#history td {
		padding-left: 5px; padding-bottom: 5px;
		line-height: 1.2; }

th.gnl:after {
		position: relative; left: 10px;
		content: url('../image/gnl.png'); }

th.mbr:after {
		position: relative; left: 10px;
		content: url('../image/mbr.png'); }

th.chu:after {
		position: relative; left: 10px;
		content: url('../image/chu.png'); }

.half {
		width: 5px; height: 10px; }