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

.tab-menu > li > a {
display:block;
padding:8px 0px 4px 0px;
background:#bbb;
border-radius: 5px 5px 0 0 ;
color:#fff;
font-size:12px;
}
.tab-menu > li > a:hover {
background:#a2a2a2;
}
.tab-menu > li>  a:active {
background:#757575;
}
.tab-menu > li.selected > a {
background:#f83c89;
color:#fff
}
.tab-contents {
padding:20px 0;
background:#fff;
}
.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: 320px;
background-image: url(../img/bg-photo1.png);
border: 4px solid #ED6EA1;
border-radius: 3px;
padding: 10px;
line-height: 0;
box-shadow: 2px 2px 2px rgba(141, 0, 180, 0.4);
}

.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;
  width: 32.67%;
}
.thumbnails li a img {
	width: 100%;
}

.thumbnails li.selected {
	border: 1px solid #ccc;
}