@charset "utf-8";

/* ====================
 * Basic
 * ==================== */
body {
  color: #333333;
  font-size: 100%;
  font-family: Helvetica Neue,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

strong{
    color: #ed5959;
}

.container-fluid{
  max-width: 960px;
  margin: 0 auto;
}

article small{
  font-size: 14px;
}

/* ====================
 * header
 * ==================== */
p#tonaoj {
  margin: 7px 0 0;
  line-height: 1;
  font-size: 83%;
  text-align: right;
}
p#tonaoj a {
 padding: 3px 3px 3px 30px;
 background:url(../img/icon.png) no-repeat 2px -44px;
}
p#tonaoj a:hover {
 background-color: #D5F800;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}


header h1 {
 float:left;
 margin: 0 0 28px;
	}

header h1 a{
 display: block;
 width: 280px;
 height: 73px;
 text-indent: -9999px;
 white-space: :nowrap;
 overflow: hidden;
 background: url(../img/logo-tech.png) no-repeat 0 0;
}
/* For Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    header h1 a {
        background-image: url(../img/logo-tech@2x.png);
        -webkit-background-size: 280px 73px;
    }
}

header h1 a:hover{
  background-color: transparent;
}


/* ====================
 * article
 * ==================== */
article p,
article li{
  line-height: 1.6;
}
article ul{
  margin-left: 21px;
}
article dt,
article dd{
  line-height: 1.6;
}


#title {
 clear: left;
 margin: 0 0 21px;
 line-height: 1.1;
/* text-shadow: 1px 1px 2px #666666;*/

 background-color: #666666;
 padding: 14px;

 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;

}

#title h2 {
	color: #ffffff;
	font-size: 150%;
}
#title p {
	font-size: 85.7%;
	color: #EEE;
	margin: 0;
}

.first h3 {
  float: left;
  width: 100px;
}

#dsp-hdn{
  float: left;
  width: 200px;
  font-size: 14px;
}

#display,
#hidden{
  padding: 3px;
}
#dsp-hdn span{
  color: #CCC;
}
#dsp-hdn span.off{
  color: #333;
}
.off:hover{
  cursor:pointer;
  background-color: #D5F800;
  border-radius: 3px;
}

#summary{
  clear: left;
}

.dl-horizontal-wide dt{
  width:200px;
}
.dl-horizontal-wide dd{
  margin-left: 210px;
}

#gdoc{
  width: 100%;
  min-width: 334px;
  margin: 0 auto;
  padding: 0;  
  box-shadow: 0 2px 7px #ccc;
}



/* ====================
 * nav
 * ==================== */
nav ul {
 height: 27px;
 margin:0 0 21px 0;
}
nav ul li {
 float: left;
 list-style: none;
 padding: 0;/* article ul の指定を解除 */
 margin: 0 9px 0 0;
 background: none; /* article ul の指定を解除 */
 color: #cccccc;
 line-height: 27px;
}

.sympo_info li#info a,
.sympo_form li#form a,
.sympo_list li#list a,
.sympo_program li#program a,
.sympo_gallery li#gallery a{
 background-color: #D5F800;
}
nav a{
	display: block;
	line-height: 27px;
	padding: 0 7px 0 25px;
}
nav a:visited{
	 color: #0969A2;
}
nav a,
nav a:hover {
  background-image:url(../img/icon.png);
  background-repeat: no-repeat;

  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
 
  text-decoration: none;
}
nav a:hover {
  color: #0969A2;
  background-color: #D5F800;
}
nav li#info a {
  background-position: 4px -490px;
}
nav li#form a {
  background-position: 4px -540px;
}
nav li#list a,
nav li#program a {
  background-position: 4px -590px;
}
nav li#gallery a{
  background-position: 2px -138px;
}

table.program{
    width: 960px;
    border-bottom: 1px solid #ddd;
}
table.program td{
    line-height:1.3;
}

.no{
    width: 120px;
}

.begin,
.end{
    width: 50px;
}
.name{
    width: 150px;
}

span.title{
    font-weight: bold;
    padding-bottom: 7px;
    display: inline-block;
}

/* ====================
 * footer
 * ==================== */
footer {
  clear: both;
  text-align: center;
  margin: 0 auto 7px;
  font-size: 83%;
}