﻿@charset "UTF-8";

/*===TOP 画像タイトルリンク===================================================*/
/* --- 画像反転--- */
#Contents a img{
	vertical-align:bottom;
}
#Contents a:hover img,
.hover img {
opacity:0.8;
filter:alpha(opacity=80); 
}

/* ---マージン調整--- */
.topImgLinkStArea {
	padding-bottom:0px;
}

/* --- タイトルバー部 --- */
.topImgLinkSt h2 a {
	background-image: url(../image/top_link_r.gif) !important;
}
.topImgLinkSt h2 a:link,
.topImgLinkSt h2 a:visited {
	background-image: url(../image/top_link_r.gif) !important;
	background-color: #343434;
	border-right: solid 6px transparent;
}
.topImgLinkSt.hover h2 a,
.topImgLinkSt h2 a:hover,
.topImgLinkSt h2 a:active {
	background-image: url(../image/top_link_r.gif) !important;
	background-color: #555555;
	border-right: solid 3px transparent;
}
* html .topImgLinkSt h2 a:link,
* html .topImgLinkSt h2 a:visited {
	padding:8px 15px;
	border-right: solid 6px #343434;
}
* html .topImgLinkSt h2 a:hover,
* html .topImgLinkSt h2 a:active {
	padding:8px 15px;
	border-right: solid 3px #555555;
}
*:first-child+html .topImgLinkSt h2 a:link,
*:first-child+html .topImgLinkSt h2 a:visited {
	padding:8px 15px;
	border-right: solid 6px #343434;
}
*:first-child+html .topImgLinkSt h2 a:hover,
*:first-child+html .topImgLinkSt h2 a:active {
	padding:8px 15px;
	border-right: solid 3px #343434;
}
/*===メニューボタン 均等配置 ==============================================*/
.ButtonStyle2A a {
	display: inline-block;
	min-width: 185px;
	min-height: 18px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_l_white.gif);
	background-repeat: no-repeat;
	background-position: right center;
	word-break: break-all;
}

.ButtonStyle2B a {
	display: inline-block;
	min-width: 185px;
	min-height: 35px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url(../../../image/jp/r1/icon/icon_link_right_l_white.gif);
	background-repeat: no-repeat;
	background-position: right center;
	word-break: break-all;
}

.ButtonStyle2B a span {
	display: table-cell;
	vertical-align:middle;
	height:35px;
}

.ButtonStyle2A a:link,
.ButtonStyle2B a:link,
.ButtonStyle2A a:visited,
.ButtonStyle2B a:visited {
	padding: 9px 22px 9px 15px;
	background-color: #e60027;
	color: #fff;
	text-decoration: none;
	border-right: solid 3px transparent;
}

.ButtonStyle2A a:hover,
.ButtonStyle2B a:hover,
.ButtonStyle2A a:active,
.ButtonStyle2B a:active {
	padding: 9px 24px 9px 15px;
	background-color: #b1000e;
	color: #fff;
	text-decoration: none;
	border-right: solid 1px transparent;
}

* html .ButtonStyle2A a:link,
* html .ButtonStyle2B a:link,
* html .ButtonStyle2A a:visited,
* html .ButtonStyle2B a:visited {border-right: solid 3px #e60027;}
* html .ButtonStyle2A a:hover,
* html .ButtonStyle2B a:hover,
* html .ButtonStyle2A a:active,
* html .ButtonStyle2B a:active {border-right: solid 1px #b1000e;}
*:first-child+html .ButtonStyle2A a:link,
*:first-child+html .ButtonStyle2B a:link,
*:first-child+html .ButtonStyle2A a:visited,
*:first-child+html .ButtonStyle2B a:visited {border-right: solid 3px #e60027;}
*:first-child+html .ButtonStyle2A a:hover,
*:first-child+html .ButtonStyle2B a:hover,
*:first-child+html .ButtonStyle2A a:active,
*:first-child+html .ButtonStyle2B a:active {border-right: solid 1px #b1000e;}

.ButtonStyle2A a strong,
.ButtonStyle2B a strong {
	font-weight: normal;
	color: #fff;
}

.Grid1 .ButtonStyle2A a,
.Grid1 .ButtonStyle2B a,
.Column1 .ButtonStyle2A a,
.Column1 .ButtonStyle2B a {
	display: block;
	min-width: 0;
}

* html .Grid1 .ButtonStyle2A li,
* html .Grid1 .ButtonStyle2B li,
* html .Column1 .ButtonStyle2A li,
* html .Column1 .ButtonStyle2B li {
	padding-bottom: 15px;
}
* html .Grid1 .ButtonStyle2A a,
* html .Grid1 .ButtonStyle2B a,
* html .Column1 .ButtonStyle2A a,
* html .Column1 .ButtonStyle2B a {
	margin: 0;
}

.ButtonStyle2A li,
.ButtonStyle2B li {
	float: left;
	margin: 0 15px 0 0;
}

.Grid1 .ButtonStyle2A li,
.Grid1 .ButtonStyle2B li,
.Column1 .ButtonStyle2A li,
.Column1 .ButtonStyle2B li {
	float: none;
	margin: 0;
}

/* --- [-] Font Size in Data Table --- */

table .ButtonStyle2A,
table .ButtonStyle2B {
	font-size: 100%;
}

/*===リスト回り込み  ==============================================*/

ul.ListBox_3column{}
ul.ListBox_3column li{
	display:block;
	float:left;
	margin-left:0;
	margin-right:10px;
	width:210px;
}

/*===枠囲いオプション：内容に合わせた幅に  =========================*/

.BoxFit {
	display: inline-block !important;
}

/*===　記事区切り用(主に見出しオプションとして)  =========================*/
.UnderLine {
border-bottom: 1px solid #cdcdcd;
}

/*===　データテーブル 余白狭い版  =========================*/
table.TableStyle3Low {width: 100%;}

table.TableStyle3Low caption {display: none;}

table.TableStyle3Low th,
table.TableStyle3Low td {
	vertical-align: top;
	padding: 8px 8px;
}

/*===YouTube埋め込み(レスポンシブ対応)  ==============================================*/
.YouTube{
position:relative;
 width:100%;
 padding-top:56.25%;
 }
 .YouTube iframe{
 position:absolute;
 top:0;
 right:0;
 width:100%;
 height:100%;
 }



