@charset "UTF-8";

/*************** 共通 ***************/
html {
  width:100%;
  font-size:62.5%;
	position: relative;
  min-height: 100%;
  padding-bottom: 50px;
  box-sizing: border-box;
}

body {
  width:100%;
  height: 100%;
  display:block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  /* width:auto; */
  margin:0px;
  padding: 0px;
  font-size:1.4rem;
  line-height:1.3;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img{
max-width:100%;
height:auto;
}

input {
}

select {
}

table {
}

td {
}

th#mainth {
  text-align:  center;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: thin;
  font-size: 1.4rem;
  height: 30px;
  background:#d8eaff;
  color:#000;
}

td#sbtd {
  text-align:  center;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: thin;
  font-size: 1.4rem;
  height: 30px;
}

.hdtable {
font-size:1.4rem;
}
textarea {
  resize: none;
}
#headnav {
width: 100%;
border-top:3px solid #000;
box-shadow: 0 0 8px gray;
}
.headnavinr {
width:1200px;
margin:0 auto;
padding:10px 0;
}
#wrapB {
width:1200px;
margin:0 auto 50px auto;
}

#nobord {
  border:none;
}

#footer {
width:100%;
text-align:center;
height:50px;
 position: absolute;
left: 0;
bottom: 0;
width: 100%;
}

input#nobord {
  background: #fff;
  border: none;
}

