@charset "shift_jis";
/* ------------------------------------------------------

		モジュール
					2020/02/27
------------------------------------------------------- */

/* content=====================================

1. 音声用
2. パンくずリスト【TopBox】
3. ページトップ、戻る【pagetop】
4. 印刷ボタン【PtintpageBTN】
5. アイコン付リンク
6. アプリケーションソフト　ダウンロード
7. テーブル
8. ページナビ
9. リンクボタン
10. 視覚効果

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

/* -----------------------------------------------

	1. 音声用

----------------------------------------------- */

/* -----------------------------------------------

	2. パンくずリスト【TopBox】

----------------------------------------------- */
#TopBox{
margin:0 auto;
overflow:hidden;
}

#TopBox:after{
content:"";
display:block;
clear:both;
}

#TopBox ul{
display:block;
text-align:left;
margin:0 0 0 7px;
padding:0;
letter-spacing:-.4em;
}

#TopBox li{
float:left;
white-space:nowrap;
letter-spacing:normal;
background:url(/common/images/ico_topicpath.png) no-repeat 100% 50%;
padding:0 8px 0 0;
}

#TopBox li:first-child{
padding:0 8px 0 0;
}

#TopBox li:last-child{
background:none;
float:none;
}

#TopBox em{
display:block;
overflow:hidden;
text-overflow:ellipsis;
margin-left:.5px;
padding:7px 10px;
font-weight:400;
text-decoration:none;
color:#333;
}

#TopBox a:link,#TopBox a:visited{
display:block;
padding:7px 10px;
color:#1D3994;
text-decoration:none;
}

#TopBox a:hover,#TopBox a:active{
display:block;
padding:7px 10px;
color:#FD002E;
text-decoration:underline;
}

/* -----------------------------------------------

	3. ページトップ、戻る【pagetop】

----------------------------------------------- */
#pagetop,#pagetop_740{
width:100%;
text-align:right;
clear:both;
font-size:0;
line-height:0;
}

/* リリースの注釈付き */
#pagetop_notice{
width:100%;
text-align:right;
margin-top:20px;
padding:10px 0 20px;
clear:both;
}

.pagetop_noticearea{
padding:7px 10px 7px 13px;
margin:5px 0;
background-color:#fafafa;
border:1px solid #e5e5e5;
line-height:1.3;
}

#pagetop ul,#pagetop_notice ul,#pagetop_740 ul{
float:right;
display:none;
position:fixed;
bottom:10px;
right:10px;
z-index:999;
opacity:.8;
}

#pagetop li,#pagetop_notice li,#pagetop_740 li{
float:left;
position:relative;
bottom:1px;
}

#pagetop a,#pagetop_notice a,#pagetop_740 a{
display:block;
}

#pagetop:after,#pagetop_notice:after,#pagetop_740:after{
content:"";
display:block;
clear:both;
}

#pagetop img,#pagetop_notice img,#pagetop_740 img{
margin-left:4px;
}

#pagetop_notice_txt{
margin:0 0 10px;
padding:0 0 5px;
text-align:left;
}

/* -----------------------------------------------

	4. 印刷関連

----------------------------------------------- */
/* 印刷時改ページ指定 */
.newpage{
page-break-before:always;
}

/* -----------------------------------------------

	5. アイコン付リンク

----------------------------------------------- */

/* --------- 別ウィンドウ --------- */
.pop_link{
background-image:url(/common/images/ico_popwin.gif) ;
background-repeat:no-repeat;
background-position:0 .2em;
display:inline-block;
vertical-align: middle;
padding-left:18px;
background-size:14px;
}

@media screen and (min-width: 1197px){
.pop_link{
padding-left:20px;
background-size:16px;
background-position:0 .3em;
}
}

li.pop_link{
background-image:url(/common/images/ico_popwin.gif) ;
background-repeat:no-repeat;
background-position:0 .35em;
display:inline-block;
vertical-align: middle;
padding-left:18px;
background-size:14px;
}

@media screen and (min-width: 1197px){
li.pop_link{
padding-left:20px;
background-size:16px;
}
}

/* duskin.jpフッターリンク用ここまで */
/* --------- 同一ウィンドウ --------- */
.same_link{
background-image:url(/common/images/ico_link.gif);
background-repeat:no-repeat;
background-position:1px .35em;
padding-left:14px;
display:inline;
margin-left:2px;
background-size:8px;
}

@media screen and (min-width: 1197px){
.same_link{
background-size:10px;
}
}

