
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:#666666;
    font-style:normal;
    text-decoration:underline;
}

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

/*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: 100%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#FFFFFF */
  MARGIN-TOP: 5px;
  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;
}


a.linklink{
MARGIN:auto;
display:block;
width:700px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
border:1px solid;
border-color:#666666;
background:#FFFFFF;
}

a.linklink:hover{
background:#666666;
}

.big_box{
	clear: both;
	WIDTH: 900px;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
	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: 900px;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
}



.contents01 {
	clear: both;
	MARGIN:auto;
	float: none;
	width: 900px;
	line-height:150%;
	background-color: #666666;
	
}

.contents02 {
	clear: both;
	float: none;
	width: 900px;
	line-height:150%;
	MARGIN:auto;
}




#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%;
}

}

/*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: 80%; /* 文字サイズを12px */
  color: #FFFFFF;/* 文字色を#FFFFFF */
  MARGIN-TOP: 5px;
  padding-top:0.5%;
  padding-bottom:0.5%;

}


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

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



a.linklink{
MARGIN-left:0px;
display:block;
width:98%;
padding-top:3px;
padding-bottom:3px;
text-align:center;
border:1px solid;
border-color:#666666;
background:#FFFFFF;
}

a.linklink:hover{
background:#666666;
}


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

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

#box_header {
	width:95%;
	MARGIN:auto;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px; 
}

img.aaa{
	width :900px; height:auto;
}

.contents01 {
	clear: both;
	MARGIN:auto;
	float: none;
	width:95%;
	line-height:150%;
	background-color: #666666;
	
}

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



#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%;
}

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