@charset "utf-8";
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 基本スタイル設定関連
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

html {
	background-color: #696;
}
body {
	color: #333;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 16px;
	padding: 0;
	min-width: 980px;
}
/* リンク文字色 */
a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: #9C9;
	text-decoration: none;
}
a:active {
	color: #9C9;
	text-decoration: none;
}
img {
	width : auto;
	max-width : 100%;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	vertical-align: middle;
}
#wrapper, #header_inner, #container, #title {
	background: #FFF;
}
/*==========================================
  レイアウト設定
===========================================*/

#inner {
	background: #FFF;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	position: relative;
}
#contents {
	width: 700px;
	float: left;
	text-align: left;
	padding-bottom: 20px;
}
aside#side {
	background: #FFF;
	width: 268px;
	float: right;
	text-align: left;
	padding-bottom: 20px;
}
footer {
	clear: both;
}
/*--------------------------------------------------------
  段落・文字＆パーツ配置・装飾
--------------------------------------------------------*/

#contents h2, #contents h3, #contents ul, #contents dl, #contents p {
	margin-right: 20px;
}
#contents ul, #contents dl, #contents p {
	margin-left: 10px;
}
#contents p, #contents ul, #contents dl {
	margin-bottom: 24px;
}
#contents p.center_pos, #contents td.center_pos {
	text-align: center;
}
#contents p.right_pos {
	text-align: right;
}
#contents p.headint {
	margin-left: 32px;
	text-indent: -16px;
}
#contents p.mb-none, #contents ul.mb-none, #contents dl.mb-none {
	margin-bottom: 0;
}
#contents p.note, li.note, dd.note {
	text-indent: -1em;
	margin-left: 1em;
	padding-left: 1em;
}
#contents .fl_left {
	float: left;
	margin-right: 5px;
}
#contents .fl_right {
	float: right;
	margin-left: 5px;
}
.u_line {
	text-decoration: underline
}
.box_line {
	border: solid 1px #333;
	padding-left: 5px;
	padding-right: 5px;
}
/*--------------------------------------------------------
  画像
--------------------------------------------------------*/
#contents p.photo img {
	margin-right: 10px;
	margin-bottom: 10px;
}
#contents p.fl_left_img, #contents p img.fl_left_img {
	float: left;
	margin: 0 20px 0 10px;
}
#contents p.fl_right_img, #contents p img.fl_right_img {
	float: right;
	margin: 0 20px 0 10px;
}
.gaiyou_kakubu.forum #contents div section ul li {
	display: inline-block;
	width: 300px;
	background-image: none;
	border-bottom-style: none;
}

/*==========================================
 見出しタグのスタイル
===========================================*/
h2, h3, h4, h5, h6 {
	margin-bottom : 24px;
}
h1 {
	font-size: 36px;
	line-height: 1.3333;
} /* 48px */
/* h2 {
	font-size: 24px;
	line-height: 1;} /* 24px */
.toppage #slideshow h2 {
	display: none;
}
h3 {
	font-size: 18px;
	line-height: 1.3333;
} /* 24px */
h3, h4, h5, h6, p {
	font-size: 16px;
	line-height: 1.5;
} /* 24px */
h3 {
	clear: both;
	background-image: url(../images/h3-line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}
h3 span {
	padding: 0 0 0 25px;
	display: block;
	background-image: url(../images/h3.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	color: #696;
}
h3.c-index {
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: none;
}
main h4 {
	color: #696;
	padding-left: 16px;
	position: relative;
}
main h4:before {
	content: '';
	height: 22px;
	width: 2px;
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
	background-color: #696;
	border-left: 4px solid #696;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#title {
	margin: 24px auto 24px auto;
	width: 980px;
}
#title h2 {
	background-image : url(../images/titlebg.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 100px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	line-height: 60px;
	color: #696;
	font-size: 20px;
	letter-spacing: 0.1em;
}
#title h2.twolines {
	letter-spacing: normal;
	line-height: 1;
	padding-top: 12px;
}
#title h2.twolines span {
	font-size: 15px;
}
h5 {
	margin-left: 10px;
}
/*==========================================
 リストタグのスタイル
===========================================*/

#contents ul li {
	line-height: 1.5;
	/*padding-top: 10px;
	padding-right: 15px;*/
	padding-bottom: 10px;
	padding-left: 20px;
	background-image : url(../images/point.png);
	background-position: 5px 4px;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d5ead5;
	margin-bottom: 24px;
}
#contents dt {
	float: left;
	text-align: left;
	line-height: 1.5;
	min-height: 16px;
	font-weight: normal;
	width: 140px !important;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/point.png);
	background-position: 5px 14px;
	background-repeat: no-repeat;
}
#contents dd {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	line-height: 16px;
	line-height: 1.5;
	min-height: 16px;
	padding-left: 165px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d5ead5;
}

.standard-dl #contents dt {
	float: none;
	width: 95% !important; 
}
.standard-dl #contents dd {
	padding-top: 0px;
	padding-left: 50px;
}

.standard-dl #contents .dd-none dd{
    border-bottom: none;
}

.standard-dl #contents dd ul li.ind {
	margin-left: 140px;
}

.hurikomi-list{
    margin: 0 auto !important;
    margin-top: 10px !important;
    border: solid 1px;
    padding: 10px;
    width: 300px;
}
.hurikomi-list li{
    background-image: none !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.hurikomi-list2 li{
    margin-top: 10px;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#container #inner #wrapper #contents div section .imgbg {
	background-image: url(../ga-ken/img/mokuji-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 1.5em;
	margin-left: 1em;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-left-style: dotted;
	border-top-color: #333333;
	border-left-color: #333333;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


 @media screen and (max-width: 768px) {
.standard-dl #contents dd {
	padding-left: 20px;
}
}
@media screen and (max-width: 480px) {
.standard-dl #contents dd {
	padding-left: 0px;
}
.standard-dl #contents dd ul li.ind {
	margin-left: 20px;
}
}





