/* http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css */

html { color:#000; background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; } 
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select { *font-size:100%; }
legend { color:#000; }


/* http://yui.yahooapis.com/3.0.0/build/cssfonts/fonts-min.css */

body { font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }
select,input,button,textarea { font:99% arial,helvetica,clean,sans-serif; }
pre,code,kbd,samp,tt { font-family:monospace;*font-size:108%;line-height:100%; }

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

body{
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

}


html { font-size: 62.5%; } 

body { font-size: 14px; font-size: 1.4rem; } 





html {
  margin-left : 0px;
  margin-right : 0px;

 }
 





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



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


#content {
    position: relative;
    height: 44px;

}

top {
    position: absolute;
    width: 100%;
    height: 44px;
padding: 12px;
  
  
text-align : right;
}

#content .follow {
    position: fixed;
    top: 0;
}


/* ヘッダー */
.header_area {
  position: fixed; /* 固定 */
  top: 0; /* 一番上に表示 */
  width: 100%; /* 中央に表示 */
  height: 44px;
}
 
/* コンテンツ */
.contents_area {
  overflow: auto; /* スクロールする範囲を制御 */
  margin: 0 auto;
  padding-top: 44px; /* コンテンツ上下にスペース */
}
 

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












.main{
-webkit-box-shadow: 3px 3px 10px #000000;
-moz-box-shadow: 3px 3px 10px #000000;
box-shadow: 3px 3px 10px #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
background-position : center;

text-align : center;
}


.float{float: left; }


.order{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 5px solid #3a1d1d;
text-align : center;
margin : 5px

}


.order_red{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 5px solid orange;
text-align : center;
margin : 5px

}




.scale{margin : 10px}

.scale img {
    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}






