BODY {
	margin:0px;          /* ページ全体のmargin */
	padding:0px;         /* ページ全体のpadding */
	text-align:center;   /* 下記のautoに未対応用のセンタリング */
	font-family: 'Meiryo UI',sans-serif; font-size: 100%; line-height:150%; color: #333333;
	
}

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

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

/*pc用cssここから*/
@media screen and (min-width:900px){


h1 {
  font-size: 120%; /* 文字サイズを15px */
  color: #333333;/* 文字色を#FF99CC */
  MARGIN-TOP: 0px;
  MARGIN-LEFT: 0px;
}


h2 {
  font-size: 150%; /* 文字サイズを12px */
  color: #FF0000;/* 文字色を#FFFFFF */
  padding-top:0.5%;
  padding-bottom:0.5%;
}


h3 {
  font-size: 100%; /* 文字サイズを12px */
  color: #666666;/* 文字色を#666666 */
  MARGIN-LEFT: 5px;
  font-family: 'Meiryo UI',sans-serif;
}

p{
  font-size: 120%; /* 文字サイズを12px */
  color: #999999;/* 文字色を#FFFFFF */
  MARGIN:5%;
  line-height:150%;
}

.vertical {
        writing-mode: vertical-rl;
    }

a.linklink{
MARGIN:auto;
MARGIN-BOTTOM:20px;
display:block;
width:290px;
padding-top:30px;
padding-bottom:30px;
text-align:center;
border:5px solid;
background:#FFFFFF;
color:#FF0000;
text-decoration: none;
}

a.linklink:hover{
background:#FF0000;
color:#FFFFFF;
border-color:#FF0000;
}

a.linklink2{
MARGIN:auto;
MARGIN-BOTTOM:20px;
display:block;
width:290px;
padding-top:30px;
padding-bottom:30px;
text-align:center;
border:5px solid;
background:#FFFFFF;
color:#FF0000;
text-decoration: none;
}

a.linklink2:hover{
background:#FF0000;
color:#FFFFFF;
border-color:#FF0000;
}


.big_box{
	clear: both;
	WIDTH: 100%;
	MARGIN:0px;
	back-ground-color:#FFFFFF;
}

.box_line {
	clear: both;
	WIDTH: 900px;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
	BORDER-TOP: #666666 1px dashed;
}

#pan {
	clear: both;
	WIDTH: 900px;
	MARGIN:auto;
}

#box_header {
	WIDTH: auto;
	HEIGHT: 90%;
	MARGIN:0px
	position: fixed;
	top:0px;
	z-index: 1;
}

.box_header {
	WIDTH: auto;
	position: relative;
	top:0px;
	z-index:-1;
}

.contents00 {
	clear: both;
	MARGIN:auto;
	float: none;
	width: 50%;
	height:50%;
	line-height:150%;

	position: absolute;
	top: 25%;
	left:25%;
	opacity: 1;
	z-index:1;

	}

.contents01 {
	clear: both;
	MARGIN:auto;
	float: none;
	width: 100%;
	line-height:150%;
	background-color: #FFFFFF;
	position: relative;
	BORDER-TOP: #FF0000 20px solid;
	}

.contents02 {
	clear: both;
	float: none;
	width: 80%;
	line-height:150%;
	MARGIN:auto;
	MARGIN-TOP:30px;
	BORDER: #FF0000 10px solid;
}

.contents03 {
	clear: both;
	float: none;
	width: 80%;
	line-height:150%;
	MARGIN:auto;
	MARGIN-TOP:30px;
	BORDER-TOP: #FF0000 10px dashed;
	BORDER-BOTTOM: #FF0000 10px dashed;
	word-break: break-all
}

img.b{
	width :300px;
	height:auto;
}


.box_footer {
	clear: both;
	float: none;
	width: 80%;
	line-height:150%;
	MARGIN:auto;
	BORDER: #FF0000 0px solid;
}