#contents dl dd ul, #contents dl dd dl {
	margin: 0px;
}
#contents dl dd ul li {
	background-image: none;
	border-bottom: none;
	padding: 0;
	margin-bottom: 0;
}
#contents dl dd ul li.mgb {
	margin-bottom: 12px;
}
#contents .def dt {
	float: none;
	padding-bottom: 0 !important;
	text-align: left;
	width: inherit !important;
}
#contents .def dd {
	margin-bottom: 4px;
	/*margin-left: 20px;*/
	padding-left: 20px;
	text-align: left;
}
*:first-child + html #contents dd {
	/* for IE7 */
	padding-left: 10px;
	min-height: 20px;
}
* html #contents dd {
	/* for IE6 */
	height: 20px;
	padding-left: 0px;
}
#contents dl::after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#contents ol li {
	margin-bottom: 1em;
}
#contents ol {
	list-style: decimal;
	line-height: 1.5;
	margin-left: 35px;
}
/* -----------------------------------------------------
 広報誌（会員）・地域支援のページ　（float）
------------------------------------------------------*/

.shien #contents ul li, .kaiin_kouhou #contents ul li {
	border-bottom-style: none;
	float: left;
}
#contents ul li, .kaiin_kouhou #contents ul li.fl-off {
	border-bottom-style: none;
	float: none;
}
.kaiin_kouhou #contents ul li {
	width: 12em;
}
.shien #contents ul li {
	width: 19em;
}
#contents ul li.fl-off {
	width: auto !important;
}

/*==========================================
　新着NEWマーク　
===========================================*/
span.new {
	background-color: #F60;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	margin: 0 0 8px 6px;
	padding: 1px 3px 1px 5px;
	vertical-align: 3px;
}
/*==========================================
　続きを読む等の詳細ページへのリンクボタン　
===========================================*/

#contents p.page_link, #contents p.page_link02 {
	font-size: 85%;
	margin: 10px 0;
	text-align: right;
	padding: 0;
}
#contents p.page_link02 {
	margin-right: 20px;
}
#contents .page_link a, #contents p.page_link02 a {
	background-color: #669966;
	border: #693 1px solid;
	border-radius: 5px;
	color: #FFF;
	margin-left: 8px;
	padding: 2px 8px 1px 8px;
	text-decoration: none;
	width: auto;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;/*-webkit-box-shadow: 1px 1px 1px 1px #CCC;
	box-shadow: 0.5px 0.5px 0.5px 0.5px #CCC;*/
}
#contents .page_link a:hover, #contents p.page_link02 a:hover {
	background-color: #95c095;
	border-color: #9C9;
}
/*==========================================
　ページネーションのスタイル　
===========================================*/

#contents .pageNav ul {
	font-size: 13px;
	margin: 0 10px 24px 10px;
	padding: 10px 10px 5px;
	background: inherit;
	border-bottom: 1px solid #9C9;
	border-top: 1px solid #9C9;
	text-align: center;
}
#contents .pageNav ul li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
#contents .pageNav ul li span, #contents .pageNav ul li a {
	border: 1px solid #090;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 5px;
	padding: 2px 8px;
	background: #daf0d4;
	text-decoration: none;
	vertical-align: middle;
}
#contents .pageNav ul li#active a {
	background: #FFF;
}
#contents .pageNav ul li span, #contents .pageNav ul li a:hover {
	color: #FFF;
	background: #9C9;
	border: 1px solid #090;
}
#contents .pageNav ul li#active a:hover {
	color: #333;
	background: #FFF;
}
/*==========================================
 ページの先頭へのリンク設定
===========================================*/

p#topbutton {
	position: fixed;
	bottom: 5px;
	right: 8px;
	margin: 0;
	padding: 0;
	opacity: 0.75;
	z-index: 99;
}
p#topbutton a:hover {
	opacity: 0.75;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 ヘッダー
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
header#header {
	border-top: #9c9 5px solid;
	width: 100%;
}
#header_inner {
	padding-top: 20px;
	padding-bottom: 5px;
	position: relative;
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#logo {
	width: 550px;
	float: left;
}
#header h1 {
	margin-top: -5px;
	text-align: left;
	font-weight: normal;
	line-height: 10px;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
}
#logo a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 53px;
	background-image : url(../images/logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0;
}
#header .u_nav ul {
	position: absolute;
	right: 5px;
	top: 8px;
}
#header .u_nav ul li {
	float: left;
	font-size: 13.5px;
	display: inline-block;
	margin-left: 15px;
}
#header .u_nav ul li a {
	color: #063;
}
#header .u_nav ul li a:hover {
	color: #9C6;
}
i.fa-home {
	font-size: 1.1em;
	margin-right: 2px;
}
i.fa-envelope, i.fa-sitemap {
	font-size: 0.9em;
	margin-right: 4px;
}
#headerExtra1 {
	width: 330px;
	margin-right: 10px;
	float: right;
	text-align: right;
	margin-top: 10px;
}
#headerExtra1 p {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}
#headerExtra1 p.telm {
	display: none;
}
/*--------------------------------------------------------
  スキップの非表示
--------------------------------------------------------*/

#skip {
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
}
/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/

#nav {
	background-color: #063;
	height: 48px;
	z-index: 99;
}
#menu {
	list-style-type: none;
	width: 980px;
	margin: 0 auto;
	padding: 0;
}
#menu li {
	border-right: 1px #5a835a solid;
	position: relative;
	width: 19.87%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#menu li#nav_1st {
	border-left: 1px #5a835a solid;
}
#menu li a {
	display: block;
	margin: 0;
	padding: 16px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	background-color: #063;
}
#menu li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
#menu li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	transition: .2s;
}
#menu li ul li a {
	padding: 13px 15px;
	background: #669966;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