.same_link2{
vertical-align:center;
padding-left:13px;
margin-left:3px;
display:block;
background:url(/common/images/ico_link.gif) 1px .45em no-repeat;
}

.same_link3{
vertical-align:center;
padding-left:13px;
margin-left:3px;
background:url(/common/images/ico_link.gif) 1px .14em no-repeat;
}

/* --------- PDF --------- */
a[href$="pdf"]:not(.noicon),.pdf_link{
display:inline-block;
background-image:url(/common/images/ico_pdf.gif) ;
background-repeat:no-repeat;
background-position:0 .3em;
background-size:16px;
vertical-align: middle;
padding:0 0 0 20px;
}

@media screen and (min-width: 1197px){
a[href$="pdf"]:not(.noicon),.pdf_link{
background-size:18px;
background-position:0 .4em;
}
}

dd a[href$="pdf"]:not(.noicon){
background-image:url(/common/images/ico_pdf.gif) ;
background-repeat:no-repeat;
background-position:0 .25em;
background-size:16px;
vertical-align: middle;
padding:0 0 0 20px;
}

@media screen and (min-width: 1197px){
dd a[href$="pdf"]:not(.noicon){
background-size:18px;
background-position:0 .3em;
}
}

li a[href$="pdf"]:not(.noicon){
background-image:url(/common/images/ico_pdf.gif) ;
background-repeat:no-repeat;
background-position:0 .2em;
background-size:16px;
vertical-align: middle;
line-height: 1.6;
padding:0 0 0 20px;
}

@media screen and (min-width: 1197px){
li a[href$="pdf"]:not(.noicon){
background-size:18px;
background-position:0 .25em;
}
}

/* --------- word --------- */
a[href$="doc"]:not(.noicon){
background-image:url(/common/images/ico_word.gif) ;
background-repeat:no-repeat;
background-position:0 .2em;
background-size:16px;
vertical-align: middle;
padding:0 0 0 20px;
}

@media screen and (min-width: 1197px){
a[href$="doc"]:not(.noicon){
background-position:0 .25em;
background-size:18px;
}
}

/* --------- PPT --------- */
a[href$="ppt"]:not(.noicon){
background-image:url(/common/images/ico_ppt.gif) ;
background-repeat:no-repeat;
background-position:0 .2em;
background-size:16px;
vertical-align: middle;
padding:0 0 0 20px;
}

@media screen and (min-width: 1197px){
a[href$="ppt"]:not(.noicon){
background-size:18px;
}
}

/* --------- WMV,MP4 --------- */
a[href$="wmv"]:not(.noicon),a[href$="mp4"]:not(.noicon){
background-image:url(/common/images/ico_wmv.gif) ;
background-repeat:no-repeat;
background-position:0 .2em;
background-size:16px;
vertical-align: middle;
padding:0 0 0 20px;
}

@media screen and (min-width: 1197px){
a[href$="wmv"]:not(.noicon),a[href$="mp4"]:not(.noicon){
background-size:18px;
}
}

/* --------- RSS --------- */
.rss_icon{
background:url(/common/images/ico_rss.gif) no-repeat 0 .3em;
_background:url(/common/images/ico_rss.gif) no-repeat 0 .4em;
display:inline;
padding-left:18px;
}

/* --------- 拡大リンク --------- */
.link_zoom{
padding-left:20px;
background:url(/common/images/ico_zoom.png) no-repeat 0 center;
background-size:15px;
font-size: .9em;
float:right;
}

/* -----------------------------------------------

	6. アプリケーションソフト　ダウンロード

----------------------------------------------- */
.get_area{
border-top:dotted 1px #a09eac;
margin:50px 10px 0;
display:block;
}

.get_area dl{
padding:11px 0 0 10px;
}

.get_area dl dd{
margin-left:175px;
}

.get_area dl.none{
margin-top:10px;
background:none;
}

.get_area .ft_right{
padding:0 10px;
}

.get_area:after{
content:"";
display:block;
clear:both;
}

/* -----------------------------------------------

	7. テーブル

----------------------------------------------- */

/* 	角丸テーブル
	tbR（標準） tbRB（縦組み）
----------------------------------------------- */
table.tbR{
width:100%;
border-collapse:separate;
border-spacing:0;
border-radius:5px;
border-top:1px solid #aaa;
border-right:none;
border-bottom:none;
border-left:1px solid #aaa;
background-color:#fff;
}

table.tbR th,table.tbR td,table.tbRB th,table.tbRB td{
border-top:none!important;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
border-left:none!important;
vertical-align:middle;
}

