@charset "UTF-8";


/* （QUICK移動：CMD＋E → CMD＋G） */

/*
ページ全体（Wrapper）
ヘッダー（Header）
グローバルナビ（GlobalNav）
ドロップダウンメニュー設定
ページの先頭へ（PageTop_PC）
フッターナビ（FooterNav）
フッター（Footer）
ヘッダー・フッター以外の領域指定（Stage）
パン屑リスト（TopicPath）
ローカルナビ（LocalNav）
コンテンツ領域（Contents）

見出し（h1〜）
基本セクション（SectionBasic）
サブセクション（SectionSub）
メインリード（LeadMain）
キャプション（Caption）

表組み（Table1、Table2）
囲み（Box1、Box2）

テキストリンクアイコン
ボタン
ページネーション
検索窓

モーダルウインドウ（leanModal）
*/


/* ページ全体（Wrapper） --------------------------------------------------- */

#Wrapper {
min-width: 1050px;
}

.SP {
display: none;
}

/* エフェクト */
.Effect1 a {
-webkit-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}


/* ヘッダー（Header） --------------------------------------------------- */

#Header {
width: 100%;
height: 40px;
}

#Header a:hover {
text-decoration: none;
}

#Header .SubNav {
float: right;
}

/* 検索 */
#BtnSearch {
display: block;
position: relative;
z-index: 10001;
width: 40px;
height: 40px;
border-right: 2px solid #101010;
box-sizing: content-box;
text-indent: -9999px;
background: url(/img/common/header/Icon_Search.png) no-repeat;
background-position: 9px 50%;
}

#BtnSearch.Opened {
background: url(/img/common/header/Icon_Close.png) no-repeat;
background-position: 50% 50%;
}

#SearchUnit {
display: none;
position: absolute;
top: 0;
right: 160px;
width: 800px;
text-align: right;
}

#SearchUnit #SearchQuery {
width: 250px;
height: 40px;
padding-left: 15px;
border: none;
border-left: 2px solid #101010;
font-size: 13px;
line-height: 24px;
font-weight: 400;
color: #dedede;
background: #303030;
box-shadow: none;
}

/* プレースホルダ色 */
#SearchUnit ::-webkit-input-placeholder,
#SearchUnit ::-moz-placeholder,
#SearchUnit ::-ms-input-placeholder {
color: #8e8e8e;
}

/* chromeオートコンプリート 背景対応 */
#SearchUnit input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0px 1000px #fff !important;
}

/* IE ×マーク消去 */
#SearchUnit input::-ms-clear {
visibility: hidden;
}

#SearchUnit label {
top: 1px;
font-size: 11px;
line-height: 2.1em;
font-weight: 400;
}

#SearchUnit #SearchSubmit {
padding: 0 10px;
height: 40px;
border: none;
border-radius: 0;
font-size: 11px;
font-weight: 400;
vertical-align: middle;
color: #fff;
background: #2b849b;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
-webkit-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}

#SearchUnit #SearchSubmit:hover {
background: #0b6b84;
}

/* ローカルサイト */
#BtnLocalSite {
display: block;
position: relative;
z-index: 10001;
width: 120px;
height: 40px;
font-size: 10px;
line-height: 40px;
font-weight: 700;
text-align: center;
color: #dedede !important;
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}

#BtnLocalSite:hover {
background: #3d3d3d;
}

#BtnLocalSite span {
padding-right: 17px;
background: url(/img/common/header/Icon_3Line.png) no-repeat;
background-position: 100% 49%;
}

#LocalSite {
display: none;
position: absolute;
z-index: 10000;
top: 40px;
right: 0;
width: 120px;
padding: 0 10px;
background: #3d3d3d;
}

#LocalSite li {
display: block;
}

#LocalSite li a {
display: block;
padding: 12px 7px;
border-top: 1px solid #212121;
font-size: 11px;
line-height: 1em;
font-weight: 400;
}

#LocalSite li:last-child a {
padding-bottom: 15px;
}

#BtnLocalSite.Opened {
background: #3d3d3d;
}


/* グローバルナビ（GlobalNav） --------------------------------------------------- */

#GlobalNav {
width: 100%;
margin-bottom: 90px;
}

#PageHome #GlobalNav {
margin-bottom: 0;
}

.NoLocalNav #GlobalNav {
margin-bottom: 90px !important;
}

