@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: #3d3a35;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	/*padding-bottom: 90px;*/
	padding-bottom: 30px;
}
input {
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul,ol,li,dl,dt,dd,p,div,h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; }
ul,ol,li { list-style: none; list-style-type: none; }

a { color: #3D3A35; }
a:hover { color: #ccc; text-decoration:none; }

/*-- table --------------------------------------------*/
table {
    width: 100%;
    border-collapse: collapse;
}
table th {
	height: 30px;
}
table td {
	padding: 2px 5px;
	height:	30px;
}

/*-- form --------------------------------------------*/
form input,form select,form textarea {
	border: 1px solid #b5b5b5;
	background: #fff;
	padding: 1px 4px;
	border-radius: 4px;
	font-size: 12px;
	box-sizing: border-box; 
}
form textarea {
	padding: 4px;
	width: 100%;
}

form input:focus {
	background: #3d3a35;
	color: #fff;
}
form input:focus[type="text"],
form input:focus[type="password"]{
	background: #ddf4ff;
	color: #3d3a35;
}
input[type=radio]:checked + label {
	font-weight: bold;
}

form input[type="file"] {
	padding: 3px;
	font-size: 10px;
}

form input[type="button"],form input[type="submit"] {
	height: 25px;
	border-radius: 2px;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 );
}

form input[type="button"]:focus,form input[type="submit"]:focus {
	background: #5b5b5b;
	background: -moz-linear-gradient(top,  #5b5b5b 0%, #303030 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#303030));
	background: -webkit-linear-gradient(top,  #5b5b5b 0%,#303030 100%);
	background: -o-linear-gradient(top,  #5b5b5b 0%,#303030 100%);
	background: -ms-linear-gradient(top,  #5b5b5b 0%,#303030 100%);
	background: linear-gradient(to bottom,  #5b5b5b 0%,#303030 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#303030',GradientType=0 );
	color: #fff;
	
}

select {
}


/*-- pre --------------------------------------------*/
pre {
	/* Mozilla */
	white-space: -moz-pre-wrap;

	/* Opera 4-6 */
	white-space: -pre-wrap;

	/* Opera 7 */
	white-space: -o-pre-wrap;

	/* CSS3 */
	white-space: pre-wrap;

	/* IE 5.5+ */
	word-wrap: break-word;
}

ul dl img
{
    width:111px;
    float:right;
    margin-right: -2em; 
    }
.searchchk
{
    margin-left: 740px;
    padding: 0px;
    line-height: normal; 
    
    }
    
.modal {
            position: fixed;
            top: 0;
            left: 0;
            background-color: #b3b3b3;
            z-index: 100;
            opacity: 0.8;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            min-height: 100%;
            width: 100%;
        }

        .loading {
            font-family: Arial;
            font-size: 16pt;
            display: none;
            position: fixed;
            z-index: 10000;
        }
            
        .sk-fading-circle {
  margin: 100px auto;
  width: 80px;
  height: 80px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}