@charset "utf-8";
/* CSS Document */
/*------------------------------------------
// base
----------------------------------------- */
body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, input, p {
	margin: 0;
	padding: 0;
	/*-webkit-text-size-adjust:100%;*/
}
html, body {
	font-size: 15px; /*基準*/
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*line-height: 1.5;*/
	color: #333;
	/*overflow-wrap:word-wrap;*/
}
img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
	width: auto;
}
a img {
	border-style: none;
}
section {
	margin: 0 0 1em 0;
}
a, a:visited {
	color: #185B92;
	/*font-weight:bold;*/
	font-feature-settings: "palt";
}
a:hover {
	color: #185B92;
	text-decoration: none;
	font-weight: bold;
	font-feature-settings: "palt";
}
.inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#mainBox a:hover img, input.btn hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #FFF;
}
#sideBox li, #breadcrumbs, #footer li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
textarea, input {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 1.2rem;
	font-size: 12px;
}
.fontS {
	font-size: small;
}
.fontL {
	font-size: large;
}
.fontMN {
	font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
	font-weight: 500;
}
.textR {
	text-align: right;
}
.textC {
	text-align: center;
}
.textU {
	text-decoration: underline;
	position: inherit !important;
	left: 0 !important;
}
.colorCrimson {
	color: crimson;
}
/*リストを2列にする*/
ul.l_box2 {
	display: grid;
	grid-template-columns: repeat(auto-fit, 50%);
}
ul.l_box2 li {
	/* box-sizing: border-box;
    width: 50%;*/
}
/*スマートフォンのウインドウサイズ（480px）以下の場合の指定*/
@media only screen and (max-width:480px) {
	ul.l_box2 li {
		width: 100%;
	}
}
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.nonpc {
	display: none;
}
.pc {
	display: block;
}
/*スマートフォンのウインドウサイズ（480px）以下の場合の指定*/
@media only screen and (max-width:480px) {
	.sp-only {
		display: none;
	}
}
/*==================
	header
====================*/
header {
	width: 100%;
}
#header_top {
	padding: 0;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	background: #FFF;
}
#header_nav {
	padding: 0;
	width: 100%;
	height: 70px;
	background: #14578A;
}
/*スマートフォンのウインドウサイズ（480px）以下の場合の指定*/
@media only screen and (max-width:480px) {
	#header_nav {
		display: none;
	}
}
/*header左側の設定*/
img#logogroup {
	width: 450px;
	float: left;
	margin: 0 0 0 0;
}
/*スマートフォンのウインドウサイズ（480px）以下の場合の指定*/
@media only screen and (max-width:480px) {
	img#logogroup {
		max-width: 100%;
		display: block;
	}
}
/*header右側の設定*/
/*文字サイズ変更*/
ul#textSize {
	width: 120px;
	height: 30px;
	margin: 10px 30px 0 0;
	padding: 0 0 0 70px;
	background: url(../images/common/text-size.png) no-repeat;
	float: right;
}
#textSize li {
	width: 60px;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	cursor: pointer;
}
#textSize:after {
	content: "";
	display: block;
	/*clear: both;*/
}
/*サイト内けんさく*/
#search {
	width: 196px;
	height: 26px;
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	border: solid 2px #CCC;
}
#searchform {
	width: 200px;
	display: block;
	height: 30px;
	position: relative;
}
#keywords {
	width: 155px;
	position: absolute;
	top: 0px;
	left: 5px;
	height: 26px;
	border: none;
	font-size: 15px;
}
#searchBtn {
	position: absolute;
	top: 0px;
	left: 160px;
}
/* ページトップへ戻る */
.pageTop {
	display: none;
	position: relative;
	/*width:90%;*/
	/*max-width:900px;*/
	height: 0;
	margin: 0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	right: 1em;
	display: block;
	width: 80px;
	height: 10px;
	/*margin-left:880px;*/
	padding: 1em 0 1em 2px;
	background: #185B92; /* 矢印の背景色 */
	text-align: center;
	outline: none;
	text-decoration: none;
	z-index: 9999;
	border-radius: 3px 3px 0 0;
}
.pageTop a:before, .pageTop a:after {
	position: absolute;
	left: 50%;
	content: "";
	width: 0px;
	height: 0px;
	margin-left: -10px;
	border: 10px solid transparent;
}
.pageTop a:before {
	top: 50%;
	margin-top: -13px;
	border-bottom: 10px solid #185B92; /* 矢印の背景色 */
}
.pageTop a:after {
	top: 50%;
	margin-top: -15px;
	z-index: -1;
	border-bottom: 10px solid #fff; /* 矢印の色 */
}
/* スマホ向け */
@media screen and (max-width: 480px) {
	.pageTop {
		width: 98%;
	}
	.pageTop a {
		bottom: 0px;
		right: 1em;
	}
}
/*==================
	プライマリーメニュー
====================*/
ul#pri-menu {
	width: 200px;
	height: 40px;
	margin: 30px 0 0 0;
	padding: 0;
	float: right;
	list-style-type: none;
}
#pri-menu li {
	float: left;
	margin: 0 0 0 10px;
}
#pri-menu li a {}
/*================================================
 *  グローバルナビゲーションメニュー
 ================================================*/
