@charset "UTF-8";
@page { size:portrait; }
@media all{
/* Width body:980(980) nav:0 main:980  */
body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address,textarea,input{
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS Gothic",Helvetica,sans-serif;
font-weight: 500;
}

html {
overflow-y: scroll;
}
/* --- 全体の背景・テキスト --- */
body {
-webkit-print-color-adjust: exact;
min-width: 980px; /* 全体の最小幅 */
background-color: #f7f7f7 !important; /* 全体の背景色 */
color: #000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

table, iframe {
border: 0;
border-spacing: 0 0;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #008080; }
a:active { color: #008080; }

/* --- コンテナ --- */
#container {
background-color: #ffffff !important; /* 背景色 */
width: 982px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
}


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header{
}

h1 {
height: 248px;
}

/* --- トップエリア --- */
#header div.top {
padding: 0; /* トップエリアのパディング（上、左右、下） */
}
#header div.top div.container {
position: relative; /* 相対配置（ガイドメニューのために設定） */
}

.nodisp {
display: none;
}

/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0;
}
#header p.catch strong {
font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- ヘッダメニュー --- */
#header div.nl {
width: 980px;
background-color: #666666 !important;
border-style: solid;
border-color: #ffffff #7054a0 #7054a0 #ffffff;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
/*
 #7054a0; #666666;*/
}
/* --- メニュー本体 --- */
#header div.nl ul {
width: 980px; /* メニュー本体の幅（コンテナの幅から2px引いた値） */
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header div.nl li, #header div.nl li a {
width: 196px;
float: left;
line-height: 100%;
}

#menubutton-index a{
background-image:url(image/bo_index.png);
}
#menubutton-souko a{
background-image:url(image/bo_souko.png);
}
#menubutton-trans a{
background-image:url(image/bo_trans.png);
}
#menubutton-anzen a{
background-image:url(image/bo_anzen.png);
}
#menubutton-info a{
background-image:url(image/bo_info.png);
}


/* リンクエリア */
#header div.nl li a {
display: block;
position: relative; /* IE6用 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
height: 50px;
}
/* ポイント時とアクティブ時の設定 */
#header div.nl li a:hover {
background-position:0px 50px;
}


/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
.center {
text-align:center;
}
.right {
text-align:right;
}
#content {
padding: 0; /* コンテンツのパディング（上、左右、下） */
background: #fff !important;
}


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
.main {
float: left;
width: 980px; /* メインカラムの幅 */
padding: 0;
margin: 0;
position: relative;
font-size: 16px;
}

.main div {
padding: 0;
margin: 0px 18px 2px 18px;
}

.main h2 {
padding: 10px 0 8px 0;
}


.main p {
margin: 0;
line-break: strict;
}


#maintop {
height: 988px;
background: url(image/top_back.jpg) no-repeat top !important;
font-size: 18px;
}

#mainsekourei {
height: 2900px;
background: url(image/sekou_back.jpg) no-repeat top !important;
}

#maininfo {
}

div.section, div.sectionsafety {
padding: 0px 0px 0px 5px;
}

div.subsection{
margin: 10px 0px 35px 0px;
}

div.subsection li {
list-style:none;
}
div.subsection li:before {
content: '●';
display: inline-block;
width: 1.5em;
text-indent: 0;
}


h3.subsection {
height: 36px;
border-radius: 18px;
font-size: 23px;
font-weight: 700;
color: #fff;
background-color: #022080;
padding: 0 0 0 20px;
margin: 0 0 20px 0;
}
h3.subsection2 {
height: 72px;
border-radius: 18px;
font-size: 23px;
font-weight: 700;
color: #fff;
background-color: #022080;
padding: 0 0 0 20px;
margin: 0 0 20px 0;
}

.small 
{
font-size: 82%;
}
.big
{
font-size: 160%;
}

h2.maininfo
{
font-size: 48px;
font-weight: 900;
color: #022082;
width:940px;
text-align: center;
padding: 0;
border-bottom: solid 1px #ddd;
margin: 20px 0;
text-shadow: 2px 2px 8px #666, 0 0 2px black;
}

h4.subsection {
padding: 0 0 0 30px;
}

.main h3 {
margin: 0;
}

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


.bigbutton{
padding: 1em;
}

.bigbutton a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #333;
  background-color: #FEF675;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50vh;
  transition: 0.3s;
}

.bigbutton a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: #ECEFFE;
  border-radius: 50vh;
}

.bigbutton a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
}

.bigbutton a:hover {
  color: #333;
  background-color: #FEF675;
}

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

div.trans {
position: relative;
width: 940px;
height: 1122px;
padding:0;
margin:0;

}
.transcaption {
position: absolute;
top: 220px;
left: 620px;
width: 300px;
font-size: 21px;
font-weight: bold;
}

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


div.sectionsafety {
float: left;
width: 600px;
margin: 5px 5px 0 30px;
}

div.sectionsafety ul, div.sectionsafety p{
padding: 10px 0;
margin: 0 0 0 30px;
}


div.mainanzenimg {
float: right;
width: 300px;
padding-top: 50px;
}

div.mainanzenimg div {
margin: 0;
padding: 10px 0;
font-size: 82%;
}
div.mainanzenimg div p{
text-align:center;
}
/* ---  --- */
.lined-paper, .infodiv p {
background-image: linear-gradient( rgba(221,221,221,1) 1px, transparent 1px );
background-size: auto 2rem;
line-height: 2rem;
}

.aisatsu p{
font-size: 140%;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Yu Mincho","游明朝","ＭＳ Ｐ明朝","MS Mincho","明朝","Mincho",serif;
font-weight: 700;
}

table.info {
font-size: 15px;
width:100%;
border-collapse: collapse;
}
table.info tr  {
border-top   :none;
border-bottom:1px #ddd solid;
}
table.info tr th {
text-align:left;
background-color: #ffffff !important;
padding: 10px 10px;
width:140px;
font-weight: bold;
}
table.info tr td {
text-align:left;
background-color: #ffffff !important;
padding: 10px 10px;
}

.contactdiv p{
font-size: 10pt;
}
#maincontact{
}
#contact {
padding: 0;
}
#contact div {
padding: 0;
margin: 0;
}

#contact div.section {
margin: 0 0 0 10px;
}

.nowrap {
display: inline-block;
}

/* --- ▲メインカラム内の設定終了 --- */



/* --- 罫線 --- */
#content hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
height: 1px;
  border: none;
  border-top: 1px #999 solid;
/*visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
clear: both;
text-align: right;
padding: 20px 5px 5px 5px;
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0;
padding: 10px 0px 10px;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li, #footer ul.nl li a {
width: 160px;
float: left;
line-height: 100%;
}
#menuguide-home a{
height:14px;
width:57px;
background:url(image/footbo_home.png) no-repeat top !important;
}
#menuguide-houjin a{
height:14px;
width:100px;
background:url(image/footbo_houjin.png) no-repeat top !important;
}
#menuguide-souzoku a{
height:14px;
width:100px;
background:url(image/footbo_souzoku.png) no-repeat top !important;
}
#menuguide-qa a{
height:14px;
width:114px;
background:url(image/footbo_qa.png) no-repeat top !important;
}
#menuguide-info a{
height:14px;
width:100px;
background:url(image/footbo_info.png) no-repeat top !important;
}
#menuguide-contact a{
height:14px;
width:103px;
background:url(image/footbo_contact.png) no-repeat top !important;
}

#policy h2{
margin: 20px 0 0 0;
}
#policy ul, #policy .indent {
margin: 20px;
}


/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal;
line-height: 140%; /* 行の高さ */
}

/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */
}