@charset "utf-8";

/*----- その他基本設定 -----*/
/*表示しない*/
.hidden {
	display:none;
}
/*外部リンクアイコン*/
.icon {
	display:inline !important;
	vertical-align:-2px;
	margin:0 2px !important;
}
/*テーブル設定
--------------------------------------------------*/
table {
	margin: 10px 0;
}
table {
	border-bottom: solid 1px #C8C8C8;
	border-left: solid 1px #C8C8C8;
	border-right: none;
	border-top: none;
	border-collapse: separate;
	border-spacing:0;
	width:100%;
}
table caption {
	color: #C8000A;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin-top:10px;
}
table thead th {
	background-color: #D0EBBE;
	color: #005128;
	font-weight: bold;
}
table thead th a{
	color: #FFF;
}
table th {
	padding: 5px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #C8C8C8;
	border-top: solid 1px #C8C8C8;
	background-color: #EDF7E6;
	font-weight: bold;
	color:#3D783D;
}
table td {
	padding: 5px;
	border-bottom: none;
	border-left: none;
	border-right: solid 1px #C8C8C8;
	border-top: solid 1px #C8C8C8;
	background:#FFF;
}
table.contact{
	width:80%;
}
table.contact th{
	width:30%;
}
table.nb-table,
table.nb-table th,
table.nb-table td{
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: none;
	vertical-align:top;
	text-align:center;
	margin:0 auto;
}

/*----- 横幅指定 -----*/
.wd1 {
	width: 1%;
}
.wd5 {
	width: 5%;
}
.wd10 {
	width: 10%;
}
.wd13 {
	width: 13%;
}
.wd15 {
	width: 15%;
}
.wd20 {
	width: 20%;
}
.wd25 {
	width: 25%;
}
.wd30 {
	width: 30%;
}
.wd35 {
	width: 35%;
}
.wd40 {
	width: 40%;
}
.wd44 {
	width: 44%;
}
.wd45 {
	width: 45%;
}
.wd50 {
	width: 50%;
}
.wd60 {
	width: 60%;
}
.wd65 {
	width: 65%;
}
.wd70 {
	width: 70%;
}
.wd75 {
	width: 75%;
}
.wd80 {
	width: 80%;
}
.wd90 {
	width: 90%;
}
.wd100 {
	width: 100% !important;
}