#GlobalNavUnit {
width: 1050px;
height: 100px;
margin: 0 auto;
}

#GlobalNav a:hover {
text-decoration: none;
}

/* ロゴ */
#GlobalNavUnit .Logo {
float: left;
}

#GlobalNavUnit .Logo a {
display: block;
margin-top: 29px;
margin-right: 38px;
width: 122px;
height: 43px;
text-indent: -9999px;
background: url(/img/common/header/Logo.png) no-repeat;
}

#DropDownMenu {
float: right;
width: 890px;
margin-top: 30px;
}

#DropDownMenu .Global {
display: block;
float: left;
position: relative;
width: 110px;
height: 60px;
padding-top: 23px;
margin-left: 20px;
font-size: 13px;
line-height: 1em;
font-weight: 400;
color: #f1f1f1;
}

/* ライン */
#DropDownMenu .Global:before {
position: absolute;
left: 0;
top: 2px;
width: 110px;
height: 1px;
background: #404040;
content: "";
}

#DropDownMenu .Global:after {
position: absolute;
left: 0;
top: 2px;
width: 20px;
height: 1px;
background: #939393;
content: "";
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}

/* ホバー（.highlightedはドロップダウン用） */
#DropDownMenu .Global:hover:after,
#DropDownMenu .Global.highlighted:after {
position: absolute;
left: 0;
top: 2px;
width: 110px;
height: 1px;
background: #cc0000;
content: "";
}

/*
#DropDownMenu .Global {
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}

#DropDownMenu .Global:hover,
#DropDownMenu .Global.highlighted {
opacity: 0.5;
}
*/

/* カレント */
#DropDownMenu li.Current .Global:before {
position: absolute;
z-index: 1000;
left: 0;
top: 2px;
width: 110px;
height: 1px;
background: #cc0000;
content: "";
}

#DropDownMenu li:first-child .Global {
margin-left: 0;
}

/* ドロップダウンメニュー設定 --------------------------------------------------- */

/* Level0の設定 */
.sm ul {
position: absolute; /* 必須 */
top: 65px !important;
z-index: 10000;
width: 300px !important;
max-width: 230px !important;
padding: 20px 0 !important;
background-color: rgba(61, 61, 61, .95) !important;
}

/* 上の三角 */
.sm .Level0:before {
display: block;
position: absolute;
z-index: 1;
left: 45px;
top: -16px;
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom: 8px solid #3d3d3d;
margin-left: -8px;
content: "";
}

.sm .Menu1 .Level0:before {
left: 140px;
border-bottom: 8px solid #303030;
}

.sm .Menu7 .Level0:before {
left: 112px;
}

.sm a span.sub-arrow {
display: none;
}

/* 表示位置 */
.sm .Menu1 .Level0 {
left: -110px !important;
}

.sm .Menu2 .Level0 {
left: 110px !important;
}

.sm .Menu3 .Level0 {
left: 240px !important;
}

.sm .Menu4 .Level0 {
left: 370px !important;
}

.sm .Menu5 .Level0 {
left: 500px !important;
}

.sm .Menu6 .Level0 {
left: 630px !important;
}

.sm .Menu7 .Level0 {
left: 720px !important;
}

/* リンク要素の設定 */
.sm ul a {
padding: 8px 23px 7px 23px;
font-size: 13px;
font-weight: 400;
color: #fff;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
-webkit-transition: all .2s linear 0s;
transition: all .2s linear 0s;
}

.sm ul a:hover,
.sm ul a:focus,
.sm ul a:active,
.sm ul a.highlighted {
color: #fff;
background: #5a5a5a;
}

.sm a.disabled {
cursor: default !important;
}

.sm a.Disabled2 {
cursor: default !important;
opacity: 0.3;
}

.sm a.Disabled2:hover {
background: none !important;
}

/* 製品情報 .Level0の設定 */
.Menu1 .Level0 {
width: 170px !important;
background-color: rgba(48, 48, 48, 1) !important;
}

.Menu1 .Level0 a.Level0Menu {
}

.Menu1 .Level0 a.Level0Menu:hover,
.Menu1 .Level0 a.Level0Menu.highlighted {
background: #3d3d3d;
}

/* .Level1の設定 */
li.HasLevel1 {
position: static !important;
}

