@charset "UTF-8";
/* CSS Document */
.tab-menu {
border-bottom:6px solid #ff62ce;
}
.tab-menu > li {
float:left;
margin : 0 3px 0 0 ;
}
.tab-menu li:last-child {
margin : 0;
}

.tab-menu > li > a {
display:block;
padding:5px 5px 2px 5px;
background:#bbb;
border-radius: 5px 5px 0 0 ;
color:#fff;
font-size:12px;
}
.tab-menu > li > a:hover {
background:#a2a2a2;
text-decoration: none;
}
.tab-menu > li>  a:active {
background:#757575;
}
.tab-menu > li.selected > a {
background:#ff62ce;
color:#fff
}
.tab-contents {
padding:20px 16px;
background:#ededed;
}
.tab-contents .hidden {
display:none;
}
/* スマートフォン向け `*/@media screen and (max-width:640px) {
.tab-menu > li {
margin : 0 2px 0 0 ;
}
.tab-menu > li > a {
display:block;
padding:5px 5px 3px 5px;
}
}

/**
 * 02-04　簡易的なイメージギャラリー
 */
.gallery {
	width: 300px;
	border: solid 1px #ccc;
	line-height: 0;
}
.mainimage {
	text-align: center;
}
.mainimage > img {
	max-width: 100%;
}
.thumbnails {
/*	margin: 10px 0 0 0;*/
}
.thumbnails li {
	float: left;
	margin: 0;
	border: 1px solid #ccc;
}
.thumbnails li.selected {
	border: 1px solid #ccc;
}