/*リスト設定
--------------------------------------------------*/
.list-f:after,
.list-two:after,
.list-three:after,
.list-four:after,
.list-fs:after,
.linklist-f:after,
.linklist-two:after,
.linklist-three:after,
.linklist-four:after,
.linklist-fs:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.list-f,
.list-two,
.list-three,
.list-four,
.list-fs,
.linklist-f,
.linklist-two,
.linklist-three,
.linklist-four,
.linklist-fs {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .list-f,
* html .list-two,
* html .list-three,
* html .list-four,
* html .list-fs,
* html .linklist-f,
* html .linklist-two,
* html .linklist-three,
* html .linklist-four,
* html .linklist-fs{
	height: 1%;
}
.list-f,
.list-two,
.list-three,
.list-four,
.list-fs,
.linklist-f,
.linklist-two,
.linklist-three,
.linklist-four,
.linklist-fs {
	display: block;
}

/*---- リストアイコン基本設定 ----*/
/*リスト大*/
.list li,
.list-f li,
.list-two li,
.list-three li,
.list-four li{
	background-image: url(../imgs/common/ic_list.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding: 1px 0 1px 18px;	
}
/*リスト小*/
.list-s li,
.list-fs li{
	background-image: url(../imgs/common/ic_list_s.png);
	background-repeat: no-repeat;
	background-position: 6px 0.6em;
	padding: 1px 0 1px 18px;
	box-sizing: border-box;
}

/*---通常リスト---*/
.list li {
}
/*通常リスト:横並び*/
.list-f li {
 white-space: nowrap;
 float: left;
	padding-right: 20px;
}
/*通常リスト:2カラム*/
.list-two li{
	float:left;
	width:45%;
	margin-right:1%;
}
/*通常リスト:3カラム*/
.list-three li{
	float:left;
	width:28%;
	margin-right:1%;
}
/*通常リスト:4カラム*/
.list-four li{
	float:left;
	width:21%;
	margin-right:1%;
}

/*通常リスト:小さめ*/
.list-s li {
}
/*通常リスト:横並び(小さめ)*/
.list-fs li {
	white-space: nowrap;
 float: left;
	padding-right: 20px;
}
/*入れ子にしたとき、画像が出てしまうのを防ぐ*/
.none li {
	background:none;
	padding-left:0px;
}
/*---- リンクリストアイコン基本設定 ----*/
/* リンクリスト大 */
.linklist li,
.linklist-f li,
.linklist-two li,
.linklist-three li,
.linklist-four li,
p.link {
	background-image: url(../imgs/common/ic_linklist.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.3em;
	padding: 1px 0 1px 20px;
}
/* リンクリスト小 */
.linklist-s,
.linklist-fs{}
.linklist-s li,
.linklist-fs li{
	background-image: url(../imgs/common/ic_linklist_s.png)!important;
	background-repeat: no-repeat;
	background-position: 6px 0.55em;
	padding: 1px 0 1px 20px;
}
/*リンクリスト：横並び*/
.linklist-f li,
.linklist-fs li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*リンクリスト：2カラム*/
.linklist-two li{
	float:left;
	width:45%;
	margin-right:1%;
}
/*リンクリスト：3カラム*/
.linklist-three li{
	float:left;
	width:28%;
	margin-right:1%;
}
/*リンクリスト：4カラム* 20180529 width21%→20%*/
.linklist-four li{
	float:left;
	width:20%;
	margin-right:1%;
}

/*テーブル内リスト設定*/
td ul {
	margin:0 0 0 0;
}

td ol {
	margin:0 0 0 30px;
}

/*---- 単体リンク ----*/
p.link {
}

/*----- 位置設定 -----*/
/*1/2サイズ*/
.harf-l {
	float: left;
	width: 49%;
}
.harf-r {
	float: right;
	width: 49%;
}
/*1/3サイズ*/
.three-l {
	width: 32%;
	float: left;
}
.three-c {
	width: 32%;
	float: left;
	padding-left: 10px;
}
.three-r {
	width: 32%;
	float: right;
}
/*フロート左*/
.float-l {
	float:left;
	width:auto;
}
/*フロート右*/
.float-r {
	float:right;
	width:auto;
}
/*画像フロート左*/
.img-l {
	float:left;
	width:auto;
	margin:0 20px 20px 0;
}
/*フロート右*/
.img-r {
	float:right;
	width:auto;
	margin:0 0 20px 20px;
}

/*----- カラーボックス -----*/

/*グレー アンカーリンクボックス*/
.box01 {
	padding:15px;
	margin:20px 0;
	border:1px solid #DDD;
	background:url(../imgs/common/bg_box01.gif) top left;
}
/*グレーライン 強調ボックス*/
.box02 {
	padding:15px;
	margin:20px 0;
	border:1px solid #CBDBF3;
	background:url(../imgs/common/bg_box02.gif) top left;
}
/*カラーライン リンクボックス*/
.box03 {
	padding:15px;
	margin:20px 0;
	border:1px solid #FFD993;
	background:url(../imgs/common/bg_box03.gif) top left;
}
/*レッドライン 注意・警告*/
.box04 {
	padding:15px;
	margin:20px 0;
	border:1px solid #F28177;
	background:url(../imgs/common/bg_box04.gif)top left;
}
.box01 .box-midashi,
.box02 .box-midashi,
.box03 .box-midashi{
	border:none !important;
	background:url(../imgs/common/bg_box_midashi.gif) no-repeat 0 0.06em transparent !important;
	margin:0 0 10px 0 !important;
	font-size:110% !important;
	padding:0 0 0 14px !important;
	color:#333!important;
}
.box04 .box-midashi{
	border:none !important;
	background:url(../imgs/common/bg_box_midashi04.gif) no-repeat 0 0.06em transparent !important;
	margin:0 0 10px 0 !important;
	font-size:110% !important;
	padding:0 0 0 14px !important;
	color:#C00!important;
}

/*テキストカラー
---------------------------------------*/
/*---- フォントサイズ ----*/
.font-s {
	font-size:85%;
	line-height: 1.4em;
}
.font-l {
	font-size:115%;
}
/*---- フォントカラー ----*/
.font-red {
	color: #CC0000;
}
.font-blue {
	color: #007ABD;
}
.font-darkblue {
	color: #084487;
}
.font-green {
	color: #006600;
}
.font-white {
	color: #FFFFFF;
}
.font-gray {
	color: #999999;
}
/*---- ボールド ----*/
.font-bold {
	font-weight: bold;
}
/*---- 太字フォントをノーマルにする ----*/
.font-normal {
	font-weight: normal;
}
/*---- イタリック ----*/
.font-italic {
	font-style: italic;
}

/*マージン
---------------------------------------*/
/*マージン設定*/
/*マージン全方向0*/
.m0 {
	margin:0 !important;
}
/*マージン全方向10*/
.m10 {
	margin:10px !important;
}
/*マージン全方向20*/
.m20 {
	margin:20px !important;
}
/*マージン全方向30*/
.m30 {
	margin:30px !important;
}
/*マージン左右0*/
.mrl0 {
	margin-right:0 !important;
	margin-left:0 !important;
}
/*マージン左右10*/
.mrl10 {
	margin-right:10px !important;
	margin-left:10px !important;
}
/*マージン左右20*/
.mrl20 {
	margin-right:20px !important;
	margin-left:20px !important;
}
/*マージン左右30*/
.mrl30 {
	margin-right:30px !important;
	margin-left:30px !important;
}
/*マージン左右 中央*/
.mrlauto {
	margin-right:auto !important;
	margin-left:auto !important;
}
/*マージン上下0*/
.mtb0 {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
/*マージン上下10*/
.mtb10 {
	margin-top:10px !important;
	margin-bottom:10px !important;
}
/*マージン上下20*/
.mtb20 {
	margin-top:20px !important;
	margin-bottom:20px !important;
}
/*マージン上下30*/
.mtb30 {
	margin-top:30px !important;
	margin-bottom:30px !important;
}
/*マージン上0*/
.mt0 {
	margin-top:0 !important;
}
/*マージン上5*/
.mt5 {
	margin-top:5px !important;
}
/*マージン上10*/
.mt10 {
	margin-top:10px !important;
}
/*マージン上15*/
.mt15 {
	margin-top:15px !important;
}
/*マージン上20*/
.mt20 {
	margin-top:20px !important;
}
/*マージン上30*/
.mt30 {
	margin-top:30px !important;
}
/*マージン上40*/
.mt40 {
	margin-top:40px !important;
}
/*マージン上50*/
.mt50 {
	margin-top:50px !important;
}
/*マージン下0*/
.mb0 {
	margin-bottom:0 !important;
}
/*マージン下5*/
.mb5 {
	margin-bottom:5px !important;
}
/*マージン下10*/
.mb10 {
	margin-bottom:10px !important;
}
/*マージン下20*/
.mb20 {
	margin-bottom:20px !important;
}
/*マージン下30*/
.mb30 {
	margin-bottom:30px !important;
}
/*マージン左0*/
.ml0 {
	margin-left:0 !important;
}
/*マージン左10*/
.ml10 {
	margin-left:10px !important;
}
/*マージン左20*/
.ml20 {
	margin-left:20px !important;
}
/*マージン左30*/
.ml30 {
	margin-left:30px !important;
}
/*マージン右0*/
.mr0 {
	margin-right:0 !important;
}
/*マージン右10*/
.mr10 {
	margin-right:10px !important;
}
/*マージン右20*/
.mr20 {
	margin-right:20px !important;
}
/*マージン右30*/
.mr30 {
	margin-right:30px !important;
}

/*インデント幅*/
/*1em*/
ul.indent-1 li, p.indent-1 {
	text-indent: -1em;
	margin-left: 1em;
}
/*1.1em*/
ul.indent-1-1 li, p.indent-1-1 {
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
ul.indent-1-2 li, p.indent-1-2 {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
ul.indent-1-3 li, p.indent-1-3 {
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
ul.indent-1-4 li, p.indent-1-4 {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
ul.indent-1-5 li, p.indent-1-5 {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
ul.indent-1-6 li, p.indent-1-6 {
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
ul.indent-1-7 li, p.indent-1-7 {
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
ul.indent-1-8 li, p.indent-1-8 {
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
ul.indent-1-9 li, p.indent-1-9 {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
ul.indent-2 li, p.indent-2 {
	text-indent: -2em;
	margin-left: 2em;
}
/*3em*/
ul.indent-3 li, p.indent-3 {
	text-indent: -3em;
	margin-left: 3em;
}

/*ライン*/
/*ブロック要素の下にラインがつく*/
.li1 {
	border-bottom:1px dashed #B8CBE9;
}

/*テキスト位置設定
--------------------------------------------------*/
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.text-middle {
	vertical-align:middle;
}
.text-top {
	vertical-align:top;
}
.text-bottom {
	vertical-align:bottom;
}
/*テキスト設定
--------------------------------------------------*/
/*---- 強調見出し ----*/
p.midashi {
	font-size:130%;
	margin:20px 0 !important;
}
p.midashi strong {
	color: #265BB3;
}
/*---- 画像用キャプション ----*/
.img-caption {
	font-size:85%;
	color:#C8000A;
	text-align:center;
}
.img-caption img{
	display:block;
	margin:0 auto 5px;
}


/*個別設定
--------------------------------------------------*/
.org01 .linklist li,
.org01 .linklist-f li,
.org01 .linklist-two li,
.org01 .linklist-three li,
.org01 .linklist-four li,
.org01 p.link {
	background-image: url(../imgs/common/ic_linklist_green.gif);}

.org02 .linklist li,
.org02 .linklist-f li,
.org02 .linklist-two li,
.org02 .linklist-three li,
.org02 .linklist-four li,
.org02 p.link {
	background-image: url(../imgs/common/ic_linklist_purple.gif);}

.org03 .linklist li,
.org03 .linklist-f li,
.org03 .linklist-two li,
.org03 .linklist-three li,
.org03 .linklist-four li,
.org03 p.link {
	background-image: url(../imgs/common/ic_linklist_yellow.gif);}
	
.org04 .linklist li,
.org04 .linklist-f li,
.org04 .linklist-two li,
.org04 .linklist-three li,
.org04 .linklist-four li,
.org04 p.link {
	background-image: url(../imgs/common/ic_linklist_red.gif);}
	
.org05 .linklist li,
.org05 .linklist-f li,
.org05 .linklist-two li,
.org05 .linklist-three li,
.org05 .linklist-four li,
.org05 p.link {
	background-image: url(../imgs/common/ic_linklist_opera.gif);}
	
/* blockquote */
.bq-box{
	padding:0;
	margin:0;
}
.bq-box cite{
	color:#666;
	font-size:80%;
	font-style:normal;
	text-align:right;
	display:block;
}
.bq-box cite a{
	text-decoration:none;
	color:#666;
}
/*スマホ表示用
----------------------------------------*/
@media screen and (max-width: 640px){
.float-l,
.float-r,
.harf-l,
.harf-r,
.three-c,
.three-l,
.three-r{
float:none;
width:100%;
box-sizing:border-box;
}
.float-l img,
.float-r img,
.harf-l img,
.harf-r img,
.three-c img,
.three-l img,
.three-r img{
display:block;
margin:10px auto;

}

.linklist-four li,
.linklist-three li,
.linklist-two li,
.list-four li,
.list-three li,
.list-two li{
float:none;
width:99%;
}
/*画像フロート*/
.img-l,.img-r {
	float:none;
	width:auto;
	max-width:100%;
	margin:0 0 20px;
	text-align:center;
}
.sp-img-l{
	float:left;
	width:auto;
	margin:0 20px 20px 0;
}
.sp-img-r {
	float:right;
	width:auto;
	margin:0 0 20px 20px;
}
table{
max-width:100%;
}
table th,table td{
    word-break: break-word;
}
}

