@charset "utf-8";

/*
基本設定 ==========================*/

/* body
----------------------------------------------------- */
body {
background-color:#99CCFF;
	background-image:url(../img/body_bg.gif);
	text-align:center;
/*	font-family:"MS PGothic","Hiragino kaku Gothic Pro",Osaka,Meiryo,sans-serif;*/
font-family:Helvetica,Arial,"Yu Gothic",YuGothic,/*"Hiragino Kaku Gothic ProN",*/Meiryo,sans-serif;	
}


/* リンク
----------------------------------------------------- */
a:link{color:#0293D9;}
a:visited{color:#0253B5;}
a:hover{
	color:#32D7FA;
}
a:active{color:#0293D9;}

/* テーブル
----------------------------------------------------- */
th,td{ padding:2px; margin:0;}


/* 写真流し込み
----------------------------------------------------- */
img.flt-l{ float:left; padding:4px 4px 4px 0;}
img.flt-r{ float:right; padding:0 4px 4px 4px;}

/* 写真罫線
----------------------------------------------------- */
img.imgbder{ border:1px solid #ccc;}


/* 行揃え
----------------------------------------------------- */
.txt-l{ text-align:left;}
.txt-r{ text-align:right;}
.txt-c{ text-align:center;}


/* 見出し
----------------------------------------------------- */

/* フォーム
----------------------------------------------------- */

div.formbtn-box{ margin:0 auto; text-align:center; margin:1em 5em; padding:2em;}
div.formbtn-box input{ padding:0.6em; cursor:pointer;}
input,textarea{ padding:2px;}

/* 注意書の赤
----------------------------------------------------- */
.att-red{
	color:#EB3925;
}

/* ページトップ
----------------------------------------------------- */
p.p-top{ padding:1em 0; clear:both;}



/* 
枠組設定 ==========================*/

#wrapper {
	width:960px;
	background-color:#FFFFFF;
	margin:0 auto;
	text-align:left;
}


/* 両端マージン
----------------------------------------------------- */
#header,#cont,#footer,#cont-top{ 
	width:940px;
	margin:0 10px;
}


/* header
----------------------------------------------------- */
#header{ background:url(../img/header_bg.gif) no-repeat top right; width:940px;}

/*ロゴ*/
#header h1{ display:inline-block; width:201px; height:54px; float:left;}

/*サブメニュー*/
#hbox{ width:940px; height:54px; margin:0; padding:0;}

/*20111013多言語化の為*/
/*#hnav-sub{
	width:438px;
	float:right;
	margin-top:6px;
}*/
#hnav-sub{
	width:668px;
	float:right;
	margin-top:6px;
}
/*#hnav-sub img.hnav-subeng{ padding-left:28px;}*/
#hnav-sub img.hnav-sublang{ padding-left:4px;}
#hnav-sub img.hnav-subinq{ padding-right:6px; }

ul.fontswitch{display:inline;}

/*===fontswichフォントサイズ変更不可===*/
ul.fontswitch li{
	font-size:12px !important;
	line-height:1;
	display:block;
	float:left;
}
ul.fontswitch li a{ text-decoration:none;}
ul.fontswitch li a:hover{ text-decoration:none;}

ul.fontswitch li.l a,
ul.fontswitch li.m a,
ul.fontswitch li.s a{ line-height:1.8; margin:4px 3px 1px 3px; padding:2px;}

ul.fontswitch li.s a:hover,
ul.fontswitch li.m a:hover,
ul.fontswitch li.l a:hover{ background-color:#0066CC!important; color:#FFFFFF!important;}

/*基本設定（中を選択状態）*/
ul.fontswitch li.m a{ background-color:#0066CC; color:#FFFFFF;}
ul.fontswitch li.s a,
ul.fontswitch li.l a{ background-color:#FFFFFF; color:#0293D9;}

/*1204文字サイズ*/
/*ul.fontswitch li.m-img{ margin-left:36px; margin-top:1px;}*/
/*1204文字サイズ*/
ul.fontswitch li.l{ margin-left:36px; padding-left:70px; background:url(../img/mojisize.gif) no-repeat 0 0;}


/* footer
----------------------------------------------------- */
#footer{ background:url(../img/footer_bg.gif) no-repeat top center; text-align:center; margin-top:5em;}
p.pagetop{ text-align:right; padding-right:20px;}
p.footer-link{border-bottom:#fff 1px dotted; color:#666666;}
p.footer-link a:link,
p.footer-link a:hover,
p.footer-link a:visited{color:#666666;}
#footer p.footer-link,#footer p.copy{padding:1em;}


/* 中ページ cont
----------------------------------------------------- */
#cont{ margin-top:12px;}

/* mainmenu
----------------------------------------------------- */
/*画像メニュー*/
#mainmenu{ width:236px; background-color:#e8e8e8; float:left;}
#mainmenu dt img{ vertical-align:bottom;}
#mainmenu dl{ margin:6px;}


/*テキスト（サブ）メニュー*/
#mainmenu dd li{ background:url(../img/icon_submenu.jpg) no-repeat 12px center; padding:0.3em 2px 0.3em 20px; border:2px solid #FFFFFF; text-align:left;}
#mainmenu dd li a:link{ color:#0253B5; text-decoration:none;}
#mainmenu dd li a:hover{ color:#0293D9; text-decoration:none;}
#mainmenu dd ul{ width:222px; background-color:#D8D8D8; border-bottom:#BCBCBC 1px solid; border-left:#BCBCBC 1px solid; border-right:#BCBCBC 1px solid;}

/*メニュー内テキスト*/
#mainmenu dl p.mtxt{
/*	background-color:#F3F3F3;*/
	background-color:#cce5ff; /* 20170206 */
	border-bottom:#BCBCBC 1px solid;
	border-left:#BCBCBC 1px solid;
	border-right:#BCBCBC 1px solid;
	padding:2px 2px 2px 1.5em;
	color:#666666;
}


/* content
----------------------------------------------------- */
#content{ width:684px; float:right;}

/*ページタイトル*/
#content h2{ font-weight:bold; color:#FFFFFF; line-height:2; padding:0.2em 0.2em 0.2em 1em; background:url(../img/h2title_bg.jpg) no-repeat left top; letter-spacing:0.1em;}
#content div.h2title{ border:#cccccc 1px solid; background-color:#FFFFFF; padding:1px; margin-bottom:2em;}
#continner h3{ line-height:1.8; border-bottom:2px solid #0293D9; font-weight:bold; margin-bottom:1em;}
#continner h4{ border-left:4px solid #0293D9; margin:1em 1em 1em 0; padding-left:1em;}

/*コンテンツ内*/
#continner{ margin-bottom:2em;}
/*旧サイト引継ぎ*/
#content div.old { margin:0 auto; width:614px;}
/*新規（余白あり）*/
#content div.new { margin:0 auto; width:644px;}


/*コンテンツ内のCSSリセット*/
#content p{ margin:0 0 0.9em 0;}
#content ol li{ list-style-type:decimal; padding-left:0.4em; list-style-position:inside; /*margin:2em;*/}
#content ul li{ list-style-type:disc; padding-left:0.4em; list-style-position:inside; line-height:1.5;}
#content table{ table-layout:fixed; border-collapse:collapse; border-spacing:0; empty-cells:show;}
#content table td,#content table th{
	padding: 8px;
	border: 1px solid #CBCBCB;
}
#content table th{ text-align:left; background-color:#F0F0F0/*#E7E7E7*/;}

#content table.noborder td,#content table.noborder th{ border:none;}


/*ページ内リンク
-------------------------------------*/

/*上に戻る*/
.innerlink{ margin-bottom:1em; text-align:center;}

/*各ページ内のサブメニュー↓*/
#content ul.pagesubmenu{
	padding:0.4em 1em;
	margin-bottom:1em;
	background-color:#CFE7F3/*#E8E8E8*/;
}
#content ul.pagesubmenu li{
	list-style-position:inside;
	list-style-type:none;
	display:block;
	float:left;
	line-height:1.5;
}
#content ul.pagesubmenu li a{
/*widthはpage.cssで設定*/
color:#202020;
	display:block;
	border:2px solid #FFFFFF;
	background-color:#D8D8D8;
	padding:0.15em 0.2em 0 14px;
	background:#D8D8D8 url(../img/icon_pagesubmenu.gif) no-repeat 4px 50%;
}
#content ul.pagesubmenu li a:hover{
	color:#0293D9;
	text-decoration:none;
}
#content ul.pagesubmenu li span{
	 display:block; border:#BCBCBC 1px solid;
	 }
/*各ページ内のサブメニューここまで↑*/




/*　終了コメントボックス
-------------------------------------*/

#content .closecomment{
padding:2em;
border:1px solid #CCC;
background-color:#F3F3F3;
font-weight:bold;
font-size:1.2em;
margin:2em auto;
}

#content .closecomment p{ margin:0; padding:0;}


/*　リスト（米印）
-------------------------------------*/

#content ul.asterisk li {
	padding-left:1em;
  list-style-type: none;
  list-style-position:outside;
  text-indent: -1em;
}
#content ul.asterisk li:before {
  display: inline;
  content: "※";
  color:#666;
}


/*　高さ揃え（フレキシブル）
-------------------------------------*/
.flex_high_wrap {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}
 

/*　footer最下層
-------------------------------------*/
/*html,body,#wrapper{
height: 100%;
}*/
#cont{
min-height:100vh;}