/* CSS Document */

/*--------------------------------------------------------------------
このファイルには、リセットCSS、及び汎用class、その他共通スタイルを定義します。

1=基本設定
2=clearfix
3=汎用class
4=footer
5=hタグ 
6=box
7=dlタグ
8=フォーム関連
9=table関連
10=その他
--------------------------------------------------------------------*/


/* 1=基本設定
--------------------------------------------------------------------*/
*{ margin:0; padding:0;}
ul,li{ list-style: none;}
img{ border: none; vertical-align: middle;}

a{ color: #376fa4;}
a:hover{ text-decoration: none;}

a{
    cursor:pointer;
}

/* 2=clearfix 
--------------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* 3=汎用class
--------------------------------------------------------------------*/
body {
	background: #f1f6fd;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#contents{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

/* margin */
.margin5 { margin:5px !important; }
.margin10 { margin:10px !important; }
.margin15 { margin:15px !important; }
.margin20 { margin:20px !important; }
.margin30 { margin:30px !important; }

.mt0	{ margin-top: 0 !important; }
.mt5	{ margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top:40px !important; }
.mt70 { margin-top: 70px !important; }

.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }

.mb5	{ margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }

.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }

.mlr10 { margin-left: 10px; margin-right: 10px; }
.mlr40 { margin-left: 40px; margin-right: 40px; }
.mtb100 { margin-top: 100px; margin-bottom: 100px; }
.mtb140 { margin-top: 140px; margin-bottom: 140px; }
.mtb200 { margin-top: 200px; margin-bottom: 200px; }
.mAuto	{ margin-left: auto; margin-right: auto; }

/* padding */
.padding5 { padding:5px !important; }
.padding10 { padding:10px !important; }
.padding15 { padding:15px !important; }
.padding20 { padding:20px !important; }
.padding30 { padding:30px !important; }

.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt70 { padding-top:70px !important; }

.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }

.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr30 { padding-right:30px !important; }
.pr40 { padding-right:40px !important; }

.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl30 { padding-left:30px !important; }
.pl40 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }
.pl60 { padding-left:60px !important; }
.pl70 { padding-left:70px !important; }
.pl80 { padding-left:80px !important; }
.pl100 { padding-left:100px !important; }
.pl150 { margin-left:150px !important; }

.ptb20{ padding-top:20px !important;  padding-bottom:20px !important; }
.plr40{ padding-left:40px !important;  padding-right:40px !important; }

/* text */
p		{ color: #333; line-height: 150%; }
p img	{ margin-right: 3px; }
li		{ color: #333;}
.txt11	{ font-size: 11px; }
.txt12	{ font-size: 12px; }
.txt14	{ font-size: 14px; }
.txt15	{ font-size: 15px; }
.txt16	{ font-size: 16px; }
.txt18	{ font-size: 18px; }
.txt20	{ font-size: 20px; }
.txt22	{ font-size: 22px; }
.bold	{ font-weight: bold; }

/* text-align */
.txtCenter	{ text-align: center; }
.txtLeft	{ text-align: left; }
.txtRight	{ text-align: right; }
.txtRed		{ color: #F00; }

/* text-align レスポンシブ*/
.txtCenter_pc	{ text-align: center; }
.txtLeft_sp	{ text-align: center; }

/* vertical-align */
.verticalMiddle{ vertical-align:middle;  }

/* float */
.fLeft	{ float: left; }
.fRight	{ float: right; }
.clear{ clear:both;  }

/* width */
.w100	{ width: 100%;}
.w50	{ width: 49%;}
.w45	{ width: 45%;}
.w_20{ width: 20px; }
.w_60{ width: 60px; }
.w_70{ width: 70px; }
.w_80{ width: 80px; }
.w_90{ width: 90px; }
.w_100{ width: 100px; }
.w_140{ width: 140px; }
.w_160{ width: 160px; }
.w_180{ width: 180px; }
.w_250{ width: 250px; }
.w_300{ width: 300px; }

/* background */
.bgcPink  { background: #ffe1e1; padding: 5px 8px;}
.bgcPink2 { background: #feefef; padding: 5px 8px;}
.bgcGray  { background: #f0f0f0; padding: 5px 8px;}

/* letter-spacing */
.ls1em{letter-spacing:-0.1em;}

/* cursor */
.help{cursor : help;}

/* その他 */
.otherImg { padding: 5px 8px;}
.otherImg2 { padding: 10px 8px;}
.otherImg img{ margin: 8px;}
.blueBlock{ border: 1px solid #7f7fff; background: #e4e8f9; padding: 5px 8px;}
.sponly{display: none;}

/* 4=footer 
--------------------------------------------------------------------*/
#footerArea{
	padding: 15px 0;
	text-align: center;
}
#footerArea p{
	padding: 10px 0;
	color: #333333;
}
#footerArea p img{
	margin: -2px 8px 0 0;
}


/* 5=hタグ 
--------------------------------------------------------------------*/
#h1Area{
	/* background: url(../img/top/h1_bg.gif) no-repeat bottom;
	width: 1000px;
	height: 66px;
	margin: 0 0 10px 0; */

	background-image: none;
	background-color: #fff;
	border-left: 5px solid #ff0000;
	height: auto;
	box-shadow:  0px 2px 1px 0px rgba(0,0,0,0.3);
}


#h1Area h1{
	margin: 0;
}
#h1Area ul{
	margin: 5px 8px;
}
#h1Area ul li{
	margin: 0 3px;
}
#h1Area img{
	margin: 0;
	vertical-align:top;
}