.h-botan{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff7200), color-stop(1.00, #cd0000));
background: -webkit-linear-gradient(#ff7200, #cd0000);
background: -moz-linear-gradient(#ff7200, #cd0000);
background: -o-linear-gradient(#ff7200, #cd0000);
background: -ms-linear-gradient(#ff7200, #cd0000);
background: linear-gradient(#ff7200, #cd0000);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #000000;
-moz-box-shadow: 1px 1px 2px #000000;
box-shadow: 1px 1px 2px #000000;

border: 1px solid #ff0000;
color: #ffffff;
text-shadow: 1px 1px 0px #ff0000;
font-size: 2.0rem;
padding: 10px;

}

.m-botan{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff7200), color-stop(1.00, #cd0000));
background: -webkit-linear-gradient(#ff7200, #cd0000);
background: -moz-linear-gradient(#ff7200, #cd0000);
background: -o-linear-gradient(#ff7200, #cd0000);
background: -ms-linear-gradient(#ff7200, #cd0000);
background: linear-gradient(#ff7200, #cd0000);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #000000;
-moz-box-shadow: 1px 1px 2px #000000;
box-shadow: 1px 1px 2px #000000;

width: 90%;
border: 1px solid #ff0000;
color: #ffffff;
text-shadow: 1px 1px 0px #ff0000;

padding: 10px;
margin : 1px

}


.m-botan3{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #42ff39), color-stop(1.00, #00a12d));
background: -webkit-linear-gradient(#42ff39, #00a12d);
background: -moz-linear-gradient(#42ff39, #00a12d);
background: -o-linear-gradient(#42ff39, #00a12d);
background: -ms-linear-gradient(#42ff39, #00a12d);
background: linear-gradient(#42ff39, #00a12d);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #000000;
-moz-box-shadow: 1px 1px 2px #000000;
box-shadow: 1px 1px 2px #000000;

width: 90%;
border: 1px solid #00ffff;
color: #ffffff;
text-shadow: 1px 1px 0px #0000000;

padding: 10px;
margin : 1px

}





.m-botan4{

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #09c300), color-stop(1.00, #004c15));
background: -webkit-linear-gradient(#09c300, #004c15);
background: -moz-linear-gradient(#09c300, #004c15);
background: -o-linear-gradient(#09c300, #004c15);
background: -ms-linear-gradient(#09c300, #004c15);
background: linear-gradient(#09c300, #004c15);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #000000;
-moz-box-shadow: 1px 1px 2px #000000;
box-shadow: 1px 1px 2px #000000;

width: 90%;
border: 1px solid #00ffff;
color: #ffffff;
text-shadow: 1px 1px 0px #0000000;

padding: 10px;
margin : 1px

}




.m-botan2{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff7200), color-stop(1.00, #cd0000));
background: -webkit-linear-gradient(#ff7200, #cd0000);
background: -moz-linear-gradient(#ff7200, #cd0000);
background: -o-linear-gradient(#ff7200, #cd0000);
background: -ms-linear-gradient(#ff7200, #cd0000);
background: linear-gradient(#ff7200, #cd0000);

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #000000;
-moz-box-shadow: 1px 1px 2px #000000;
box-shadow: 1px 1px 2px #000000;

border: 1px solid #ff0000;
color: #ffffff;
text-shadow: 1px 1px 0px #ff0000;

padding: 3px;
margin : 3px

}





.tel{
 font-size: 24px; 
  font-size : 2.4rem;
  font-weight : bolder;


}


.smallx{  font-size : x-small;}

.sub_title{
  border-bottom-width : 2px;
  border-bottom-style : dashed;
  text-align : left;
}



.line_title{
  background-color : #ffffd2;
  border-top : 2px solid orange;
  border-bottom : 2px solid orange;
  padding: 5px;
  text-align : center;
  font-weight: bold;
}




.img100{
width: 100%;
height: auto;
width-max: 100%;
}


.img90{
width: 90%;
height: auto;
width-max: 100%;
}


.img80{
width: 80%;
height: auto;
width-max: 100%;
}


.img70{
width: 70%;
height: auto;
width-max: 100%;
}


.img60{
width: 60%;
height: auto;
width-max: 100%;
}


.img50{
width: 50%;
height: auto;
width-max: 100%;
}

.max_w{width:320px;}

.max_w2{width:160px;}




.boxD{

-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
outline: 0px solid #000000;
  -webkit-box-shadow: 3px 3px 10px #000000;
-moz-box-shadow: 3px 3px 10px #000000;
box-shadow: 3px 3px 10px #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
padding: 5px;

width:90%;

}


.boxC{
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
outline: 0px solid #000000;
  -webkit-box-shadow: 3px 3px 10px #000000;
-moz-box-shadow: 3px 3px 10px #000000;
box-shadow: 3px 3px 10px #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
margin: 5px;

}



.boxB{
display: inline-block;
padding: 5px;
}



.box{

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
padding: 10px;
outline: 0px solid #000000;
  -webkit-box-shadow: 3px 3px 10px #000000;
-moz-box-shadow: 3px 3px 10px #000000;
box-shadow: 3px 3px 10px #000000;
border: 1px solid #000000;
background-color: #FFFFFF;

margin: 5px;
display: inline-block;
}


.boxO{border: 3px solid orange;}





.bgO{background-color: orange;}

.bgW{background-color: #ffffff;}






h1{
  background-color : #3a1d1d;
  color : #ffffff;
  padding: 5px;
}


h2{
 font-size: 24px; 
  font-size:2.4rem;
  text-align : center;

}


h3{
  background-color : #3a1d1d;
  color : white;
  text-align : center;
  padding : 5px;
margin: 0px;
}


h4{
  -webkit-box-shadow: 1px 1px 10px #000000;
-moz-box-shadow: 1px 1px 10px #000000;
box-shadow: 1px 1px 10px #000000;
background-color: #3a1d1d;

 font-size: 20px; 
  font-size:2.0rem;
  text-align : center;

font-weight: 900;
padding: 10px;
color: #FFFFFF;
margin : 10px

}


h5{
  background-color : orange;
  color : white;
  text-align : center;
  padding : 10px;
margin: 0px;
}


h6{
 font-size: 20px; 
  font-size:2.0rem;
  color : red;
}









p{
  line-height : 2;
  text-align : left;
  padding: 5px;
margin : 5px

}


strong{font-weight: 900;}






.tuisin {

  border : 1px solid #000000;
  background-color : #ffffdd;
  padding: 10px;
  width: 80%;

}






.aaa{  text-align : center;}



.tablebox{border: 1px solid #000000;}




table{
  text-align : left;
  margin-top : 5px;
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 5px;
}

th{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}

td{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  line-height : 1.5em;
}

.txt_red{  color : red;}

.txt_blue{  color : blue;}

.txt_marker{  background-color : #ffd7ff;}

hr{border-style : dotted;border-color : black;}

.footer{
	background-color: #3a1d1d;
	font-size: x-small;
	color: white;
	text-align: center;
}

.footer2{
  font-size : xx-small;
	text-align: center;
  background-color : silver;
  background-position : center center;
}




input[type="radio"],
input[type="chexkbox"] {
	-webkit-transform: scale(2.0);
	transform: scale(2.0);
}




input,textarea{
 font-size: 14px; 
font-size:1.4rem;
padding:3px;

}



.error-text { display: none;}


input:invalid {border-color : red;}

input:invalid + .error-text { display: block;}

input:focus{ background: pink;}

textarea{border:#333333 1px solid;} 

textarea:focus{background: pink;}



.video-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
} 

.video-container iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 

} 



.video-wrapper { 
    width: 800px; 
    max-width: 90%; 

} 



.t-text{
width: 100%;
height: 320px;
overflow: auto;
background-color: #ffffff;

}



.widthall{ width: 100%; }


 .wmax980{width:100%;}
.width700{width: 100%;}

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

.wmax980{
width:980px;

-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
outline: 0px solid #000000;
-webkit-box-shadow: 3px 3px 10px #000000;
-moz-box-shadow: 3px 3px 10px #000000;
box-shadow: 3px 3px 10px #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
margin: 5px;
}

.width700{width: 700px;}

}



.ordertext{
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
border: 1px solid #ff0000;
-webkit-box-shadow: 3px 3px 10px #000000;
-moz-box-shadow: 3px 3px 10px #000000;
box-shadow: 3px 3px 10px #000000;



  background-color : #ff5300;
  color : white;
text-shadow: 2px 2px 5px #000000;
  font-size: 24px; 
  font-size:2.4rem;
  font-weight: 900;
  text-align : center;
  padding : 10px;
margin: 0px;
}