@charset "utf-8";

#access{
	margin: 20px 0 0;
}

#access h4{
	font-weight: bold;
}
#access img{
margin:0 0 20px 0;
width:100%;
}

#image img{
margin:0 0 20px 0;
width:100%;
}

#image dl{
margin:0;
padding:0;
width:100%;
}

ul#contents li img{
margin:0;
padding:0;
width:100%;
}

dt{
font-weight:bold;
}

dd{
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px dashed #CCC;
}

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

.section{
width:auto;
}

h3{
width:768px;
}

#access img{
float:left;
margin:0 20px 20px 0;
width:320px;
}

#image{
margin:0;
padding:0;
width:768px;
}

#image img{
float:right;
margin:0 0 20px 0;
width:320px;
}

#image dl{
display:block;
margin:0 20px 0 0;
padding:0;
width:428px;
}

#image dl dt{
float:left;
width:100px;
}

ul#contents{
margin:0;
padding:0;
text-align:left;
list-style:none;
}

ul#contents li{
float:left;
margin:20px 20px 0 0;
padding:0;
width:242px;
}

.wide{
width:768px;
}

}