@charset "Shift_JIS";
/*--------------------------------------------------------
要素リセット */
--------------------------------------------------------*/

body{
  margin: 0;
  padding: 0;
  color: #333;
  /* 標準文字色 */
    min-width: 900px;
  font-size:14px;
  line-height:20px;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:first-child body{
  font-size: 70%;
}
/* end */

img{
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  max-width:100% !important; 
  height: auto;
  vertical-align:middle;
  padding:10px 0px;
}

body,td{
  scrollbar-face-color:#eeeeee;
  scrollbar-highlight-color:white;
  scrollbar-shadow-color:#eeeeee;
  scrollbar-3dlight-color:#eeeeee;
  scrollbar-arrow-color:#cdcdcd;
  scrollbar-track-color:white;
  scrollbar-darkshadow-color:black;
  overflow-x:hidden;
  margin:0px 0px 0px 0px;
}
.style1{
  font-size:14px;
  background-color:white;
  padding:1px 0px 5px 5px;
  font-weight:bold;
  color:#FF3333;
}
.style2{
  font-size:14px;
  background:#cccccc ;
  padding:10px;
  height: 30px;
  font-weight:bold;
}
.style3{
  font-size:14px;
  background:#cccccc ;
  padding:10px;
  height: 30px;
  font-weight:bold;
}
.style4{
  font-size:14px;
  background:white ;
  padding:1px 0px 5px 0px;
}
.style5{
  font-size:14px;
  background-color:white;
  padding:0px 5px 5px 0px;
  line-height:18px;
}
.red{
  color: #ffffff;
  background-color:#ff0000;
  padding: 2px;
  line-height: 1.5;
  margin: 5px;
}
#wrap{
  overflow:hidden;
}
/* -----------------------------------------------------------
    見出し
-------------------------------------------------------------- */


.index1,.copy-bk{
  /* 背景色はここで変更する */
	background:#707070;
  margin:10px auto 0px auto;
}
.index1 h1{
	font-size:16px;
  width:94%;
  margin:auto;
  text-align:left;
  font-weight:bold;
  color:#fff;
  text-shadow:-1px -1px 1px #000000;
  padding: 20px;

}

/* -----------------------------------------------------------
    共通ブロック
-------------------------------------------------------------- */
.main{
  margin:15px 10px;
}
/* -----------------------------------------------------------
    footer
-------------------------------------------------------------- */
.foot{
  background:#ff0000
	width:100%;
  margin:auto;
}
.foot-in{
  width:300px;
  margin:auto;
  padding-top:15px;
}
.foot-in-l{
  width:150px;
  float:left;
  padding-bottom:15px;
}
.foot-in-r{
  width:150px;
  float:left;
  padding-bottom:15px;
}
.foot-menu{
  width:100%;
  margin:auto;
  border-top:1px solid #ccc;
}
.foot-menu-in{
  width:300px;
  margin:auto;
  clear:both;
}
.foot-menu-in ul li{
  display:block;
}
.foot-menu-in ul li{
  font-size:12px;
  line-height:30px;
  text-align:left;
}
.foot-menu-in ul li a{
  display:block;
  text-decoration:none;
  padding-left:13px;
  background : url(../images/arrow.jpg) 0px center / auto auto no-repeat scroll padding-box border-box transparent;
  color:#333;
}
.copy-bk{
  width:100%;
  margin:auto;
  clear:both;
  line-height:30px;
}
.copy-in{
  width:300px;
  margin:15px auto auto auto;
  font-size:11px;
  color:#fff;
  text-align:center;
  font-weight:bold;
}
/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/

#ringheader{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  height: 75px;
}
/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */

#ringheaderLogo{
  width: 300px;
  float: left;
}
#ringheaderLogo a{
  display: block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-indent: -9999px;
  overflow: hidden;
  height: 68px;
  background-image : url(../images/company-s.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

#ringheaderExtra1{
  width: 330px;
  margin-top: 0;
  margin-right:100px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  float: right;
}
#ringheaderExtra1 p.tel{
  /* 電話番号の文字設定 */
    margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 1.7em;
  font-weight: bold;
  color: #DB951C;
  line-height: 1.2;
  text-align: right;
}
#ringheaderExtra1 p.tel span.tel{
  /* 電話番号の「TEL」文字設定 */
    color: #CCCCCC;
}
#ringheaderExtra1 p.address{
  /* 住所文字設定 */
    margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  line-height: 1.2;
  text-align: right;
}
div#head_tel
    color: #DB951C;
}
/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/
input,textarea,select,radio{
  vertical-align: middle;
}
input{
  margin: 10px 5px 5px 0px;
  /* 余白を消す */
	border: 1px solid #999999;
  /* 罫線 */
	height: 30px;
/* 高さ */
	
}
input.fixed[type="submit"]{
  background: #cccccc;
  width: 100px;
  letter-spacing: 1px;
  border: none;
  color: #000000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-appearance: none;
}
input.fixed[type="reset"]{
  background: #cccccc;
  width: 100px;
  letter-spacing: 1px;
  border: none;
  color: #000000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-appearance: none;
}
select{
  line-height: 30px;
  /* 文字の高さ */
	margin: 10px 5px 5px 0px;
  /* 余白を消す */
	border: 1px solid #999999;
  /* 罫線 */
	padding-top: 0px;
  /* 余白 */
	padding-right: 5px;
  /* 余白 */
	padding-bottom: 0px;
  /* 余白 */
	padding-left: 5px;
  /* 余白 */
	height: 30px;
/* 高さ */
	
}
/* フォームパーツ設定 */
input.button{
  margin-top: 10px;
  margin-bottom: 15px;
}
textarea{
  width: 400px;
  height: 200px;
}
input.l{
  width: 400px;
}
input.m{
  width: 250px;
}
input.s{
  width: 150px;
}
/*--------------------------------------------------------
  レスポンシブ設定
--------------------------------------------------------*/
@media screen and (max-width: 768px) {
  body{
  min-width: 100%;
}
/*--------------------------------------------------------
	  共通レイアウトパーツ設定
--------------------------------------------------------*/
	/* ヘッダー内パーツ */
	#ringheader{
  width: 100%;
  height: auto;
  padding-bottom: 10px;
}
#ringheaderLogo{
  width: 100%;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
#ringheaderLogo a{
  display: block;
  max-width: 100%;
  background-size: contain;
  background-position: top center;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
#ringheaderExtra1{
  display: none;
}

img{
	max-width:100% !important;
	 height: auto;
	 vertical-align:middle; 
	 padding:10px 0px;}

/*--------------------------------------------------------
	  基本パーツデザイン設定
	--------------------------------------------------------*/
	table{
  width: 96%;
  padding-right: 0;
  padding-left: 0;
  margin-left: auto;
  margin-right: auto;
}
/* フォームパーツ設定 */
	textarea{
  width: 96%;
}
input.l{
  width: 96%;
}
input.m{
  width: 60%;
}
input.s{
  width: 30%;
}
}