@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

}
/* ---------- リンク指定 ---------- */

a:link    { color:#8c8c8c; text-decoration:none ; }
a:visited { color:#8c8c8c; text-decoration:none ; }
a:hover { background-color: #cfDED3 ; } 
a:active { color: #8c8c8c; } 


/* ---------- 背景色指定 ---------- */

.bc1	{
	background-color:#E4DFFD;
	}

.bc2	{
	background-color:#E4E0FE;
	}

a img {
	border: none;
}


h1 {
	font-size: 18px;
	font-weight: normal;
	padding: 5px;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	background-color: #4b6972;
	color: white;
	margin:0px 0px 0px 0px;
	padding: 5px;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	background-color: #a5a5a5;
	color: white;
	margin:0px 0px 0px 0px;
	padding: 5px;
}

p	{
	margin-left: 5px;
	marigin-right: 5px;
	padding-left: 5px;
	}