@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}



img {
border:none;
}

.clear {
clear:both;
}

ul {
margin: 0;
padding: 0;
}

ul li {
list-style:none;
margin: 0;
padding: 0;
}

element.style {
display:block;
}

#tab1, #tab2, #tab3 {
float: left;
margin:0;
padding: 20px 20px 0 20px;
*padding: 20px;
width:620px;
height: auto;
vertical-align: top;
}


.usual {
float: left;
margin:0;
padding:0;
background-image: url(../showcase/img/tabBox_back.jpg);
background-repeat: repeat-y;
}


.usual li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


.showcaseTab1 a:link, .showcaseTab1 a:visited {
float:left;
display: block;
width: 220px;
height: 40px;
background-image: url(../showcase/img/02img_tab01.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor:default;
text-indent: -9999px;
}

.showcaseTab1 a:hover, .showcaseTab1 a:active {
float:left;
display: block;
width: 220px;
height: 40px;
background-image: url(../showcase/img/02img_tab01b.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor:default;
text-indent: -9999px;
}


.showcaseTab1 a.selected {
float:left;
display: block;
width: 220px;
height: 40px;
background-image: url(../showcase/img/02img_tab01on.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor:default;
text-indent: -9999px;
}


.showcaseTab2 a:link, .showcaseTab2 a:visited {
float:left;
display: block;
width: 220px;
height: 40px;
background-image: url(../showcase/img/02img_tab02.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor:default;
text-indent: -9999px;
}

.showcaseTab2 a:hover, .showcaseTab2 a:active {
float:left;
display: block;
width: 220px;
height: 40px;
background-image: url(../showcase/img/02img_tab02b.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor:default;
text-indent: -9999px;
}


.showcaseTab2 a.selected {
float:left;
display: block;
width: 220px;
height: 40px;
background-image: url(../showcase/img/02img_tab02on.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor:default;
text-indent: -9999px;
}

.showcaseTab3 {
margin: 0;
padding: 0;
height: 40px;
}

.showcaseTab4 a:link, .showcaseTab4 a:visited {
float:left;
display: block;
width: 107px;
height: 40px;
background-image: url(../showcase/img/02img_tab04.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor:default;
text-indent: -9999px;
}

.showcaseTab4 a:hover, .showcaseTab4 a:active {
float:left;
display: block;
width: 107px;
height: 40px;
background-image: url(../showcase/img/02img_tab04b.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor:default;
text-indent: -9999px;
}


.showcaseTab4 a.selected {
float:left;
display: block;
width: 107px;
height: 40px;
background-image: url(../showcase/img/02img_tab04.jpg);
background-repeat: no-repeat;
margin: 0;
padding: 0;
cursor:default;
text-indent: -9999px;
}

/*

.usual ul a.selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:snow none repeat scroll 0 0;
border-bottom:1px solid snow;
color:#000000;
cursor:default;
margin-bottom:0;
}

.usual ul a {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:#444444 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:11px;
margin:1px 1px 1px 0;
padding:6px 10px;
text-decoration:none !important;
}

.usual ul a.selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:snow none repeat scroll 0 0;
border-bottom:1px solid snow;
color:#000000;
cursor:default;
margin-bottom:0;
}


.usual div {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:snow none repeat scroll 0 0;
clear:left;
padding:10px 10px 8px 0;
}
*/


#imgView li, #imgView2 li {
float:left;
margin: 0 14px 10px 0;
}

#imgView3 li, #imgView4 li, #imgView5 li, #imgView6 li, #imgView7 li, #imgView8 li, #imgView9 li, #imgView10 li {
float:none;
margin: 0;
padding: 5px 5px 5px 32px;
border-bottom: 1px dotted #ccc;
line-height: 1.7;
}

#imgView3 li.news, #imgView4 li.news, #imgView5 li.news, #imgView6 li.news, #imgView7 li.news, #imgView8 li.news, #imgView9 li.news, #imgView10 li.news {
float:none;
margin: 0;
padding: 5px 5px 5px 32px;
border-bottom: 1px dotted #ccc;
background-image: url(../showcase/img/newIcon.jpg);
background-repeat: no-repeat;
background-position: 0 11px;
line-height: 1.7;
}

#imgView li a:link, #imgView li a:hover, #imgView li a:visited, #imgView li a:active,
#imgView2 li a:link, #imgView2 li a:hover, #imgView2 li a:visited, #imgView2 li a:active,
#imgView3 li a:link, #imgView3 li a:hover, #imgView3 li a:visited, #imgView3 li a:active,
#imgView4 li a:link, #imgView4 li a:hover, #imgView4 li a:visited, #imgView4 li a:active,
#imgView5 li a:link, #imgView5 li a:hover, #imgView5 li a:visited, #imgView5 li a:active,
#imgView6 li a:link, #imgView6 li a:hover, #imgView6 li a:visited, #imgView6 li a:active,
#imgView7 li a:link, #imgView7 li a:hover, #imgView7 li a:visited, #imgView7 li a:active,
#imgView8 li a:link, #imgView8 li a:hover, #imgView8 li a:visited, #imgView8 li a:active,
#imgView9 li a:link, #imgView9 li a:hover, #imgView9 li a:visited, #imgView9 li a:active,
#imgView10 li a:link, #imgView10 li a:hover, #imgView10 li a:visited, #imgView10 li a:active {
background-color:#FFFFFF;
margin: 0;
padding:0;
text-decoration: none;
}

#imgView3 li a:visited,
#imgView4 li a:visited,
#imgView5 li a:visited,
#imgView6 li a:visited,
#imgView7 li a:visited,
#imgView8 li a:visited,
#imgView9 li a:visited,
#imgView10 li a:visited {
background-color:#FFFFFF;
margin: 0;
padding:0;
color: #946f3e;
text-decoration: none;
}


#imgView li img, #imgView2 li img {
padding:5px;
margin:0;
background-color:#ccc;
}

.tabBottom {
float: left;
margin: 0;
padding: 0;
}


/*	コメント	*/
#tooltip{
	width: 210px;
	position: absolute;
	border: 3px solid #333;
	background: #444;
	padding: 5px;
	color: #FFF;
	display:none;
	text-align: left;
	font-size: 11px;
}