/* 6=box
--------------------------------------------------------------------*/
/* pageLink */
.pageLink{
	margin: 30px 0 25px 0;
	font-size: 12px;
	color: #444444;
}
.pageLink li{
	margin-right: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	white-space: nowrap;
	float:left;
}
.pageLink li.homeIcon{
	padding-top: 0;
}

/* type00 */
.type00{
	background: none;
	padding: 0!important;
}
.type00 table{
	background: #bbbbbb;
	border: none;
	margin: 0;
}

/* mainContent */
.mainContent{
	margin: 20px 30px 20px 30px;
	padding: 0;
	text-align: left;
}
.mainContent a{
	text-decoration:none;
}

/* 7=dlタグ 
--------------------------------------------------------------------*/
dl {
	margin: 10px 0;
}
dl dt {
	margin:0;
	padding: 10px;
	line-height: 140%;
	color: #2c4975;
	border: 1px solid #333;
}
dl dt img{
	margin-right: 5px;
}
dl dd {
	margin: 0;
	padding: 10px 15px;
	background: #FFF;
	border: 1px solid #333;
	border-top: none!important;
}
dl dd.ptb5 {
	padding: 5px 15px;
}


/* 8=フォーム関連 
--------------------------------------------------------------------*/

form {
	font-size: 14px;
	line-height: 150%;
}
input{
	margin-right: 3px;
	margin-bottom:2px;
}
input.tw25{
	width: 25px;
}
input.tw30{
	width: 30px;
}
input.tw40{
	width: 40px;
}
input.tw60{
	width: 60px;
}
input.tw200{
	width: 200px;
}
form .blueLine{
	border: 1px solid #1b7ac4;
}
form textarea{ 
  font-size: 14px;
  width: 100%;
}


/* 9=table関連 
--------------------------------------------------------------------*/
.tableArea{
	margin: 10px 0;
}
.tableArea p.tabelTitle{
	margin: 0 5px;
	padding-top: 3px;
}
table {
	margin: 0 auto;
	background: #bbbbbb;
	font-size: 14px;
	text-align: left;
}
table th{
	background: #bde3e7;
	padding: 3px;
}
table td{
	background: #ffffff;
	padding: 6px 6px;
	vertical-align: top;
}
table td.tbTitle{
	background: #f0f0f0;
}
table td.tbBgGray{
	background: #f8f8f8;
}
table td.tbTiGray{
	background: #bbbbbb;
}
table td.bgGreen2{
	background: #e7fff7;
}
table td img{
	margin: -2px 5px 0 2px;
}
table.verticalMiddle tr th,
table.verticalMiddle tr td,
table.verticalMiddle tr td input{
	vertical-align:middle;
}

table.layout_fixed{
	table-layout: fixed;
}

table td.auto_newline{
	word-wrap:break-word;
	white-space: normal;
}

table.WidthControl .wSp_30{ width: 30px; }
table.WidthControl .wSp_40{ width: 40px; }
table.WidthControl .wSp_60{ width: 60px; }
table.WidthControl .wSp_80{ width: 80px; }
table.WidthControl .wSp_140{ width: 140px; }
table.WidthControl .wSp_45{ width: 45px; }