li.HasLevel1 > ul {
left: 170px !important;
top: 0 !important;
width: 300px !important;
min-width: 0 !important;
max-width: none !important;
min-height: 520px;
margin-left: 0 !important;
margin-top: 0 !important;
background-color: rgba(61, 61, 61, .95) !important;
}

/* CC：カテゴリ別配色 */
.Menu1 li.HasLevel1:nth-child(1) ul {
border-top: 4px solid #ac0000;
}

.Menu1 li.HasLevel1:nth-child(2) ul {
border-top: 4px solid #217f00;
}

.Menu1 li.HasLevel1:nth-child(3) ul {
border-top: 4px solid #0057a0;
}

.Menu1 li.HasLevel1:nth-child(4) ul {
border-top: 4px solid #c0a300;
}

/* .Level2の設定 */
li.HasLevel2 {
position: static !important;
}

li.HasLevel2 > ul {
left: 300px !important;
top: 0 !important;
width: 300px !important;
min-width: 0 !important;
max-width: none !important;
min-height: 520px;
margin-left: 0 !important;
margin-top: 0 !important;
background-color: rgba(90, 90, 90, .95) !important;
}

/* CC：表示位置調整 */
.Menu1 li.HasLevel2 > ul {
margin-top: -4px !important;
}

/* 狭い場合 */
li.HasLevel2.Narrow1 > ul {
width: 180px !important;
min-height: 170px !important;
}

li.HasLevel2 > ul a:hover,
li.HasLevel2 > ul a.highlighted {
background: #6d6d6d !important;
}

/* .Level3の設定 */
li.HasLevel3 {
position: static !important;
}

li.HasLevel3 > ul {
left: 300px !important;
top: 0 !important;
width: 300px !important;
min-width: 0 !important;
max-width: none !important;
min-height: 520px;
margin-left: 0 !important;
margin-top: 0 !important;
background-color: rgba(109, 109 ,109, .95) !important;
}

/* CC：表示位置調整 */
.Menu1 li.HasLevel3 > ul {
margin-top: -4px !important;
}

li.HasLevel3 > ul a:hover {
background-color: rgba(130, 130, 130, 1) !important;
}

li.HasLevel3 > ul .Mds {
margin-bottom: 15px;
font-size: 115%;
}

li.HasLevel3 > ul .ProductList {
margin-top: 15px;
margin-left: 23px;
}

li.HasLevel3 > ul .ProductList:after {
content: ""; 
display: block; 
clear: both;
}

li.HasLevel3 > ul .ProductList .Item {
display: block;
float: left;
width: 120px;
margin-right: 14px;
padding: 0;
}

li.HasLevel3 > ul .ProductList .Item:nth-child(2) {
margin-right: 0;
}

li.HasLevel3 > ul .ProductList .Item .Photo {
margin-bottom: 6px;
}

li.HasLevel3 > ul .ProductList .Item .Photo img {
width: 120px;
height: auto;
-webkit-filter: brightness(.9);
-moz-filter: brightness(.9);
-ms-filter: brightness(.9);
filter: brightness(.9);
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}

li.HasLevel3 > ul .ProductList .Item:hover .Photo img {
-webkit-filter: brightness(1);
-moz-filter: brightness(1);
-ms-filter: brightness(1);
filter: brightness(1);
}

li.HasLevel3 > ul .ProductList .Item .Lead {
line-height: 1.4em;
font-weight: 400;
}

li.HasLevel3 > ul .ProductList a:hover {
background: none !important;
}

/* ボタン */
li.HasLevel3 > ul .BtnMore {
margin: 15px 23px 0 23px;
padding-top: 12px;
border-top: 1px solid #525252;
}

li.HasLevel3 > ul .BtnMore .Btn {
display: inline-block !important;
}

li.HasLevel3 > ul .BtnMore .Btn:hover {
background: #0b6b84 !important;
}

/* ExtraMenu */
.sm .ExtraMenu1 {
margin-bottom: 5px;
}

.sm .ExtraMenu1 a {
font-size: 15px;
}

.sm .ExtraMenu2 {
margin-top: 10px;
border-top: 1px solid #212121;
}

.sm .ExtraMenu2 a {
padding: 11px 23px;
}


/* ページの先頭へ（PageTop_PC） --------------------------------------------------- */

#PageTop_PC {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
}


/* フッターナビ（FooterNav） --------------------------------------------------- */

