@charset "shift_jis";

/* フォームメール2 CSS */
a img, img { 
border:0;
vertical-align:top;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------
　
　スマホ用設定

--------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------
　追加
----------------------------------------------------*/
.sp{
  display:block !important;
}
.pc{
  display:none !important;
}
.acNav{
	cursor:pointer;
	text-align:center;
	padding:10px 0;
	background-color:#007ED9;
	
}
.acNav a,
.acNav a:hover{
	color:#FFFFFF !important;
	font-size:20px !important;
	text-decoration:none;
}
.acNav .acNav a{
	text-decoration:none;
}
.subTitle{
	color:#0099ff;
	text-align:left;
	font-size:17px;
	font-weight:bold;
    border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
    padding:12px 5px 10px;
    background: #eee;
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
	margin:0 0 5px;
}
.subTitle2{
  text-align: left;
  margin: 0 5px 5px 5px;
  padding: 3px 10px 3px 10px;
  font-size: 18px;
  font-weight: bold;
  clear: both;
  background-color:#0099ff;
  border-radius:5px;
}
.subTitle2 a{
	color:#FFFFFF !important;
}

iframe{
	width:95%;
	height:auto;
	margin:0 auto;
}
.img100{
	width:100%;
	height:auto;
}
.w40{width:40% !important;}
.w30{width:30% !important;}
.w60{width:60% !important;}
.w95{width:95% !important;}

div#sfm-container { width: 100%; margin: 0 auto; padding: 0px; border: none; font-size: 13px; }
div#sfm-container h1 { font-size: 14px; color: #fff; background: #99c; padding: 2px 2px 1px 5px; border-left: 6px solid #55a; margin: 0px; }
div#sfm-container h2 { font-size: 12px; margin: 0px; padding: 10px 0px; }

div#sfm-layout { width: 100%; text-align: center; margin: 10px auto 15px  auto; }
div#sfm-layout p { font-weight: normal; margin: 0px; padding-bottom: 5px; }
div#sfm-layout h3 { font-size: 12px; text-align: center; margin: 5px 0px; }
div#sfm-layout table { width: 100%; margin: 0 auto; border: none; border-collapse:collapse; }
div#sfm-layout a:link, div#sfm-layout a:visited { color: #00d; text-decoration: none; }
div#sfm-layout a:hover { color: #f22; text-decoration: underline; }
div#sfm-layout form { margin: 0px; }
div#sfm-layout input, div#sfm-layout select, div#sfm-layout textarea { font-size: 12px; }
div#sfm-layout table td, div#sfm-layout table th { font-size: 12px; line-height: 140%; text-align: left; }
div#sfm-layout table td { background: #f1f1f1; font-size: 12px; border-collapse:collapse; width: 96%; padding: 2%; display:block; word-break:break-all;box-sizing: border-box;}
div#sfm-layout table th { font-weight: normal; background-color: #e4e4e4; border-left: 1px solid #bbb; border-collapse:collapse; width: 96%; padding: 2%; display:block; box-sizing: border-box;}
div#sfm-layout .submit { text-align: center; background: #fff; border-left: none; }
div#sfm-layout .submit input { width: 20%; }
div#sfm-layout .type-red { color: red; }
div#sfm-layout .border-red { border-left-color: red; }
div#sfm-layout .ERR { color: red; }
div#sfm-layout .att { font-size: 12px; color: #FF6666; }
div#sfm-layout .con {
	font-size: 12px;
	color: #666666;
}
div#sfm-layout .center {
	text-align:center;
}

/* フォーム整形 */
#name, #kana, #address2, #address3, #email, #emailcheck, #subject { width: 90%; }
#address0 { margin-bottom: 3px; }
#zip0 { width: 30px; }
#zip1 { width: 40px; }
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 { width: 90%; }
#message { width: 70%; height: 100px; }
#request { width: 70%; height: 100px; }

/* 著作権表記 */
div#copyright { font-size: 10px; text-align: right; margin-top: 2px; }
div#copyright a:link, div#copyright a:visited { color: #999; text-decoration: none; }
div#copyright a:hover { text-decoration: underline; }