/* ボタン */
input#btn_submit{
  background: #0099ff;
  color:#ffffff;
  width:auto;
  border-radius:3px;
  border:none;
  padding:3px 15px;
  cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0371ba), color-stop(0.00, #0387e0));
background: -webkit-linear-gradient(#0387e0, #0371ba);
background: -moz-linear-gradient(#0387e0, #0371ba);
background: -o-linear-gradient(#0387e0, #0371ba);
background: -ms-linear-gradient(#0387e0, #0371ba);
background: linear-gradient(#0387e0, #0371ba);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

input#btn_submitser{
  background: #0099ff;
  color:#ffffff;
  width:auto;
  border-radius:3px;
  border:none;
  padding:3px 15px;
  cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0371ba), color-stop(0.00, #0387e0));
background: -webkit-linear-gradient(#0387e0, #0371ba);
background: -moz-linear-gradient(#0387e0, #0371ba);
background: -o-linear-gradient(#0387e0, #0371ba);
background: -ms-linear-gradient(#0387e0, #0371ba);
background: linear-gradient(#0387e0, #0371ba);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}


/* ボタン */
input#btn_barsubmit{
  background: #0099ff;
  color:#ffffff;
  width:auto;
  border-radius:3px;
  border:none;
  padding:3px 15px;
  cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0371ba), color-stop(0.00, #0387e0));
background: -webkit-linear-gradient(#0387e0, #0371ba);
background: -moz-linear-gradient(#0387e0, #0371ba);
background: -o-linear-gradient(#0387e0, #0371ba);
background: -ms-linear-gradient(#0387e0, #0371ba);
background: linear-gradient(#0387e0, #0371ba);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}


input#btn_disabl {
  background:#b0c4de;
  color:#ffffff;
  width:auto;
  border-radius:3px;
  border:none;
  padding:3px 15px;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}

input#btn_submitred{
  background: #0099ff;
  color:#ffffff;
  width:auto;
  border-radius:3px;
  border:none;
  padding:3px 15px;
  cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e60012), color-stop(0.00, #ff4251));
background: -webkit-linear-gradient(#ff4251, #e60012);
background: -moz-linear-gradient(#ff4251, #e60012);
background: -o-linear-gradient(#ff4251, #e60012);
background: -ms-linear-gradient(#ff4251, #e60012);
background: linear-gradient(#ff4251, #e60012);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .4s;
	transition: all .4s;
}
#hdbtn {
cursor: pointer;
  color:#000000;
  background:#d8eaff;
  border-radius:3px;
  border:none;
  padding: 8px 10px;
  -webkit-transition: all .4s;
	transition: all .4s;
	font-size:1.4rem;
}

input#btn_submitred:hover,
input#btn_submit:hover,
input#btn_barsubmit:hover,
input#btn_submitser:hover {
opacity: 0.6;
-webkit-transition: all .4s;
transition: all .4s;
}
#hdbtn:hover{
background:#0099ff;
color:#fff;
-webkit-transition: all .4s;
transition: all .4s;
}
#logout:hover {
background:#989898;
-webkit-transition: all .4s;
transition: all .4s;
color:#fff;
}

/* タイトル */
#title{
  padding-top: 5px;
  padding-bottom: 5px;
  color: #0000ff;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}

/* サブタイトル */
.subTitle{
box-sizing:border-box;
border:1px solid #e4e4e4;
padding:6px 0;
font-weight:bold;
font-size:1.4rem;
text-align:center;
border-radius: 5px 5px 0 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e2e2e2), color-stop(0.00, #eaeaea));
background: -webkit-linear-gradient(#eaeaea, #e2e2e2);
background: -moz-linear-gradient(#eaeaea, #e2e2e2);
background: -o-linear-gradient(#eaeaea, #e2e2e2);
background: -ms-linear-gradient(#eaeaea, #e2e2e2);
background: linear-gradient(#eaeaea, #e2e2e2);
}

/* テーブル */
section table {
   width: 100%;
}
section th, section td  {
   padding: 10px;
}
section th  {
}
.dsbTblResp {
width:100%;
}
.dsbTblResp th  { width: 30%; text-align: left; }

@media only screen and (max-width:600px){
    .dsbTblResp {
       margin: 0 -10px;
     }
    .dsbTblResp th,
    .dsbTblResp td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .dsbTblResp tr:first-child th {
   }
}
table.dsbTblRsp tr td {
padding:1px 0;
}

/* LeftMenu */
.left{
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right:10px;
  width: 520px;
  height: auto;
}

.left p#date{
    padding-right:5px;
}

.MainField{
width:auto;
height: auto;
padding:15px;
border:solid 1px #e4e4e4;
box-sizing:border-box;
border-radius: 0 0 5px 5px;
}

/* RightMenu */
.right{
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
  width: 640px;
  height: 100%;
}

.right input#calc_btn{
  background: #0000ff;
  color:#ffffff;
  width:100%;
}

.right input[type=checkbox]{
  width:20px;
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  background-color: #fff;
  /*border-color: #e4e4e4;
  border-style:solid;
  border-width: thin;*/
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: calc(50%/2);
  height: 30px;
  background-color: #8c8e8f;
  line-height: 30px;
  font-size: 1.4rem;
  /* 14px */
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border-radius:5px 5px 0 0;
  margin-right: 5px;
  cursor: pointer;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0 30px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#design2:checked ~ #design2_content,
#design4:checked ~ #design4_content,
#design3:checked ~ #design3_content,
#design5:checked ~ #design5_content,
#design6:checked ~ #design6_content {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
#tab_course:checked ~ #course_content,
#tab_encho:checked ~ #encho_content,
#tab_shimei:checked ~ #shimei_content,
#tab_option:checked ~ #option_content {
  display: block;
}




.tab_content {
border-top: solid 4px #0370b9;
border-left: solid 1px #e4e4e4;
border-right: solid 1px #e4e4e4;
border-bottom: solid 1px #e4e4e4;
box-sizing: border-box;
border-radius: 0 0 5px 5px;
padding-top:10px;
padding-bottom:10px;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #0000ff;
  color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0370ba), color-stop(0.00, #0388e0));
background: -webkit-linear-gradient(#0388e0, #0370ba);
background: -moz-linear-gradient(#0388e0, #0370ba);
background: -o-linear-gradient(#0388e0, #0370ba);
background: -ms-linear-gradient(#0388e0, #0370ba);
background: linear-gradient(#0388e0, #0370ba);
}

#bottext {
   style="width:450px;
   text-align:right;
   font-size:1.4rem;"
   /* 20px */
}

/* ColorTable */
.colortbl select option:hover {
  background-color:#ffffff;
}
.White{ background:#FFFFFF; }
.IndianRed{ background:#CD5C5C; }
.LightCoral{ background:#F08080; }
.Salmon{ background:#FA8072; }
.DarkSalmon{ background:#E9967A; }
.LightSalmon{ background:#FFA07A; }
.Crimson{ background:#DC143C; }
.Red{ background:#FF0000; }
.FireBrick{ background:#B22222; }
.DarkRed{ background:#8B0000; }
.Pink{ background:#FFC0CB; }
.LightPink{ background:#FFB6C1; }
.HotPink{ background:#FF69B4; }
.DeepPink{ background:#FF1493; }
.MediumVioletRed{ background:#C71585; }
.PaleVioletRed{ background:#DB7093; }
.LightSalmon{ background:#FFA07A; }
.Coral{ background:#FF7F50; }
.Tomato{ background:#FF6347; }
.OrangeRed{ background:#FF4500; }
.DarkOrange{ background:#FF8C00; }
.Orange{ background:#FFA500; }
.Gold{ background:#FFD700; }
.Yellow{ background:#FFFF00; }
.LightYellow{ background:#FFFFE0; }
.LemonChiffon{ background:#FFFACD; }
.LightGoldenrodYellow{ background:#FAFAD2; }
.PapayaWhip{ background:#FFEFD5; }
.Moccasin{ background:#FFE4B5; }
.PeachPuff{ background:#FFDAB9; }
.PaleGoldenrod{ background:#EEE8AA; }
.Khaki{ background:#F0E68C; }
.DarkKhaki{ background:#BDB76B; }
.Lavender{ background:#E6E6FA; }
.Thistle{ background:#D8BFD8; }
.Plum{ background:#DDA0DD; }
.Violet{ background:#EE82EE; }
.Orchid{ background:#DA70D6; }
.Fuchsia{ background:#FF00FF; }
.Magenta{ background:#FF00FF; }
.MediumOrchid{ background:#BA55D3; }
.MediumPurple{ background:#9370DB; }
.Amethyst{ background:#9966CC; }
.BlueViolet{ background:#8A2BE2; }
.DarkViolet{ background:#9400D3; }
.DarkOrchid{ background:#9932CC; }
.DarkMagenta{ background:#8B008B; }
.Purple{ background:#800080; }
.Indigo{ background:#4B0082; }
.SlateBlue{ background:#6A5ACD; }
.DarkSlateBlue{ background:#483D8B; }
.MediumSlateBlue{ background:#7B68EE; }
.GreenYellow{ background:#ADFF2F; }
.Chartreuse{ background:#7FFF00; }
.LawnGreen{ background:#7CFC00; }
.Lime{ background:#00FF00; }
.LimeGreen{ background:#32CD32; }
.PaleGreen{ background:#98FB98; }
.LightGreen{ background:#90EE90; }
.MediumSpringGreen{ background:#00FA9A; }
.SpringGreen{ background:#00FF7F; }
.MediumSeaGreen{ background:#3CB371; }
.SeaGreen{ background:#2E8B57; }
.ForestGreen{ background:#228B22; }
.Green{ background:#008000; }
.DarkGreen{ background:#006400; }
.YellowGreen{ background:#9ACD32; }
.OliveDrab{ background:#6B8E23; }
.Olive{ background:#808000; }
.DarkOliveGreen{ background:#556B2F; }
.MediumAquamarine{ background:#66CDAA; }
.DarkSeaGreen{ background:#8FBC8F; }
.LightSeaGreen{ background:#20B2AA; }
.DarkCyan{ background:#008B8B; }
.Teal{ background:#008080; }
.Aqua{ background:#00FFFF; }
.Cyan{ background:#00FFFF; }
.LightCyan{ background:#E0FFFF; }
.PaleTurquoise{ background:#AFEEEE; }
.Aquamarine{ background:#7FFFD4; }
.Turquoise{ background:#40E0D0; }
.MediumTurquoise{ background:#48D1CC; }
.DarkTurquoise{ background:#00CED1; }
.CadetBlue{ background:#5F9EA0; }
.SteelBlue{ background:#4682B4; }
.LightSteelBlue{ background:#B0C4DE; }
.PowderBlue{ background:#B0E0E6; }
.LightBlue{ background:#ADD8E6; }
.SkyBlue{ background:#87CEEB; }
.LightSkyBlue{ background:#87CEFA; }
.DeepSkyBlue{ background:#00BFFF; }
.DodgerBlue{ background:#1E90FF; }
.CornflowerBlue{ background:#6495ED; }
.MediumSlateBlue{ background:#7B68EE; }
.RoyalBlue{ background:#4169E1; }
.Blue{ background:#0000FF; }
.MediumBlue{ background:#0000CD; }
.DarkBlue{ background:#00008B; }
.Navy{ background:#000080; }
.MidnightBlue{ background:#191970; }
.Cornsilk{ background:#FFF8DC; }
.BlanchedAlmond{ background:#FFEBCD; }
.Bisque{ background:#FFE4C4; }
.NavajoWhite{ background:#FFDEAD; }
.Wheat{ background:#F5DEB3; }
.BurlyWood{ background:#DEB887; }
.Tan{ background:#D2B48C; }
.RosyBrown{ background:#BC8F8F; }
.SandyBrown{ background:#F4A460; }
.Goldenrod{ background:#DAA520; }
.DarkGoldenrod{ background:#B8860B; }
.Peru{ background:#CD853F; }
.Chocolate{ background:#D2691E; }
.SaddleBrown{ background:#8B4513; }
.Sienna{ background:#A0522D; }
.Brown{ background:#A52A2A; }
.Maroon{ background:#800000; }
.White{ background:#FFFFFF; }
.Snow{ background:#FFFAFA; }
.Honeydew{ background:#F0FFF0; }
.MintCream{ background:#F5FFFA; }
.Azure{ background:#F0FFFF; }
.AliceBlue{ background:#F0F8FF; }
.GhostWhite{ background:#F8F8FF; }
.WhiteSmoke{ background:#F5F5F5; }
.Seashell{ background:#FFF5EE; }
.Beige{ background:#F5F5DC; }
.OldLace{ background:#FDF5E6; }
.FloralWhite{ background:#FFFAF0; }
.Ivory{ background:#FFFFF0; }
.AntiqueWhite{ background:#FAEBD7; }
.Linen{ background:#FAF0E6; }
.LavenderBlush{ background:#FFF0F5; }
.MistyRose{ background:#FFE4E1; }
.Gainsboro{ background:#DCDCDC; }
.LightGrey{ background:#D3D3D3; }
.Silver{ background:#C0C0C0; }
.DarkGray{ background:#A9A9A9; }
.Gray{ background:#808080; }
.DimGray{ background:#696969; }
.LightSlateGray{ background:#778899; }
.SlateGray{ background:#708090; }
.DarkSlateGray{ background:#2F4F4F; }
.Black{ background:#000000; }