.yohaku {
	clear: both;
	MARGIN:auto;
	MARGIN-TOP:5px;
	MARGIN-BOTTOM:5px;
	float: none;
	width: 80%;
	height:1px;
	background-color: #FFFFFF;
	PADDING: 2%;
	BORDER: #FF0000 0px solid;
}

}

/*pc用cssここまで*/

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

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

h1 {
  font-size: 100%; /* 文字サイズを15px */
  color: #333333;/* 文字色を#FF99CC */
  MARGIN-TOP: 0px;
  MARGIN-LEFT: 0px;
}


h2 {
  font-size: 100%; /* 文字サイズを12px */
  color: #FF0000;/* 文字色を#FFFFFF */
  MARGIN:auto;
  line-height:150%;
}


h3 {
  font-size: 80%; /* 文字サイズを12px */
  color: #666666;/* 文字色を#666666 */
  MARGIN-LEFT: 5px;
  font-family: 'Meiryo UI',sans-serif;
}

p{
  font-size: 80%; /* 文字サイズを12px */
  color: #999999;/* 文字色を#FFFFFF */
  MARGIN:5%;
  MARGIN-BOTTOM:10%;
  line-height:150%;
}

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

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

img.b{
	MARGIN:auto;
	width :100%;
	height:auto;
}


a.linklink{
MARGIN:auto;
display:block;
width:100%;
padding-top:5%;
padding-bottom:5%;
text-align:center;
border:1px solid;
background:#FFFFFF;
color:#FF0000;
text-decoration: none;
}

a.linklink:hover{
background:#FF0000;
color:#FFFFFF;
}

a.linklink2{
MARGIN:auto;
display:block;
width:100%;
padding-top:5%;
padding-bottom:5%;
text-align:center;
border:1px solid;
background:#FF0000;
color:#FFFFFF;
text-decoration: none;
}

a.linklink2:hover{
background:#FFFFFF;
color:#FF0000;
}


.box_line {
	clear: both;
	width:95%;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
	BORDER-TOP: #666666 1px dashed;
}

.box_header {
	height: 100%;
	position: relative;
	top:0px;
	z-index:-1;

}

.contents00 {
	clear: both;
	MARGIN:auto;
	float: none;
	width: 50%;
	height:50%;
	line-height:150%;
	position: absolute;
	top: 25%;
	left:25%;
	opacity: 1;
	z-index:1;
	}

.contents01 {
	clear: both;
	MARGIN:auto;
	float: none;
	width: 100%;
	PADDING-TOP: 5%;
	BORDER-TOP: #FF0000 5px solid;
}

.contents02 {
	clear: both;
	MARGIN:auto;
	MARGIN-TOP:30px;
	MARGIN-BOTTOM:30px;
	float: none;
	width: 80%;
	line-height:150%;
	background-color: #FFFFFF;
	PADDING: 2%;
	BORDER: #FF0000 5px solid;
}

.contents03 {
	clear: both;
	MARGIN:auto;
	MARGIN-TOP:30px;
	MARGIN-BOTTOM:30px;
	float: none;
	width: 80%;
	line-height:150%;
	background-color: #FFFFFF;
	PADDING: 2%;
	BORDER-TOP: #FF0000 1px dashed;
	BORDER-BOTTOM: #FF0000 1px dashed;
	word-break: break-all
}



.box_footer {
	clear: both;
	MARGIN:auto;
	MARGIN-TOP:30px;
	MARGIN-BOTTOM:30px;
	float: none;
	width: 80%;
	line-height:150%;
	background-color: #FF0000;
	PADDING: 2%;
	BORDER: #FF0000 5px solid;
}

.yohaku {
	clear: both;
	MARGIN:auto;
	MARGIN-TOP:30px;
	MARGIN-BOTTOM:30px;
	float: none;
	width: 80%;
	height:30px;
	line-height:150%;
	background-color: #FFFFFF;
	PADDING: 2%;
	BORDER: #FF0000 0px solid;
}

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