table.tbR th,table.tbRB th{
background-color:#eee;
vertical-align:middle;
text-align:center;
}

table.tbR th,table.tbRB th,table.tbR td,table.tbRB td{
line-height:1.5;
}

/* 左上R */
table.tbR tr:first-child th:first-child,table.tbR :not(tbody) tr:first-child td:first-child,table.tbR .top_r_R,table.tbRB tr:first-child th:first-child,table.tbRB :not(tbody) tr:first-child td:first-child,table.tbRB .top_r_R{
border-top-left-radius:5px!important;
}

/* 右上R */
table.tbR tr:first-child th:last-child,table.tbR tr:first-child td:last-child,table.tbRB tr:first-child th:last-child,table.tbRB tr:first-child td:last-child{
border-top-right-radius:5px;
}

/* 左下R */
table.tbR :not(thead) tr:last-child th:first-child,table.tbR tr:last-child td:first-child,table.tbRB :not(thead) tr:last-child th:first-child,table.tbRB tr:last-child td:first-child{
border-bottom-left-radius:5px;
}

/* 右下R */
table.tbR tr:last-child td:last-child,table.tbRB tr:last-child td:last-child{
border-bottom-right-radius:5px;
}

/* 左下on */
table.tbR .btm_l_R,table.tbRB .btm_l_R{
border-bottom-left-radius:5px!important;
}

/* 右下on */
table.tbR .btm_r_R,table.tbRB .btm_r_R{
border-bottom-right-radius:5px!important;
}

/* 左右下on */
table.tbR .btm_lr_R,table.tbRB .btm_lr_R{
border-bottom-left-radius:5px!important;
border-bottom-right-radius:5px!important;
}

/* 右下off */
table.tbR .btm_r_L,table.tbRB .btm_r_L{
border-bottom-right-radius:0!important;
}

/* 左下off */
table.tbR .btm_l_L,table.tbRB .btm_l_L{
border-bottom-left-radius:0!important;
}

/* 左右下off */
table.tbR .btm_lr_L{
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important;
}

/* 	onマウス
----------------------------------------------- */
.tbOM td{
cursor:pointer;
}

.tbOM tr:hover,.over{
background:#F0FFF0;
}

.over_active{
background:#FFB6C1;
}

/* -----------------------------------------------

	8. ページナビ

----------------------------------------------- */
.PageNavi ul{
float:right;
}

.PageNavi:not(:first-child) ul{
padding-top:15px;
}

.PageNavi:first-child li.PageUp{
display:none;
}

.PageNavi:not(:first-child):after{
content:"";
display:block;
clear:both;
}

.PageNavi li{
float:left;
width:38px;
height:38px;
overflow:hidden;
text-indent:100%;
white-space:nowrap;
}

.PageNavi li a{
text-decoration:none;
display:block;
width:38px;
height:38px;
}

li.PageUp{
background:url(/common/images/btn_PageUp.gif) no-repeat;
margin:0 4px;
}

li.PageBack{
background:url(/common/images/btn_PageBack.gif) no-repeat;
margin:0 4px;
}

li.PageNext{
background:url(/common/images/btn_PageNext.gif) no-repeat;
margin:0 4px;
}

li.PageUp a:hover{
background:url(/common/images/btn_PageUp_on.gif) no-repeat;
}

li.PageBack a:hover{
background:url(/common/images/btn_PageBack_on.gif) no-repeat;
}

li.PageNext a:hover{
background:url(/common/images/btn_PageNext_on.gif) no-repeat;
}

/* -----------------------------------------------

	9. リンクボタン

----------------------------------------------- */
.Lbtn{
font-size:1.1em;
font-weight:700;
line-height:1.4;
text-decoration:none;
display:block;
text-align:center;
margin:10px auto;
padding:12px 0 10px;
color:#fff;
background:#3b35fd;
border-radius:4px;
box-shadow:inset 0 2px 0 rgba(255,255,255,0.2),inset 0 -2px 0 rgba(0,0,0,0.05);
border:solid 2px #1201c6;
}

a.Lbtn:link,a.Lbtn:visited,a.Lbtn:hover,a.Lbtn:active{
color:#fff;
text-decoration:none;
}

a.Lbtn:hover{
background:#6759ff;
}

/* -----------------------------------------------

	10. 視覚効果

----------------------------------------------- */
.pSimple {
  opacity: 0;
  transform: translate3d(0,20px,0);
  transition: all 0.75s cubic-bezier(.4, 0, .2, 1);
}

.pSimple.pActive {
  opacity: 1;
  transform: translate3d(0,0,0);
}