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

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

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


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


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

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

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

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

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




#box_header {
	WIDTH: 900px;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
}

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

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

#container {
	MARGIN:auto;
	MARGIN-TOP: 10px;
	width: 900px;
	max-width: 100%;
}

#navigation {
      float: none;
      width: 900px;
      max-width: 100%;
}

#contents01 {

	MARGIN:0px;
	float: none;
	width: 900px;
	max-width: 100%;
	line-height:150%;
}

#contents02 {
	clear: none;
	MARGIN:auto;
	width: 900px;
	max-width: 100%;
	line-height:150%;
}

#box_footer {
	clear: both;
	WIDTH: 900px;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM:0px;
	font-size: 100%; color: #001a43;
	line-height:150%;
}




#box_contents{
	
        BORDER-TOP: #666666 1px dashed;
	WIDTH: 70%; 
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px
	PADDING-LEFT: 5px;
	MARGIN-BOTTOM: 10px;
	font-size: 90%; color: #666666;
	line-height:150%;
}








}/*@media screen and (min-width:900px)ここまで*/

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

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

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

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

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


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


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

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

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

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

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




#box_header {
	WIDTH: 95%;
	MARGIN:auto;
	MARGIN-TOP: 2px;
	MARGIN-BOTTOM: 2px; 
}

.box_line {
	clear: both;
	WIDTH: 100%;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
	BORDER-TOP: #001a43 1px dashed;
}

#pan {
	clear: both;
	WIDTH: 95%;
	MARGIN:auto;
}

#container {
	MARGIN:auto;
	MARGIN-TOP: 10px;
	width: 95%;
	max-width: 95%;
}

#navigation {
      float: none;
      width: 100%;
}

#contents01 {

	MARGIN:0px;
	float: none;
	width: 100%;
	line-height:150%;
}

#contents02 {
	clear: none;
	MARGIN:auto;
	width: 95%;
	line-height:150%;
}

#box_footer {
	clear: both;
	WIDTH: 95%;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM:0px;
	font-size: 100%; color: #001a43;
	line-height:150%;
}




#box_contents{
	
        BORDER-TOP: #666666 1px dashed;
	WIDTH: 95%; 
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px
	PADDING-LEFT: 5px;
	MARGIN-BOTTOM: 10px;
	font-size: 90%; color: #666666;
	line-height:150%;
}





}