@charset "utf-8";

body{word-break: break-all;}
big { font-size: 15px; }
small { font-size: 12px;line-height:1.5;}
a:link{ color: #0000ff; }
a:visited{ color: #0000ff; }
a:active{ color: #f7657b; }
a:hover { color: #f7657b }
input{margin:1px 0 1px;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.top{vertical-align:top;}
.b{font-weight:bold;}
.nobr{ white-space:nowrap; }

.dotline {
	width:100%; 
	background-image: url("https://www.azr.ne.jp/aozoracgi/img/dot.gif");
	background-repeat: repeat-x; 
	padding:0;
	margin: 10px 0 0;
	font-size: 4px; 
	color:#ffffff; 
}

.colorset4{text-align:center;padding-left:10px;vertical-align:top;}
/* 予約フォーム */
.sftable{width:90%;margin:0 auto; } /* 閉じるtable */

select,option,input,textarea{
margin:0 2px 3px 0;border:1px solid #aaaaaa;
border-radius:4px; box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);  
position:relative; -webkit-appearance;
}
input,textarea{padding:3px;}

.tname{ 
width:150px; display:table-cell; padding:7px;vertical-align:top; font-weight:bold; 
background-color:#f7f9fb; 
border-radius:4px; 
/*box-shadow: 0 2px 2px rgba(100,100,100,0.1), 0 -4px 5px -2px #c0c0c0 inset; */
box-shadow: 1px 1px 4px 2px rgba(255,255,255,1.0) inset
, -3px -3px 4px -2px #8c8c8c inset;
}

.bdr1{ border-top:1px solid #d7e4f2; border-left:1px solid #d7e4f2; border-right:1px solid #d7e4f2;}
.bdr11{ border:1px solid #d7e4f2;}

/* 入力部 */
.tform{ width:350px;display:table-cell;padding:7px 0 7px 10px;}
/*
.bdr2{ border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; }
.bdr22{ border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; }
*/
/* 入力フォームサイズ */
.form1{width:300px;}
.form2{width:115px;}
#adress1{vertical-align:top;margin-bottom:2px;}

/*ボタン*/
.btn1{font-size:12px;} /*〒*/
.btn2{margin-top:10px;padding:3px 50px 3px;} /*submit*/
/* エラーメッセージ */
.ermsg{
	width:400px; margin:0 auto 10px; text-align:left; padding:7px;
	border:1px solid #ff0000; color:#ff0000;
}

/* 〒→住所 選択窓 */
.seltable{
background-color: #eeeeee; float:left;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;text-align:left;
}

/*確認table*/
.chk_table{ border-top:2px solid #58a7c6; border-left:2px solid #58a7c6;border-right:2px solid #58a7c6;border-bottom:1px solid #58a7c6;}
.chk_table td{vertical-align:top;}
.bg1{background-color: #ffffff;}
.bg2{background-color: #f0f0ee;}
.ud1{border-bottom:1px solid #58a7c6;border-right:1px solid #58a7c6;width:10%;}
.ud2{border-bottom:1px solid #58a7c6;}

#query{margin:0;}
.pits1{ float:left;width:200px;} /*Title画*/
.pits2{ float:left;width:175px;} /*検索Form*/
.pits3{ float:left;width:100px;} /*検索BTN*/
.pits_r{ float:right;}

.content{
	margin:0 auto;
}
.band table{
	margin:0 auto;
	text-align:left;
}
.content table,div{
	margin:0 auto;
	text-align:left;
}


.band{width:880px;margin:0 auto;}
.content{width:100%;}
.top01{width:100%;}
.top02{width:650px;margin:10px auto;}
.top03{width:650px;margin:0 auto;}

.table01{width:250px;float:left;}
.table02{width:345px;float:left;}
.table03{float:left;}
.table04{float:right; vertical-align:bottom;}
.table04 td{ height:65px; vertical-align:bottom;}

.saikin{border:1px solid #6586ce;margin:0 0 15px;width:100%;}

#viewer_area{border:1px solid #ff0000;}


/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:10px;right:10px; }
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.6;
}

/* フレーム＆Form外枠 */
.Ifrm_Area{
  width:830px; margin:0 auto 0;  
}
/* フレーム枠 */
.ifrm-container{
 width:265px;  height:430px; 
  padding:0;margin:0 0 20px; border:1px solid #bdbdbd;
  overflow:auto;
  display: inline-block; vertical-align:bottom;
border-radius:4px; box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);  
}
/* フォーム枠 */
.inform_area{ 
  width:560px; 
  text-align:left; margin:0 auto 15px;padding:0;   float:right;
}
.yform{clear:both;width:95%;border-spacing:1.5px;}


/* iflame */
.ifrm {
  width:100%;height:100%;margin:0;
  border:none; display:block;
  box-sizing:content-box;vertical-align:text-bottom;
}
/* リスト */
.frametxt{padding:0;margin:5px 0 5px;}
.frametxt li{margin:3px 0 8px 15px;}

input[type=submit]:hover { background-color: #d1ddf0;}
input[type=button]:hover { background-color: #d1ddf0;}
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }



/*******  880未満 ******/
@media screen and (max-width:900px){   
.band{width:98%;}
.top02{width:98%;}
}
/*******  830未満 ******/
@media screen and (max-width:840px){   
.Ifrm_Area{width:95%;}
.ifrm-container{width:100%;height:200px;}
.inform_area{ float:none;}
}

/*******  800未満 ******/
@media screen and (max-width:820px){   
.table04{width:100%;text-align:left;}
.table04 td{text-align:left;height:auto;}

}

/* 650未満 */
@media screen and (max-width:650px){ 
input,textarea,select,option{font-size:120%;}
input#query{width:140px;}
.pits1{width:170px;}

.pits3{width:100px;}
.title{font-size:100%;}
.sftable{width:100%;}
.top03{width:98%;}
.colorset4{padding-left:4px;}
.tname{ 
width:98%; display:block;margin-left:-5px;
padding:5px 7px 5px;
}
.tform{ width:100%; display:block; padding:10px 2px 10px 2px; margin-bottom:7px;}
/*
.bdr1{border:0;}
.bdr11{border:0;}
*/
.bdr1{ border:1px solid #b4cde9;}
.bdr2{border:0;}
.bdr22{border:0;}
.ermsg{width:90%;}
}

/*******  600未満 ******/
@media screen and (max-width:660px){   
.table01{width:100%;}
.table02{width:100%;}
.table03{width:100%;}
.inform_area{ width:100%; }
}

/* 500未満 */
@media screen and (max-width:520px){ 
.form5{width:100%;} /*内容*/
}
/* 400未満 */
@media screen and (max-width:400px){ 
.form4{width:100%;}
}
/* 350未満 */
@media screen and (max-width:350px){ 
.form1{width:100%;}
.pits2{width:145px;}
.form2{width:100px;}
}