@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 11px 4px 11px;
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 2.2727272%;
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: 292px;
	line-height: 0;
	margin:0 auto;
}
.mainimage {
width: 80%;
margin:0 auto 10px auto ;
}
.mainimage > img {
	max-width: 100%;
}
.thumbnails {
/*	margin: 10px 0 0 0;*/
}
.thumbnails li {
	float: left;
	margin: 0;
	border: 1px solid #ccc;
  width: 32.65%;
}
.thumbnails li a img {
	width: 100%;
}

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