/*------------------------------------------------------------------*/
/*--PC用CSS----------------------------------------------------------------*/
/*------------------------------------------------------------------*/


/*基本設定--------------------------------------------------------------*/

body{ 
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MeiryoKe_PGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background: #000;
}


img{
	max-width: 100%;
	height: auto;
	border-width: 0;
}


#wrapper{
	clear: both;
	margin: 0;
	padding: 0;

}

#header{
	clear: both;
	margin: 0;
	padding: 10px 0 10px 0;
  	border-bottom: 3px double  #fff;
	font-size: 15px;
	text-align: center;

}


#container{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#maincol{
	float: right;
	width: 81%;
	margin: 0 2% 0 0;
	padding: 0;
}


#sidebar{
	float: left;
  	width: 15%;
	padding-bottom:10000px; 
	margin-bottom: -10000px; 
  	border-right: 3px double  #fff;
}


#footer{
	clear: both;
	margin: 0;
	padding: 15px 0 15px 0;	
  	border-top: 3px double  #fff;
}


/*ヘッダー--------------------------------------------------------------*/

.site_title{
	margin: 0;
	padding: 0;


}

.site_title a{

	text-decoration: none;
	color: #fff;	

}

/*メイン--------------------------------------------------------------*

/*パンくず--------------------------------------------------------------*/

.breadcrumb{
	list-style: none;
	float: right;
	clear: both;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
}

.breadcrumb li{

	float: left;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #fff;
}

.breadcrumb li a{

	color: #0196fe;

}

/*サイドバー--------------------------------------------------------------*/

#sidebar ul{

	list-style: none;
	margin: 0;
	padding: 5%;
	
}


#sidebar ul li{
	
	box-sizing: border-box;
	margin: 0 0 5% 0;
	padding: 10px 0 10px 0;
	font-size: 20px;
	text-align: center;
	border: 5px inset  #4201fe;

}


#sidebar ul li a{
	
	color: #0196fe;

}


/*footer--------------------------------------------------------------*/



.ft_inner{
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;

}

.ft_inner ul{
	list-style: none;
	overflow: hidden;
	width: 60%;
	margin: 0 auto 15px auto;
	padding: 0;
}

.ft_inner ul li{
	float: left;
	width: 33%;
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
}	

.ft_inner ul li a{

	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #000;
}


.copyright{
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
	color: #fff;
}

/*--メールフォーム--------------------------------------------------------------*/

#form #container{

	width: 960px;
	margin: 30px auto 100px auto;
	padding: 0 30px 30px 30px;
	box-sizing: border-box;
	box-shadow:0px 0px 2px 2px #e6e6e6;
        overflow: hidden;
}


#form h2{

	margin: 0;
	padding: 0;
	font-size: 18px;
	text-align: lef;
}



input::-webkit-input-placeholder {
	font-size: 25px;
	color:#ccc;
}

input:-ms-input-placeholder {
	color:#ccc;
}

input::-moz-placeholder {
	color:#ccc;
}

.list{

	height: 30px;
	font-size: 25px;

}

#contact{
	clear: both;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}


.waku{

	width: 80%;
	height: 30px;
	font-size: 25px;

}

.contact_inner{
	
	margin: 0; 
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
}

.contact_inner dl{
        display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
        vertical-align:middle;
}


.contact_inner dt{
        display: table-cell;
	width: 30%;
	margin: 0;
	padding: 10px;
	border-right: 1px solid #fff;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
        vertical-align:middle;
}

.contact_inner dd{
        display: table-cell;
	width: 70%;
	margin: 0;
	padding: 10px;
	text-align: left;
	color: #fff;
	box-sizing: border-box;
        vertical-align:middle;
}


.contact_inner dd textarea{

	resize: horizontal;
	width: 80%;
}

.contact .end{

	border-bottom: 1px solid #fff;

}

#formbutton submit{

	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ea4945), color-stop(1.00, #9f0000));
	background: -webkit-linear-gradient(#ea4945, #9f0000);
	background: -moz-linear-gradient(#ea4945, #9f0000);
	background: -o-linear-gradient(#ea4945, #9f0000);
	background: -ms-linear-gradient(#ea4945, #9f0000);
	background: linear-gradient(#ea4945, #9f0000);

}




#thanks #maincol{
 	clear: both;
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 30px;
	background: #fff;
	color: #000;
}


#thanks #maincol p{
 	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 18px;
	color: #000;
	text-align: center;

}