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

body{
	background: #FFF;
	color:#000;
}
#wrapper {
    border: 10px solid #2B61FF;
	background: none;
}
#main {
    background: rgba(0, 0, 0, 0) url("/img/body_bg.jpg") repeat scroll center top;
    min-height: inherit;
}
#photo {
    z-index: 10;
}
h1 {
    margin: -167px 0 45px;
    position: relative;
    text-align: center;
    z-index: 50;
}
#notice {
    margin: 0 0 50px;
}
#notice .container {
    width: 646px;
}
#notice .thum {
}
#notice .thumr {
    font-size: 12px;
}
#btn_group {
    background-color: #002746;
    margin: 0 0 50px;
}
#btn_group .thum {
}
#btn_group .container {
    width: 980px;
}
#btn_group .thumr {
}
#btn_group .thumr ul {
}
#btn_group .thumr li {
    float: left;
}
#bn_group {
    text-align: center;
}
#o_banner_box {
    text-align: center;
	margin: 40px 0 0;
}
#btn_group .thumr li:last-child {
    margin-left: -24px;
}
#bn_group ul {
}
#bn_group li {
    display: inline-block;
    margin: 0 5px;
}
#bn_groupo_banner_box ul {
}
#o_banner_box li {
    display: inline-block;
    margin: 5px;
}
#btn_group li a img, #bn_group li a img, #o_banner_box li a img  {
    transition: 0.5s;
}
#btn_group li a:hover img, #bn_group li a:hover img, #o_banner_box li a:hover img {
	filter:Alpha(opacity=60) ;
	opacity:0.6 ;
	-moz-opacity:0.6;
}
#comment {
}
h2 {
    font-size: 18px;
    letter-spacing: 0.15rem;
    margin: 50px 0 20px;
    text-align: center;
}
#comment p {
    font-size: 11px;
    text-align: center;
}


#opening_rec{}
#opening_rec h1{
	font-size:4.5rem;
	font-weight:bold;
}
#opening_rec ul{
	display:flex;
	margin:20px auto;
	width:100%;
	max-width:660px;
}
#opening_rec ul li{
	padding:1%;
}
#opening_rec ul li img{
	width:100%;
}
#opening_rec ul li img:hover{
	opacity: 0.8 ;
}