html { height:100%; }



a{/*リンクされた文字*/
    color:#000000;
    font-style:normal;
    text-decoration:underline;
}

a:hover {/*マウスをのせたとき*/
    color:#999999;
    font-style:normal;
    text-decoration:underline;
}

a.linklink{
MARGIN-left:0px;
color:#000000;
display:block;
width:90%;
padding-top:3px;
padding-bottom:3px;
text-align:center;
border:1px solid;
border-color:#008000 5px;
background:#FFFFFF;
text-decoration: none;
}

a.linklink:hover{
color:#FFFFFF;
background:#008000;
border:1px solid ;
border-color:#FFFFFF;
text-decoration: none;
}





/*pc_cssここから*/

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

BODY {
	background-image: url("takeshi.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-family: 'Anton', sans-serif;
	color: #000000;
	letter-spacing: 0.1em;
	MARGIN:0;
}


.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}



img {
	width :25%; height:auto;
}

img.takeshi{
width:100%; height:auto;
}



h1 {
  font-size: 120%; /* 文字サイズを15px */
  color: #000000;/* 文字色を#FF99CC */
  MARGIN-TOP: 20px;
  MARGIN-bottom: 20px;
  BORDER-TOP: #008000 5px solid;
  border-bottom:#008000 5px solid;
  PADDING-TOP: 50px;
  PADDING-BOTTOM: 50px;
}

h2 {
  font-size: 90%; /* 文字サイズを12px */
  color: #000000;/* 文字色を#666666 */
  MARGIN-TOP: 20px;
}

h2.tdd {
  font-size: 90%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-TOP: 20px;
}

h3 {
  font-size: 90%; /* 文字サイズを12px */
  color: #666666;/* 文字色を#666666 */
  MARGIN-LEFT: 20px;
}


img.aaa{
	width :90%; height:auto;
}


.box_contents1{
	clear:both;
	BORDER-TOP: #008000 10px solid;
        border-bottom:#008000 10px solid;
        border-left:#008000 10px solid;
        border-right:#008000 10px solid;
	WIDTH: 50%;
        HEIGHT: auto; 
	PADDING-TOP: 2%;
	PADDING-BOTTOM: 2%;
	PADDING-RIGHT: 2%;
	PADDING-LEFT: 2%;
	MARGIN:1%;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 2%;
	background-color: #FFFFFF;
	opacity:0.9;
}

.top_contents1{
	clear:both;
	BORDER-TOP: #000000 0px solid;
        border-bottom:#000000 0px solid;
        border-left:#000000 0px solid;
        border-right:#000000 0px solid;
	WIDTH: 50%;
        HEIGHT: auto; 
	PADDING-TOP: 0;
	PADDING-BOTTOM: 0;
	PADDING-RIGHT: 0;
	PADDING-LEFT: 0;
	MARGIN:1%;
	MARGIN-TOP: 0;
	MARGIN-BOTTOM:0;
}

img.aaa{
	width :100%; height:auto;
	margin: 0px;
}

.foot_contents1{
	clear:both;
	BORDER-TOP: #000000 0px solid;
        border-bottom:#000000 0px solid;
        border-left:#000000 0px solid;
        border-right:#000000 0px solid;
	WIDTH: 100%;
        HEIGHT: auto; 
	PADDING-TOP: 0;
	PADDING-BOTTOM: 0;
	PADDING-RIGHT: 0;
	PADDING-LEFT: 0;
	MARGIN:0;
	MARGIN-TOP: 0;
	MARGIN-BOTTOM:0;
}


*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
table {
  border-collapse: collapse;
  width: 90%;
}
table th,
table td {
  padding: 10px;
  border: 5px solid #008000;
  width: 50%;

}
table th {
  background-color: #008000;
  text-align: center;
  border: 5px solid #339900;
}




#guy {
  position: fixed;
  right: 0;
  bottom: 0;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 25%;
  height: auto;
  z-index: 1;
}

#guy img {
  width: 100%;
  height: auto;
  vertical-align: baseline;
}