#menu > li:hover > a {
	background: #669966
}
#menu > li:hover li:hover > a {
	background: #59872a
}
#menu > li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
#menu li ul li ul {
	top: 0;
	left: 100%;
}
#menu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}
#menu li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #454e08;
}
#menu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #454e08;
}
#menu li ul li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
#menu li ul li ul li a {
	background: #20590f
}
#menu li:hover ul li ul li a:hover {
	background: #336633
}
/*==========================================
 学会・研修会ページ　他団体主催、県士会主催アイコン
===========================================*/
#ga-ken2 dt{
    background-image: none;

}
.taken{
    width: 120px;
    height: 32px;
    background-image: url(../images/ta_ken.png);
    background-size: cover;
    font-size: 0px;
    margin-top: 5px;
}
.kenshi{
    width: 120px;
    height: 32px;
    background-image: url(../images/kenshi.png);
    background-size: cover;
    font-size: 0px;
    margin-top: 5px;
}

/*==========================================
 スライドショーのスタイル
===========================================*/
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 980px;
	padding: 0;
	margin: 0 auto;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
p#sl_credit {
	background: #060;
	color: #FFF;
	font-size: 13px;
	width: 930px;
	padding: 5px 10px 3px 0;
	text-align: right;
	margin: 0 auto 24px auto;
}
#slide {
	border-bottom: 1px #9c9 solid;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e0f3e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0f3e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #e0f3e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #e0f3e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #e0f3e0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #e0f3e0 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0f3e0', GradientType=0 ); /* IE6-9 */
	margin-bottom: 24px;/*-webkit-box-shadow: 0 2px 3px 1px #ccc;
       -moz-box-shadow: 0 2px 3px 1px #ccc;
            box-shadow: 0 2px 3px 1px #ccc;*/
}
/* アクセスページマップ */

#contents div section p.mapcap {
	margin-bottom: 0.5em;
	margin-top: 0px;
}
/* accessmap */

#accessmap, #accessmap02 {
	height: 300px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	margin-right: 5px;
	margin-left: 10px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 サイドバー　aside
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*-----------------------------------------------------
　サイドメニュー
-----------------------------------------------------*/

#inner aside .s-menu h3 {
	background: none;
	text-align: center;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
