@charset "utf-8";
#contents div#main {
	float:inherit;
	width:100%;
	height:auto;
	min-height:auto;
	margin:0px;
	background-color:#000;
	color:#FFF;
	font-size:large;
	line-height:auto;
	overflow:hidden;
}
#contents div#main a:link{
	color:#1E90FF
}
#contents div#main a:hovor{
	color:#ffffff
}
#contents div#main a:visited{
	color:#cc0000
}
#contents div#main img.kindaichi_top{
	margin-top:5px;
	margin-bottom:5px;
}
#kindaichi_left {
	float: left;
	width: 400px;
 	height:auto;
	line-height:1.2em
	padding-top: 0px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 40px;
	background-color:#000;
	background-image:url(../img/kindaichi/back_img3.jpg);
	background-repeat: repeat-y;	
 
}

#kindaichi_left h2.kindaichi_h2{
	visibility: hidden;
}
#kindaichi_left h3 {
  margin-bottom: 1em;
}
#kindaichi_left div.kindaichi{
	margin-top:1em;
	margin-bottom:2em;
}
#kindaichi_right {
	float: right;
	width: 480px;
	padding-right:10px;
	background-color:#000;
	font-size:medium;
	overflow:auto;
}
#kindaichi_right div#note{
	background-image:url(../img/knoter3.gif);
	background-repeat: repeat-y;
	color:#000000;
	padding-left:30px;
	padding-right:35px;
	font-size:medium;
	line-height:auto;
}
#kindaichi_right h2{
	margin-top:2em;
	margin-bottom:1em;
	line-height:auto;
	font-size:x-large;	
	color:#880040;
}
#kindaichi_right div{
	margin-top:1em;
	margin-bottom:1em;
	font-size:medium;	
}
#kindaichi_right h3{
	font-weight:bold;
	margin-bottom:0.5em;
}

@media screen and (max-width:600px) {
  #contents {
    width: 100%;
  }

  #kindaichi_right div#note {
    padding-left: 0;
    padding-right: 0;
    padding: 1em 10px 1em 30px;
  }

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

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

  #kindaichi_right h2 {
    margin-top: 1em;
    font-size: 6vw;
    font-weight: bold;
  }


}