#nav {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#nav li {
	list-style: none;
	position: relative;
	float: left;
	width: 120px; /*width:192px;*/
}
#nav li a {
	display: block;
	font-size: 13px;
	text-decoration: none;
}
/* ナビゲーションメニュー（サブ） */
#nav li ul {
	display: none; /* デフォルト非表示*/
	position: absolute;
	top: 70px;
	left: 0px;
	width: 200%;
	z-index: 30;
	border: 1px solid #185B92;
	border-bottom-left-radius: 5px; /* CSS3草案 */
	-moz-border-bottom-left-radius: 5px; /* Firefox用 */
	border-bottom-right-radius: 5px; /* CSS3草案 */
	-moz-border-bottom-right-radius: 5px; /* Firefox用 */
	background: #F6F6F6;
}
#nav li ul li {
	list-style: none;
	width: 220px; /*width:172px;*/
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding: 10px;
}
#nav li:hover {
	background: #5A9CD4;
}
#nav li:hover > a {
	/*background:#5A9CD4;
	color:#FFF;*/
}
#nav li:last-child ul {
	left: -100%;
}
#nav li:hover ul {
	display: block;
	background: #D8F3FC;
	color: #185B92;
}
#nav ul li:hover {
	display: block;
	background: #F5FCFE;
	color: #185B92;
	font-weight: bold;
	border-bottom-left-radius: 5px; /* CSS3草案 */
	-moz-border-bottom-left-radius: 5px; /* Firefox用 */
	border-bottom-right-radius: 5px; /* CSS3草案 */
	-moz-border-bottom-right-radius: 5px; /* Firefox用 */
}
.slicknav_menu {
	display: none;
}
/*スマホサイズのウインドウサイズ（480px）以下の場合の指定*/
@media only screen and (max-width: 480px) {
	#nav {
		width: 100%;
	}
	#nav li {
		float: left;
	}
	.nav-text:after {
		content: attr(data-label);
	}
	.nav-text img {
		display: none;
	}
	.js #nav {
		display: none;
	}
	.js .slicknav_menu {
		display: block;
	}
}
/*==================
	パンくずリスト
====================*/
ol#breadcrumbs {
	width: 940px;
	height: 20px;
	padding: 10px;
	/*float:left;*/
	background: #E6E9EE;
	border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