inner aside .s-menu {
	text-align: center;
}
#inner aside .s-menu ul {
	width: 267px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 24px;
	padding: 0px;
	text-align: left;
	line-height: 1.8;
	list-style-type: none;
}
.s-menu li a {
	margin-top: 0px;
	position: relative;
	display: block;
	padding: 5px 5px 5px 25px;
	color: #000;
	text-decoration: none;
	background-image: url(../images/arrow02.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0f3e0;
}
.s-menu li a:hover, .s-menu li#s-active a {
	background-color: #f0fae7;
}
/*-----------------------------------------------------
　イベントバナー
-----------------------------------------------------*/
#banner_sp a#banner-sp01 {
	/* 士会総会バナー */
	background-image : url(../images/banner_sp01.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp01 {
	/* 士会総会バナーバナー　オン時 */
	background-image : url(../images/banner_sp01_on.png);
}
#banner_sp a#banner-sp02 {
	/* 岩手県作業療法学会バナー */
	background-image : url(../images/banner_sp02.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp02 {
	/* 岩手県作業療法学会バナー　オン時 */
	background-image : url(../images/banner_sp02_on.png);
}
#banner_sp a#banner-sp03 {
	/* 第49回日本作業療法学会バナー */
	background-image : url(../images/banner_sp03.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp03 {
	/* 第49回日本作業療法学会バナー　オン時 */
	background-image : url(../images/banner_sp03_on.png);
}
#banner_sp a#banner-sp04 {
	/* 第26回東北作業療法学会バナー */
	background-image : url(../images/banner_sp04.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp04 {
	/* 第26回東北作業療法学会バナー　オン時 */
	background-image : url(../images/banner_sp04_on.png);
}
#banner_sp a#banner-sp05 {
	/* 広報誌公開版バナー */
	background-image : url(../images/banner_sp05.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp05 {
	/* 広報誌公開版バナー　オン時 */
	background-image : url(../images/banner_sp05_on.png);
}
#banner_sp a#banner-sp06 {
	/* 広報誌公開版バナー */
	background-image : url(../images/banner_sp06.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp06 {
	/* 広報誌公開版バナー　オン時 */
	background-image : url(../images/banner_sp06_on.png);
}
#banner_sp a#banner-sp07 {
	/* 広報誌公開版バナー */
	background-image : url(../images/banner_mtdlp.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp07 {
	/* 広報誌公開版バナー　オン時 */
	background-image : url(../images/banner_mtdlp_on.png);
}
#banner_sp a#banner-sp08 {
	/* 広報誌公開版バナー */
	background-image : url(../images/banner_corona.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp08 {
	/* 広報誌公開版バナー　オン時 */
	background-image : url(../images/banner_corona_on.png);
}
#banner_sp a#banner-sp09 {
	/* 広報誌公開版バナー */
	background-image : url(../images/banner_sp09.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp09 {
	/* 広報誌公開版バナー　オン時 */
	background-image : url(../images/banner_sp09_on.png);
}
#banner_sp a#banner-sp10 {
	/* こども委員会公開版バナー */
	background-image : url(../images/banner_sp10.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp10 {
	/* こども委員会公開版バナー　オン時 */
	background-image : url(../images/banner_sp10_on.png);
}
#banner_sp a#banner-sp11 {
	/* 広報誌公開版バナー */
	background-image : url(../images/banner_sp11.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp12 {
	/* 広報誌公開版バナー　オン時 */
	background-image : url(../images/banner_sp12_on.png);
}
#banner_sp a#banner-sp12 {
	/* 広報誌公開版バナー */
	background-image : url(../images/banner_sp12.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp13 {
	/* 広報誌公開版バナー　オン時 */
	background-image : url(../images/banner_sp13_on.png);
}
#banner_sp a#banner-sp13 {
	/* 広報誌公開版バナー */
	background-image : url(../images/banner_sp13.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp14 {
	/* 入会手続きバナー　オン時 */
	background-image : url(../images/banner_sp14_on.png);
}
#banner_sp a#banner-sp14 {
	/* 入会手続きバナー */
	background-image : url(../images/banner_sp14.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp15 {
	/* 入会手続きバナー　オン時 */
	background-image : url(../images/banner_sp15_on.png);
}
#banner_sp a#banner-sp15 {
	/* 入会手続きバナー */
	background-image : url(../images/banner_sp15.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp16 {
	background-image : url(../images/banner_sp16_on.png);
}
#banner_sp a#banner-sp16 {
	background-image : url(../images/banner_sp16.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp17 {
	background-image : url(../images/banner_sp17_on.png);
}
#banner_sp a#banner-sp17 {
	background-image : url(../images/banner_sp17.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp18 {
	background-image : url(../images/banner_sp18_on.png);
}
#banner_sp a#banner-sp18 {
	background-image : url(../images/banner_sp18.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp19 {
	background-image : url(../images/banner_sp19_on.png);
}
#banner_sp a#banner-sp19 {
	background-image : url(../images/banner_sp19.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sp11 {
	/* 広報誌公開版バナー　オン時 */
	background-image : url(../images/banner_sp11_on.png);
}
#banner_sp a#banner-sptiiki01 {
	/* 地域事業ページ・認知症DVD */
	background-image : url(../images/banner_tiiki01.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-sptiiki01 {
	/* 地域事業ページ・認知症DVD　オン時 */
	background-image : url(../images/banner_tiiki01_on.png);
}
#banner_sp a#banner-merumaga {
	/* 地域事業ページ・認知症DVD */
	background-image : url(../images/banner_merumaga.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner_sp a:hover#banner-merumaga {
	/* 地域事業ページ・認知症DVD　オン時 */
	background-image : url(../images/banner_merumaga_on.png);
}
/*-----------------------------------------------------
　レギュラーバナー／ページへの直接リンク
-----------------------------------------------------*/
#banner ul, #banner02 ul, #banner_sp ul {
	margin-bottom: 16px;
	list-style-type: none;
}
#banner li, #banner02 ul, #banner_sp li {
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}
#banner li a {
	display: block;
	width: 267px;
	height: 48px;
	text-indent: -9999px;
	overflow: hidden;
}
#banner02 li a {
	display: block;
	width: 267px;
	height: 68px;
	text-indent: -9999px;
	overflow: hidden;
}
#banner_sp li a {
	display: block;
	width: 267px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
}
#banner-sp16  {
	display: block;
	width: 267px;
	height: 194px !important;
	text-indent: -9999px;
	overflow: hidden;
}
#banner_sp li a#banner-sp03, #banner_sp li a#banner-sp05 {
	height: 95px;
}
#banner_sp li a#banner-sp04 {
	height: 70px;
}
#banner_sp li a#banner-sptiiki01 {
	height: 60px;
}
#banner a#banner-01 {
	/* 会員入口バナー */
	background-image: url(../images/banner_01.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner a:hover#banner-01 {
	/* 会員入口バナー　オン時 */
	background-image: url(../images/banner_01_on.png);
}
#banner a#banner-02 {
	/* 地域事業バナー */
	background-image: url(../images/banner_02.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner a:hover#banner-02 {
	/* 地域事業バナー　オン時 */
	background-image: url(../images/banner_02_on.png);
}
#banner a#banner-03 {
	/* 災害情報バナー */
	background-image: url(../images/banner_03.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner a:hover#banner-03 {
	/* 災害情報時バナー　オン時 */
	background-image: url(../images/banner_03.png);
}
#banner a#banner-04 {
	/* 求人情報バナー */
	background-image : url(../images/banner_04.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner a:hover#banner-04 {
	/* 求人情報バナー　オン時 */
	background-image : url(../images/banner_04_on.png);
}
#banner a#banner-05 {
	/* 各種手続きバナー */
	background-image : url(../images/banner_05.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner a:hover#banner-05 {
	/* 各種手続き　オン時 */
	background-image : url(../images/banner_05_on.png);
}
#banner a#banner-06 {
	/* お問い合わせバナー */
	background-image : url(../images/banner_06.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner a:hover#banner-06 {
	/* お問い合わせバナー　オン時 */
	background-image : url(../images/banner_06_on.png);
}
#banner a#banner-07 {
	/* 学会・研修会バナー */
	background-image : url(../images/banner_07.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner a:hover#banner-07 {
	/* 学会・研修会バナー　オン時 */
	background-image : url(../images/banner_07_on.png);
}
#banner02 a#banner02-01 {
	/* 研修依頼者用バナー */
	background-image : url(../images/banner02_01.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner02 a:hover#banner02-01 {
	/* 研修依頼者用　オン時 */
	background-image : url(../images/banner02_01_on.png);
}
#banner a#banner-08 {
	/* 入会案内バナー */
	background-image: url(../images/banner_08.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#banner a:hover#banner-08 {
	/* 入会案内バナー　オン時 */
	background-image: url(../images/banner_08_on.png);
}
/*-----------------------------------------
　事務局アドレス
---------------------------------------- */

aside #office_info {
	border: #9c9 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 24px;
	overflow: visible;
	padding: 12px;
}
aside #office_info h3 {
	background-image: none;
	background: #f9fff3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f9fff3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9fff30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f9fff3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f9fff3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f9fff3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f9fff3 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fff3', GradientType=0 ); /* IE6-9 */
	border: #9c9 1px solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #696;
	letter-spacing: 1em;
	margin-bottom: 10px;
	padding-top: 5px;
	text-align: center;
}
aside #office_info dl {
	line-height: 1.5;
}
aside #office_info dl dt {
	color: #696;
	font-weight: bold;
}
aside #office_info dl dd {
	font-size: 13px;
}
#office_info dl dd.telp {
	/* 電話番号の文字設定 */
	color: #676767;
	line-height: 1.4;
	text-align: right;
}
#office_info dl dd.telp {
	text-align: left;
}
#office_info dl dd.telp span {
	/* 電話番号の「TEL」文字設定 */
	color: #676767;
	font-weight: normal;
}
#office_info dl dd.telm {
	/* 電話番号の文字設定 */
	color: #676767;
	line-height: 1.4;
	text-align: right;
}
#office_info dl dd.telm {
	display: none;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 フッター
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

footer {
	border-top-color: #9c6;
	border-top-width: 5px;
	border-top-style: solid;
	background-color: #696;
}
#footerMain {
	background-color: #063;
	padding-top: 8px;
	padding-bottom: 3px;
}
#footerMain p {
	/* コピーライト文字設定 */
	font-size: small;
	text-align: center;
	color: #fff;
	margin: 0;
}
#footerExtra1 {
	padding-top: 5px;
	padding-bottom: 10px;
	width: 100%;
	background-color: #696;
}
#footerExtra1 ul {
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	width: 980px;
}
#footerExtra1 li {
	/* フッターナビ設定 */
	display: inline;
	background-image: url(../images/arrow03.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: small;
}
#footerExtra1 a:link {
	color: #FFF;
	text-decoration: underline;
}
#footerExtra1 a:visited {
	color: #FFF;
	text-decoration: underline;
}
#footerExtra1 a:hover {
	color: #9C9;
	text-decoration: underline;
}
#footerExtra1 a:active {
	color: #FFF;
	text-decoration: underline;
}
footer #footer_sns_style {
	text-align: left;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 980px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.nav-toiawase footer #footer_sns_style {
	visibility: hidden;
}
footer #footer_sns_style div {
	float: left;
	width: 125px;
	margin: 0 30px 20px 0;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 トップページのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#toppage h2 {
	background-image : url(../images/iconpc.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 13.5px;
	font-weight: normal;
	line-height: 24px;
 *margin-left: 5px;

	padding: 5px 0 5px 40px;
}
#contents #toppage-info ul {
	background-image : url(../images/topicsbg.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 0px;
	min-height: 160px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 170px;
}
#contents #toppage-info li {
	background-image: none;
	padding-left: 5px;
}
#toppage #toppage-info ul li h4 {
	margin-bottom: 8px;
	color: #030;
}
#toppage-news {
	margin-bottom: 8px;
}
#contents #toppage-news dl {
	margin-bottom: 10px;
	margin-left: 0;
	min-height: 160px;
	padding-left: 170px;
}
#contents #toppage-news div {
	background-image: url(../images/newsbg.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	border: solid 1px #9c9;
	border-radius: 4.5px;
	margin: 0 20px 24px 5px;
	padding-bottom: 10px;
	max-height: 300px;
	overflow: auto;
}
#contents #toppage #toppage-news {
	position: relative;
}
#contents #toppage-news p.page_link.whatsnew {
	font-size: 12px;
	position: absolute;
	right: 20px;
	top : -8px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 slicknav
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