#FooterNav {
width: 100%;
margin: 0;
padding: 40px 0;
}

#FooterNavUnit {
display: table;
width: 1050px;
margin: 0 auto 30px auto;
}

#FooterNavUnit div {
display: table-cell;
width: 180px;
padding-left: 30px;
}

#FooterNavUnit div:first-child {
width: 150px;
padding-left: 0;
}

/* 見出し（カテゴリ名） */
#FooterNavUnit h2 {
margin-bottom: 25px;
padding-top: 30px;
border-top: 1px solid #404040;
font-size: 15px;
line-height: 1em;
font-weight: 300;
}

#FooterNavUnit h2 a {
display: block;
}

#FooterNavUnit h2 a:link,
#FooterNavUnit h2 a:active,
#FooterNavUnit h2 a:visited {
color: #f1f1f1;
}

#FooterNavUnit h2 a:hover {
color: #f1f1f1;
}

#FooterNavUnit h2 a.Halftone:hover {
color: #dedede;
}

/* 子メニュー */
#FooterNavUnit ul {
margin-bottom: 15px;
}

#FooterNavUnit ul li {
margin-bottom: 12px;
font-size: 13px;
line-height: 1.4em;
font-weight: 400;
}

#FooterNavUnit ul li a {
display: block;
}

#FooterNavUnit ul li a:link,
#FooterNavUnit ul li a:active,
#FooterNavUnit ul li a:visited {
color: #f1f1f1;
}

#FooterNavUnit ul li a:hover {
color: #f1f1f1;
}

#FooterNavUnit ul li a.Halftone:hover {
color: #dedede;
text-decoration: none;
}

/* メルマガ登録 */
#FooterNav .MailMag {
width: 1050px;
margin: 0 auto;
padding-top: 18px;
border-top: 1px solid #404040;
text-align: right;
}

#FooterNav .MailMag .Mds {
margin-right: 12px;
font-size: 15px;
line-height: 1em;
font-weight: 300;
vertical-align: middle;
}

#FooterNav .MailMag .Mds a {
color: #3e9bb3 !important;
text-decoration: none;
}


/* フッター（Footer） --------------------------------------------------- */

#Footer {
width: 100%;
height: 50px;
margin: 0;
overflow: hidden;
}

#FooterUnit {
width: 1050px;
margin: 0 auto;
}

/* SubNav */
#FooterUnit .SubNav {
float: left;
}

#FooterUnit .SubNav li {
float: left;
}

#FooterUnit .SubNav li a {
display: block;
}

#FooterUnit .SubNav li.Menu1 a,
#FooterUnit .SubNav li.Menu2 a {
width: 170px;
height: 50px;
border-right: 2px solid #101010;
font-size: 11px;
line-height: 51px;
text-align: center;
}

#FooterUnit .SubNav li.Menu1 a {
border-left: 2px solid #101010;
}

#FooterUnit .SubNav li.Menu3 {
margin-left: 18px;
margin-right: 10px;
font-size: 11px;
line-height: 52px;
color: #dedede;
}

#FooterUnit .SubNav li.Menu4 a,
#FooterUnit .SubNav li.Menu5 a,
#FooterUnit .SubNav li.Menu6 a {
width: 24px;
height: 24px;
margin-top: 13px;
margin-right: 5px;
text-indent: -9999px;
}

#FooterUnit .SubNav li.Menu4 a {
background: url(/img/common/footer/Icon_TW.png) no-repeat;
}

#FooterUnit .SubNav li.Menu5 a {
background: url(/img/common/footer/Icon_FB.png) no-repeat;
}

#FooterUnit .SubNav li.Menu6 a {
background: url(/img/common/footer/Icon_LI.png) no-repeat;
}

#FooterUnit .SubNav li a:hover {
text-decoration: none;
}

/* クレジット */
#FooterUnit .Credit {
float: right;
text-align: right;
}

#FooterUnit .Credit .Copyright {
display: inline-block;
margin-right: 10px;
font-size: 9px;
line-height: 51px;
color: #dedede;
}

#FooterUnit .Credit .Logo {
display: inline-block;
}

#FooterUnit .Credit .Logo a {
display: block;
width: 70px;
height: 24px;
line-height: 1.2em;
text-indent: -9999px;
text-align: left;
background: url(/img/common/footer/Logo.png) no-repeat;
}