.style1 {color: #0066FF}
.style2 {color: #3366FF}
.style4 {color: #3366FF; font-weight: bold; }
.style5 {color: #FF6666; font-weight: bold; }

#form_att{
	text-align:left;
	clear:both;
	overflow:hidden;
	padding:20px 20px 0 10px;
	margin:10px 2%;
	border: 1px solid #cccccc;
	color:#666;
}
#form_attL{
	float:none;
	width:auto;
	display:block;
	text-align:center;
}
#form_attR{
	float:none;
	width:auto;
	display:block;
	text-align:center;
}
.f-right{
	float:right;
}

#form_att span.one{
	display:block;
	text-indent:1em;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
　
　タブレット用設定

--------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) {
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
　
　PC用設定

--------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 960px) {


/*----------------------------------------------------
　追加
----------------------------------------------------*/
.sp{
  display:none !important;
}
.pc{
  display:block !important;
}
iframe{
	width: 560px;
	height: 315px;
	margin:0 auto;
}
.img100{
	width:auto;
	height:auto;
}
.w40{width:auto !important;}
.w30{width:auto !important;}
.w60{width:auto !important;}
.w95{width:auto !important;}

div#sfm-container { width: 800px; margin: 0 auto; padding: 5px; border: 1px solid #ccc; font-size: 13px;}
div#sfm-container h1 { font-size: 14px; color: #fff; background: #99c; padding: 2px 2px 1px 5px; border-left: 6px solid #55a; margin: 0px; }
div#sfm-container h2 { font-size: 12px; margin: 0px; padding: 10px 0px; }

div#sfm-layout { width: 100%; text-align: center; margin: 10px auto 15px auto; }
div#sfm-layout p { font-weight: normal; margin: 0px; padding-bottom: 5px; }
div#sfm-layout h3 { font-size: 12px; text-align: center; margin: 5px 0px; }
div#sfm-layout table { margin: 0 auto; border: none; }
div#sfm-layout a:link, div#sfm-layout a:visited { color: #00d; text-decoration: none; }
div#sfm-layout a:hover { color: #f22; text-decoration: underline; }
div#sfm-layout form { margin: 0px; }
div#sfm-layout input, div#sfm-layout select, div#sfm-layout textarea { font-size: 12px; }
div#sfm-layout table td, div#sfm-layout table th { font-size: 12px; line-height: 140%; text-align: left; }
div#sfm-layout table td { background: #f1f1f1; width: 354px; padding: 5px;font-size: 12px; display:table-cell;}
div#sfm-layout table th { width: 10%; font-weight: normal; background-color: #e4e4e4; white-space: nowrap; padding: 5px; border-left: 1px solid #bbb; display:table-cell;}
div#sfm-layout .submit { text-align: center; background: #fff; border-left: none; }
div#sfm-layout .submit input { width: 70px; }
div#sfm-layout .type-red { color: red; }
div#sfm-layout .border-red { border-left-color: red; }
div#sfm-layout .ERR { color: red; }
div#sfm-layout .att { font-size: 12px; color: #FF6666; }
div#sfm-layout .con {
	font-size: 12px;
	color: #666666;
}
div#sfm-layout .center {
	text-align:center;
}

/* フォーム整形 */
#name, #kana, #address2, #address3, #email, #emailcheck, #subject { width: 350px; }
#address0 { margin-bottom: 3px; }
#zip0 { width: 30px; }
#zip1 { width: 40px; }
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 { width: 40px; }
#message { width: 350px; height: 100px; }
#request { width: 350px; height: 100px; }


/* 著作権表記 */
div#copyright { font-size: 10px; text-align: right; margin-top: 2px; }
div#copyright a:link, div#copyright a:visited { color: #999; text-decoration: none; }
div#copyright a:hover { text-decoration: underline; }

.style1 {color: #0066FF}
.style2 {color: #3366FF}
.style4 {color: #3366FF; font-weight: bold; }
.style5 {color: #FF6666; font-weight: bold; }

#form_att{
	text-align:left;
	clear:both;
	overflow:hidden;
	padding:20px 20px 5px 10px;
	margin:30px 0px;
	border: 1px solid #cccccc;
	color:#666;
}
#form_attL{
	float:left;
	width:313px;
}
#form_attR{
	float:right;
	width:450px;
	font-size:14px;
}
.f-right{
	float:right;
}
.f-left{
	float:left;
}
#form_att span.one{
	display: inline-block;
}
}