@charset "UTF-8";
/* css document*/

/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width:750px){



body{
    color:#808080;
    letter-spacing: 3px;
}
.location div{
    position: relative;top:160px;left:100px;
    font-size: 1em;
}

.menu {
	position: absolute; top: 100px; left:15%;width: 80%;
}
.menu div{
    position:relative; top:-20px;
  float: left;
}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #59b1eb;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #0066CC;
  background: #59b1eb;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #59b1eb;
}
.dropmenu li a:hover{
  background: #0066FF;
}
.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
.headline{
	position: relative; top: 155px; left:10%;width: 80%;
}
.main{
	position: relative; top: 175px; left:10%;width: 80%;
}

.sec1{
	position: absolute; top: 0px; left:0px;
    height:100px;
    background-color: #ffffff;
    margin:0;
    width:100%
}
.sec1 h1{
	float: left;
    padding: 0;
    margin:0;
    position:relative; top:10px; left:60px;
}
.sec1 div{
    margin:0px;
    position:relative; top:10px;left:200px;
}
.ccp{
    margin:10px;
    font-weight: bold;
    color:#80bfff;
    position:relative; left:180px;
}

.sec1 h1 a img{
    width:196px;
}

.sec1 ul{z-index: 1;
	background-color: rgba(255,255,255,0.6); 
	color:#b4b4b4;
	margin : 30px ;
    display:table;
    position:fixed;top:5px; right:20px 
}
.sec1 ul li{
    text-decoration: none;
    display:table-cell;
    text-align: center;
    letter-spacing: 2px;
    width:85px;
    font-size:13px;
    font-weight: bold;
}

.btn{
    text-decoration: none;
    position:relative; top:20px;
    background: -moz-linear-gradient(top,#ffaa55, #ff952b 50%,#ff8000 50%,#d56a00);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffaa55), color-stop(0.5,#ff952b), color-stop(0.5,#ff8000), to(#d56a00));
    color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #aa5500;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    width: 100px;
    padding: 13px 20px;
}
.button {
    text-decoration: none;
	background-color: #fff;
	border: 2px solid #ff8000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #ff8000;
	line-height: 50px;
    width: 100px;
    padding: 13px 20px;
    font-weight: bold;
}
.button:hover {
    text-decoration: none;
	background-color: #ccc;
	border-color: #ff8000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #ff8000;
	width: 100px;
    padding: 13px 20px;
    font-weight: bold;
}
.button2 {
    text-decoration: none;
	background-color: #fff;
	border: 2px solid #59b1eb;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #59b1eb;
	line-height: 50px;
	width: 100px;
    padding: 13px 20px;
    font-weight: bold;
}
.button2:hover {
    text-decoration: none;
	background-color: #ddd;
	border-color: #59b1eb;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #59b1eb;
	width: 100px;
    padding: 13px 20px;
    font-weight: bold;
}
/* 02.テープ */
#heading01{
	position:relative;
	margin:0 -1px;
	font:bold 30px/1.6 Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
	background:#f0e800;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2),
				30px 0 0 0 #f0e800,
				-30px 0 0 0 #f0e800;
}
.sec2 {
  clear: left;
}
.sec2 div{
  display: none;
}
.sec2 h2{
	float: left;
    padding: 0;
    margin:0;
}
.img1{
    width:484px;
}
.sec2 p{
	position:relative;top:0px;left:10px;
	letter-spacing: 5px;
	line-height: 140%;
}
.sec3 {
  clear: left;
}

.sec3 h1{
	position:relative;top:40px;
}

.sec3 h2{
	float: right;
    padding: 0;
    margin:0;
    position:relative;top:40px;
}
.sec3 p{
	position:relative;top:0px;margin:10px;
	letter-spacing: 5px;
	line-height: 140%;
	position:relative;top:40px;
}
.sec3 div{
    text-align: center;
    margin:0px;
    position:relative; top:45px;
}
.heading02{
    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
 
.heading02:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
.heading02:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
.sec4 {
  clear: left;
  position:relative;top:70px;
}
.sec4 h1{
	position:relative;top:20px;
}

.sec4 h2{
	float: left;
    padding: 0;
    margin:0;
    position:relative;top:20px;
}
.sec4 p{
	position:relative;top:0px;left:10px;
	letter-spacing: 5px;
	line-height: 140%;
	position:relative;top:20px;
}
.sec4 div{
    text-align: center;
    margin:0px;
    position:relative; top:40px;
}
.btn2 {
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 100px;
    padding: 13px 20px;
}
.sec5 {
  clear: left;
  position:relative;top:100px;
}
.sec5 h1{
	position:relative;top:20px;
}
.sec6 {
  clear: left;
  position:relative;top:120px;
}
.sec6_text{
    position:relative;top:30px;
	float: right;
	padding:10px;
    width:400px;
    margin-right:30px;
}
.sec6 p{
    font-size: 14px;
    color: #FFFFFF;
    background-color: #FF9900;
    padding:10px;
}
.sec6 ul{
    width:380px;
    margin:10px;
}
.sec6 li{
    margin:10px;
}

.titlepart1_1{
	width:80%;
	padding:10px;
	border: 2px solid #ec6800;
	border-radius:12px;
	background:#fff;
	color:#ec6800;
	font-size:16pt;
	margin-bottom:0px;
}

.titlepart1_2{
	width:0px;
	height:0px;
	border-style: solid;border-width: 20px 5px 0 26px;
	border-color: #ec6800 transparent transparent transparent;margin-left:21px;
}
.titlepart1_3{
	width:0px;
	height:0px;border-style: solid;
	border-width: 18px 5px 0 25px;
	border-color: #fff transparent transparent transparent;
	margin-left:21px;margin-top:-22px;margin-bottom:20px;
}
.clndr{
	float: left;
}
iframe {
	width:500px;height:410px;border: 0px;
}

.sec7 {
  clear: left;
  position:relative;top:100px;
}
.sec7 td{
 text-align:center;
 padding:10px;
 font-size:10pt;
}
.table_header{
    padding:10px;
border-left: 25px solid #769164;padding: 7px;background: #e0ffcc;border-radius: 20px;box-shadow: 3px 3px 3px;color: #769164;
}
.table_cell{
border-left: 25px solid #769164;padding: 7px;background: #ffffff;color: #769164;
}
.sec8 {
  clear: left;
  position:relative;top:120px;
}
.sec9 {
  clear: left;
  position:relative;top:100px;
}
.sec10 {
  clear: left;
  position:relative;top:100px;
}
footer {
  clear: left;
  position:absolute; bottom:0px;
}