.form-group {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.form-group select.seW40 {
    width: 40%;
}

.form-group select.seW50 {
    width: 50%;
}

.form-group select.seW60 {
    width: 60%;
}

/* 10=その他
--------------------------------------------------------------------*/
.kome  span.title{
	display:inline-block;
	width:180px;
	float:left;
}
.kome  span.data{
	padding-left:0;
}
.kome li.sruare{
	float:left;
	width:18px;	
}
.kome li.txt{
	margin-left:18px;
}

/*テキストのインデント*/
.text_indent {
padding-left:1em;
text-indent:-1em;
}

/*list*/
ul.list li{
  display: inline;
/*	float:left;*/
	padding-right:6px;
	border-right:#010101 solid 1px;
	margin-right:6px;
	line-height:14px;
}

.bxz_bdb{-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}


/* レスポンシブ対応
--------------------------------------------------------------------*/
@media (max-width: 768px){


/*IE9ハック（画面幅固定）*/
/*  #contents:not(:target) { width: 1000px;}*/
/*IE8ハック（画面幅固定）*/
/*  :root #contents { width: 1000px ; }*/
/*IE7ハック（画面幅固定）*/
/*  #contents { *width: 1000px ; }*/
  
  
  

/* 1=基本設定
--------------------------------------------------------------------*/
 	img {
		max-width: 100%;
		height: auto;
 	}
	#contents {
		width: 100%;
		box-sizing: border-box;
	}
	
/* 2=clearfix 
--------------------------------------------------------------------*/
.no_clearfix_sp:after {
	display: none;
}

/* 3=汎用class
--------------------------------------------------------------------*/
/* margin */
.marginSp0 { margin:0px !important; }
.marginSp5 { margin:5px !important; }
.marginSp10 { margin:10px !important; }
.marginSp15 { margin:15px !important; }
.marginSp20 { margin:20px !important; }
.marginSp30 { margin:30px !important; }

.mtSp0	{ margin-top: 0 !important; }
.mtSp5	{ margin-top: 5px !important; }
.mtSp10 { margin-top: 10px !important; }
.mtSp15 { margin-top:15px !important; }
.mtSp20 { margin-top: 20px !important; }
.mtSp25 { margin-top: 25px !important; }
.mtSp30 { margin-top: 30px !important; }
.mtSp40 { margin-top:40px !important; }
.mtSp70 { margin-top: 70px !important; }

.mrSp5 { margin-right:5px !important; }
.mrSp10 { margin-right:10px !important; }
.mrSp15 { margin-right:15px !important; }
.mrSp20 { margin-right:20px !important; }
.mrSp30 { margin-right:30px !important; }
.mrSp40 { margin-right:40px !important; }

.mbSp0	{ margin-bottom: 0px !important; }
.mbSp5	{ margin-bottom: 5px !important; }
.mbSp10 { margin-bottom: 10px !important; }
.mbSp15 { margin-bottom:15px !important; }
.mbSp20 { margin-bottom: 20px !important; }
.mbSp25 { margin-bottom: 25px !important; }
.mbSp30 { margin-bottom: 30px !important; }
.mbSp50 { margin-bottom: 50px!important; }
.mbSp60 { margin-bottom: 60px!important; }

.mlSp0 { margin-left:0px !important; }
.mlSp5 { margin-left:5px !important; }
.mlSp10 { margin-left:10px !important; }
.mlSp15 { margin-left:15px !important; }
.mlSp20 { margin-left:20px !important; }
.mlSp25 { margin-left:25px !important; }
.mlSp30 { margin-left:30px !important; }
.mlSp40 { margin-left:40px !important; }

.mlrSp10 { margin-left: 10px; margin-right: 10px; }
.mlrSp20 { margin-left: 20px; margin-right: 20px; }
.mlrSp40 { margin-left: 40px; margin-right: 40px; }
.mtbSp100 { margin-top: 100px; margin-bottom: 100px; }
.mtbSp140 { margin-top: 140px; margin-bottom: 140px; }
.mtbSp200 { margin-top: 200px; margin-bottom: 200px; }
.mSpAuto	{ margin-left: auto; margin-right: auto; }

/* padding */
.paddingSp0 { padding:0 !important; }
.paddingSp5 { padding:5px !important; }
.paddingSp10 { padding:10px !important; }
.paddingSp15 { padding:15px !important; }
.paddingSp20 { padding:20px !important; }
.paddingSp30 { padding:30px !important; }

.ptSp5 { padding-top:5px !important; }
.ptSp10 { padding-top:10px !important; }
.ptSp15 { padding-top:15px !important; }
.ptSp20 { padding-top:20px !important; }
.ptSp30 { padding-top:30px !important; }
.ptSp40 { padding-top:40px !important; }
.ptSp70 { padding-top:70px !important; }

.pbSp5 { padding-bottom:5px !important; }
.pbSp10 { padding-bottom:10px !important; }
.pbSp15 { padding-bottom:15px !important; }
.pbSp20 { padding-bottom:20px !important; }
.pbSp30 { padding-bottom:30px !important; }
.pbSp40 { padding-bottom:40px !important; }
.pbSp50 { padding-bottom:50px !important; }

.prSp5 { padding-right:5px !important; }
.prSp10 { padding-right:10px !important; }
.prSp15 { padding-right:15px !important; }
.prSp20 { padding-right:20px !important; }
.prSp30 { padding-right:30px !important; }
.prSp40 { padding-right:40px !important; }

.plSp0 { padding-left:0 !important; }
.plSp5 { padding-left:5px !important; }
.plSp10 { padding-left:10px !important; }
.plSp15 { padding-left:15px !important; }
.plSp20 { padding-left:20px !important; }
.plSp30 { padding-left:30px !important; }
.plSp40 { padding-left:40px !important; }
.plSp50 { padding-left:50px !important; }
.plSp60 { padding-left:60px !important; }
.plSp70 { padding-left:70px !important; }
.plSp80 { padding-left:80px !important; }
.plSp100 { padding-left:100px !important; }
.plSp150 { margin-left:150px !important; }

.ptbSp20{ padding-top:20px !important;  padding-bottom:20px !important; }
.ptbSp10{ padding-top:10px !important;  padding-bottom:10px !important; }
.plrSp40{ padding-left:40px !important;  padding-right:40px !important; }
.plrSp20{ padding-left:20px !important;  padding-right:20px !important; }
.plrSp10{ padding-left:10px !important;  padding-right:10px !important; }

/* その他 */

.pconly{display: none;}
.sponly{display: block;}


.txt18 { font-size: 14px; }
.txt15 { font-size: 13px; }
.txt14 { font-size: 12px; }
  
.txt15_sp { font-size: 15px; }

body #contents .txt16_sp { font-size: 16px; }
body #contents .txt13_sp { font-size: 13px; }

/* background */
.mainContents .bgPink {
	width: 100%;
	padding: 5px;
}
/* width */
.w50 {
	width: 100%;
}
.wSp100	{ width: 100%;}
.wSp50	{ width: 49%;}
.wSp45	{ width: 45%;}
.wSp_20{ width: 20px; }
.wSp_30{ width: 30px; }
.wSp_40{ width: 40px; }
.wSp_45{ width: 45px; }
.wSp_50{ width: 50px; }
.wSp_60{ width: 60px!important; }
.wSp_70{ width: 70px; }
.wSp_80{ width: 80px; }
.wSp_90{ width: 90px; }
.wSp_100{ width: 100px; }
.wSp_110{ width: 110px; }
.wSp_120{ width: 120px; }
.wSp_140{ width: 140px!important; }
.wSp_180{ width: 180px; }
.wSp_190{ width: 190px; }
.wSp_200{ width: 200px; }
.wSp_210{ width: 210px; }
.wSp_250{ width: 250px; }
.wSp_300{ width: 300px; }
.wSp_350{ width: 350px; } 
.wSp_400{ width: 400px; }
.wSp_450{ width: 450px; }
  
.max_wSp_400{ max-width: 400px; }
  
[class*="wSp_"] { min-width: 0px;}
/* text-align レスポンシブ*/
.txtCenter_pc	{ text-align: inherit; }
.txtLeft_sp	{ text-align: left; }

/* 5=hタグ 
--------------------------------------------------------------------*/
  #h1Area {
		width: 100%;
		box-sizing: border-box;
		position: relative;
    height: 46px;
	}
	#h1Area h1 {
			font-size: 20px;
		}
	
