@charset "utf-8";

/*********************************************************************
Copyright (C) 2009 WEB DESIGN LAB (http://www.webdlab.com/)
Licensed under the MIT License:
http://www.opensource.org/licenses/mit-license.php
*********************************************************************/


/*--Base------------------------------------------------------------*/

html,body {
	width: 100%;
	height: 100%;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #3d3d3d;
}

html {
	height: 100%;
	overflow-y: scroll;
}

/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

hr{
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 20px;
}
/*--Text------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

/*--Link------------------------------------------------------------*/

a,
a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover,
a:active {
	color: #777777;
}

a:focus {
	outline: none;
}

/*--HTML5-----------------------------------------------------------*/

article,a,details,footer,header,main,menu,nav,section,summary {
	display: block;
}

/*--sample----------------------------------------------------------*/

/*--layout----------------------------------------------------------*/

#wrapper {
	width: 100%;
}

#header {
	background: #000000;
	color: #ffffff;
	min-width: 1070px;
}

#header header {
	margin: 0 auto;
}

#contents {
	margin: 0 auto;
	min-width: 1070px;
	min-height: 100%;/*サンプル用に高さ設定してあります。*/
}

#footer {
	border-top: 2px solid #9fb7d4;
	min-width: 1070px;
}

#footer footer {
	margin: 0 auto;
	height: 120px;/*サンプル用に高さ設定してあります。*/
}

#header header,
#contents,
#footer footer {
	width: 1070px;/*センター固定 or リキッドレイアウトの変更(リキッドレイアウトにする場合はwidthを100%に変更)*/
}



/*-------------------------sidebarの指定*/
#sidebar {
  width: 300px;
  height: 780px;
  margin-bottom: 1700px;
  float: right;
  border: 1px solid #7cbbff;
   background: #f5f5f5;
   background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f5f5f5));
   background: -webkit-linear-gradient(top, #f5f5f5, #f5f5f5);
   background: -moz-linear-gradient(top, #f5f5f5, #f5f5f5);
   background: -ms-linear-gradient(top, #f5f5f5, #f5f5f5);
   background: -o-linear-gradient(top, #f5f5f5, #f5f5f5);
   background-image: -ms-linear-gradient(top, #f5f5f5 0%, #f5f5f5 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   box-shadow:rgba(124, 187, 255, 0.43) 0px 0px 5px 3px;
-webkit-box-shadow:rgba(124, 187, 255, 0.43) 0px 0px 5px 3px;
-moz-box-shadow:rgba(124, 187, 255, 0.43) 0px 0px 5px 3px;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
}

#sidebar p{
	margin-left: 6px;
	margin-right: 10px;
}

#sidebar .line{
	border: 1px solid !important;
}

#sidebar table{
	margin-left: 24px;
	margin-right: 0px;
}

#sidebar td{
	padding: 0px;
}

#sidebar .form-container {
   border: 0px solid #dee7ff;
   background: #f0f0f0;
   background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
   background: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -moz-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -ms-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -o-linear-gradient(top, #f0f0f0, #f0f0f0);
   background-image: -ms-linear-gradient(top, #f0f0f0 0%, #f0f0f0 100%);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   min-width:1030px;
   min-height: 300px;
   padding:20px;
   width:1030px;
   margin-left: 0px;
   }
#sidebar .form-field {
   border: 1px solid #928f8f;
   background: #ffffff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #1a140c;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   margin-left: 30px;
   width:220px;
   }
#sidebar .form-field:focus {
   background: #fff;
   color: #725129;
   }
#sidebar .form-container h2 {
   text-shadow: #f7f7f7 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
#sidebar .form-title {
	    margin-bottom:0px;
margin-left: 20px;
   text-shadow: #f7f7f7 0 1px 0;
   color: #928f8f;

   }
#sidebar .submit-container {
   margin-left:23px;
      }   
      
   #sidebar .frame{
	 text-align: left;
	width: 250px;
	height: 60px;
	border: 2px solid rgb(238, 238, 238);
	background-color: rgb(255, 255, 255);
	margin-top: 1em;
	margin-left: 20px;
	overflow: scroll;
	font-size:9px;
	border="1px";
}

  #sidebar .kiyaku{
	  margin-left: 11px;
	 text-align: left;
	 font-size: 13px;
	 font-weight: bold;
}

#sidebar .font{ 
	margin-left: 13px;
	   font-size: 11px;
	   text-align: left;
	   font-weight: normal;
	   padding-right: 20px;
	    }
      

/*--common----------------------------------------------------------*/

#header h1,
#header h2,
#contents h3,
#header p,
#contents p,
#footer p {
	padding: 10px;
}



/*--last formCSS----------------------------------------------------------*/
#last{
	margin-left: 0px;
	margin-right: 0px;
}
#last .form-container {
   border: 0px solid #dee7ff;
   background: #f0f0f0;
   background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
   background: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -moz-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -ms-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -o-linear-gradient(top, #f0f0f0, #f0f0f0);
   background-image: -ms-linear-gradient(top, #f0f0f0 0%, #f0f0f0 100%);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   min-width:1030px;
   min-height: 500px;
   padding:20px;
   width:1030px;
   margin-left: 0px;
   }
#last .form-field {
   border: 1px solid #e06161;
   background: #ffffff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #1a140c;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   margin-left: 30px;
   width:400px;
   }
#last .form-field:focus {
   background: #fff;
   color: #725129;
   }
