@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :日本歯科医療管理学会
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub

基本カラー　緑：#2ca858
　　　　　　少し薄い緑：#00b439
　　　　　　更に薄い緑：#99d8b0


=================================================================== */

/*----------------------------------------------------
	場合によって使うもの
----------------------------------------------------*/

/*
html,
body {
  height:100%;
}

Opera用 
html:first-child body {
	min-height:100%;
	padding-bottom:1px;
} 
*/

/*----------------------------------------------------
	リンクカラーなど
----------------------------------------------------*/
a:link {
	color: #333;
}

a:visited {
	color: #333;
}

a:hover {
	text-decoration: none;
	color: #6FAAC4;
}

a:active {
}

/* = Selected Text
----------------------------------------------- */
::selection {
 background:#21609A; /* Safari */
	color:#FFF;
}

::-moz-selection {
 background:#21609A; /* Firefox */
	color:#FFF;
}

/*----------------------------------------------------
	汎用class
	※基本頭文字は小文字で
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.cr {
	clear: both;
}


.title {
	text-align: center;
}

.signature {
	text-align: right;
}

.text {
	text-indent: 1em;
}

.text_justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

a.roll:hover img {
  /* IE8 標準モードの独自拡張 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  
  /* CSS3 の公式プロパティ（Firefox 1.5+、Opera 8.0+、Safari 3.0+）*/
  opacity: 0.9;
}

.point {
	color: #f00;
}

.linkTop {
	background: url(../img/item/icon_top.gif) no-repeat;
	padding-left: 20px;
}

.link {
	position: relative;
	display: inline-block;
	padding: 0 0 0 20px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}

.link:before,
.link:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.link:before	{
	width: 12px;
	height: 12px;
	background: #FD8569;
 border-radius: 1.5px;
}

.link:after	{
	left: 5px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #fff;
}

.check{
	padding:0px;
	margin:0px;
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
	position:relative;
	padding-left:20px;
}
 
.check::before,	
.check::after{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#21609A; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.check:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

.pdf {
	background: url(../img/item/icon_pdf.png) no-repeat right;
	padding-right: 20px;
}

.word {
	background: url(../img/item/icon_word.png) no-repeat right;
	padding-right: 20px;
}

.excel {
	background: url(../img/item/icon_excel.png) no-repeat right;
	padding-right: 20px;
}

.mail {
	background: url(../img/item/icon_form.png) no-repeat 4px;
	padding-left: 20px;
}

.calendar {
	background: url(../img/item/icon_calendar.png) no-repeat 4px;
	padding-left: 20px;
}

.file {
	font-size: 86%;
}

.phot {
 background: #fff;
	padding: 4px;
	border: 1px solid;
	border-color: #dfdfdf #adadad #adadad #dfdfdf;
}

.no_title {
	visibility: hidden;
}

.speaker {
	margin-left: 2em;
}

/* 外部リンクは別窓用の指定 */
.blank,
.externalLink {
	background: url(../img/item/icon_blank.gif) no-repeat right;
	padding-right: 15px;
}

/* clearfix */
#clearfix{ /zoom : 1; }
#clearfix:after{ content : ''; display : block; clear : both; }

/*
#clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#clearfix {
	display: inline-block;
}
*/


/*----------------------------------------------------
	#navSkip (gNavSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}


/*----------------------------------------------------
	#ワイヤーフレーム
----------------------------------------------------*/
html {
}

body {
	font-family: 'Hiragino Kaku Gothic Pro', 'Lucida Grande', Verdana, Arial, Meiryo, メイリオ, sans-serif;
	line-height: 1.6em;
	color: #333;
	background-color: #F6FBFC;
	border-top: 5px solid #2ca858;

}

/* ウィンドウ幅が0〜980pxの場合に適用するCSS */
@media screen and ( max-width:980px )
{
body {
	width: 980px;
}
}

body.MemberPage {
/*	background: url(../img/share/bg_mm.png) repeat-x; */

}

#page {
	width: 980px;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: left;
 background: #FFF;
}

@media screen and (max-width:991px) {
#page {
	max-width: 100%;
}
}

#contents {
	width: 980px;
 background: none;
 min-height: 500px;
}

