@charset "utf-8";
/* CSS Document */
li                      {list-style:none;}
table          {background-color:#fff;border-collapse:collapse; }
body          {background: url(../image/back01.gif) repeat-y #e3e0d4;}
.clear:after  { width:0; height:0; margin:0; padding:0; content:""; display:block; clear:both;}
.m30          { margin-bottom:30px;}
.mt50          { margin-top:50px;}
.w50          { width:50%;}
.w100          { width:100%;}
.h200          {height:200px;}
.pt70          {padding-top:70px;}
.p20          { padding: 20px;}
.p10          {padding: 10px;}
.t_cent          {text-align:center;}
.li150          { line-height:150px;}
ul.w50          { width:90%;}
ul.w50 li        { width:45%; margin-right:5%;}
ul.w50 li:nth-child(2n) { margin:0;}
.right          { float:right;}
.right:after      { content:""; width:0; height:0; clear:both; display:block; }
img.right:after      { content:""; width:0; height:0; clear:both; display:block; }
.left          {float:left;}
ul li          { margin-bottom:10px;}
ul li img        {width:100%;}
ul.left         {float:none; padding: 0;}
ul.left li        {float:left; text-align: center;}
ul.left li img      {width:95%;}
dl.left dt        { float:left; clear:both;}
dl.left dt img      {width:100%;}
dl.left dd img      {width:100%;}
.left:after        { content:""; width:0; height:0; clear:both; display:block; }
ul.left:after        { content:""; width:0; height:0; clear:both; display:block; }
.nav_box01        {float: left;}
.nav_box02        { width:770px; padding:23px 0 0 0;margin: 0; background: url(../image/hedder_04.gif)#ee9c00 no-repeat;background-position-x: 760px;}
ul.navigation      {margin: 0; background:#ee9c00; box-sizing: border-box;}
ul.navigation li    { padding:3px 10px 3px 10px; margin:0px; list-style:none; float:right; font-size: 13px; color:#FFF;display:block; font-weight:bold;}
ul.navigation  li:hover  { background:#d2ea49; color:#000; color:#000;}
ul.navigation  li a    { text-decoration:none; margin:0; padding:0; display:block;color: inherit;}
ul.navigation  li a:hover{ color:#000; display:block;}
ul.navigation:after    { content:""; width:0; height:0; clear:both; display:block; }
.f16          { font-size:16px;}
.red          { color:red;}
.blue         {color: blue;}
.orange       {color: orange; }
.bl            { font-weight: bold;}
.cont1          { margin-bottom:30px; width:580px;}
.cont1 h3        { padding: 30px 0 0 0; height: auto; font-weight:normal; line-height:30px; text-align:center;  clear:both;}
.cont1 h3.s2            {padding: 0px 10px; font-size: 1.3em; text-align:left; color: rgba(0, 112, 192, 1);}
.cont1 .title1          { margin-top:20px; font-size: 1.5em; text-align:center;  color: rgba(0, 112, 192, 1);}
.cont1 .title1.c2       { color:#000;}
.cont1 .text2           { line-height:1.6em; font-size:0.9em;padding: 0px 10px;}
.cont1 .text3           {font-size:0.9em;}
.cont1 .s1              { color:red;}
.cont1 .s3 a            { font-size:1.3em; color:red; text-decoration:none;}
.cont1 ul li            { list-style:none;}
.title02                {width: 100%;margin: 0 0 10px 0;text-align: center;font-weight: bold;color:#63F;font-size:18px;  }
.title03                {width: 100%;margin: 0 0 10px 0;text-align: center;font-weight: bold;}
.title04                {width: 100%;margin: 0 0 10px 0;text-align: center;font-weight: bold;color:#63F;font-size:23px;  }
.photobox               {width: 100%; text-align:center;}
.photobox img           {width: 80%;}
.move                   {width: 585px;}
.move video             {width: 80%;margin: 0 auto 50px auto;display: block; }
.bold                   {font-weight: bold;}
.under                  {text-decoration: underline;}
#info170804 .box table    {width: 100%; text-align: center; border: 1px solid #000;}
#info170804 .box table th {padding:10px; background:#6CC; font-weight:normal; border: 1px solid #000;}
#info170804 .box table td {padding:20px; border: 1px solid #000;}
#info171003  .title1{text-align: left;}

#info1701102 .box table    {width: 100%;  border: 1px solid #000; font-size: 15px;}
#info1701102 .box table th {background:#c6e4ff; font-weight:normal; border: 1px solid #000;text-align: center;}
#info1701102 .box table td { padding: 10px;border: 1px solid #000;text-align: left;}
#info1701102 ul            { font-size: 15px; padding: 0px 10px}
#info1701102 ul li         {padding:0 0 0 1em; text-indent: -1em;}
#info1701102 .box          {margin-bottom: 30px; }
#info1701102 .p1           {border-bottom: solid 1px #000;font-weight: bold;}

#info170110202 li         {width: 40%;margin-right: 10%;text-align: center;float:left;}
#info170110202 .p2 li     {padding: 10px;margin-right: 3%;border: 1px solid #000;font-size: 15px;text-align: left;}

#ksaiyobou               {font-weight: bold;color: red; border: 3px solid #000; }

#info1801210 .p2         {text-align: center;}
#info1801210 .p2 span    {padding: 10px;margin-right: 3%;border: 1px solid #000;font-size: 15px;display: inline-block;text-align: left;}



.double                  {border-bottom: double 3px #F00;line-height: 200%;}



.border{
display: inline-block;         /* 打ち消し線と文字の幅を揃えられるようにする */
position: relative;            /* 打ち消し線の位置を調整する時の基準点になるようにする */
}

.border:before {
content: '';                	/* 擬似要素に実体を持たせる */
width: 100%;                	/* 打ち消し線の幅を指定する*/
height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
border-top: solid 2px #F44336;  /* 二重線の上側になる線をひく */
position: absolute;            	/* 線の位置を自由に動かせるようにする */
left: 0 ;                    	/* 線の位置を左に揃える */
top: calc(50% - 4px) ;          /* 線の位置を真ん中から3px上にする */
}

.border:after {
content: '';                		/* 擬似要素に実体を持たせる */
width: 100%;                		/* 打ち消し線の幅を指定する*/
height: 1px;                		/* 線を表示させるために1pxだけ高さを入れる */
border-bottom: solid 2px #F44336;   /* 二重線の下側になる線をひく */
position: absolute;           		/* 線の位置を自由に動かせるようにする */
left: 0 ;                    		/* 線の位置を左に揃える */
bottom: calc(50% - 4px);        	/* 線の位置を真ん中から3px下にする */
}

.border2{
position: relative;            /* 打ち消し線の位置を調整する時の基準点になるようにする */
}

.border2:before {
content: '';                	/* 擬似要素に実体を持たせる */
width: 100%;                	/* 打ち消し線の幅を指定する*/
height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
border-top: solid 2px #F44336;  /* 二重線の上側になる線をひく */
position: absolute;            	/* 線の位置を自由に動かせるようにする */
left: 0 ;                    	/* 線の位置を左に揃える */
top: calc(50% - 4px) ;          /* 線の位置を真ん中から3px上にする */
}

.border2:after {
content: '';                		/* 擬似要素に実体を持たせる */
width: 100%;                		/* 打ち消し線の幅を指定する*/
height: 1px;                		/* 線を表示させるために1pxだけ高さを入れる */
border-bottom: solid 2px #F44336;   /* 二重線の下側になる線をひく */
position: absolute;           		/* 線の位置を自由に動かせるようにする */
left: 0 ;                    		/* 線の位置を左に揃える */
bottom: calc(50% - 4px);        	/* 線の位置を真ん中から3px下にする */
}










.table_box  td            {font-size: 12px; line-height: 180%;}
.table_box  td          {padding: 10px;}