@charset "UTF-8";


/*-----------------------------------
動設定
-----------------------------------*/
@keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes shake {
 0% {
transform: translate(2px, 1px);
}
 17% {
transform: translate(0);
}
 33% {
transform: translate(-1px, -2px);
}
 49% {
transform: translate(0);
}
 65% {
transform: translate(-2px, 1px);
}
 76% {
transform: translate(0);
}
 100% {
transform: translate(1px, -2px);
}
}
@keyframes StandDune {
 0% {
 opacity: 0;
 transform: translateY(-70%);/* 縦軸上-70% */
}
 100% {
 opacity: 1;/* 不透明 */
	transform: translateY(0);/* 縦軸上0% */
}
}
@keyframes Standup {
 0% {
 opacity: 0;
 transform: translateY(70%);/* 縦軸上70% */
}
 100% {
 opacity: 1;/* 不透明 */
	transform: translateY(0);/* 縦軸上0% */
}
}
@keyframes Standright {
 0% {
 opacity: 0;
 transform: translateX(-70%);/* 横軸上-70% */
}
 100% {
 opacity: 1;/* 不透明 */
	transform: translateX(0);/* 縦軸上0% */
}
}
@keyframes Standleft {
 0% {
 opacity: 0;
 transform: translateX(70%);/* 横軸上70% */
}
 100% {
 opacity: 1;/* 不透明 */
	transform: translateX(0);/* 縦軸上0% */
}
}
/*--------------------------------------*/

html {
	overflow-y: scroll; /* 非スクロール時ずれ防止 */
}
html, body { /*親*/
}
/*-----------------------------------
	1-1.Universal selector
-----------------------------------*/
* {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-style: normal;
}
img {
	vertical-align: top;
	border: none;
}
#main_right img {
	margin: 5px;
}
#publications #main_right .section img {
	border: solid 1px #FFF;
}
strong {
	font-weight: bold;
}
small {
	font-size: .7em;
}
/*-----------------------------------
	1-2.Structure Module
-----------------------------------*/
body {
 /*animation: fadeIn 1s ease 0s 1 normal;*/
	
	margin: 0;
	font: medium "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 14px;
 *font-size: small;
 /*font: x-small;*/
	background: url(../i/header_utility_boder.png) top repeat-X;
	background-color:#FFF;
	/*word-break: break-all;英文自動改行*/
	word-break: normal;
}
/*-----------------------------------
	1-4.Hypertext Module
-----------------------------------*/
a:link, a:visited,
th a:link, th a:visited {
	color: #35308f;
	text-decoration: none;
}
a:hover,
th a:hover {
	color: #01AF61;
	text-decoration: underline;
}
/*-----------------------------------
	1-5.List Module
-----------------------------------*/
ul, ol { /*, dl*/
	margin: 0;
	padding: 0;
	list-style-position: outside;
}
ul li {
	list-style: none;
}
/*-----------------------------------
	1-5.Table Module
-----------------------------------*/
#main table  {
	border-collapse: collapse;
}
#main table th,
#main table td {
	text-align: left;
	padding: 4px;
}
#main table th {
/*background-image: url(../i/trans_30.png);*/
	background: #75B7FC;
	color: #FFF;
	text-align: center;
	font-weight: normal;
}
#main table td {
	background: #F6F6F6;
}
#main table th, #main table td {
/*	border: 1px solid #ebebeb;*/
	border: 1px solid #C7D6E3;
}
#main .tableline-non th,
#main .tableline-non td {
	border: none;
}
/*-----------------------------------
 コンテンツ分
-----------------------------------*/
.wrap {
	/*width: 1130px;
	margin: auto;*/
}
.advertising {
	margin-left: 87%;
	padding-top: 10px;
}
.adlogo {
	/*width: 956px;*/
	padding: 5px;
	border: solid 1px #999;
}
.adlogo p {
margin: .25em 0
}
.ad-info {
margin-top: 2em;
}
.ad-info p {
background: #F8CACB;
padding: .5em;
text-align: center;
border-radius: 5px;
-webkit-border-radius: 5px;/* Safari,Google Chrome */
-moz-border-radius: 5px;/* Firefox */ 
}
.ad-info p:hover {
background: #D83134;
}
.ad-info p:hover a {
color: #FFF;
}