/* ヘッダー・フッター以外の領域指定（Stage） --------------------------------------------------- */

#Stage {
width: 1050px;
margin: 0 auto 90px auto;
}


/* パン屑リスト（TopicPath） --------------------------------------------------- */

#TopicPath {
width: 100%;
padding: 10px 0;
}

#TopicPath ul {
width: 1050px;
margin: 0 auto;
}

#TopicPath li {
display: inline;
padding-left: 1px;
font-size: 11px;
line-height: 1.5em;
font-weight: 400;
}

#TopicPath li:first-child {
padding-left: 15px;
background: url(/img/common/icon/Icon_PathHome.png) no-repeat;
background-position: 0 40%;
}

#TopicPath li small {
font-size: 11px;
}

#TopicPath li.Current {
padding-left: 1px;
}

#TopicPath li a {
padding-right: 12px;
background: url(/img/common/icon/Icon_PathAllow.png) no-repeat right center;
}


/* ローカルナビ（LocalNav） --------------------------------------------------- */

#LocalNavArea {
float: left;
width: 240px;
}

/* 見出し（カテゴリ名） */
#LocalNavArea h2 {
margin-bottom: 10px;
}

#LocalNavArea h2 a {
display: block;
padding: 14px 0;
border-top: 1px solid;
font-size: 18px;
font-weight: 400;
color: #000;
}

#LocalNavArea h2 a:hover {
text-decoration: none;
}

.LocalNav {
margin-bottom: 20px;
border-top: 1px solid #d9d9d9;
}

/* 親メニュー */
.LocalNav li {
border-bottom: 1px solid #d9d9d9;
}

.LocalNav li a {
display: block;
padding: 10px 25px 10px 10px;
font-size: 14px;
line-height: 1.5em;
color: #000;
background-color: #fff;
background-image: url(/img/common/icon/Icon_LinkFwd_S.png);
background-repeat: no-repeat;
background-position: 225px 50%;
-webkit-transition: background-color .3s ease 0s;
transition: background-color .3s ease 0s;
}

/* 親メニュー：ホバー */
.LocalNav li a:hover {
text-decoration: none;
background-color: #ededed;
}

/* 親メニュー：カレント */
.LocalNav li a.Current {
color: #fff;
background-color: #212121;
background-image: none;
}

.LocalNav li a.Current:hover {
background-color: #212121;
background-image: none;
}

/* 子メニュー */
.LocalNav li > ul {
}

.LocalNav li > ul li:last-child {
border-bottom: none;
}

.LocalNav li > ul li a {
padding-left: 25px;
font-weight: normal;
background-color: #fafafa;
background-position: 11px 50%;
background-size: 4px 8px;
}

/* 子メニュー：カレント */
.LocalNav li > ul li a.Current {
font-weight: 900;
color: #000;
background-color: #fafafa;
background-image: url(/img/common/icon/Icon_LinkFwd_S.png);
background-repeat: no-repeat;
background-position: 11px 50%;
background-size: 4px 8px;
}

.LocalNav li > ul li a.Current:hover {
background-color: #fafafa;
background-image: url(/img/common/icon/Icon_LinkFwd_S.png);
background-repeat: no-repeat;
background-position: 11px 50%;
background-size: 4px 8px;
}

/* バナー */
.Banners li {
margin-bottom: 10px;
}

.Banners li a {
display: table;
width: 100%;
padding: 10px;
border: 1px solid #d9d9d9;
color: #000;
-webkit-transition: background-color .3s ease 0s;
transition: background-color .3s ease 0s;
}

.Banners li a:hover {
text-decoration: none;
background-color: #ededed;
}

.Banners li a p {
display: table-cell;
vertical-align: middle;
}

.Banners li a .Photo {
width: 60px;
}

.Banners li a .Photo img {
width: 100%;
height: auto;
border: 1px solid #d9d9d9;
}

.Banners li a .Lead {
width: 180px;
padding-left: 15px;
line-height: 1.4em;
}


/* コンテンツ領域（Contents）  --------------------------------------------------- */

#Contents {
float: right;
width: 750px;
margin: 0;
}

#Contents2 {
width: 900px;
margin: 0 auto;
}

#Contents3 {
}


/* 見出し（h1〜）  --------------------------------------------------- */