.slicknav_menu {
	display: none;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 定款ページのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

.teikan section {
	margin-bottom: 24px;
}
.teikan main #teikan h4 {
	margin-bottom: 12px;
	padding-left: 0px;
}
.teikan main #teikan h4:before {
	display: none;
	position: relative;
}
.teikan #contents p, .teikan #contents ul {
	margin-bottom: 12px;
}
.teikan #contents ul li {
	background: none;
	border-bottom: none;
	margin-bottom: 12px;
	margin-left: 46px;
	padding-left: 0;
	text-indent: -46px;
}
.teikan table {
	margin: 5px auto 5px 10px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	width: 90%;
}
.teikan table th {
	background-color: #eef9e7;
}
.teikan table th, .teikan table td {
	padding: 8px 15px 8px 8px;
	text-align: left;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 災害支援活動ページのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

.saigaisien h5 {
	margin-left: 3px;
	position: relative;
	padding-left: 32px;
	color: #333;
}
.saigaisien h5:before {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 8px;
	height: 8px;
	border: 3px solid #fc6;
	content: "";
}
.saigaisien h5:after {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 11px;
	height: 11px;
	border: 3px solid #f93;
	content: "";
}
.saigaisien h6 {
	margin-left: 12px;
	margin-bottom: 10px;
}
#contents p.area {
	text-align: center;
}
#contents .area span {
	margin-left: 5px;
	margin-right: 5px;
}

.saigai-photo {
	text-align: center;
}
.saigai-photo img {
	margin: 0 10px 16px 10px;
}
.saigai-photo p.cap span, p.cap02 {
	border: solid 1px #FF9933;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 15px;
	padding: 5px 15px;
}
#contents p.cap02 {
	margin: 0px auto 24px auto;
	padding: 10px;
}
.flame_wrap .flame {
	float: left;
	width: 50%;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 作業療法士がいる施設ページのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

.shisetu #contents p.syoukai {
	border: solid 1px #C33;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #F3DCE3;
	padding: 5px 10px;
}
.shisetu #contents p.area {
	text-align: center;
}
.shisetu #contents .area span {
	margin-left: 5px;
	margin-right: 5px;
}