.overall {
	/*width: 85%;*/
	/*min-width: 961px; /*最低幅固定+1px*/
	/*float: left;*/
	/*background: url(../i/heder_line.png) 0 140px repeat-x; /*ライン高位置*/
	/*bottom: 0;*/
}
/* clearfix */
body:after, .wrap:after, .overall:after, .advertising:after {
	display:table;
	clear:both;
}
#container {
	width: 960px;
/*	float:right;*/
margin: auto;
}
/*-----------------------------------
 よく使う余白
-----------------------------------*/
.m0 {
	margin:0 !important;
}
.mt0 {
	margin-top:0 !important;
}
.mr0 {
	margin-right:0 !important;
}
.mb0 {
	margin-bottom:0 !important;
}
.ml0 {
	margin-left:0 !important;
}
.mt1 {
	margin-top:1em !important;
}
.mr1 {
	margin-right:1em !important;
}
.mb1 {
	margin-bottom:1em !important;
}
.ml1 {
	margin-left:1em !important;
}
.mt2 {
	margin-top:2em !important;
}
.mr2 {
	margin-right:2em !important;
}
.mb2 {
	margin-bottom:2em !important;
}
.ml2 {
	margin-left:2em !important;
}
.mt3 {
	margin-top:3em !important;
}
.mr3 {
	margin-right:3em !important;
}
.mb3 {
	margin-bottom:3em !important;
}
.ml3 {
	margin-left:3em !important;
}
.mt4 {
	margin-top:4em !important;
}
.mr4 {
	margin-right:4em !important;
}
.mb4 {
	margin-bottom:4em !important;
}
.ml4 {
	margin-left:4em !important;
}
.mt5 {
	margin-top:5em !important;
}
.mr5 {
	margin-right:5em !important;
}
.mb5 {
	margin-bottom:5em !important;
}
.ml5 {
	margin-left:5em !important;
}
.mt6 {
	margin-top:6em !important;
}
.mr6 {
	margin-right:6em !important;
}
.mb6 {
	margin-bottom:6em !important;
}
.ml6 {
	margin-left:6em !important;
}
.mt7 {
	margin-top:7em !important;
}
.mr7 {
	margin-right:7em !important;
}
.mb7 {
	margin-bottom:7em !important;
}
.ml7 {
	margin-left:7em !important;
}

/*-----------------------------------
  メイリオ イタリック
-----------------------------------*/
@font-face {
  font-family: Meiryo;
  src: local('Meiryo'), local('メイリオ');
}
.italic{
   font-family: Meiryo, "メイリオ", sans-serif;
   font-style: italic;
}
/*-----------------------------------
  テキスト両端揃え
---------------
.textalign {
text-align: justify;
text-justify: inter-ideograph;
}--------------------*/
/*-----------------------------------
  イメージのフロート
-----------------------------------*/
.imgfloat-left {
	float: left;
	margin: .5em .5em .5em 0;
}
.imgfloat-right {
	float: right;
	margin: .5em 0 .5em .5em;
}
/*-----------------------------------
   アコーディオン
			bms43.htmlに使用
-----------------------------------*/
input[type="checkbox"].on-off{
  display: none;
}
.fee ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}
input[type="checkbox"].on-off + dd{
  display: block;
}
input[type="checkbox"].on-off:checked + dd{
  display: none;
}

