@charset "utf-8";
/*\*/
@import "reset.css";
@import "common.css";


/*現在のコンテンツメニュー設定
============================*/
#top ul li.gallery a {
background-position:-238px -80px;
}
/*==========================*/

#gallery {
width:770px;
text-align:left;
padding:10px 0;
margin-left:15px;
}

#gallery ul.submenu {
margin-bottom:15px;
}

#gallery ul.submenu li {
display:inline;
margin-right:5px;
padding-right:5px;
border-right:1px #ccc solid;
font-weight:bold;
color:#666;
}

#gallery ul.submenu li a{
background-color:#fff;
padding:3px 5px;
font-weight:normal;
}

#gallery ul.submenu li.soon {
font-weight:normal;
color:#999;
font-weight:bold;
}

#gallery ul.left {
float:left;
}

#gallery ul.right {
float:right;
}

#gallery #photos {
clear:both;
margin-bottom:15px;
}

#gallery #photos .bigImage {
width:500px;
height:500px;
float:left;
display:inline;
text-align:center;
}

#gallery #photos .thumImage {
float:right;
width:252px;
} 

#gallery #photos .thumImage ul li {
float:left;
width:60px;
height:60px;
margin:0 3px 3px 0;
text-align:center;
background:#eee;
vertical-align:middle;
}

#gallery #photos .thumImage ul li a:hover img {
opacity:0.6;
filter: alpha(opacity=60);
}

#gallery #phtoTitle {
padding:10px 0;
text-align:left;
}



/*Clearfix
===========================================================*/
#gallery #photos:after {
content:".";
height:0;
clear:both;
visibility:hidden;
display:block;
}

#gallery #photos {
display:inline-block;
}

/*\*/
* html #gallery #photos {
height:1%;
}

#gallery #photos {
display:block;
}