body#contact ul#nav li.contact a {background-color: #F9690E; color:#fff;}
#mailform #titlebar {background: url(./images/taskbar.png) repeat-x;color:#fff;font-size:20px;padding:10px;margin-top:-20px;}
#mailform #box {border:solid #6392b1 3px;padding:20px;}
#mailform #quelist li {margin-bottom:30px;}
#mailform #quelist li p {margin:0;}
#mailform #quelist li img {float:left;}
#mailform #quelist li .que {float:left;margin:0 0 0 10px;color:#006;}
#mailform #quelist li .summary {margin:5px 0 0 10px;}
#mailform #quelist li .ans {margin:5px 0 0 10px;}
#mailform #quelist li #zip {width:90%;max-width:120px;ime-mode:disabled;}
#mailform #quelist li #address {width:100%;max-width:600px;height:60px;}
#mailform #quelist li #company {width:100%;max-width:400px;}
#mailform #quelist li #depart {width:100%;max-width:400px;}
#mailform #quelist li #name {width:100%;max-width:400px;}
#mailform #quelist li #tel {width:100%;max-width:400px;ime-mode:disabled;}
#mailform #quelist li #email {width:100%;max-width:400px;ime-mode:disabled;}
#mailform #quelist li #email2 {width:100%;max-width:400px;ime-mode:disabled;}
#mailform #quelist li #title {width:100%;max-width:400px;}
#mailform #quelist li #comment {width:100%;max-width:600px;height:200px;}
#mailform #privacy {width:100%;height:300px;overflow:auto;border:solid #aaa 1px;padding:10px;background:#eee;margin-top:-15px;}

#messagebox {width:100%;max-width:600px;border:solid #abc 4px;padding:20px;margin:20px auto;}

.red {font-size:12px;color:#f00;vertical-align:super;}
.both {clear:both;}
.box {border:solid #aaa 1px;}
.border-bottom {border-bottom:solid #ccc 1px;}
input[type=button],input[type=submit],label {cursor:pointer;}
.size16 {font-size:1.2em;}


/* バリデーション用入力エラーメッセージ */
label.error {
  border:solid #eee 2px;
  margin-left:2px;
  padding:4px;
  text-shadow: 0 -1px 0 #000;
  background:#DF0B13;
  background-image: linear-gradient( #FF0E18 , #DF0B13 );
  box-shadow: 0 0 6px #000;
  color:#fff;
  white-space:nowrap;
  font-size:13px;
  font-weight:bold;
  opacity: 0.8;
  border-radius: 6px;
  margin:4px;
}
.ui-bar-a {
  border: 1px solid #2A2A2A ;
  background: #111111 ;
  color: #ffffff ;
  font-weight: bold;
  text-shadow: 0  -1px  1px  #000000 ;
  background-image:linear-gradient( #3c3c3c , #111111 );
}
.ui-bar-b {
  background: #5e87b0 ;
  color: #ffffff ;
  font-weight: bold;
  text-shadow: 0  -1px  1px  #254f7a ;
  background-image:linear-gradient( #81a8ce , #5e87b0 );
}
.ui-bar-c {
  background: #fff ;
  color: #3E3E3E ;
  font-weight: bold;
  text-shadow: 0  1px  1px  #ffffff ;
  background-image:linear-gradient( #fff , #eee );
}
.ui-bar-d {
  border: 1px solid #cccccc ;
  background: #bbbbbb ;
  color: #333333 ;
  font-weight: bold;
  text-shadow: 0  1px  0  #eeeeee ;
  background-image:linear-gradient( #dddddd , #bbbbbb );
}
.focus:hover {
	background: #abc ;
	color: #000 ;
	font-weight: bold;
	text-shadow: 0  -1px  1px  #fff ;
	background-image:linear-gradient( #789 , #def );
  }