/*==============================================================================================

  	画面の横幅が640pxまで

==============================================================================================*/

img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}

@media screen and (max-width: 640px) {
/*@media screen and (max-width: 480px) {*/
body { font-size: 13px; width:100%;-webkit-text-size-adjust: 100%;word-break: break-all;}
#wrapper{ margin: 2px auto; width: 100%; background: #fff; padding:0;font-size: 16px;}
#dropmenu{ display:none;}
.half_left {float:none; width:100%; margin-left:inherit;}
.half_right{float:none; width:100%;}
.area_sp{display:inline;}
.area_pc{display:none;}
.line_l	{ border-left:none;margin-bottom:35px; padding:0;}
.line_r	{ border-right:none;margin-bottom:0px; padding:0;}

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

nav ul li {float: left;width: 50%;}

.tel{font-size: 28px; font-weight:bold; padding:10px;}

/*--------------------------------------------------------------------------------*/
/*	
/*--------------------------------------------------------------------------------*/
p 					{ padding: 10px;  font-size: 13px}	

/*フォントサイズ*/

.f10{font-size: 7px;}
.f11{font-size: 8px;}
.f12{font-size: 9px;}
.f13{font-size: 10px;}
.f14{font-size: 11px;}
.f15{font-size: 12px;}
.f18{font-size: 14px;}	
.f32{font-size: 24px; font-weight:bold; }


/*--------------------------------------------------------------------------------*/
/*	hタグ
/*--------------------------------------------------------------------------------*/
/*h1 	{ font-size: 30px; line-height: 75px; padding: 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}*/
h1 	{
font-size: 20px;
line-height: 20px;
padding: 5px 5px 10px 5px;
margin: 20px 0 0 0; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}
h2 { font-size: 140%; padding: 8px; }
h3 					{ font-size: 18px;border-left:10px solid #00adee; padding:5px 10px 5px 15px; margin:20px 0px 5px 0px;}
h3.t2				{ font-size: 18px;border-left:0px solid #1871B8; border-top:10px solid #1871B8;border-bottom:1px solid #1871B8; border-right:0px solid #1871B8;padding:5px 10px 5px 15px; margin:20px 0px;
						background-color:#DEDEDE;/*背景色（古いブラウザだとここの色のみが出ます）*/
						background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cecece));	/*背景画像の読み込み,グラデーション*/
						background:-webkit-linear-gradient(#fefefe, #cecece);	/*同上*/
						background:linear-gradient(#fefefe, #cecece);			/*同上*/
						}
h3.t3				{ font-size: 18px;border-left:10px solid #1871B8; padding:5px 10px 5px 15px; margin:20px 0px; background-color:#DEDEDE;}

h4 					{ font-size: 12px; padding: 3px; margin: 0; text-align:center;}
/*--------------------------------------------------------------------------------*/
/*	ヘッダーの右にメニュー
/*--------------------------------------------------------------------------------*/

/* ヘッダーの右にメニュー */
.header1{
margin-right: 5px;
/* background: -webkit-gradient(linear, left top, left bottom, from(#ececec),to(#fff));　
 background: linear-gradient(#ececec, #fff);
 background-size: 100% 100%;*/
 height: 55px;
 border-bottom: 1px solid #dadada;
}
 .header1 h1{
 display: block;
 height: 55px;
 width: 110px;
 line-height: 50px;
 font-weight: bold;
 margin-left: 5px;
 float: left;
 }
 .header1 h1.text1{
/*	font-size:11.5px;
	height: 30px;
	color:#666;
 width: 170px;
 line-height: 16px;
 font-weight: bold;
 margin-left: 0px;
 float: left;*/
 display:none;
 }
.header1 nav.head{
 float: right;
 }
.header1 nav.head li{
 float: left;
 width: 80px;
 
 }
.header1 nav.head li>a{
 display: block;
 height: 38px;
 width: 80px;
 color: #fff;
 line-height: 30px;
 /*background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#ececec));
 background: linear-gradient(#fff #ececec);*/
 text-align: center;
 text-decoration: none;
 border: 1px solid #dadada;
 /*margin-top: 7px;*/
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
 font-weight:bold;
 }
.header1 nav.head li:first-child>a{
 border-radius: 4px 0 0 4px;

 }
.header1 nav.head li:last-child>a{
 border-radius: 0 4px 4px 0;
 border-left: none;
 margin-right: 5px;
   border-left: 1px solid #FFF;
 }

/*--------------------------------------------------------------------------------*/
/*	リスト
/*--------------------------------------------------------------------------------*/

/*------------------*/
 /* ※リスト */
 /*------------------*/

.list_box{
	padding:10px;
	font-size:10px;
}

.list_box ul{
    list-style-position: inside;
}
.list_box ul li {
    padding-left: 1em;
    text-indent: -1em;
}
	
/* サムネイルつき矢印リスト */
.list3 ul{
 border-bottom: 1px solid #ccc;
 }
 .list3 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 height: 70px;
 margin: 0px;
 }
 .list3 ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 height: 70px;
 margin: 0;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .list3 ul li img{
 float: left;
 height: 70px;
 width: 70px;
 margin-right: 10px;
 }
 .list3 ul li a strong{
 color: #000;
 display: block;
 font-weight: bold;
 padding-top: 17px;
 }
 
 /*------------------*/
 /* リストボックス5 */
 /*------------------*/

.list_box{
	padding:10px;
	font-size:10px;
}

.list_box ul{
    list-style-position: inside;
}
.list_box ul li {
    padding-left: 1em;
    text-indent: -1em;
}	

table.kakumaru {
  border-spacing:0;
	width:99%;
	font-size:11px;
	margin:0 auto;
}
table.kakumaru tr th, table.kakumaru tr td {
/*	border: 1px solid #CCC;*/
	box-shadow:none;
}
table.kakumaru tr:first-child td	 {
/*  border-top:1px solid #CCC;*/
}

table.kakumaru tr:last-child td	 {
/*  border-right:1px solid #CCC;*/
}

.button02 {
	display: inline-block;
	margin:15px auto;
	padding:1%;
	width: 80%;
	/*height: 100px;*/
	text-align: center;
	text-decoration: none;
	outline: none;
    background-color:#E92D30;
	color: #fff;
	border-radius: 5px;
	box-shadow: 2px 5px 10px rgba(136, 136, 136, 1);
	font-size:80%;
	line-height:2;
}

.syussyo{
	font-size:7pt;text-align:right; margin:5px 5px 5px 0;}



.scroll table {
    display: block;
    position: relative;
  }
.scroll table thead {
    display: block;
    float: left;
  }
.scroll table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
.scroll table th,
.scroll table td {
    display: block;
  }
.scroll table tr {
    display: inline-block;
  }
.scroll table tbody tr {
    margin-right: -5px;
  }
div .yokonarabi p{display:block; margin-right:20px;}
.kaiten {
	transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);	
	}
.syukusyou{width:20%; margin:1vh auto;}
table.tate th,table.tate td{ font-size:80%;}
div#footermenu {
	display:block;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #F1F3F1;
}
#footermenu ul {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #cfcfcf;
    padding: 5px 0;
}
#footermenu ul li {
    float: left;
    width: 25%;
    text-align: center;
		
}
#footermenu ul li img {
    width: 30%;
		
}
#footermenu ul li a {
		text-decoration:none;
		color:#595858;
}
}
/*END　　@media screen and (max-width: 480px)*/