/* テーブル */
.shisetu .table-container {
	margin-bottom: 24px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.shisetu table {
	border-collapse: collapse;
	line-height: 1.4;
	margin-left: 5px;
	width: 670px;
}
.shisetu table, .shisetu th, .shisetu td {
	border: solid 1px #063;
}
.shisetu th, .shisetu td {
	padding: 8px;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}
.shisetu th {
	background-color: #696;
	color: #FFF;
	text-align: center;
}
.shisetu th.no {
	width: 5%;
}
.shisetu tr td.no {
	text-align: center;
}
.shisetu th.shisetumei {
	width: 30%;
}
.shisetu th.tel {
	width: 19%;
}
.shisetu th.ryouiki {
	width: 9%;
}
.shisetu tbody > tr:nth-child(odd) > td {
	background-color: #fdfde3;
}
.shisetu tbody > tr:nth-child(even) > td {
	background-color: #f0fae7;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 作業療法士を目指すのページ
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


#learning_process {
	margin: 0 15px 24px 15px;
}
#ot_message div {
	border: solid 2px #9c9;
	border-radius: 4.5px;
	margin: 0 20px 24px 5px;
	padding: 10px;
}
main #ot_message div h4 {
	border-bottom: dotted 1px #F93;
}
main #ot_message div h4 span {
}
main #ot_message div p {
	margin: 0;
}
#ot_message p.photo {
	float: right;
	width: 250px;
	margin-left: 10px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 サイトマップページのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#contents section ul#sitemap, #contents section ul#sitemap ul, #contents section ul#sitemap ul ul {
	margin-bottom: 0;
}
#contents section ul#sitemap ul {
	margin-left: 15px;
}
#contents section ul#sitemap ul ul {
	margin-top: 14px;
}
#contents section ul#sitemap ul.box {
	margin-top: 12px;
}
#contents section ul#sitemap li {
	border: none;
}
#contents section ul#sitemap li a {
	color: #333;
}
#contents section ul#sitemap li a:hover {
	color: #696;
}
#contents section ul#sitemap li.hierarchy_1st, #contents section ul#sitemap li.hierarchy_2nd, #contents section ul#sitemap li.hierarchy_3rd {
	background-image: none;
	padding-left: 0;
}
#contents section ul#sitemap li.hierarchy_1st {
	display: block;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 24px;
	padding-left: 10px;
	padding-top: 5px;
	border : solid 1px #696;
	border-left-width: 7px;
	border-radius: 4.5px;
	-webkit-border-bottom-right-radius: 4.5px;
}
#contents section ul#sitemap .hierarchy_2nd {
	display: inline-block;
	width: 170px;
	vertical-align: top;
	margin: 0 20px 0 0;
	margin-bottom: 0;
}
#contents section #sitemap .hierarchy_2nd span {
	display: inherit;
	font-weight: normal;
	margin-bottom: 0;
	padding-left: 20px;
	border: none;
	background-image: url(../images/arrow03.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	font-size: 15px;
}
#contents section ul#sitemap li.hierarchy_3rd {
	background-image: url(../images/point.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	font-size: 15px;
	font-weight: normal;
	margin-left: -5px;
	margin-bottom: 0;
	padding-left: 15px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 メールフォームのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#contact section form, #kakuninwaku {
	padding: 10px;
	background-color: #f9fff3;
	border-top-color: #699;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-color: #699;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid #B6CCB6;
	margin-bottom: 2em;
	font-size: 15px;
    width: 100%;
}
#contact form div.formwaku {
	margin-bottom: 10px;
}
#contact form .formwaku span {
	color: #F00;
}
#contents #contact section form p span {
	color: #F00;
	margin-left: 0px;
	padding-left: 0px;
}
fieldset {
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #EEE;
}
input.button {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}
textarea {
	width: 400px;
	height: 200px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
textarea:focus, input:focus {
	-webkit-box-shadow: 0 0 15px 5px #6Cf;
	box-shadow: 0 0 15px 5px #6Cf;
}
input.l {
	width: 400px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input.m {
	width: 250px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input {
	height: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input.s {
	width: 50px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.submit {
	margin-top: 10px;
}
#contact form h3 {
	text-align: left;
}
.form-check h1, .form-error h1 {
	color: #060;
	text-align: center;
	font-size: 1.5em;
	padding: 5px 0 5px 0;
	margin: 10 0 10 0;
	border-top: #699 solid 1px;
	border-bottom: #699 solid 1px;
}
.form-check #contents p.note {
	color: red;
	font-weight: bold;
	margin-bottom: 1em;
	margin-left: 1em;
}
#kakuninwaku, {
 line-height: 1.5;
 margin: 1em;
 padding: 1em;
}
.kanryou #kakuninwaku {
	margin-top: 0;
}
.kanryou #kakuninwaku p {
	text-align: center;
	padding: 50px 0 50px 0;
}
.form_bt {
	margin-bottom: 1em;
}
/* -----------------------------------------------------
 更新情報のページ　（float）
------------------------------------------------------*/

