@media screen and (min-width: 0px) and (max-width: 580px){



BODY {font-family : "ＭＳ 明朝",serif ;}

  A:link    { color:#000000; text-decoration:none; }
  A:visited { color:#777788; text-decoration:none; }
  A:hover   { color:#999999; position:relative; left:1px; top:1px; text-decoration:none; }

  table,td {
	font-size:12px;
	color: #555555;
	line-height:16px;
	vertical-align:middle;
	}

  iframe {width:100%; height:400px;}

  img {
	max-width : 100% ;
	vertical-align : middle ;
	height : auto ;
	width /***/:auto;
	border-style:none;
	}

  hr {
	border-width: 1px 0 0 0; /* 太さ */
	border-style: solid;     /* 線の種類 */
	border-color: #AAAAAA;   /* 線の色 */
	height: 1px;             /* IE6用対策 */
	clear: both;             /* IE6用対策 */
	}

  #pc {
	display : none ;
	}

  #smart {
	width : 100% ;
	}

  #container {
	width : 100% ;
	}



#header {
	width  : auto ;
	height : auto ;
	background : #0A51A1 ;
	}

  h1 {
	font-size:12px;
	color:#FFFFFF;
	margin: 0px 2px 0px 5px;
	padding: 10px 0px 10px 0px ;
	text-align:left
	}

  #ptop {
	width : auto ;
	text-align:left ;
	background : #FFFFFF ;
	margin: 0;
	padding : 5px 2px 10px 5px ;
	font-size : 12px ;
	color : #343434 ;
	font-weight : bold ;
	}



#outline {
	width  : 100% ;
	height : auto  ;
	text-align : left ;
	border : solid 0px #9898C8 ;
	background : #FFFFFF ;
	font-size:12px;
	color:#666666;
	line-height:18px;
	}



.middle {
	width  : 100% ;
	height : auto  ;
	background : #FFFFFF ;
	}



.main {
	width  : auto ;
	height : auto ;
	text-align : center ;
	background : #FFFFFF ;
	margin : 0px 5px 15px 5px ;
	}

  .main a:link    { color : #FFFFFF ; text-decoration : none ; }
  .main a:visited { color : #FFFFFF ; text-decoration : none ; }
  .main a:hover   { color : #FFACAC ; position : relative ; left : 1px ; top : 1px ; text-decoration : none ; }

  .main h2 { border-radius: 10px 10px  0px  0px / 10px 10px  0px  0px; margin : 20px 0px 0px 0px ; padding : 7px 0px 7px 0px ; text-align : center ; background-color : #0A51A1 ; font-size : 120% ; color : #FFFFFF ; transform: scale( 1 , 1.1 ); }
  .main h3 { border-radius:  0px  0px 10px 10px /  0px  0px 10px 10px; margin :  0px 0px 0px 0px ; padding : 7px 0px 7px 0px ; text-align : center ; background-color : #0A51A1 ; font-size : 120% ; color : #FFFFFF ; transform: scale( 1 , 1.1 ); }
  .main h4 { border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; font-family:ＭＳＰ 明朝; width:180px; height:  30px; margin: 15px 0px 3px 0px; text-align:center; font-size: 115%; color:#FFFFFF; padding: 10px 0px 0px 0px; background-color:#0A51A1; }

  #p104 img {margin : 10px 0 10px 0;}

  .smart_box {
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	margin : 0px 0px 10px 0px ;
	width : 100% ;
	height : auto  ;
	background : #1A3988 ;
	padding : 15px 0px 15px 0px ;
	font-size : 16px ;
	color : #FFFFFF ;
	text-align : center ;
	}

  .box2 {
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	margin : 5px 0px 0px 0px ;
	width : 20% ;
	height : auto  ;
	background : #4A79c8 ;
	padding : 10px 0px 10px 0px ;
	font-size : 12px ;
	color : #FFFFFF ;
	text-align : center ;
	float : left ;
  }

  #info5 {
	width : auto ;
	height : 200px ;
	margin:10px 0px 20px 30px;
	padding:0px 25px 20px 0px;;
	border:#FFEF5D 0px solid;
	color:#777777;
	line-height:18px;
	text-align : left ;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-face-color: #ffefa9;
	scrollbar-track-color: #fff8dc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #fff8dc;
	scrollbar-shadow-color: #ffea79;
	crollbar-3dlight-color: #ffebcd;
	scrollbar-darkshadow-color: #8b0000;
}

  #info5 img {
	width : 40px ;
	height : 30px ;
	}

  #info5 a:link    { color : #202099 ; text-decoration : none ; }
  #info5 a:visited { color : #202099 ; text-decoration : none ; }
  #info5 a:hover   { color : #bb2020 ; position : relative ; left : 1px ; top : 1px ; text-decoration : none ; }

  #main01 {
	color:#888888;
	text-align : left;
	padding:0px 0px 0px 0px;
	margin: 10px 15px 0px 15px;
	}

  #main02 {
	color:#888888;
	text-align : left;
	margin:0px 0px 0px 15px;
	}

  #main02in {
	width : auto;
	float : left ;
	color:#888888;
	text-align : left;
	margin:0px 15px 0px 15px;
	}



.side {
	clear  : both ;
	width  : auto ;
	height : auto ;
	background : #FFFFFF ;
	text-align : center ;
	}

  /*HOMEボタンに関する設定*/
  .btn { font-size: 14px; cursor: hand; background-color: #3A7A3A; color: #ffffff;border: 3px double #121212; }

  .side h2 { margin :  0px 0px 15px 0px; padding : 5px 0px 5px 0px ; text-align : center ; background-color : #0A51A1 ; width : 100% ;  color : #FFFFFF ; font-size : 14px ; }
  .side h3 { margin : 40px 0px 10px 0px; padding : 5px 0px 5px 0px ; text-align : center ; background-color : #0A51A1 ; width : 100% ;  color : #FFFFFF ; font-size : 12px ; }
  .side h4 { margin : 40px 0px 20px 0px; padding : 5px 0px 5px 0px ; text-align : center ; background-color : #0A51A1 ; width : 100% ;  color : #FFFFFF ; font-size : 12px ; }

  #side00 {
	width : auto ;
	font-size:12px;
	color:#292929;
	text-align : center;
	padding: 0px 0 20px 0 ;
	border: medium solid #0A51A1 ;
	background : #DAEBFF ;
	}



.footer {
	clear  : both  ;
	width  : auto  ;
	height : auto  ;
	background : #FFFFFF ;
	text-align : right ;
	font-size  : 11px ;
	color      : #8989FF ;
	padding : 10px 0px 20px 0px;
	}

  .exp {
	padding: 0 20px 0 0 ;
	text-align : center ;
	font-size  : 10px ;
	color      : #8989FF ;
	}

  .exp a:link { color : #8989FF ; text-decoration : none ; }



}