/* h1 */
h1.MdsBase,
.ContTitle {
margin-top: -9px;
margin-bottom: 40px;
padding-bottom: 25px;
border-bottom: 1px solid;
font-size: 36px;
line-height: 1.3em;
letter-spacing: 0;
font-weight: normal;
}

h1.MdsBase.NoBo,
.ContTitle.NoBo {
margin-bottom: 30px;
padding-bottom: 0;
border-bottom: none;
}

h1.MdsBase small,
.ContTitle small {
margin-bottom: 5px;
display: inline-block;
font-size: 16px;
}

h1.MdsBase small.SubTitle,
.ContTitle small.SubTitle {
margin-top: 10px;
}

/* h2 */
h2.MdsBase {
margin-bottom: 25px;
padding-top: 30px;
border-top: 1px solid;
font-size: 22px;
line-height: 1.5em;
font-weight: 700;
}

h2.MdsBase.First,
h2.MdsBase.NoBo {
padding-top: 0;
border-top: none;
}

h2.MdsBase small {
font-size: 14px;
font-weight: normal;
}

/* h3 */
h3.MdsBase {
margin-bottom: 15px;
font-size: 18px;
line-height: 1.4em;
font-weight: 700;
}

/* h4 */
h4.MdsBase {
margin-bottom: 5px;
line-height: 1.4em;
}

h4.MdsBase.NoBo {
padding-top: 0;
border-top: none;
}

h4.MdsBase.Dot {
position: relative;
padding-left: 14px;
}

h4.MdsBase.Dot:before {
position: absolute;
left: 0;
top: 6px;
width: 8px;
height: 8px;
background: #212121;
content: "";
}

/* h5 */
h5.MdsBase {
margin-bottom: 5px;
font-size: 100%;
line-height: 1.4em;
}

/* 白抜き */
.MdsBg {
margin-bottom: 30px;
padding: 2px 14px;
font-size: 20px;
font-weight: 400px;
color: #fff;
}

/* 基本セクション（SectionBasic）  --------------------------------------------------- */

.SectionBasic {
margin-bottom: 60px;
}

.SectionBasic .Lead {
margin-bottom: 30px;
}

.SectionBasic.SecBo {
padding-top: 30px;
border-top: 1px solid;
}

/* サブセクション（SectionSub）  --------------------------------------------------- */

.SectionSub {
margin-bottom: 30px;
}

.SectionSub .Lead {
margin-bottom: 20px;
}

.SectionSub.SecBo {
padding-top: 20px;
border-top: 1px solid;
}

/* メインリード（LeadMain） --------------------------------------------------- */

.LeadCatch {
margin-top: -10px;
margin-bottom: 30px;
font-size: 22px;
font-weight: bold;
}

.LeadMain {
margin-top: -10px;
margin-bottom: 40px;
}

/* キャプション（Caption） --------------------------------------------------- */
.Caption {
font-size: 12px;
}

/* 幅狭く（Narrow） --------------------------------------------------- */
.Narrow {
width: 80%;
}


/* 表組み（Table1、Table2） --------------------------------------------------- */

.Table1,
.Table2 {
margin-bottom: 15px;
}

.Table1 th,
.Table2 th,
.Table1 td,
.Table2 td {
padding: 10px;
border: 1px solid #d9d9d9;
font-size: 13px;
}

.Table1 th,
.Table2 th {
background: #f3f3f3;
}

.Table1 td,
.Table2 td {
text-align: left;
background: #fff;
}

.Table1 td .ListDisc li:before,
.Table2 td .ListDisc li:before {
top: 7px;
}


/* 囲み（Box1、Box2） --------------------------------------------------- */

/* Box1 */
.Box1 {
margin-bottom: 30px;
padding: 30px 30px;
border: 1px solid #2b849b;
}

.Box1.NarrowBox {
padding: 20px 20px;
}

.Box1 .Mds {
font-size: 20px;
}

.Box1 .Lead {
margin-bottom: 20px;
/* font-size: 22px; */
font-weight: 400 !important;
}

.Box1.Photo img {
width: 100%;
height: auto;
}

/* Box2 */
.Box2 {
margin-bottom: 30px;
padding: 30px;
border: 1px solid #f3f3f3;
background: #f3f3f3;
}

.Box2 .Mds {
margin-bottom: 10px;
font-size: 20px;
}

.Box2 .Lead {
margin-bottom: 0 !important;
font-weight: normal !important;
}