/*-----------------------------------
   スクロール付き更新ボックス
-----------------------------------*/
.kousin {
		overflow-y: scroll;
		width:auto;
		/*height:2.2em;*/
		margin:.5em auto 4em;
}
/*-----------------------------------
   ボタン
-----------------------------------*/
/*--society/branch/bms/～に使用--*/
a.entry_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #9dc975;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9dc975;
	box-shadow:inset 0px 1px 0px 0px #9dc975;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1f283), color-stop(1, #94c918) );
	background:-moz-linear-gradient( center top, #d1f283 5%, #94c918 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1f283', endColorstr='#94c918');
	background-color:#d1f283;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
text-indent: 0;
	display:inline-block;
	color: #003c22;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding: 7px 15px 5px 15px;
	margin-bottom: .5em;
}
a.entry_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94c918), color-stop(1, #d1f283) );
	background:-moz-linear-gradient( center top, #94c918 5%, #d1f283 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c918', endColorstr='#d1f283');
	background-color:#94c918;
}
a.entry_button:active {
	position:relative;
	top:1px;
}
/*--abstracts/index.htmlに使用--*/
.abstracts-btn {
	-moz-box-shadow: inset 1px 2px 6px 0px #97c4fe;
	-webkit-box-shadow: inset 1px 2px 6px 0px #97c4fe;
	box-shadow: inset 1px 2px 6px 0px #97c4fe;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d6bf5), color-stop(1, #0d42ab) );
	background: -moz-linear-gradient( center top, #3d6bf5 5%, #0d42ab 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d6bf5', endColorstr='#0d42ab');
	background-color: #3d6bf5;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid #245ee3;
	display: inline-block;
	color: #fff !important;
height: 2em;
	line-height: 2.25em;
width: 6.5em;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #164dcc;
}
.abstracts-btn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0d42ab), color-stop(1, #3d6bf5) );
	background: -moz-linear-gradient( center top, #0d42ab 5%, #3d6bf5 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d42ab', endColorstr='#3d6bf5');
	background-color: #0d42ab;
}
.abstracts-btn:active {
	position: relative;
	top: 1px;
}
.results {
	background: #000;
}

/*--メイリオ イタリック--*/
@font-face {
  font-family: Meiryo;
  src: local('Meiryo'), local('メイリオ');
}
.italic {
  font-family: Meiryo, "メイリオ", sans-serif;
  font-style: italic;
}

/*--汎用ボタンに使用--*/
.btn-1 {
	-moz-box-shadow:inset 0px 1px 3px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 3px 0px #bbdaf7;
	box-shadow:inset 0px 1px 3px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color: #FFF !important;
	font-weight:bold;
	line-height:34px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
	padding: 1px 14px 0 14px;
	margin: .5em auto;
}
.btn-1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
	text-decoration: none;
	color: #B4FE91 !important;
}
.btn-1:active {
	position:relative;
	top:1px;
}
/*--閲覧ボタン--*/
.member-abst-btn {
	-moz-box-shadow:inset 0px 1px 2px 2px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 2px 2px #cae3fc;
	box-shadow:inset 0px 1px 2px 2px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #1479de) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #1479de 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#1479de');
	background-color: #79bbff;
	-webkit-border-top-left-radius: 50%;
	-moz-border-radius-topleft: 50%;
	border-top-left-radius: 50%;
	-webkit-border-top-right-radius: 50%;
	-moz-border-radius-topright: 50%;
	border-top-right-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-radius-bottomright: 50%;
	border-bottom-right-radius: 50%;
	-webkit-border-bottom-left-radius: 50%;
	-moz-border-radius-bottomleft: 50%;
	border-bottom-left-radius: 50%;
	text-indent: 0;
	border: 2px solid #1479de;
	display: inline-block;
	font-size: 18px;
	height: 57px;
	line-height: 57px;
	width: 57px;
	text-align:center;
	text-shadow:1px 1px 0px #166dc4;
}
.member-abst-btn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1479de), color-stop(1, #79bbff) );
	background: -moz-linear-gradient( center top, #1479de 5%, #79bbff 100% );
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1479de', endColorstr='#79bbff');
	background-color: #1479de;
	text-decoration: none;
}
/*--入会ボタン--*/
.member-btn {
	-moz-box-shadow: inset 0px 1px 0px 0px #f5c7d2;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f5c7d2;
	box-shadow: inset 0px 1px 0px 0px #f5c7d2;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fa6e8f), color-stop(1, #c92853) );
	background: -moz-linear-gradient( center top, #fa6e8f 5%, #c92853 100% );
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa6e8f', endColorstr='#c92853');
	background-color: #fa6e8f;
	text-indent: 0;
	border: 1px solid #c90832;
	display: inline-block;
	font-size: 16px;
	padding: 4px 0;
	width: 285px;
	text-align: center;
	text-shadow: 1px 1px 0px #4d0012;
	clear: both;
	margin-top: 5px;
}
.member-btn:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c92853), color-stop(1, #fa6e8f) );
	background: -moz-linear-gradient( center top, #c92853 5%, #fa6e8f 100% );
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c92853', endColorstr='#fa6e8f');
	background-color: #c92853;
}
/*--用募集IUPAC--*/
.iupac {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7cd6b), color-stop(1, #fc8c03) );
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7cd6b', endColorstr='#fc8c03');
	background-color: #ffa84a;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;
	text-indent: 0;
	border: 1px solid #ffa84a;
	display: inline-block;
	font-size: 1.465em;
	height: 33px;
	width: 308px;
	text-align:center;
	text-shadow: 1px 1px 2px #333;
	padding-top: 8px;
}
.iupac:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8c03), color-stop(1, #f7cd6b) );
	background: -moz-linear-gradient( center top, #fc8c03 5%, #f7cd6b 100% );
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8c03', endColorstr='#f7cd6b');
	background-color: #fc8c03;
	text-shadow: 2px 2px 3px #333;
}
/*--ボタンＯＦＦ--*/
.btn-off {
 box-shadow:inset 0 1px 0 0 #f5f5f5;
	background-color:#c0c0c0;
	border:1px solid #808080;
	text-shadow:1px 1px 0 #696969;
 border-radius:7px;
	color:#fff;
	display:inline-block;
	padding:.3em .8em;
	text-decoration:none;
}
/*--ボタン2--*/
.btn-2:hover {
 box-shadow:inset 0 1px 0 0 #4372d3;
	background-color:#6290ee;
	border:1px solid #2964dc;
	text-shadow:1px 1px 0 #3964bb;
	}
.btn-2 {
 box-shadow:inset 0 1px 0 0 #8daae5;
	background-color:#4372d3;
	border:1px solid #2964dc;
	text-shadow:1px 1px 0 #3964bb;
 border-radius:7px;
	display:inline-block;
	padding:.5em .8em;
	text-decoration:none;
}
.btn-2 a {
	color:#fff;
}
.btn-2 a:hover {
	color:#fff;
	text-decoration:none;
}

/*-- 閲覧／入会／用語集-Link --*/
a.member-abst-btn, .member-btn a, .iupac a {
	/*		font-weight: bold;
line-height: 1em;*/
	color: #FFF;
}
a.member-abst-btn:hover, .member-btn a:hover, .iupac a:hover {
	color: #B4FE91;
	text-decoration: none;
}
.member, .iupac {
	font-weight: bold;
	border-radius: 7px;
}
.iupac a.en {
	line-height: .6em;
}
#header_login img {
	background: #FFF;
}
/*-- MS誌／JMSSj on-line --*/
.msjournal, .jmssj {
	/*width: 456px;*/
	/*border-radius: 7px;*/
	/*padding: 7px;*/
	padding: 1em 2em 2em 2em;
}
.msjournal {
	/*float: left;*/
	background: #E70089;
	/*clear: both;*/
}
.jmssj {
	/*margin-left: 490px;*/
	background: #403BB4;
}
.msjournal a, .msjournal h4, .jmssj a, .jmssj h4 {
	color: #FFF !important;
	font-weight: bold;
}

#home.box {
	height: 85px;
}
#home .msjournal .box, .jmssj .box {
	height: 110px;/*overflow: hidden;*/
}
#home .msjournal .box dl {
}
#home .msjournal .box dl dt {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}
#home .msjournal .box dl dd {
	margin-bottom: 2px;
}
#home .msjournal .box dl dt a:hover img, #home .msjournal .box dl dd a:hover img, .jmssj .box a:hover img {
	background-color: #339900;
}
#home .jmssj .box dl {
}
#home .jmssj .box dl dt {
	float: left;
	line-height: 3em;
	margin: 0 3em;
}
#home .jmssj .box dl dd {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2em;
}
#home .search {
	border: solid 1px #FFF;
	padding: 5px;
}
#home .search-title {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1em;
	clear:both;
}
#home .advanced {
	width: 150px;
	margin-left: 275px;
	text-align: center;
	font-weight: bold;
	border: solid 2px #FFF;
	padding: 3px 5px;
}
#home .advanced a {
	color: #FFF;
}
#home .advanced a:hover {
	color: #B4FE91;
}
#home .searchform {
	float: left;
	margin-top: 3px;
}
#home .search dl .searchform form .fe-scarch {
	height: 19px;
	color: #333;
	border: solid #CCC 2px;
	padding: 1px;
	background: #FFFFDF;
}
#home .search dl .searchform form #button {
	-moz-box-shadow: inset 2px 0px 5px 0px #cbe0fa;
	-webkit-box-shadow: inset 2px 0px 5px 0px #cbe0fa;
	box-shadow: inset 2px 0px 5px 0px #cbe0fa;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #20b9fa), color-stop(1, #034096) );
	background: -moz-linear-gradient( center top, #20b9fa 5%, #034096 100% );
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20b9fa', endColorstr='#034096');
	background-color: #20b9fa;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #3995f0;
	display: inline-block;
	color: #fff;
	height: 27px;
	width: 56px;
}
#home .search dl .searchform form #button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #034096), color-stop(1, #20b9fa) );
	background: -moz-linear-gradient( center top, #034096 5%, #20b9fa 100% );
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#034096', endColorstr='#20b9fa');
	background-color: #034096;
}
#home .search dl .searchform form #button:active {
	position: relative;
}