.update #contents ul li {
	border-bottom-style: none;
	float: left;
}
.update #contents ul li {
	width: 4em;
}
/* -----------------------------------------------------
 学会・研修会のページ　（追記2017-04-24 horigome）
------------------------------------------------------*/
#contact section ol li .from-note {
	text-indent: -1em;
	margin-left: -1em;
	padding-left: -1em;
}
#contents div section dl dd ul li.note1 {
	text-indent: -1em;
	margin-left: 1em;
}
.kenkyukai table {
	margin: 5px auto 5px 10px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	width: 90%;
}
.kenkyukai table th {
	background-color: #eef9e7;
}
.kenkyukai table th, .kenkyukai table td {
	padding: 8px 15px 8px 8px;
	text-align: left;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#contents div section dl dd ul .note3 {
	text-indent: -4em;
	margin-left: 4em;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 タブレット用レイアウト
__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media screen and (max-width: 768px) {
body {
	min-width: 100%;
}
#skip {
	background-color: #9c9;
}
/*--------------------------------------------------------
  画像
--------------------------------------------------------*/
#contents p.photo img {
	margin-right: 10px;
	margin-bottom: 10px;
}
#contents p.photo {
	text-align: center;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 slicknav
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#menu {
	display: none;
}
.slicknav_menu {
	display: block;
}
/*==========================================
  レイアウト設定
===========================================*/

#inner {
	width: 100%;
}
#contents {
	border-bottom: double 3px #9c9;
	width: 96%;
	float: none;
	padding-right: 0;
	padding-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
aside#side {
	width: 96%;
	float: none;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
#nav {
	width: 100%;
}
#contents h2, #contents h3, #contents p, #contents ul, #contents dl {
	margin-right: 0;
}
#title {
	margin: 24px auto 0 auto;
	width: 96%;
}
#title h2 {
	background: #FFF;
	background-image: none;
	background: #f9fff3; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f9fff3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9fff30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f9fff3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f9fff3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f9fff3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f9fff3 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9fff3', GradientType=0 ); /* IE6-9 */
	height: inherit;
	line-height: 1;
	position: relative;
	padding: 12px;
	padding-left: 24px;
	font-weight: bold;
	font-size: 22px;
	color: #696;
	border: 1px solid #9c9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#title h2:before {
	content: '';
	height: 35px;
	width: 3px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: #696;
	border-left: 4px solid #696;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 ヘッダー
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#header_inner {
	padding-top: 10px;
	padding-bottom: 0;
	position: inherit;
	text-align: center;
	width: 98%;
}
#header h1 {
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
}
#header {
	border-top: none;
	width: 100%;
	padding-bottom: 10px;
}
#logo {
	width: 98%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#header h1 {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	line-height: 1.4;
	text-align: left;
}
#logo a {
	display: block;
	max-width: 100%;
	background-size: contain;
	background-position: top center;
	margin-left: auto;
	margin-right: auto;
}
html {
	position: relative;
}
#header .u_nav ul {
	top: 18px;
	right: 10px;
	z-index: 99;
}
#header .u_nav ul li a {
	color: #FFF;
}
#header .u_nav ul li a:hover {
	color: #9C9;
}
#headerExtra1 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	float: none;
	text-align: center;
	max-width: 330px;
}
/*==========================================
 グローバルナビゲーション・エリアのスタイル
===========================================*/

#nav {
	background-color: #9c9;
	height: 10px;
}
.top #nav {
	height: 3px;
}
/*==========================================
 スライドショーのスタイル
===========================================*/

#slide {
	background: none;
	border-bottom: 10px #9c9 solid;
}
.rslides {
	width: 100%;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 サイドバー　aside
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

aside#side {
	padding-top: 24px;
	text-align: center;
}
#banner_sp, #banner {
	width: 267px;
	margin-left: auto;
	margin-right: auto;
}
/*-----------------------------------------
　事務局アドレス
---------------------------------------- */

#office_info dl dd.telp, #office_info dl dd.telm {
	text-align: center;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 フッター
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#footerMain p {
	padding-left: 10px;
	padding-right: 10px;
	word-break: break-all;
}
#footerExtra1 {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footerExtra1 ul {
	text-align: center;
	width: 100%;
}
#footerExtra1 li {
	display: inline-block;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
}
footer #footer_sns_style {
	margin-bottom: 36px;
	width: 100%;
}
/*==========================================
　続きを読む等の詳細ページへのリンクボタン　
===========================================*/

#contents p.page_link, #contents p.page_link02 {
	margin-right: 0px;
	margin-bottom: 24px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 トップページのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


#contents #toppage-info ul, #contents #toppage-news div, #contents #toppage-news dl {
	background-image: none;
	padding-bottom: 10px;
	padding-left: 0;
}
#contents #toppage-news div {
	margin: 0 0 24px 4px;
	padding: 10px 16px;
}
#contents #toppage-info li {
	background-image: none;
	padding-left: 5px;
}
#contents #toppage-news dt {
	width: 100% !important;
}
#contents #toppage-news dd {
	padding-left: 20px;
}
#contents #toppage-news p.page_link.whatsnew {
	right: -1px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 災害支援ページのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


.flame_wrap .flame {
	clear: both;
	width: 100%;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 メールフォームのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

textarea {
	width: 96%;
}
input.l {
	width: 96%;
}
input.m {
	width: 60%;
}
input.s {
	width: 30%;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 その他のデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* モバイル対応時非表示 */

.mbile_none {
	display: none;
}
/* -----------------------------------------------------
 学会・研修会のページ　（追記2017-04-24 horigome）
------------------------------------------------------*/
.kenkyukai table {
	margin: 5px auto 5px 10px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	width: 90%;
}
.kenkyukai table th {
	background-color: #eef9e7;
}
.kenkyukai table th, .kenkyukai table td {
	padding: 8px 15px 8px 8px;
	text-align: left;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
}



/* =======================================================
  スマートフォンレスポンシブル設定
======================================================= */
@media screen and (max-width: 480px) {
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 基本スタイル設定関連
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
  レイアウト設定
===========================================*/

/*--------------------------------------------------------
  段落・文字配置
--------------------------------------------------------*/

#contents ul, #contents dl, #contents p {
	margin-left: 5px;
}
/*==========================================
 リストタグのスタイル
===========================================*/

#contents dt {
	float: none;
	width: 100% !important;
}
#contents dd {
	margin-left: 20px;
	padding-left: 0;
	padding-top: 0;
}
/*--------------------------------------------------------
  画像
--------------------------------------------------------*/
#contents p.fl_left_img, #contents p.fl_right_img, #contents p img.fl_left_img, #contents p img.fl_right_img {
	float: none;
	text-align: center;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 16px;
	margin-left: 10px;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 トップページのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