#kuji {
  position: fixed;
  right: 0;
  bottom: 0;
  padding-right: 5px;
  padding-bottom: 0px;
  width: 33%;
  height: auto;
  z-index: 1;
}

#kuji img {
  width: 100%;
  height: auto;
  -webkit-transform: rotate(0deg);　 /* chrome、safari　*/
  -moz-transform: rotate(0deg);　 /* firefox　*/

  vertical-align: baseline;
}



}/*pc_cssここまで*/


/*モバイル_cssここから*/

@media screen and (max-width:899px) {

BODY {
	background-image: url("takeshi.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-family: 'Anton', sans-serif;
	color: #000000;
	letter-spacing: 0.1em;
	MARGIN:0;
}

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


h1 {
  font-size: 120%; /* 文字サイズを15px */
  color: #000000;/* 文字色を#FF99CC */
  MARGIN: 10px;
  BORDER-TOP: #008000 2px solid;
  border-bottom:#008000 2px solid;
  PADDING-TOP: 50px;
  PADDING-BOTTOM: 50px;
}

h2 {
  font-size: 70%; /* 文字サイズを12px */
  color: #000000;/* 文字色を#666666 */
  MARGIN-TOP: 2%;
  line-height:200%;
}

h2.tdd {
  font-size: 90%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-TOP: 20px;
}

h3 {
  font-size: 60%; /* 文字サイズを12px */
  color: #666666;/* 文字色を#666666 */
  MARGIN-LEFT: 40px;
}

img {
	width :25%; height:auto;
}

img.aaa{
	width :90%; height:auto;
	margin: 0px;
}

img.bbb{
	width :auto; height:70%;
}

img.takeshi{
width:90%; 
height:auto;
}
	
.box_contents1{
	align: left;
        clear:both;
	BORDER-TOP: #008000 5px solid;
        border-bottom: #008000 5px solid;
        border-left:#008000 5px solid;
        border-right:#008000 5px solid;
	WIDTH: 90%;
        HEIGHT: auto; 
	PADDING-TOP: 10%;
	PADDING-BOTTOM: 10%;
	MARGIN:auto;
	MARGIN-TOP: 1%;
	MARGIN-BOTTOM: 1%;
	background-color: #FFFFFF;
	opacity:0.9;
}

.top_contents1{
	clear:both;
	BORDER-TOP: #000000 0px solid;
        border-bottom:#000000 1px solid;
        border-left:#000000 0px solid;
        border-right:#000000 0px solid;
	WIDTH: 100%;
        HEIGHT: auto; 
	PADDING: 0px;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM:0px;
}

.foot_contents1{
	clear:both;
	BORDER-TOP: #000000 0px solid;
        border-bottom:#000000 0px solid;
        border-left:#000000 0px solid;
        border-right:#000000 0px solid;
	WIDTH: 100%;
        HEIGHT: auto; 
	PADDING-TOP: 0;
	PADDING-BOTTOM:0;
	PADDING-RIGHT: 0;
	PADDING-LEFT: 0;
	MARGIN:0;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM:0;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  width: 90%;
}
table th,
table td {
  padding: 10px;
  border: 1px solid #000000;
}
table th {
  background-color: #008000;
  text-align: center;
  width: 50%;
   border: 1px solid #FFFFFF;
}

#guy {
  position: fixed;
  right: 0;
  bottom: 0;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 25%;
  height: auto;
  z-index: 1;
}

#guy img {
  width: 100%;
  height: auto;
  vertical-align: baseline;
}

#kuji {
  position: fixed;
  right: 0;
  bottom: 0;
  padding-right: 5px;
  padding-bottom: 0px;
  width: 33%;
  height: auto;
  z-index: 1;
}

#kuji img {
  width: 100%;
  height: auto;
  vertical-align: baseline;
  -webkit-transform: rotate(0deg);　 /* chrome、safari　*/
  -moz-transform: rotate(0deg);　 /* firefox　*/
}

}/*モバイル_cssここまで*/