ol#breadcrumbs li {
	display: inline;
	list-style-type: none;
	font-size: small;
}
ol#breadcrumbs li a {
	display: inline;
	color: #333;
}
ol#breadcrumbs li a:active {
	display: inline;
}
ol#breadcrumbs li:before {
	content: " > ";
}
ol#breadcrumbs li:first-child:before {
	content: "";
}
ol#breadcrumbs li:last-child {
	font-weight: bold;
	color: #185B92;
}
/*==================
	Contents
====================*/
#Contents {
	width: 960px; /*960px*/
	margin: 0px auto;
	/*display: -wbkit-flex;
	display: flex;
	position:relative;*/
	overflow: hidden;
	clear: both;
}
#Contents h2 {
	height: 0 auto;
	padding: 80px 20px 0 0;
	background: url(../images/common/h2_header-bg.jpg) no-repeat;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 35px;
	color: #FFF;
	text-align: right;
	text-shadow: 0 1px 0px #143352, 0 2px 0px #143352;
}
#Contents-L {
	width: 720px;
	margin: 10px 0;
	padding: 0;
	float: left;
}
/*スマホサイズのウインドウサイズ（480px）以下の場合の指定*/
@media only screen and (max-width: 480px) {
	#Contents h2 {
		font-size: 85%;
	}
}
/*==================
	mainBox
====================*/
#mainBox {
	width: 720px;
	margin: 0 auto 1em auto;
	padding: 0;
	float: left;
	position: relative;
}
#mainBox ul li, #mainBox ol li {
	margin: 0 0 0.5em 2em;
}
#mainBox ul li ul li, #mainBox ol li ul li, #mainBox ol li ol li {
	margin: 0 0 0.2em 2em;
}
/* 番号付き箇条書き */
#mainBox ol.ol-kakko, #mainBox ol.ol-maru {
	margin: 0em;
	list-style-type: none;
}
#mainBox ol.ol-kakko li, #mainBox ol.ol-maru li {
	position: relative;
	/*list-style-type: none;*/
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#mainBox ol.ol-kakko li span {
	position: absolute;
	top: 1px;
	left: -2em;
}
#mainBox ol.ol-maru li span {
	position: absolute;
	left: -2em;
}
#mainBox ol.ol-maru li span.niketa {
	position: absolute;
	left: -2em;
}
#mainBox ol.ol-kakkoS {
	margin: 0em;
	list-style-type: none;
}
#mainBox ol.ol-kakkoS li {
	position: relative;
	margin-bottom: 0em;
}
#mainBox ol.ol-kakkoS li span {
	position: absolute;
	top: 1px;
	left: -2.5em;
}
#mainBox ol.ol-kakko li ul li, #mainBox ol.ol-maru li ul li {
	position: relative;
	list-style-type: circle;
	margin-bottom: 0em;
}
/*↓さらに入れ子の場合*/
#mainBox ol.ol-maru li ol.ol-kakko span {
	position: absolute;
	left: -2.5em;
}
#mainBox ol.ol-kakko li ol.ol-maru span {
	position: absolute;
	left: -1.5em;
}
table ol.kakko-num li {
	list-style: none;
	margin: 0 !important;
	padding-left: 2.5em;
	text-indent: -2.5em;
}
#mainBox h3 {
	/*height:50px;*/
	border-bottom: dashed 1px #5BA6E3;
	margin: 20px 0;
	position: relative;
	padding: 0 0 0 40px;
	/*color: #333;*/
	font-size: 23px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#mainBox h3:before {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 10px;
	height: 10px;
	border: 2px solid #B2E0FF; /*奥の薄い四角*/
	content: "";
}
#mainBox h3:after {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 10px;
	height: 10px;
	border: 2px solid #5BA6E3; /*手前の濃い四角*/
	content: "";
}
#mainBox h4 {
	margin: 0 0 5px 0;
	padding: 10px;
	font-weight: normal;
	font-size: 100%;
	background: #DBEBF9;
	border-left: solid 5px #5BA6E3;
	border-radius: 2px;
	clear: both;
}
#mainBox h4:after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	border: #5BA6E3;
	border-radius: 5px;
}
#mainBox h5 {
	font-size: 100%;
	margin: 5px 0;
	clear: both;
}
#mainBox h6 {
	font-size: 100%;
	font-weight: bold;
	margin: 10px;
	padding: 10px 10px 5px 10px;
}
#mainBox h6 span {
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: normal;
	text-align: right;
	display: block;
}
#mainBox p {
	margin: 0.5em;
	line-height: 1.5em;
}
#mainBox .listAccordion label {
	display: block;
	cursor: pointer;
	background: url(../images/common/open.png) right no-repeat;
}
#mainBox .listAccordion label:checked {
	background: url(../images/common/close.png) right no-repeat;
}
#mainBox .listAccordion input[type="checkbox"].on-off {
	display: none;
}
#mainBox .listAccordion .listTips {
	margin-bottom: 1em;
}
#mainBox .listAccordion input[type="checkbox"].on-off + .listTips {
	height: 0;
	overflow: hidden;
}
#mainBox .listAccordion input[type="checkbox"].on-off:checked + .listTips {
	height: auto;
}
/*============================
	トップページ　お知らせ
==============================*/
a.topic {
	margin: 0 0 10px 0;
	padding: 10px;
	position: relative;
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	color: #fff !important;
	display: block;
	border-radius: 5px;
	background-color: #a73836 !important;
	border-bottom: 2px solid #662221;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	clear: both;
}
a.topic:active {
	position: relative;
	top: 2px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
}
#attenBox {
	padding: 3em 2em 1em 2em;
	position: relative;
	border: 1px solid #CCA99D;
	background-color: #F8F8F8;
}
#attenBox .box-title {
	background-color: #CCA99D;
	padding: 10px 15px;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
	animation-name: flashing;
	animation-duration: 2.5s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	font-size: 1rem;
	font-weight: bold;
	color: #662221;
}
@keyframes flashing {
	0% {
		background-color: #CCA99D;
	}
	50% {
		background-color: #662221;
		color: #FFF;
	}
	100% {
		background-color: #CCA99D;
	}
}
#pickBox a {
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 1.2rem;
	text-decoration: none;
	padding: 1rem 4rem;
	font-weight: bold;
	color: #fff;
	background-color: #298c75;
	border: 5px solid #34b496;
	transition: 0.5s;
}
#pickBox a:hover {
	color: #298c75;
	background: #FFF;
}
#NonMemberBox a {
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 1.2rem;
	text-decoration: none;
	padding: 1rem 4rem;
	font-weight: bold;
	color: #fff;
	background-color: #d3381c;
	border: 5px solid #c9171e;
	transition: 0.5s;
}
#NonMemberBox a:hover {
	color: #c9171e;
	background-color: #FFF;
}
#infoBox {
	width: 710px;
	border: 5px solid #C1EDFA;
	float: left;
}
#infoBox h3 {
	height: 50px;
	line-height: 50px;
	background: url(../images/common/mark_news.png) no-repeat left top;
	margin: 0 0 1em 0;
	padding: 0 0 0 60px;
	font-size: 20px;
	border-bottom: solid 1px #C1EDFA;
	clear: both;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
