@charset "utf-8";

@import url("device_pc.css") screen and (min-width: 891px); /* 859以上 */
@import url("device_smart.css") screen and (max-width: 890px); /* 890以下 */





/* ---------- フォント設定 ---------- */

@font-face {
font-family:'font-regular-ja';
src: url('../font/mplus-2-regular-sub.eot');
src: url('../font/mplus-2-regular-sub.eot?#iefix') format('embedded-opentype'),
url('../font/mplus-2-regular-sub.woff') format('woff'),
url('../font/mplus-2-regular-sub.ttf') format('truetype');
}

@font-face {
font-family:'font-regular-en';
src: url('../font/mplus-2c-regular-sub.eot');
src: url('../font/mplus-2c-regular-sub.eot?#iefix') format('embedded-opentype'),
url('../font/mplus-2c-regular-sub.woff') format('woff'),
url('../font/mplus-2c-regular-sub.ttf') format('truetype');
}


@font-face {
font-family:'font-medium-ja';
src: url('../font/mplus-2-medium-sub.eot');
src: url('../font/mplus-2-medium-sub.eot?#iefix') format('embedded-opentype'),
url('../font/mplus-2-medium-sub.woff') format('woff'),
url('../font/mplus-2-medium-sub.ttf') format('truetype');
}

@font-face {
font-family:'font-medium-en';
src: url('../font/mplus-2c-medium-sub.eot');
src: url('../font/mplus-2c-medium-sub.eot?#iefix') format('embedded-opentype'),
url('../font/mplus-2c-medium-sub.woff') format('woff'),
url('../font/mplus-2c-medium-sub.ttf') format('truetype');
}

@font-face {
font-family:'font-black-ja';
src: url('../font/mplus-2-black-sub.eot');
src: url('../font/mplus-2-black-sub.eot?#iefix') format('embedded-opentype'),
url('../font/mplus-2-black-sub.woff') format('woff'),
url('../font/mplus-2-black-sub.ttf') format('truetype');
}


@font-face {
font-family:'font-black-en';
src: url('../font/mplus-2c-black-sub.eot');
src: url('../font/mplus-2c-black-sub.eot?#iefix') format('embedded-opentype'),
url('../font/mplus-2c-black-sub.woff') format('woff'),
url('../font/mplus-2c-black-sub.ttf') format('truetype');
}


.font-s{
font-family:'font-regular-ja','font-regular-en', sans-serif;
}

.font-m{
font-family:'font-medium-ja','font-medium-en', sans-serif;
}
.font-l{
font-family:'font-black-ja','font-black-en', sans-serif;
}



/* ---------- 全体設定 ---------- */

* {
margin:0;
padding:0;
}


html {
overflow-y:scroll;
font-size:11.5px;
-webkit-text-size-adjust: 100%; /*環境違いでフォントサイズがちぐはぐになるの防止*/
}


body {
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-family:'font-regular-ja','font-regular-en', sans-serif;
letter-spacing: 0.1em;
min-width:860px;
}


a {
text-decoration: none;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
border-bottom:1px solid #D3DADE;
}
a:active {
color: #000000;
}

/* 下線表示しない部分 */

h1 a:hover {
border:none;
}


a img {
border:none;
}

a div {
border:none;
}

hr {
border:2px solid #D3DADE;
}

