@charset "utf-8";
/* CSS Document ---------------------------------------------------------------------------------------------------------------- */
/* 2015.09.16 var.1.0�@(C)advista */
/* Default Style Reset --------------------------------------------------------------------------------------------------------- */
body,form,fieldset{margin: 0px;padding: 0px;}
fieldset          {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0;padding: 0;}
blockquote,li,dt,dd{}
li                {list-style:none;}
input,textarea    {font-size: 1em;}
img               {border: 0px none;}
html,body         {height:100%;}


/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
body                        {font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
                             font-size: 14px;line-height: 25px;color: #444;overflow-x: hidden;background: #886b07;}

em                          {font-weight: normal;font-style: normal;}
strong                      {}
a                           {color: #0e2271;text-decoration: none;}
a:link                      {}
a:hover                     {color: #0e2271;text-decoration: underline;}
a:visited                   {}
a:active                    {}
input,textarea              {margin: 3px;padding: 2px;}
.sp                         {display: none;}
.pc                         {display: block;}
.left,.floatL               {float: left;}
.right,.floatR              {float: right;}
#page-top                   {position: fixed;bottom: 30px;right: 30px;z-index: 8888;}
.Center                     {text-align: center;}

.button                     {width: 450px;height: auto;margin: 20px auto;clear:both;
                             font-size: 18px;font-weight: bold;text-align:center;}
.button a                   {padding: 10px 20px 10px 20px;
                             color: #fff;position: relative;transition: none;
                             border-radius: 10px;line-height: 52px;-webkit-transition: none;
							 background: #31479d;box-shadow: 0 3px 0 #cccccc;text-decoration: none;
							 text-shadow: 0 1px 1px rgba(0, 0, 0, .3);}
.button a:hover             {background: #0e2271;box-shadow: 0 3px 0 #eeeeee;text-decoration: none;}
.button a:active            {top: 3px;box-shadow: none;}

/* wrapper */
#wrapper                    {width: 100%;height: auto;margin: 0 auto;padding: 0;display: block;}
#wrapper:after              {content: "";height: 0;clear: both;visibility: hidden;display: block;}

/* head */
#head                       {width: 100%;height: auto;margin: 0 auto;padding: 0;display: block;position: fixed;z-index: 99999!important;
                             background:url(../img/nvibg_knet.png) repeat-x top;}
#head:after                 {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#head li                    {padding: 0px 10px 0px 10px;float: left;}
#head li   a                {font-size: 16px;line-height: 50px;color: #444;}


/* ContBody */
#ContBody                   {width: 100%;height: auto;margin: 0 auto;padding: 40px 0px 0px 0px;display: block;background: #fff;}
#ContBody:after             {content: "";height: 0;clear: both;visibility: hidden;display: block;}

/* ContWapper */
.ContWapper                 {width: 100%;height: auto;margin: 0 auto;padding: 20px 0px 60px 0px;display: block;clear:both;
                             background: url(../img/contbg.png) repeat-x top;}							 
.ContWapper:after           {content: "";height: 0;clear: both;visibility: hidden;display: block;}


/* ContBox */
.ContBox                    {width: 940px;height: auto;margin:  0px auto;padding: 0px;display: block;clear:both;}
.ContBox:after              {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.ContBox h2                 {width: 100%;height: auto;margin: 60px auto 30px auto;padding: 0;display: block;text-align:center;}

.ContBox td                 { border-bottom: 1px solid #444444;}

/* Cont */
.Cont                       {width: 880px;height: auto;margin: 20px auto 60px auto;padding: 0;display: block;clear:both;}
.Cont:after                 {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.Cont .left                 {width: 400px;height: auto;margin: 0;padding: 0;display: block;float: left;}
.Cont .left:after           {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.Cont .right                {width: 400px;height: auto;margin: 0;padding: 0;display: block;float: right;}
.Cont .right:after          {content: "";height: 0;clear: both;visibility: hidden;display: block;}
.Cont dt                    {font-size: 14px;line-height: 20px;color:#ffffff;padding:  3px  3px  3px 5px;display: block;
                             background: #e19e15;border-radius: 5px;}
.Cont dt:before             {content: '●';color: #a07725;margin-right: 3px;}

.Cont dd                    {font-size: 12px;line-height: 18px;color:#444444;padding: 10px 10px 20px 10px;display: block;}


.Cont  h3                   {font-size: 18px;line-height: 30px;display: block;
                             color:#ffffff;background: #0c75a2;margin: 0px 0px 10px 0px;padding: 0px 10px;
                             border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.Cont  h4                   {font-size: 16px;line-height: 27px;color:#1d4d83;margin: 0px 0px 0px 0px;display: block;}

.Cont  b                    {font-size: 14px;line-height: 25px;color:#990000;}
.Cont  p                    {margin: 0px 20px 30px 20px;display: block;}

.sendbt                     {width: 100%;height: auto;margin: 40px auto 80px auto;padding: 0;display: block;clear:both;text-align:center;}

.imgli                      {display: block;padding: 0px 0px 10px 0px; border-bottom: 1 solid #CCCCCC;clear:both;}
.templi                     {display: block;padding: 0px 0px 10px 0px; border-bottom: 1 solid #CCCCCC;clear:both;}
.breakH                     {display:  block;background:#eed57d;}
.break01                    {display: inline;font-weight: bold;}
.break02                    {display: inline;font-weight: bold;}
.break03                    {display: inline;font-weight: bold;}
.break04                    {display:  block;padding: 10px 10px 20px 10px;}
.break05                    {display: inline;}
.filebox                    {display:  block;padding:  5px 0px 0px 0px;background:#eeeeee;text-align:center;}
.filebox img                {margin: 0 10px;}
.ImgBox                     {width: auto;height: auto;display:block;float:left;}
.ImgBox img                 {width: 250px;height: auto;}
.imgbox                     {width: auto;display:block;clear: both;}
.imgleft                    {width:  35%;display:block;float:left;}
.imgright                   {width:  50%;display:block;float:left; margin: 0 0 0 3%}

.width_input                {width: 100%;height:  auto;font-size: 1.3em;line-height: 2.0em;}
.width_input20              {width:  20%;height:  auto;font-size: 1.3em;line-height: 2.0em;}
.width_input50              {width:  50%;height:  auto;font-size: 1.3em;line-height: 2.0em;}
.width_textarea             {width: 100%;height: 200px;font-size: 1.3em;line-height: 1.5em;}


/* bttli */
#bttli                      {width: 880px;height: auto;margin: 60px auto 60px auto;padding: 0;display: block;clear:both;}
#bttli:after                {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#bttli li                   {width:  200px;height:25px;display:block;margin: 20px 40px 20px 40px;float: left;}
#bttli a                    {width: 100%;height:20px;display:block;font-size: 18px;line-height: 20px;}
 
/* Footer */
#Footer                     {width: 100%;height: auto;margin: 0 auto;padding: 30px 0px 60px 0px;display: block;clear:both;
                             color:#cccccc;text-align:center;}
#Footer:after               {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#Footer  a                  {font-size: 12px;line-height: 18px;color:#fff;}




@media screen and (max-width: 980px) {

.button                     {width:  80%;}
#ContBody                   {width: 100%;height: auto;margin: 0 auto;padding: 0;display: block;background: #fff;}
.ContBox                    {width: 100%;height: auto;margin:  0px auto;padding: 0px;display: block;clear:both;}
.ContBox h2                 {width: 100%;height: auto;margin: 30px auto 20px auto;}
.ContBox h2 img             {width: 100%;height: auto;max-width: 500px;}

#Footer                     {width: 100%;height: auto;}
#Footer img                 {width: 100%;height: auto;max-width: 320px;}



}
@media screen and (max-width: 820px) {
.sp                         {display:block;}
.pc                         {display: none;}
#head                       {display: none;}
#Main                       {padding: 40px  0px 0px  0px;}

/* spnavbox */
.spnavbox                   {width:  100%;height: 80px;display:block;position: fixed;z-index: 9999 !important;
                             background:url(../img/sp/bgknet.png) repeat-x;}
.spnavbox h1 a              {width: 243px;height: 50px;display:block;float:  left;margin:  0px  0px 0px 20px;}
.spnavbox .spnavbt          {width:  50px;height: 50px;display:block;float: right;margin:  0px 20px 0px  0px;}
.spnavbox .spnav            {width:  100%;height: auto;display:block;clear:  both;padding: 0px  0px 0px  0px;background: #886b07;}
.spnavbox li a              {margin: 0;padding: 0em;display:block;text-decoration: none;
						     width: auto;height: 30px;padding: 0px 0px 0px 25px;margin: 0px 0px 0px 0px;
							 background: url(../img/sp/arrow03.png) no-repeat right center;display:block;
							 font-size: 16px;line-height: 35px;font-weight: bold;color: #fff;text-decoration: none;
							 border-bottom: 1px solid #64572c;}
.spnavbox li a:hover        {opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

/* ContBox */
.ContBox                    {width:  95%;height: auto;margin:  0px auto;padding: 0px;display: block;clear:both;}

/* bttli */
#bttli                      {width: 100%;height: auto;margin: 60px auto 60px auto;padding: 0;display: block;clear:both;}
#bttli:after                {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#bttli li                   {width:  200px;height:25px;display:block;margin: 20px 40px 20px 40px;float: left;}
#bttli a                    {width: 100%;height:20px;display:block;font-size: 18px;line-height: 20px;}


.break01                    {display: block;}
.break02                    {display: block;}
.break03                    {display: block;}
.break04                    {display: block;}
.break05                    {display: block;}
.ImgBox                     {width:  85%;height: auto;display: block;float: none;}
.imgbox                     {width: 100%;display:block;clear: both;}
.imgleft                    {width:  85%;display:block;float: both;margin: 0 auto;text-align:center;}
.imgright                   {width: 100%;display:block;float: both;margin: 0 auto;text-align:center;}
.Cont                       {width:  95%;height: auto;margin: 20px auto 60px auto;padding: 0;display: block;clear:both;}
.Cont .left                 {width: 100%;height: auto;text-align:center;}
.Cont .right                {width: 100%;height: auto;text-align:center;margin: 0;padding: 0;display: block;}
.Cont dt:before             {content: '';}



#Footer                     {width: 100%;height: auto;}

.button                     {width: 80%;height: auto;margin: 20px auto;clear:both;
                             font-size: 14px;font-weight: bold;text-align:center;}
.button a                   {padding: 10px 20px 10px 20px;
                             color: #fff;position: relative;transition: none;
                             border-radius: 10px;line-height: 52px;-webkit-transition: none;
							 background: #31479d;box-shadow: 0 3px 0 #cccccc;text-decoration: none;
							 text-shadow: 0 1px 1px rgba(0, 0, 0, .3);}
.button a:hover             {background: #0e2271;box-shadow: 0 3px 0 #eeeeee;text-decoration: none;}
.button a:active            {top: 3px;box-shadow: none;}

}
@media screen and (max-width: 415px) {

.spnavbox h1 a              {width: 120px;margin: 0px 0px 0px 10px;}
.spnavbox h1 img            {width: 100%;height: auto;max-width: 120px;}
.spnavbox .spnavbt          {margin:  0px 10px 0px 0px;}

/* ContBox */
.ContBox                    {width:  95%;height: auto;margin:  0px auto;padding: 0px;display: block;clear:both;}

.break01                    {display: block;}
.break02                    {display: block;}
.break03                    {display: block;}
.break04                    {display: block;}
.break05                    {display: block;}

/* bttli */
#bttli                      {width: 100%;height: auto;margin: 60px auto 60px auto;padding: 0;display: block;clear:both;}
#bttli:after                {content: "";height: 0;clear: both;visibility: hidden;display: block;}
#bttli li                   {width:  75%;height:25px;display:block;margin: 20px auto 30px auto;float: none;text-align:center;}
#bttli a                    {width: auto;height:20px;display:block;font-size: 18px;line-height: 20px;}


}