/* Presentational style rules only
 * Not required
 */

html, body, .container {
  height: 100%;
  
}

/* Reset */
html, body, h1, p, a, div, section {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

/* Basic */
body { 
  font: 18px/23px "Cantarell", sans-serif;
 background-image : url('../images/vintage-seamless.jpg');
    background-repeat : repeat;
    background-position : center center;
  background-size: 200px;
  background-color:#696969;
}



a {text-decoration: none;

  color: #87ceeb;
}

p {
  margin: 0 0 15px 0;
}

strong {
  font-weight: 700;
}



/* Layout */

.navbar {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  height: 40px;
  z-index: 9999;
  position: fixed;
}

  

.container {
  padding-top:10px;
  text-align: center;
  width: 100%;
}

.content {
  
  
  vertical-align: middle;
  text-align: center;
}
.content h1 {
  color: #efecec;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  margin-top: 170px;
  margin-bottom:5px;
}

/* Special */
.sub-title {
  margin: 50px auto;
  font-size: 28px;
  margin-top: 120px;
  margin-bottom:20px;color: #f0e68c;
  
}

.button {
  display: inline-block;
  padding: 6px 10px;
  color: #f0e68c;
  border: 1px solid #f0e68c;
  border-radius: 3px;
  font-weight: 400;
  line-height: normal;
  
  text-align: center;
  text-transform: uppercase; margin-bottom:30px;
}

#more-content {
  display: none;
}



  hr.categorySpace {
    visibility: hidden;
    padding-bottom: 30px;
}
  .category {
    margin: 0;
	padding-top:3px;
	font-size: 100%;
    background-image : url('../images/body.jpg');
    background-repeat : repeat;border-right:
	1.5px solid #dcdcdc;
    background-position : center center;
    font-size: 13px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic";
	color: #808080;
    width:100%;
	max-width: 960px;
    margin: 0px auto;
    padding-bottom: 25px;-webkit-border-radius: 2px;
	 -moz-border-radius: 2px;
	      border-radius: 2px;
	box-shadow:3px 3px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 7px #a4a4a4;
	-webkit-box-shadow: 3px 3px 7px #a4a4a4;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#a4a4a4', Direction=145, Strength=6);
}
  .category_title {
    margin: 0px auto;
    text-align: center;
    font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif,"ƒqƒ‰ƒMƒm–¾’© ProN W3","Hiragino Mincho ProN","‚l‚r ‚o–¾’©","‚l‚r –¾’©";
    font-size: 150%;
    height: 15px;
    letter-spacing: 2px;
    padding: 0px 0px 20px;
}
  p {
    font-family: 'Alegreya Sans SC', sans-serif;
}


  #formWrap {
	 width:100%;
	 margin-top: 30px;
	 margin-left: auto;
     margin-right: auto;
     margin-bottom:100px;
	 max-width: 960px;
	 background-image : url('../images/body.jpg');
     background-repeat : repeat;
     background-position : center center;
     padding: 2px 0px 20px 0px;
     font: 15px "Alegreya Sans SC", Helvetica, Arial, sans-serif;
     color: #416b68;
  	 text-shadow: 2px 2px 0px #dcdcdc;
     border: none;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
}
  table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
  table.formTable td,table.formTable th{
	border:1.5px solid #d3d3d3;box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
	padding:10px;
}
  table.formTable th{
	width:15%;
	font-weight:normal;
	background-image : url('../images/body.jpg');
	text-align:left;
}
  input[type="text"], textarea  {
     border: none;
     color: #525252;
     height: 25px;
     line-height:15px;
     margin-bottom: 16px;
     margin-right: 6px;
     margin-top: 2px;
     outline: 0 none;
     padding: 5px 0px 5px 5px;
     max-width: 200px;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	 box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);

     background: #DFDFDF;
	 font: 15px "Alegreya Sans SC", Helvetica, Arial, sans-serif;
}
  
  .button1 {
    border: 1px solid #253737;padding: 8px 45px 8px 45px;margin: 8px 20px 8px 20px;
    background: #416b68;
    background: -webkit-gradient(linear, left top, left bottom, from(#6da5a3), to(#416b68));
    background: -webkit-linear-gradient(top, #6da5a3, #416b68);
    background: -moz-linear-gradient(top, #6da5a3, #416b68);
    background: -ms-linear-gradient(top, #6da5a3, #416b68);
    background: -o-linear-gradient(top, #6da5a3, #416b68);
    background-image: -ms-linear-gradient(top, #6da5a3 0%, #416b68 100%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
    box-shadow: rgba(255,255,255,0.1) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
    text-shadow: #333333 0 1px 0;
    color: #e1e1e1;
	}
.button1:hover {
    border: 1px solid #253737;padding: 8px 45px 8px 45px;margin: 8px 20px 8px 20px;
    text-shadow: #333333 0 1px 0;
    background: #416b68;
    background: -webkit-gradient(linear, left top, left bottom, from(#77b2b0), to(#416b68));
    background: -webkit-linear-gradient(top, #77b2b0, #416b68);
    background: -moz-linear-gradient(top, #77b2b0, #416b68);
    background: -ms-linear-gradient(top, #77b2b0, #416b68);
    background: -o-linear-gradient(top, #77b2b0, #416b68);
    background-image: -ms-linear-gradient(top, #77b2b0 0%, #416b68 100%);
    color: #fff;
    }
.button1:active {
    margin-top:1px;padding: 8px 45px 8px 45px;margin: 8px 20px 8px 20px;
    text-shadow: #333333 0 -1px 0;
    border: 1px solid #253737;
    background: #6da5a3;
    background: -webkit-gradient(linear, left top, left bottom, from(#416b68), to(#416b68));
    background: -webkit-linear-gradient(top, #416b68, #609391);
    background: -moz-linear-gradient(top, #416b68, #6da5a3);
    background: -ms-linear-gradient(top, #416b68, #6da5a3);
    background: -o-linear-gradient(top, #416b68, #6da5a3);
    background-image: -ms-linear-gradient(top, #416b68 0%, #6da5a3 100%);
    color: #fff;
    -webkit-box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
    -moz-box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
    box-shadow: rgba(255,255,255,0) 0 1px 0, inset rgba(255,255,255,0.7) 0 1px 0;
    }
 @media (max-width: 480px) and (orientation: portrait) {
 .button1,.button1:hover,.button1:active { padding: 8px 20px 8px 20px;margin: 8px 10px 8px 10px;
 }}
 /*Webkit*/
  ::-webkit-input-placeholder{
  color: #a9a9a9;
  font-size: 90%;
  font-style: italic;
}
 
  /*Firefox 18ˆÈ‘O�iŒÃ‚¢�‘‚«•û‚È‚Ì‚ÅŽg‚Á‚¿‚áƒ_ƒ��j */
  :-moz-placeholder {
  color: #a9a9a9;
  font-size: 90%;
  font-style: italic;
}

  /*Firefox 19ˆÈ�~*/
  ::-moz-placeholder {
  color: #a9a9a9;
  opacity: 1;
  font-size: 90%;
  font-style: italic;

}
  
  /*IE10ˆÈ�~*/
  /* http://msdn.microsoft.com/en-us/library/ie/hh772745(v=vs.85).aspx */
  :-ms-input-placeholder {
  color: #a9a9a9;
  font-size: 90%;
  font-style: italic;
}
 
  h1>span {
     display: block;
     font-size: 15px;
}
  h4 {
	margin: 10px 0px 0px;
    padding: 6px 10px 5px;
    font-size: 10%;
    
    
    text-shadow: 1px 1px 0px #FFF, 2px 2px 0px #CCC;
}
  #retro h1 {
    text-align:center;
	color: #416b68;
	text-shadow: 2px 2px 0px #dcdcdc;
	font: 24px 'Alegreya Sans SC';
	letter-spacing: 3px;
}
  td {
    text-align: left;
    vertical-align: top;
}
  th {
    font: 12px "Alegreya Sans SC", Helvetica, Arial, sans-serif;
}

  #map_canvas{
    width:100%;
    height:100%;
    max-width:960px;
    max-height:500px;
    margin-left:auto;           /* IEˆÈŠO—p‚Ì’†‰›Šñ‚¹ */
    margin-right:auto;          /* IEˆÈŠO—p‚Ì’†‰›Šñ‚¹ */
    margin:0 auto;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	behavior: url(../sample/PIE.htc);
}
	
@media only screen and (max-width:959px){ 
  #map_canvas{
    width:95%;
 	height:600px;
  }
  #formWrap, #company,.category{
    width:96%;margin:0 auto;
  }
}
  
@media only screen and (max-width:480px){
   #map_canvas{width:95%;
	 height:350px;}
  #formWrap, #company, .category {width:96%;margin:0 auto;
  }
  
}