strong{
font-weight: normal;
background: linear-gradient(transparent 60%, #D3DADE 60%);
}

.width_base{ /*基本のコンテンツ巾*/
width:860px;
margin:0 auto; /*センタリング指定*/
}

.print_br{ /*印刷時改行（このクラスの直前に改行）*/
page-break-before: always;
}

.clear{
clear:both;
}


/* ---------- ヘッダー ---------- */

header {
padding-top:19px;
width:100%;
margin:0 auto;
min-width:860px; /*width_baseと同じ幅を入力　*/
width: expression(document.body.clientWidth < 860? "860px" : "auto");
height:28px;
z-index:999;
background-color: #ffffff; /* ページの背景色 */
border-bottom: 12px solid #D3DADE;
}

nav ul {
text-align:right;
letter-spacing: 0.18em;
}

nav ul li {
display:inline-block;
margin:2px 5px 15px 0;
padding:0 10px 0 0;
border-right: 1px solid;
border-color: #D3DADE;
}

nav ul li.last {
padding-right:2px;
border: none;
}

header h1 { /* タイトル部分 */
padding-left:3px;
font-size:1.3em;
font-family:'font-medium-en', sans-serif;
letter-spacing: 0.28em;
}


.navi_title {
float:left;
width:45%;
}
.navi_menu {
width:55%;
float:right;
}


/* ---------- コンテンツ部分 ---------- */

.content {
clear: both; /* IE6用対策 */
}


/* ---------- メインコンテンツ ---------- */

.main{
width:585px;
float:right;
line-height: 2em;
padding:40px 15px 100px 20px;
}

.main h1{
font-weight:100;
padding-bottom:35px;
font-size:15px;

}
.main ul{
margin: 20px 0px;
}
.main li{
margin-left:30px;
}


.main table{
margin-bottom:20px;
margin-left: auto;
margin-right: auto;
}

.main table tr{
margin-top:20px;
}
.main table,tr,td{
border:2px #000000 solid;
}
.main table,tr,td{
border:none;
}


/* ---------- 角丸のかこみ ---------- */
.box{
border:4px solid #D3DADE;
border-radius: 20px;
margin:30px 0px;
}

.box h1 {
padding:10px 20px;
font-size:1.2em;
letter-spacing: 2.5px;
}

.box_content{
padding:10px 20px;
line-height: 1.5em;
}

.box_content li{
list-style:none;
}



/* ---------- メインページ内でのタイトル・サブタイトル・文章 ---------- */

.s_title{
padding-top:50px;
padding-bottom:30px;
}

.s_title h1{
font-size:18px;
}

.s_title hr{
border:none;
margin:0;
border-top:1px #D3DADE dotted;
}

.s_title_item{
padding:20px 10px 0px 10px;
}

.s_title_item hr{
margin-bottom:5px;
border:none;
border-top:1px #D3DADE dotted;
}

.s_title_item h1{
padding-bottom:5px;
font-size:1.5em
}



/* ---------- パンくずリスト ---------- */

hr.footer{
margin-bottom:8px;
}

.topic-path a img {
margin: 0px 0px -6px 0px;/* ホームアイコン上にずらし */
}

.topic-path{
padding-bottom:25px;
font-size:13px;
color:#D3DADE;
}

.topic-path li{
display:inline-block;
padding-right:5px;
}

.topic-path li:after{
content:" >";
font-size:1.1em;
}

.topic-path li:last-child:after{
content:none;
}



.topic-path a:link {
color: #D3DADE;
}
.topic-path a:visited {
color: #D3DADE;
}
.topic-path a:hover {
color: #D3DADE;
border:none;
background:none;
}
.topic-path a:active {
color: #D3DADE;
}



/* ---------- フッター ---------- */


footer h1{ /*「お問い合わせ」部分*/
text-align:center;
margin:0px auto; /*ボックスのセンタリング*/
width:170px;
border-bottom:1px #000000 solid;
padding-bottom:5px;
font-size:1em;
font-weight: 100;
letter-spacing: 0.3em;
}

footer section{ /*フッター背景*/
background:url(../img/bg/footer_bg.jpg) no-repeat right bottom;
}


.contact{
width:400px;
margin-right: auto; /*センタリング指定*/
margin-left : auto; /*センタリング指定*/
padding:15px 0 60px 0;
text-align:center;
}

.contact hr{
border:none;
border-bottom:1px #000000 solid;
padding-bottom:3px;
margin-bottom:20px;
}

.or{ /*「もしくは」*/
width:60px;
font-size:0.9em;
display: table-cell;
vertical-align: middle;
text-align: center;
}

.mail-tel{ /*「メールフォーム」「電話」*/
width:170px;
height:40px;
font-size:1.3em;
display: table-cell;
vertical-align: middle;
text-align: center;
}

.mail-tel a:hover{ /*「メールフォーム」のリンクホバー消し*/
border:none;
}

.mail-tel img{ /*アイコンの位置微調整*/
padding-right:6px;
vertical-align: middle;
}

img.mail{ /*アイコンの位置微調整*/
padding-bottom:3px;
}

img.tel{ /*アイコンの位置微調整*/
padding-bottom:6px;
}


.address{
width:210px;
padding-left:20px;
font-size:0.9em;
display: table-cell;
vertical-align: middle;
text-align:left;
}

.name{
width:155px;
padding-right:15px;
font-size:0.9em;
display: table-cell;
vertical-align: middle;
text-align:center;
letter-spacing: 0.1em;
}


.name_com{
font-size:1.45em;
letter-spacing: 0.11em;
}


.copyright{
width:100%;
min-width: 860px; /*width_baseと同じ幅を入力　*/
height:30px;
background:#D3DADE;
padding-top:12px;
font-size:0.8em;
}

.copyright ul li{
display:inline-block;
margin-right:10px;
}


.footer_link{
float:left;
}

.footer_copy{
float:right;
}



/*---------- IE10のみ ----------*/
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: none) {
body, p, h1, h2, h3, h4, h5, h6, address, table th, dl > dt, em, strong, cite, header, footer, .font-s, .font-m, .font-l
{
font-family: 'メイリオ',sans-serif,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック' !important;
}
.font-m {
font-weight: bold;
}
header h1{ /* タイトル部分 */
letter-spacing: 0.1em;
}
}

/*---------- IE11のみ ----------*/
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, body, p, h1, h2, h3, h4, h5, h6, p, section, address, table th, dl > dt, em, strong, cite, .font-s, .font-m, .font-l{
font-family: 'メイリオ',sans-serif,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック' !important;
}
body{
font-size:0.98em;
}
.font-m{
font-weight: bold;
}
header h1{ /* タイトル部分 */
letter-spacing: 0.1em;
}
}