/* テキストリンクアイコン --------------------------------------------------- */

/* 進む（LinkFwd） */
.LinkFwd {
padding-left: 20px;
background: url(/img/common/icon/Icon_LinkFwd.png) no-repeat left center;
}

.LinkFwdS {
padding-left: 12px;
background: url(/img/common/icon/Icon_LinkFwd_S.png) no-repeat left center;
}

/* 戻る（LinkBack） */
.LinkBack {
padding-left: 20px;
background: url(/img/common/icon/Icon_LinkBack.png) no-repeat left center;
}

/* 上へ（LinkUp） */
.LinkUp {
padding-left: 20px;
background: url(/img/common/icon/Icon_LinkUp.png) no-repeat left center;
}

/* 下へ（LinkDown） */
.LinkDown {
padding-left: 20px;
background: url(/img/common/icon/Icon_LinkDown.png) no-repeat left center;
}

/* 別ウインドウ（LinkNewWin） */
.LinkNewWin {
padding-right: 18px;
background-image: url(/img/common/icon/Icon_LinkNewWin.png);
background-repeat: no-repeat;
background-position: 100% 3px;
}

/* PDF（LinkPDF） */
.LinkPDF {
padding: 4px 0 4px 30px !important;
line-height: 1.6em;
background: url(/img/common/icon/Icon_LinkPDF.png) no-repeat !important;
background-position: 0 3px !important;
background-size: 20px auto !important;
}

/* エクセル（LinkXLS、LinkXLSX） */
.LinkXLS,
.LinkXLSX {
padding: 4px 0 4px 30px !important;
line-height: 1.6em;
background: url(/img/common/icon/Icon_LinkXLS.png) no-repeat !important;
background-position: 0 3px !important;
background-size: 20px auto !important;
}

/* ワード（LinkDOC、LinkDOCX） */
.LinkDOC,
.LinkDOCX {
padding: 4px 0 4px 30px !important;
line-height: 1.6em;
background: url(/img/common/icon/Icon_LinkDOC.png) no-repeat !important;
background-position: 0 3px !important;
background-size: 20px auto !important;
}

/* DXF（LinkDXF） */
.LinkDXF {
padding: 4px 0 4px 30px !important;
line-height: 1.6em;
background: url(/img/common/icon/Icon_LinkDXF.png) no-repeat !important;
background-position: 0 3px !important;
background-size: 20px auto !important;
}

/* ZIP（LinkZIP） */
.LinkZIP {
padding: 4px 0 4px 30px !important;
line-height: 1.6em;
background: url(/img/common/icon/Icon_LinkZIP.png) no-repeat !important;
background-position: 0 3px !important;
background-size: 20px auto !important;
}

.PDFSize {
margin-left: 5px;
}


/* ボタン  --------------------------------------------------- */

.Btn {
display: inline-block;
}

/* 基本スタイル・サイズ設定 */
.BtnS {
padding: 7px 15px !important;
border: 1px solid #14667b;
border-radius: 14px;
font-size: 12px !important;
line-height: 1.0em;
text-align: center;
text-decoration: none !important;
color: #fff !important;
background: #2b849b;
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.24);
-moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.24);
box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.24);
-webkit-transition: all 0.2s ease 0s !important;
transition: all 0.2s ease 0s !important;
}

.BtnS:hover {
background: #0b6b84 !important;
}

.BtnM {
padding: 12px 80px !important;
border: 1px solid #14667b;
border-radius: 24px;
font-size: 15px !important;
line-height: 1.0em;
text-align: center;
text-decoration: none !important;
color: #fff !important;
background: #2b849b;
background-image: url(/img/common/icon/Icon_BtnFwd.png), -moz-linear-gradient( 90deg, rgb(32,122,145) 0%, rgb(59,147,170) 100%);
background-image: url(/img/common/icon/Icon_BtnFwd.png), -webkit-linear-gradient( 90deg, rgb(32,122,145) 0%, rgb(59,147,170) 100%);
background-image: url(/img/common/icon/Icon_BtnFwd.png), -ms-linear-gradient( 90deg, rgb(32,122,145) 0%, rgb(59,147,170) 100%);
background-repeat: no-repeat;
background-position: 96% 50%;
-webkit-transition: background-color 0.4s ease 0s !important;
transition: background-color 0.4s ease 0s !important;
}