@media screen and (max-width:991px) {
#contents {
	width: auto;
	padding: 0;
}
}



#main {
	float: left;
	width: 720px;
	margin: 20px 0 30px 0;
	padding: 0 0 0 0;
	min-height: 720px;
}

#sub {
	float: right;
	width: 240px;
	margin-top: 57px;
	min-height: 500px;
 height: auto !important;  
	height: 500px;
}

.topBody #sub {
float: right;
	width: 240px;
	margin-top: 20px;
	min-height: 500px;
 height: auto !important;  
	height: 500px;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}

#contents .pageTop {
	clear: both;
	text-align: right;
	font-size: 86%;
	padding: 5px 0 15px 0;
}

#contents .pageTop a {
 position:relative;
	top:0;
 left:0;
	padding-left:18px;
}

#contents .pageTop a:before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border-left: 7px solid transparent;
 border-right: 7px solid transparent;
 border-bottom: 12px solid #21609a;
}

.fileList {
 border-top: 1px solid #ccc;
	background: #fbfaf5;
	padding-top: 10px;
	margin-bottom:2em;
	font-size: 93%;
}
.fileList li {
 list-style-type: none !important;
	margin: 0 0 0.5em 1em;
	background: url(../img/item/icon_link.png) no-repeat left 4px;
	padding-left: 18px;

}

.pickupArea {
 padding: 20px;
	margin: 20px 10px 30px;
/* background: #FEEEDB;	*/
	border:	3px solid #21609A;
 position: relative;
 z-index: 10;
	border-radius: 9px;        /* CSS3草案 */  
 -webkit-border-radius: 9px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 9px;   /* Firefox用 */
}


/* http://www.colorzilla.com/gradient-editor/ */
.deadline{
padding: 20px;
text-align: center;
font-weight:bold;
border: 3px double #D66F11;

background: rgb(254,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmViZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(210,235,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-8 */
}

/*----------------------------------------------------
	#contents 内 標準要素
----------------------------------------------------*/

h2 {
 position: relative;
 padding-left: 25px;
 width: 95%;
	font-size: 20px;
	margin-bottom: 40px;
	padding-bottom: 2px;
}

h2:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px #2ca858;
}

h2:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px #2ca858;
}

h3 {
	position: relative;
	padding-left: 30px;
	font-size:18px;
	color: #325A8C;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
h3::before,
h3::after{
	content: "□";
	position: absolute;
}
h3::before{
	left:0;
	top:-3px;
}
h3::after{
	left: 5px;
	top: 3px;
	color: #A1B8D1;
}


h4 {
	position:	relative;
	padding-left:	7px;
	font-weight: bold;
	font-size: 16px;
	margin: 1.5em 0 15px 0;
 font-weight: bold;
	border-left: 4px solid #99d8b0; 
}


h5 {
	font-size: 100%;
	margin-top: 1.5em;
	margin-bottom:1em;
	color: #214a78;
}

h6 {
	margin-bottom:1em;
}

/* -----------------------------------------------------------
	#breadcrumbs
		パンくずリスト
----------------------------------------------------------- */

.breadcrumb {
  padding-left:0;
  margin-left:0;
		padding-bottom: 15px;
}

.breadcrumb li{
  display:inline; /*横に並ぶように*/
  list-style: none;
  font-weight: bold; /*太字*/
}

.breadcrumb li:after{ /* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #00b439; /*色*/
}

.breadcrumb li a:hover {
    text-decoration: underline;
}




#TextArea /* width px; */ {
	padding: 0 0 0 20px;
 min-height: 60px;
 height: auto !important;  
	height: 60px;
}

/*
#topicPath {
	padding: 2px 4px;
	margin-bottom: 12px;
	border: 1px solid #bbb;
	border-top: none;
	background: #F5F5F3;
}

#topicPath li {
 display: inline;
	background: url(../img/item/icon_link_topicPath.png) no-repeat right;
	padding-right: 20px;
	font-size: 10px;
}

#topicPath li.stay {
	background: none;
}
*/


/* -----------------------------------------------------------
	#各コンテンツ
----------------------------------------------------------- */

div#eyecatch {
 font-size: 12px;
 letter-spacing: 0em;
 margin-bottom: 30px;
	background: none;
}

