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

body {
background: url(../img/bg.jpg) top right no-repeat;
background-size:50% auto;
}

/* =========
:: #container
========= */
#container {
margin-top: 7%;
}

/* =========
:: #conts
========= */
/* -- top --*/
ul.galleryList li{
float: left;	
margin: 50px 15px 30px 0;
}
.galleryBox {
width: 290px;
height: 290px;
border: 1px solid #ccc;
position:relative;
display:block;
box-sizing: border-box;
}
.galleryBox img{
width: 100%;
z-index:0;
}
.galleryBox a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;	
}
.galleryBox p{
width: 268px;
padding: 10px;
background: #fff;
opacity: 0.8;
filter: alpha(opacity=80);/*IE7*/
font-family: serif;
font-weight: bold;
position:absolute;
bottom:0px;
left:0px;
z-index:1;
}
.galleryBox p span{
padding: 3px 5px;
background: #666;
font-family: sans-serif;
font-weight: normal;
color: #fff;
font-size: 11px;
margin: 0 10px 0 0;
}
.topiBox {
width: 290px;
height: 290px;
box-sizing: border-box;
}
.topiBox img{
width: 100%;
}
.topiBox a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;	
}
/* -- gallery --*/
#conts  {
background: #fff;
line-height: 1.7;
}
#conts  ul.subMenu{
margin: 0 0 0 0;
padding: 10px 0px 20px 0px;
border-bottom: 1px solid #999;
}
#conts  ul.subMenu li{
font-size: 16px;
float: left;
padding: 0px 12px;
margin: 10px 2px 0 2px;
border-right: 1px solid #ccc;
}
#conts  ul.subMenu li span{
border-bottom: 1px dashed #ccc;
color: #999;
}
#conts  ul.subMenu li a{
text-decoration: none;
}
#conts  ul.subMenu li a:hover{
border-bottom: 1px dashed #ccc;
}

#conts  ul.sImgList{
margin: 0;
width: 920px;
}
#conts  ul.sImgList a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;	
}
#conts  ul.sImgList li{
text-align: center;
display:inline-block; 
/display:inline; 
/zoom:1;
}
#conts  ul.sImgList li.sImg100{
margin: 100px 0 80px 0;
}
#conts  ul.sImgList li.sImg100 img{
width: 100%;	
}

#conts  ul.sImgList li.sImg80{
margin: 50px 0 0 0;
}
#conts  ul.sImgList li.sImg80 img{
width: 80%;	
}

#conts  ul.sImgList li.sImg70{
margin: 50px 0 0 0;
}
#conts  ul.sImgList li.sImg70 img{
width: 50%;	
}

#conts  ul.sImgList li.sImg50{
margin: 50px 40px 30px 40px;
width: 370px;
}
#conts  ul.sImgList li.sImg50 img{
width: 100%;	
}
#conts  ul.sImgList li.sImg30{
margin: 50px 25px 30px 25px;
width: 250px;
}
#conts  ul.sImgList li.sImg30 img{
width: 100%;	
}
#conts  p.gTxt {
text-align: center;
font-size: 18px;
font-weight: bold;
margin: 20px 0;	
background: #eee;
padding:20px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}