/*-----------------------------------
  icon自動表示
-----------------------------------*/
/* 右側に表示 */
#main_right a[href $='.pdf'] {
	padding: 5px 25px 3px 0;
	background: transparent url("../i/icon_pdf.png") no-repeat right center;
}
#main_right a[href $='.doc'] {
 padding: 5px 25px 3px 0;
 background: transparent url("../i/icon_word.png") no-repeat center right;
}
#main_right a[href $='.docx'] {
 padding: 5px 25px 3px 0;
 background: transparent url("../i/icon_docx.png") no-repeat center right;
}
#main_right a[href $='.dotx'] {
 padding: 5px 25px 3px 0;
 background: transparent url("../i/icon_dotx.png") no-repeat center right;
}
#main_right a[href $='.xls'],
#main_right a[href $='.xlsx'] {
 padding: 5px 25px 3px 0;
 background: transparent url("../i/icon_excel.png") no-repeat center right;
}
#main_right a[href $='.wmv'] {
 padding: 5px 25px 3px 0;
 background: transparent url("../i/icon_wmv.png") no-repeat center right;
}
/* 左側に表示 */
#main_right a[href $='.wmv'].leftimg {
	padding: 5px 0 3px 25px;
	background: transparent url("../i/icon_wmv.png") no-repeat left center;
}
.noicon {
	background: none !important;
	padding: 0 !important;
}

/*-----------------------------------
  ポップアップ表示
-----------------------------------*/
.popup_wrap input {
display: none;
}
.popup_overlay {
display: flex;
justify-content: center;
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s, transform 0s 0.5s;
transform: scale(0);
}
.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.popup_content {
position: relative;
align-self: center;
width: 75%;
box-sizing: border-box;
background: #fff;
/*line-height: 1.4em;*/
transition: 0.5s;
border-radius: 12px;
box-shadow: 0 0 5px rgba(94, 94, 94, .5);
}
.popup_content p{
padding:1em 3em 1em 1em;
}
.close_btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 30px;
cursor: pointer;
color:#767575;
}
.popup_wrap input:checked ~ .popup_overlay {
opacity: 1;
transform: scale(1);
transition: opacity 0.5s;
}
.open_btn {
border-radius: 3px;
cursor: pointer;
}
/*
.open_btn:hover{
transition: .3s ease;
}*/