.main_bnr {
 display: flex;
	justify-content: space-around;
}

.main_bnr .item img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.main_bnr .item:hover img {
  opacity: .5;
}

ol.uniNum {
	 list-style-type: decimal;
		margin-left: 2em;
}

ol.uniNum li {
		margin-bottom: 1em;
}

ol.uniNum li ul {
 margin-top: 1em;
	margin-left: 2em;
}

ol.uniNum li ul li {
	list-style-type: disc;
}

ul.uniList {
	padding: 0.5em;
	list-style-type: none;
}

ul.uniList li {
 list-style: none !important;
	position: relative;
	padding: 0.5em 1em 0.5em 2em;
	margin-bottom:5px;
	border-bottom: 1px solid rgba(25,118,210,1);
}
ul.uniList li::after,
ul.uniList li:before {
	content:'';
	position: absolute;
	border-radius: 50%;
}

ul.uniList li:before {
	top: 50%;
	left: 0.2em;
	width: 15px;
	height: 15px;
	background: rgba(25,118,210, 1);
	transform: translateY(-50%);
}
ul.uniList li:after {
	top: 1.1em;
	left: 0.7em;
	width: 12px;
	height: 12px;
	background: rgba(25,118,210, 0.5);
}

ul.uniList li ul li {
	list-style-type: disc !important;
}
ul.uniList li ul li::after {
	background: none;
}
ul.uniList li ol li {
	list-style-type: decimal !important;
}
ul.uniList li ol li::after {
	background: none;
}


ul.uniLink, 
ul.uniLink li {
	padding:0px;
	margin:0px;
}

ul.uniLink li {
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 10px 0px 10px 0px !important;
	position:relative;
	padding-left:20px;
}
ul.uniLink li::before {
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:5px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #286bcc;
}

table.uniTable {
	width: 100%;
	border: none;
	margin-bottom: 60px !important;
}

.uniTable tr.first-child th {
 border-top: #99d8b0 4px solid;
}

.uniTable th {
 border: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: bold;
}

.uniTable tr.odd th {
	background: #F4F4F4;
}

.uniTable td {
 border: #e3e3e3 1px solid;
 border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

.uniTable tr.odd td {
	background: #fafbff;
}


dl.uniDefinition dt {
 margin: 0 0 0.5em 0;
}

dl.uniDefinition dd {
 margin: 0 0 1em 1em;
}

/*----------------------------------------------------
	#main
		メイン　contents.css　へ
----------------------------------------------------*/


#TextArea ol li {
	list-style-type: decimal;
	margin-left: 2em;
	margin-bottom: 1em;
}

#TextArea ul li {
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 1em;
}

#TextArea ul li ol li {
	list-style-type: decimal;
}


/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */

/*　ピックアップBOX　*/

.bnrBox {
	margin: 5px 0;
/*	border: 1px solid #2ca858; */
  border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
	background: #e3efd4;
}

.bnrBox_title {
	 background: #2ca858;
  margin: 0 auto;
		text-align: center;
		padding: 5px 0;
  color: #fff;
  font-size: 14px;
		font-weight: bold;
}

.bnrBox_title a {
  color: #fff;
		text-decoration: none;
}

.bnrBox_title a:hover {
  color: #fff;
		text-decoration: underline;
}

.bnrBox_area {
	margin: 10px;
	padding-bottom: 10px;
}

.bnrBox_area p {
 margin-bottom: 1em;
}


/*　サブメニュー */

.sub_menu {
	background: #fff;
 padding: 0;
 position: relative;
}

.sub_menu li {
  color: #2d8fdd;
  border-left: solid 6px #99d8b0;/*左側の線*/
  background: #f1f8ff;/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
 	line-height: 1.5;
 	padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
}

.pickup {
}
.pickup li {
	margin: 10px 0;
	padding: 5px 0;
	text-align: center;
}
.pickup li p {
 margin-top: 1em;
	font-size: 12px;
}

.pickup li img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.pickup li:hover img {
  opacity: .5;
}


.offiecerArea {
	background: #fff !important;
	font-size: 12px;
	margin: 30px 5px;
	padding: 5px;
	border: 1px solid #999;
}