/* form h3 {
	font-size: 12px;
} */


/* 6=box
--------------------------------------------------------------------*/

.mainContent,
.mainContent.boderBLine {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background: #fff;
}


/* 7=dlタグ 
--------------------------------------------------------------------*/


/* 8=フォーム関連 
--------------------------------------------------------------------*/

  input[type="text"],textarea {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0px 3px;
		background-color: #FFFFFF;
		border-radius: 0;
		-webkit-appearance:none;
		-moz-appearance: none;
	}
  
	
	input[type="checkbox"] {
		display: inline-block;
}
	input[type="checkbox"]:checked + label {
		background: #ff0000;
}
	select.blueLine {
/*		padding: 1px 5px;*/
		background: #FFFFFF;
}
	input.tw25 {
		width: 25px;
	}
	input.tw30 {
		width: 30px;
	}
	input.tw40 {
		width: 40px;
	}
	input.tw50 {
		width: 50px;
	}
	input.tw200{
		width: 150px;
	}


/* 9=table関連 
--------------------------------------------------------------------*/

	.type00 {
		overflow-y: unset;
		overflow-x: auto;
	}
  
  .type00.table_scroll {
    margin-bottom: 10px;
    background: url(../img/icon_table_scroll.png) no-repeat;
    background-position: right 5px bottom 25px;
    padding-bottom: 40px !important;
/*    .type00の指定に padding:0 !important;の指定があるためここでも!importantを追加*/
    background-size: 85px 12px;
  }
  
  
	  table {
		font-size: 12px;
	}
	
	th,td {
		min-width: 100px;
	}

	.type00 table.table_layout_fixed {
		table-layout: fixed !important;
	}
	
/* 10=その他
--------------------------------------------------------------------*/

	/* float */
.fLeftSp	{ float: left; }
.fRightSp	{ float: right; }
.fNoneSp	{ float: none; }

.form-group select {
    width: 100% !important;
}

}