#toppage h2 {
	background-position: left 6px;
}
#contents #toppage-news dd {
	padding-left: 0;
	padding-top: 0;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 災害支援活動ページのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 作業療法士を目指すのページ
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

#learning_process #chart01 {
	width: 95px;
	height: 155px;
}
#learning_process #chart02 {
	width: 117px;
	height: 155px;
}
#learning_process #chart03 {
	width: 94px;
	height: 155px;
}
#learning_process #chart04 {
	width: 94px;
	height: 155px;
}
#learning_process #chart05 {
	width: 65px;
	height: 155px;
}
#ot_message div {
	margin-right: 5px;
}
#ot_message p.photo {
	float: none;
	margin: 0 0 16px 0;
	text-align: center;
	width: 100%;
}
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 メールフォームのデザイン
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

textarea {
	width: 96%;
}
input.l {
	width: 96%;
}
input.m {
	width: 60%;
}
input.s {
	width: 30%;
}
/* -----------------------------------------------------
 学会・研修会のページ　（追記2017-04-24 horigome）
------------------------------------------------------*/
.kenkyukai table {
	margin: 5px auto 5px 10px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	width: 90%;
}
.kenkyukai table th {
	background-color: #eef9e7;
}
.kenkyukai table th, .kenkyukai table td {
	padding: 8px 15px 8px 8px;
	text-align: left;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
}
.kozutaka img{
    width: 10%;
    position: absolute;
    top: 70px;
    left: 460px;
    
}
/* -----------------------------------------------------
 お問い合わせボタン　（追記2022-03-14 yamada）
------------------------------------------------------*/
.contactbtn a {
    margin: 0 auto;
    margin-bottom: 20px;
	display: flex;
	justify-content: center;
    text-align: center;
	align-items: center;
	position: relative;
	width: 50%;
	height: 50px;
	color: #333;
    padding: 0px 10px 0px 10px;
	font-size: 1.3em;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
    border-radius: 20px;
    cursor: pointer;
}

.contactbtn a:hover {
	color: black;
}

.btn11 a {
	background-color: #D7E4BD;
	border: 3px solid #385D8A;
}

.btn11 a::after {
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #333 transparent;
}

.btn11 a:hover {
	background-color: #BEDEBD;
	border: 3px solid #385D8A;
}

.btn11 a:hover::after {
	border-color: transparent transparent #f2f2f2 transparent;
}

.admbtn-a a {
    margin: 10px auto;
    margin-bottom: 20px;
	display: flex;
	justify-content: center;
    text-align: center;
	align-items: center;
	position: relative;
	width: 40%;
	color: #FFF;
    padding: 15px 0px 15px 10px;
	font-size: 1.3em;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 1px 1px 3px black;
}

.admbtm-a a:hover {
	color: black;
}

.btn12 a {
	background-color: #5383c3;
	border: 3px solid #385D8A;
}

.btn12 a::after {
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #f6ad49 transparent;
}

.btn12 a:hover {
	background-color: #164a84;
	border: 3px solid #385D8A;
}

.btn12 a:hover::after {
	border-color: transparent transparent #f2f2f2 transparent;
}

.btn13 a {
	background-color: #223a70;
	border: 3px solid #385D8A;
}

.btn13 a::after {
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #f6ad49 transparent;
}

.btn13 a:hover {
	background-color: #4c6cb3;
	border: 3px solid #385D8A;
}

.btn13 a:hover::after {
	border-color: transparent transparent #f2f2f2 transparent;
}


.admbtn-b {
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.5;
	width: 50%;
	color: #FFF;
    padding: 15px 20px 15px 20px;
	font-size: 1.3em;
	font-weight: 700;
    border-radius: 20px;
    background-color: #493759;
	border: 3px solid #dbd0e6;
}

.adm-back{
    background-image: url(../admission/img/sumaho1.jpeg),url(../admission/img/sumaho2.png);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: left 10px, bottom 20px right 10px;
}
.adm-color{
    background-color: #adff2f;
    padding: 3px 10px;

}
  .triangle {
      margin: 0 auto;
      margin-bottom: 20px;
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 25px solid transparent;
      border-left: 25px solid transparent;
      border-top: 30px solid #f47e17;
      border-bottom: 0;
}
/* -----------------------------------------------------
こども委員会　（追記2022-07-19 yamada）
------------------------------------------------------*/
.kodomo{
    display: none;
}
.kodomo_flex{
    display: flex;
}
.kodomo-list details{
    margin-left: 10px;
    width: 300px;
}
.kodomo-list details[open]{
    border: 1px solid #696;
    border-radius: 10px;
    margin-bottom: 10px;
}
.kodomo-list summary{
    border: 1px solid #696;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #669966;
    font-weight: bold;
}
.kodomo-list summary:hover{
    border: 2px solid #696;
}
.kodomo-list summary:focus{
    border: 2px solid #696;
}
@media screen and (max-width: 768px){
    .kodomo{
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
    .kodomo img{
        margin: 0 auto;
    }
}

/* -----------------------------------------------------
VIDEO要素　（追記2025-04-19 yamada）
------------------------------------------------------*/
.video2025{
    margin-bottom: 20px;
    margin-top: 20px;
}
@media screen and (max-width: 768px){
.video2025 video{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    
    }

}