.BtnM:hover {
background: #0b6b84 url(/img/common/icon/Icon_BtnFwd_Hover.png) no-repeat 96% 50% !important;
}

.BtnL {
padding: 16px 20px;
border-radius: 2px;
font-size: 115%;
line-height: 1.0em;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
}

/* 通常（他のページ、次のページに移動など） */
.BtnNext {
color: #fff;
background: #1567a6;
}

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

/* 確定系（送信・申し込み・購入など） */
.BtnSend {
color: #fff;
background: #d12d1e;
}

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

/* 戻る・キャンセル */
.BtnBack {
color: #000;
background: #f5f5f5;
}

.BtnBack:link,
.BtnBack:active,
.BtnBack:visited,
.BtnBack:hover {
color: #000;
text-decoration: none;
}

/* Disabled */
.BtnDisabled {
color: #b3b3b3;
background: #dedede;
box-shadow: none;
cursor: default;
}

.BtnDisabled:link,
.BtnDisabled:active,
.BtnDisabled:visited,
.BtnDisabled:hover {
color: #b3b3b3;
text-decoration: none;
opacity: 1;
-webkit-transition: none;
transition: none;
}


/* ページネーション --------------------------------------------------- */

.PageNation .Num {
float: left;
padding: 12px 0;
line-height: 1.0em;
}

.PageNation ul {
float: right;
}

.PageNation li {
float: left;
margin-left: 5px;
line-height: 1.0em;
}

.PageNation li a {
display: block;
float: left;
padding: 6px 10px;
border: 1px solid #d9d9d9;
}

.PageNation li a:link,
.PageNation li a:active,
.PageNation li a:visited {
text-decoration: none;
}

.PageNation li a:hover {
border: 1px solid #d9d9d9;
background: #ededed;
text-decoration: none;
}

.SmartPhone .PageNation li a:hover {
border: 1px solid #d9d9d9;
background: #fff;
text-decoration: none;
}

.PageNation li.Current a {
border: 1px solid #d9d9d9;
font-weight: bold;
color: #000;
background: #f3f3f3;
}

.PageNation li.Prev {
margin-right: 10px;
}

.PageNation li.Prev a {
padding: 6px 18px;
border: 1px solid #2b849b;
text-indent: -9999px;
background: #2b849b url(/img/common/icon/Icon_PageNationPrev.png) no-repeat;
background-position: 50% 49.5%;
background-size: 8px 15px;
}

.PageNation li.Prev a:hover {
background: #0b6b84 url(/img/common/icon/Icon_PageNationPrev.png) no-repeat;
background-position: 50% 49.5%;
background-size: 8px 15px;
}

.PageNation li.Next {
margin-left: 15px;
}

.PageNation li.Next a {
padding: 6px 18px;
border: 1px solid #2b849b;
text-indent: -9999px;
background: #2b849b url(/img/common/icon/Icon_PageNationNext.png) no-repeat;
background-position: 50% 49.5%;
background-size: 8px 15px;
}

.PageNation li.Next a:hover {
background: #0b6b84 url(/img/common/icon/Icon_PageNationNext.png) no-repeat;
background-position: 50% 49.5%;
background-size: 8px 15px;
}

.PageNation .Abbr {
display: block;
padding: 4px 2px;
}


/* 検索窓 --------------------------------------------------- */

.SearchBox .SearchTxt {
width: 80%;
height: 2.4em;
padding: 0 10px;
border-top: 1px solid #bbb;
border-right: none;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
box-shadow: inset 1px 1px 1px 0px #d5d5d5;
border-radius: 5px 0 0 5px;
line-height: 2.4em;
vertical-align: middle;
background: #fff;
}

.Win .SearchBox .SearchTxt {
line-height: 2.2em;
}

.SearchBox .BtnSearch {
width: 20%;
height: 2.4em;
padding: 0 10px;
border: 1px solid #000;
border-radius: 0 5px 5px 0;
line-height: 2.2em;
letter-spacing: 0.2em;
vertical-align: middle;
color: #fff;
background: #000;
cursor: pointer;
}


/* モーダルウインドウ（leanModal） --------------------------------------------------- */

#lean_overlay {
display: none;
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
}


/* ドロップダウンメニュー（smartmenus） --------------------------------------------------- */

/* Core CSS */
.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}