ul#info {
	margin: 0;
	padding: 0 10px;
	clear: both;
}
ul#info li { /*日付＋カテゴリーラベルなど*/
	list-style: none;
	color: #333;
	margin: 5px 0;
	border-bottom: 1px dashed #ccc;
	font-size: 87%; /*15px基準の13px*/
}
ul#info li p { /*本文*/
	padding: 0 0 5px 0;
	display: block;
	font-size: 116%; /*13px基準の15px*/
}
ul#info li:last-child {
	border: none;
}
/*==================
	sideBox
====================*/
#sideBox {
	width: 220px;
	margin: 10px 2px;
	float: right;
	position: relative;
}
#sideBox h6 {
	/*color:#185B92;*/
	margin: 0 0 0 0;
	/*font-weight:normal;*/
	font-size: 120%;
	text-align: center;
	clear: both;
}
ul#sideMenu {
	margin: 0;
	padding: 0;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
}
ul#sideMenu li {
	list-style: none;
	border-bottom: 1px solid #C5E4DD;
	display: block;
}
ul#sideMenu li:last-child {
	border: 0;
}
ul#sideMenu li a {
	margin: 0;
	padding: 10px 0px 10px 20px;
	display: block;
	position: relative;
	z-index: 10;
	text-decoration: none;
	font-weight: normal;
}
ul#sideMenu li:hover, ul#sideMenu li a.active { /*現在位置*/
	text-decoration: none;
	background-color: #F5FCFE;
	color: #185B92;
	font-weight: bold;
}
ul#sideMenu li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 20px;
	left: 10px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #185B92;
}
ul#sideMenu li a:hover:before {
	left: 7px;
}
.sideBanner {
	margin: 0 0 0 0;
	padding: 5px;
	border-radius: 5px;
	border: solid 1px #5BA6E3;
	background: #5BA6E3;
	background: -webkit-gradient(linear, left top, left bottom, from(#5BA6E3), to(#185B92));
	background: -moz-linear-gradient(top, #5BA6E3, #185B92);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5BA6E3', endColorstr='#185B92');
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.sideBanner:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #FFF;
}
.sideBanner:active {
	position: relative;
	top: 1px;
}
/*============================
	サイドリンクボタン
==============================*/
#sideASP {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #FFF2C1;
	border-radius: 5px;
}
#sideASP img {
	vertical-align: middle;
}
a.gakkai-guideline {
	margin: 0 0 10px 0;
	padding: 10px 5px 10px 40px;
	position: relative;
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: -0.06em;
	text-indent: -35px;
	/*text-align: center;*/
	text-decoration: none;
	line-height: 17px;
	color: #fff !important;
	display: block;
	border-radius: 5px;
	background-color: #34b496 !important;
	border-bottom: 2px solid #298c75;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
a.gakkai-guideline:active {
	position: relative;
	top: 2px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
}
a.kaiin-login {
	margin: 0 0 10px 0;
	padding: 10px 5px 10px 40px;
	position: relative;
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 17px;
	text-indent: -35px;
	/*text-align: center;*/
	text-decoration: none;
	line-height: 17px;
	color: #fff !important;
	display: block;
	border-radius: 5px;
	background-color: #F36304 !important;
	border-bottom: 2px solid #DD5A0F;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
a.kaiin-login:active {
	position: relative;
	top: 2px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
}
/*============================
	e-Learning
==============================*/
#sideElearning {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #FFF2C1 !important;
	border-radius: 5px;
}
#sideElearning img {
	vertical-align: middle;
}
a.Elearning {
	margin: 0 0 10px 0;
	padding: 10px 5px 10px 40px;
	position: relative;
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 17px;
	text-indent: -35px;
	/*text-align: center;*/
	text-decoration: none;
	line-height: 17px;
	color: #fff !important;
	display: block;
	border-radius: 5px;
	background-color: #4472C4 !important;
	border-bottom: 2px solid #2F528F;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
a.Elearning:active {
	position: relative;
	top: 2px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
}
/*============================
	非会員用動画コンテンツ
==============================*/
#videoBox {
	margin: 2em 0;
	background: #f1f1f1;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
#videoBox h3 {
	font-size: 1.2em;
	background: #d3381c;
	padding: 4px;
	text-align: center;
	color: #FFF;
	letter-spacing: 0.05em;
}
#videoBox a {
	display: block;
	cursor: pointer;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	border-radius: 5px;
	text-decoration: none;
}
#videoBox a:hover {
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}
.columns5 {
	padding: 1em;
	display: grid;
	grid-template-columns: repeat(5, 120px);
	justify-content: space-between;
}
@media only screen and (max-width: 480px) {
	.columns5 {
		padding: 1em;
		display: grid;
		grid-template-columns: repeat(5, 50px);
		gap: 0.5em;
		justify-content: space-between;
	}
}
.columns3 {
	display: grid;
	grid-template-columns: repeat(3, 230px);
	justify-content: space-between;
	gap: 1em;
}
@media only screen and (max-width: 480px) {
	.columns3 {
		padding: 1em;
		display: grid;
		grid-template-columns: repeat(1, 100%);
		gap: 0.5em;
		justify-content: space-between;
	}
}
.columns5 figure, .columns3 figure {
	margin: 0;
}
.columns5 figure img, .columns3 figure img {
	border: solid 1px #CCC;
}
a[href^="https://vimeo.com/"]::after {
	content: none !important;
}
#sideNonMember {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #fef4f4;
	border-radius: 5px;
}
#sideNonMember img {
	vertical-align: middle;
}
a.NonMember-video {
	margin: 0 0 10px 0;
	padding: 10px 0;
	position: relative;
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	line-height: 17px;
	color: #fff !important;
	display: block;
	border-radius: 5px;
	background-color: #d3381c !important;
	border-bottom: 2px solid #c9171e;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
a.NonMember-video:active {
	position: relative;
	top: 2px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
}
#sideNonMember img:hover {
	transform: translateY(0.2em);
}
/*============================
	チャットボット
==============================*/
#sideChatbot a {
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 1.2rem;
	text-decoration: none;
	margin-bottom: 0.5em;
	padding: 1rem;
	font-weight: bold;
	color: #fff;
	background: #3bb8d4;
	border: 5px solid #3bb8d4;
	transition: 0.5s;
	border-radius:5px;
}
#sideChatbot a:hover {
	color: #3bb8d4;
	background: #FFF;
}
/*============================
	コロナ関連記事
==============================*/
#sideCOVID a {
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 1.2rem;
	text-decoration: none;
	padding: 1rem;
	font-weight: bold;
	color: #fff;
	background: #5a544b;
	border: 5px solid #56564b;
	transition: 0.5s;
	border-radius:5px;
}
#sideCOVID a:hover {
	color: #5a544b;
	background: #FFF;
}
/*============================
	旧会員専用ログイン
==============================*/
#sideArea {
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #F9F9F9 !important;
	border-radius: 5px;
}
#sideArea img {
	vertical-align: middle;
}
/*==================
	footer
====================*/
footer {
	width: 100%;
	background: #E6E9EE;
	clear: both;
}
#footer_inner {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
	color: #333;
}
#footer_inner a, #footer_inner a:link, #footer_inner a:visited, #footer_inner a:active {
	color: #333;
	font-weight: bold;
	overflow: auto !important;
}
#footer_inner a:hover {
	color: #185B92;
	text-decoration: none;
}
#footer_inner img {
	vertical-align: top;
}
#footer_inner address {
	width: 580px;
	margin: 0;
	padding: 0;
	float: left;
	font-style: normal;
}
#footer_inner address br {
	display: none;
}
/*スマホサイズのウインドウサイズ（480px）以下の場合の指定*/
@media only screen and (max-width: 480px) {
	#footer_inner address br {
		display: inline;
	}
}
#footer_inner .footer-menu {
	width: 380px;
	margin: 0px 0;
	padding: 0;
	float: right;
}
#copyright {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0 0;
	color: #666;
	text-align: center;
	font-size: 10px;
	background: url(../images/common/header-line.png) repeat-x top;
	clear: both;
}
/*スマホサイズのウインドウサイズ（480px）以下の場合の指定*/
@media only screen and (max-width: 480px) {
	#header_top, #Contents, #ContentsOnly, #Contents-L, #mainBox, #infoBox, #sideBox, #footer_inner {
		width: 98%;
		display: block;
	}
	ul#tabchange {
		padding: 0 !important;
	}
	ul#tabchange li {
		margin: 1em 0 !important;
	}
}
/*------------------------------------------
// table
----------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
.table-layout0 th, .table-layout0 td {
	padding: 0px;
	border: none;
}
.table-layout0 caption, #shidoui caption, #shisetsu caption {
	color: #09C;
	margin: 0.5em 0 0 0;
	padding: 0px;
	font-weight: bold;
	text-align: left;
}
.table-layout1 {
	width: 100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-collapse: separate;
	margin: 1em auto;
}
.table-layout1 th, .table-layout1 td {
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
}
.table-layout1 th {
	font-weight: normal;
	background: #E6E9EE;
}
.table-layout1 caption {
	color: #09C;
	margin: 5px 0 0 0;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	/*overflow: hidden;*/
	/*border-top: 1px solid black;*/
	/*height:24px;*/
}
.table-layout1 caption span {
	/*display: inline-block;*/
	padding: 0 20px;
	top: -24px;
	position: relative;
	background: #FFF;
}
/*------------------------------------------
// タブ
----------------------------------------- */
#tabchange {
	width: 100%;
	padding: 10px 0;
	font-size: 11px;
	clear: both;
}
#tabchange:after {
	content: "";
	display: block;
}
ul#tabchange li {
	/*float:left;*/
	margin: 5px;
	padding: 0px;
	list-style: none;
	display: inline-grid;
}
#tabchange li a {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	cursor: pointer;
	text-decoration: none;
	padding: 10px;
	/*text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
#tabchange li a:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	text-decoration: none;
}
#tabchange li a.activeBox {
	color: #FFF;
	background: #606060;
	position: relative;
	top: 1px;
}
#tabchange li a.activeBox:hover {}
#tabchangeContents {
	margin: 30px 0 0 0;
}
#tabchangeContents .tabchangeBox {
	padding: 0px;
	clear: both;
}
#tabchange .tabchange > a {
	pointer-events: none;
	cursor: default;
}
/*専門医・専門技術師リスト*/
/*術中脳脊髄モニタリング認定医・認定技術師*/
#senmoni, #senmong, #ninteii, #ninteig {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
#senmoni td, #senmong td, #ninteii td, #ninteig td {
	padding: 5px;
	border-bottom: 1px dotted #CCC;
	font-size: 13px;
}
#senmoni tr td:nth-of-type(1), #senmong tr td:nth-of-type(1), #ninteii tr td:nth-of-type(1), #ninteig tr td:nth-of-type(1) {
	width: 100px;
}
#senmoni tr td:nth-of-type(2), #senmong tr td:nth-of-type(2) {
	width: 60px;
}
#senmoni-list, #senmong-list, #ninteii-list, #ninteig-list {
	float: left;
	list-style: none;
	width: 98%;
	margin: 0;
	clear: both;
	font-size: 15px;
}
#senmoni-list:last-child, #senmong-list:last-child, #ninteii-list:last-child, #ninteig-list:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#senmoni-list a, #senmong-list a, #ninteii-list a, #ninteig-list a {
	color: #666;
	text-decoration: none;
}
#senmoni-list .current a, #senmong-list a:hover, #senmoni-list .current a, #senmong-list a:hover, #ninteii-list .current a, #ninteig-list .current a, #ninteii-list a:hover, #ninteig-list a:hover {
	text-decoration: underline;
}
#senmoni-list .current a, #senmong-list .current a, #ninteii-list .current a, #ninteig-list .current a {
	color: #333;
	font-weight: bold;
}
/*指導医リスト*/
#shidoui {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
#shidoui td {
	padding: 5px;
	border-bottom: 1px dotted #CCC;
	font-size: 13px;
}
#shidoui tr td:nth-of-type(1) {
	width: 100px;
}
#shidoui tr td:nth-of-type(2) {
	width: 60px;
}
#shidoui-list {
	float: left;
	list-style: none;
	width: 98%;
	margin: 0;
	clear: both;
	font-size: 15px;
}
#shidoui-list:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#shidoui-list a {
	color: #666;
	text-decoration: none;
}
#shidoui-list .current a, #shidoui-list a:hover {
	text-decoration: underline;
}
#shidoui-list .current a {
	color: #333;
	font-weight: bold;
}
/*認定施設リスト*/
#shisetsu {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
#shisetsu td {
	padding: 5px;
	border-bottom: 1px dotted #CCC;
	font-size: 13px;
}
#shisetsu tr td:nth-of-type(1) {
	width: 4em;
}
#shisetsu tr td:nth-of-type(3), #shisetsu tr td:nth-of-type(4) {
	width: 60px;
	/*	text-align:center;*/
}
#shisetsu-list {
	float: left;
	list-style: none;
	width: 98%;
	margin: 0;
	clear: both;
	font-size: 15px;
}
#shisetsu-list:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#shisetsu-list a {
	color: #666;
	text-decoration: none;
}
#shisetsu-list .current a, #shisetsu-list a:hover {
	text-decoration: underline;
}
#shisetsu-list .current a {
	color: #333;
	font-weight: bold;
}
/*スマートフォンのウインドウサイズ（480px）以下の場合の指定*/
@media only screen and (max-width:480px) {
	.table-layout0 th, .table-layout0 td {
		width: 98%;
		padding: 5px;
		border: none;
		display: block;
	}
	.table-layout1 {
		margin: 0;
	}
	.table-layout1 th, .table-layout1 td {
		width: 98%;
		display: block;
		border-top: none;
	}
	.table-layout1 tr:first-child th {
		border-top: 1px solid #ddd;
	}
	.table-layout1 td:first-child {
		/*font-weight:bold;*/
		border-bottom: none;
	}
}
/*------------------------------------------
// dl,dt,dd
----------------------------------------- */
/*「定款」で使用*/
dl.teikan {
	margin: 0 10px 10px 10px;
}
dl.teikan dt {
	width: 3.5em;
	/*width:50px;*/
	text-align: right;
	float: left;
	clear: both;
}
dl.teikan dt:not(:first-child) {
	/*text-indent:2em;*/
}
dl.teikan dd {
	margin-left: 4em;
	/*margin-left:60px;*/
}
/*「代議員選出選挙における新選出代議員の定数決定および選出法に関する細則」で使用*/
dl.sensyutu {
	margin: 0 10px 0 0px;
}
dl.sensyutu dt {
	width: 20px;
	text-align: right;
	float: left;
	clear: both;
}
dl.sensyutu dd {
	margin-left: 30px;
}
/*「スケジュール」で使用*/
dl.schedule {
	margin: 0;
}
dl.schedule dt {
	width: 200px;
	float: left;
	clear: both;
}
dl.schedule dd {
	margin-left: 210px;
}
/*「English」で使用*/
dl.english {
	margin: 0;
}
dl.english dt {
	width: 100px;
	float: left;
	clear: both;
}
dl.english dd {
	margin-left: 110px;
}
/*「各種学会・研究会」で使用*/
dl.program {
	margin: 0;
	font-size: small;
}
dl.program dt {
	width: 100px;
	float: left;
	clear: both;
}
dl.program dd {
	margin-left: 100px;
}
dl.program dd span {
	border: 1px solid #CCC;
	margin: 0 5px 0 0;
}
/*------------------------------------------
// ラベル
----------------------------------------- */
/*学術大会・セミナー*/
.label-seminar {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #177991;
}
/*学会からのお知らせ：認定制度*/
.label-nintei {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #185B92;
}
/*学会からのお知らせ：学術大会*/
.label-gakuzyutsu {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #185B92;
}
/*学会からのお知らせ：技術講習会*/
.label-gizyutsu {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #185B92;
}
/*学会からのお知らせ：委員会*/
.label-iinkai {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #185B92;
}
/*学会からのお知らせ：学務庶務*/
.label-gakumu {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #185B92;
}
/*学会からのお知らせ：広報委員会*/
.label-kouhou {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #185B92;
}
/*学会からのお知らせ：規定類*/
.label-kitei {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #185B92;
}
/*学会からのお知らせ：その他*/
.label-sonota {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #185B92;
}
/*会員専用（エンジ色）*/
.label-kaiin {
	margin: 0 10px;
	padding: 0 5px;
	border-radius: 20px;
	color: #FFF;
	background: #98231A;
}
/*------------------------------------------
// 更新記録
----------------------------------------- */
ul.kiroku {
	font-size: 87%; /*15px基準の13px*/
	list-style: square;
}
ul.kiroku li {
	line-height: 1em;
}
/*------------------------------------------
// アコーディオンメニュー
----------------------------------------- */
.accordion {
	margin: 0;
	padding: 0;
}
.accordion li {
	float: left;
	margin-right: 10px;
	list-style: none;
}
.accordion li a {
	display: block;
	padding: 10px 20px;
	cursor: pointer;
}
.subInner {
	display: none; /*※編集時コメントアウト*/
}
.subContent h4 {
	cursor: pointer;
}
.subContent h4 span {
	display: block;
	background: url("../images/common/open.png") 100% 0% no-repeat;
}
.subContent h4 span.open {
	background: url("../images/common/close.png") 100% 0% no-repeat;
}
/*------------------------------------------
// フィルタリング
----------------------------------------- */
ul#filter, ul#filter-list {
	float: left;
	list-style: none;
	width: 98%;
	margin: 0 0 20px 0;
	clear: both;
	font-size: 13px;
}
ul#filter li, ul#filter-list li {
	border-right: 1px solid #dedede;
	float: left;
	margin: 0;
	padding: 5px 10px;
}
ul#filter li:last-child, ul#filter-list li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
ul#filter a, ul#filter-list a {
	color: #666;
	text-decoration: none;
}
ul#filter li.current a, ul#filter a:hover, ul#filter-list li.current a, ul#filter-list a:hover {
	text-decoration: underline;
}
ul#filter li.current a, ul#filter-list li.current a {
	color: #333;
	font-weight: bold;
}
/*------------------------------------------
// マークなど
----------------------------------------- */
.nouha {
	width: 1em;
	height: 1em;
	line-height: 1em;
	border-radius: 1em;
	margin: 0 5px 0 0;
	padding: 5px;
	background: #039;
	color: #FFF;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}
.Znouha {
	width: 2em;
	height: 1em;
	line-height: 1em;
	border-radius: 1em;
	margin: 0 5px 0 0;
	padding: 5px;
	background: #039;
	color: #FFF;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}
.kinden {
	width: 1em;
	height: 1em;
	line-height: 1em;
	border-radius: 1em;
	margin: 0 5px 0 0;
	padding: 5px;
	background: #363;
	color: #FFF;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}
.Zkinden {
	width: 2em;
	height: 1em;
	line-height: 1em;
	border-radius: 1em;
	margin: 0 5px 0 0;
	padding: 5px;
	background: #363;
	color: #FFF;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}
/*------------------------------------------
// ボタン
----------------------------------------- */
.button {
	font-size: 13px;
	line-height: 13px;
	border: solid 1px #5BA6E3;
	background: #DBEBF9;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	margin: 10px;
	padding: 10px;
	border-radius: .5em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .button {
		padding: 10px 10px 10px 10px;
	}
}
.button:hover {
	color: #FFF;
	background-color: #185B92 !important;
	text-decoration: none;
}
.button:active {
	color: #FFF;
	position: relative;
	top: 1px;
}
/*------------------------------------------
// アンカーリンク
----------------------------------------- */
.local_nav ul {
	display: flex;
	justify-content: space-around;
	clear: both;
	padding: 2em 0 0 0;
}
.local_nav ul li {
	list-style: none;
	position: relative;
	display: inline-block;
	margin: 0;
	padding-left: 20px;
}
.local_nav ul li::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-bottom: solid 2px #333;
	border-right: solid 2px #333;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
/*------------------------------------------
// ふきだし
----------------------------------------- */
.balloon {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 115px;
	height: 70px;
	color: #F6F6F6;
	line-height: 70px;
	text-align: center;
	background: #19283C;
	border-radius: 60%;
}
.balloon:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 20px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #19283C;
	border-radius: 0 30px 0 30px;
	z-index: -1;
}
.balloon:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 30px;
	margin-left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 0 30px 0 30px;
	z-index: -1;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}
/*------------------------------------------
// ふせん風かこみ
----------------------------------------- */
.fusen {
	position: relative;
	width: 500px;
	padding: 1em 1.5em;
	margin: 1em auto;
	background: #ffffe7;
	overflow: hidden;
	box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.3);
}
.fusen:after {
	width: 0;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 16px 16px 0; /* 折り目 */
	border-style: solid;
	border-color: #fff #fff #BDBB8B #BDBB8B;
	background: #658E15;
	display: block;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
/*------------------------------------------
// フロー図
----------------------------------------- */
.flow {
	margin: 20px auto;
}
.box {
	margin: 0 auto 33px;
	width: 80%;
	padding: 10px;
	border: 3px solid #326E93;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.flow .box:after {
	border-top: 25px solid #5BA6E3;
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;
	content: "";
	position: absolute;
	bottom: -28px; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
	left: 50%; /* 中央寄せに使用 */
	margin-left: -70px; /* 中央寄せに使用 */
}
.flow .box:last-child:after {
	border: none; /* 最後のボックスだけ三角形を表示しない */
}
/*------------------------------------------
// リンクアイコン自動付与
----------------------------------------- */
/* pdf要素*/
#Contents-L a[href*=".pdf"]::after, #mainBox a[href*=".pdf"]::after {
	content: url(../images/common/icon_pdf.gif);
}
/* Word要素*/
#Contents-L a[href*=".doc"]::after, #mainBox a[href*=".doc"]::after {
	content: url(../images/common/icon_word.gif);
}
/* Excel要素*/
#Contents-L a[href*=".xls"]::after, #mainBox a[href*=".xls"]::after {
	content: url(../images/common/icon_excel.gif);
}
/* PowerPoint要素*/
#Contents-L a[href*=".ppt"]::after {
	content: url(../images/common/icon_powerpoint.gif);
}
/* メール要素*/
#Contents-L a[href*="mailto:"]::after, #mainBox a[href*="mailto:"]::after {
	content: url(../images/common/icon_mailto.gif);
}
/*ポップアップ表示*/
a.iframe::after {
	content: url(../images/common/icon_iframe.png);
}
/*別サイトリンク*/
#Contents-L a[href^="http"]::after, #mainBox a[href^="http"]::after {
	content: url(../images/common/icon_http.png);
}
/*------------------------------------------
// ※印などの１マス空け文章
----------------------------------------- */
.indent1 {
	padding-left: 1em;
	text-indent: -1em;
}
.indent2 {
	padding-left: 2em;
	text-indent: -2em;
}
.indent3 {
	padding-left: 3em;
	text-indent: -3em;
}
/*------------------------------------------
// fancybox
----------------------------------------- */
.modal-window {
	display: none;
}
/*------------------------------------------
// 旧会員専用ログイン
----------------------------------------- */
a.login {
	margin: 0 0 10px 0;
	padding: 10px 0;
	position: relative;
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	line-height: 17px;
	color: #fff !important;
	display: block;
	border-radius: 5px;
	background-color: #73705F !important;
	border-bottom: 2px solid #666666;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
a.login:active {
	position: relative;
	top: 2px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
}
/*------------------------------------------
// NEW!アイコン
----------------------------------------- */
span.new {
	color: #ffffff;
	font-size: 10px;
	background: #f35b69;
	position: relative;
	top: -2px;
	display: inline-block;
	margin-left: 5px;
	padding: 2px 5px;
}