#last .form-container h2 {
   text-shadow: #f7f7f7 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
#last .form-title {
	    margin-bottom:10px;
margin-left: 550px;
   text-shadow: #f7f7f7 0 1px 0;
   color: #c92020;

   }
#last .submit-container {
  margin-left:550px;
   text-align:right;
   }
#last .submit-button {
   border: 1px solid #447314;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #addc7e 0 1px 0;
   color: #31540c;
   font-family: helvetica, serif;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
#last .submit-button:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
#last .submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }
   
 #last .info{ 
	 background-color: #e5f4f9;
margin-left: 10px;
	 width:480px;
   /* border-radius */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;

/* box-shadow */
box-shadow:rgba(191, 218, 230, 0.65098) 0px 0px 0px 1px;
-webkit-box-shadow:rgba(191, 218, 230, 0.65098) 0px 0px 0px 1px;
-moz-box-shadow:rgba(191, 218, 230, 0.65098) 0px 0px 0px 1px;
   }
   
   
#last .font{ 
	   font-size: 11px;
	   text-align: left;
	   font-weight: normal;
	    }
	    
#last .frame{
	margin-left: 520px;
	 text-align: left;
	width: 500px;
	height: 80px;
	border: 2px solid rgb(238, 238, 238);
	background-color: rgb(255, 255, 255);
	margin-top: 1em;
	overflow: scroll;
	font-size:9px;
	border="1px";
}

#last .kiyaku{
	margin-left: 512px;
	 text-align: left;
	 font-size: 16px;
	 font-weight: bold;
}



   /*--formCSS----------------------------------------------------------*/
.form-container {
   border: 0px solid #dee7ff;
   background: #f0f0f0;
   background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
   background: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -moz-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -ms-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -o-linear-gradient(top, #f0f0f0, #f0f0f0);
   background-image: -ms-linear-gradient(top, #f0f0f0 0%, #f0f0f0 100%);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   min-width:600px;
   padding:20px;
   width:600px;
   margin-left: 70px;
   }
.form-field {
   border: 1px solid #e06161;
   background: #ffffff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #1a140c;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:20px;
   margin-left: 30px;
   width:400px;
   }
   
   
.form-field:focus {
   background: #fff;
   color: #725129;
   }
.form-container h2 {
   text-shadow: #f7f7f7 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
 .form-title {
	    margin-bottom:10px;
	     margin-left:30px;
   text-shadow: #f7f7f7 0 1px 0;
   color: #c92020;
}

.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
   border: 1px solid #447314;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #addc7e 0 1px 0;
   color: #31540c;
   font-family: helvetica, serif;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }
   
   

   /*--Class----------------------------------------------------------*/
   
      .form .frame{
	 text-align: left;
	width: 400px;
	height: 60px;
	border: 2px solid rgb(238, 238, 238);
	background-color: rgb(255, 255, 255);
	margin-top: 1em;
	margin-left: 100px;
	overflow: scroll;
	font-size:9px;
	border="1px";
}

  .form .kiyaku{
	  margin-left: 95px;
	 text-align: left;
	 font-size: 18px;
	 font-weight: bold;
}

.form .font{ 
	margin-left: 30px;
	   font-size: 11px;
	   text-align: left;
	   font-weight: normal;
	   padding-right: 20px;
	    }

   
   
   .info .text{
	   width: 460px !important;
	   padding: 10px !important;
   }
   
   .info .text img{
	   	   padding: 25px 5px !important;
   }
   
    .info .text p{
	   	   text-align: left;
	   	   color: #527eb0;
	   	      }
 
   
  #profile{
border: 1px #e1e6eb;
	border-style: solid;
	height: 250px;
}

#profile p{ 
	font-size: 18px;
	margin-left: 20px;
}

#profile h2{ 
	font-size: 30px;
	font-weight: bold;
	margin-left: 50px;
}

#profile .syashin img{ 
	margin: -73px 0 0 0 !important;
	}

#profile hr{
	width: 880px;
}
 
#profile ul li {
list-style: none;
background: url(img/douga_kao.png) no-repeat 1px 0;
padding: 5px 50px;
font-size: 30px;
font-weight: bold;
}



.img-responsive {display: block;height: auto;max-width: 100%;}
.fonthead{
	font-family:"ヒラギノ角ゴ Std","Hiragino Kaku Gothic Std";
	font-size: 32px;
	color: #c42c00;
	font-weight: bold;
	text-align: center;
}

.fontpresent{
	font-family:"ヒラギノ角ゴ Std","Hiragino Kaku Gothic Std";
	font-size: 32px;
	color: #c42c00;
	font-weight: bold;
	text-align: center;
}

.fontb{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}

.text p{
	font-size: 18px;
	margin-top: 18px;
	margin-bottom: 18px; 
}


.sidered{
	font-family:"ヒラギノ角ゴ Std","Hiragino Kaku Gothic Std";
	font-size: 30px;
	color: #c42c00;
	font-weight: bold;
	text-align: center;
}

.sideb{
	background-color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}


	
.align-left{
	float: left;
	text-align: center;
	font-weight: bold;
  }
.align-right{
	float: right;
}

.clear{
	clear:both;
}

.submitbotton{
	width: 400px;
	margin-right: 100px;
}

.red{
	color: #ff0000;
}

#renraku{
margin-left: 505px;
margin-bottom: -20px;
}