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


/*pc_cssここから*/

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

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


h2 {
  font-size: 20px; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#FFFFFF */
  MARGIN-TOP: 20px;
text-decoration:underline;
}


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

p {
  font-size: 14px; /* 文字サイズを17px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-TOP: 5px;
  MARGIN-bottom: 10px;
}

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

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

.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.contents02 {
	clear: both;
	float: none;
	width: 900px;
	max-width: 100%;
	line-height:150%;
	margin: auto;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

.contents03 {
	clear: both;
	float: none;
	width: 900px;
	max-width: 100%;
	line-height:150%;
	margin: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.border-radius2 {
    width: 150px;
    height: 150px;
    line-height: 150px;
    margin: 0 auto;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #000000;
    background: #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


}

/*モバイルcss*/

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

body {
  color: #000000;
  font-family: 'meiryo ui',sans-serif;
  font-size: 100%;
  height: auto;
  line-height: 150%;
}

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


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


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

p {
  font-size: 60%; /* 文字サイズを17px */
  color: #FFFFFF;/* 文字色を#666666 */
  MARGIN-TOP: 5px;
  MARGIN-bottom: 10px;
}

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

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

.alpha a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}


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


.contents02 {
	clear: both;
	float: none;
	MARGIN:auto;
	width: 100%;
	max-width: 100%;
	line-height:150%;
	text-align: left;
	background-color: rgba( 0, 0, 0, 0.7 );
	padding-top: 10px;
	padding-bottom: 10px;
}

.contents03 {
	clear: both;
	float: none;
	MARGIN:auto;
	width: 95%;
	max-width: 100%;
	line-height:150%;
	text-align: center;
}

.border-radius2{
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    font-size: 70%;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #000000;
    background: #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

}
/*モバイルボディここまで*/