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

#top{
	height:611px;
	background:url(../image/top_back.png) center top repeat-x;
}
#top h1{
	width: 900px;
	height:611px;
	background:url(../image/top_back.png) center top repeat-x;
}
	
#nav{
	height:718px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#nav ul{
	position:absolute;
	top:645px;
	left:60px;
}
#nav li{
	float:left;
	margin-right:30px;
}


#bottom{
	min-width:900px;
	background:url(../image/bottom_back.png) center top repeat;
	padding-top: 108px; /*top nav分*/
	padding-bottom: 100px;
}

#content{
	background:#FFF;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 25px;
	padding-top: 176px;
	padding-bottom: 60px;
	position: relative;
}
#content h2{
	height:131px;
	position:absolute;
	top: -25px;
	left:50px;
	margin-bottom: 14px;
}/*content 120px*/
#kyouyu_btn{
	position: absolute;
	height: 20px;
	top: 120px;
	right: 20px;
}
#kyouyu_btn .g-plusone{
	margin-right:200px;
}

/*  profile   */
.profile{
	display:block;
	width: 877px;
	height: 270px;
	margin-left:23px;
	margin-bottom: 80px;
}
.profile li{
	float:left;
}
.profile .prof_img2{
	margin-top:-5px;
	margin-left: 10px;
}
.profile .prof_text{
	background:url(../image/profile_text_top.png) no-repeat center top;
	margin-left: 20px;
	padding-top: 40px;
	width: 435px;
	font-size:16px;
}


/* history */
.history{
	display: block;
	width:780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}
.history_img{
	width: 600px;
	margin-left:90px;
	margin-right:90px;
}
.history_text{
	width:780px;
	padding-top: 20px;
	font-size: 17px;
}
.partition_img{
	display: block;
	width: 746px;
	margin-top:50px;
	margin-bottom: 50px;
	margin-left:auto;
	margin-right: auto;
}


/* gallery */
#gallery{
	display: block;
	width:885px;
	height:auto;
	margin-left: 15px;
	margin-bottom: 160px;
}

.picture_frame{
	display:block;
	width: 270px;
	height: 268px;
	box-shadow:2px 2px 0px 2px #DEC6AE;
	background: #FFFFED;
	margin-right: 28px;
	margin-bottom: 40px;
	float:left;
	overflow:hidden;
}
.picture_frame:nth-child(3n){
	margin-right: 0px
}
.picture_frame .image_box{
	width:220px;
	height: 155px;
	margin-left:25px;
	margin-top: 30px;
	overflow:hidden;
}
.picture_frame .image_box img{
	max-width: 220px;
	max-height: auto;
}
.picture_frame .text_box{
	width: 220px;
	margin-left:25px;
	margin-top:10px;
	font-size: 19px;
	line-height:25px;
}
.picture_frame a:hover{
	text-decoration:none;
}
.picture_frame a:hover img {
 opacity: 0.5;
}


#gallery_bottom_img{
	position: absolute;
	display:block;
	width:660px;
	height: 180px;
	bottom:	30px;
	right: 20px;
}

#gallery .partition{
	width:896px;
	height: 2px;
	margin-left: -13px;
	margin-top: -10px;
	margin-bottom:11px;
	background: #e0cab4;
	float:left;
}
#gallery .pager{
	height: 25px;
	padding-right:17px;
	margin-bottom:10px;
	float:right;
	clear:both;
}
#gallery .pager div{
	float:left;
	width: 23px;
	height: 23px;
	margin:0 3px;
	border: 1px solid #7c5835;
	border-radius: 3px;
	color:#7c5835;
	background:#FFF;
	text-align:center;
	font-size: 14px;
	line-height:25px;
}
#gallery .pager div img{
	width:25px;
	height: 25px;
	margin:-1px;
}
#gallery .pager div:hover{
	cursor:pointer;
}
#gallery .pager .first, #gallery .pager .last{
	font-weight:bold;
	font-size:22px;
}
#gallery .pager .current{
	background:#7c5835;
	color: #FFF;
}
#gallery .pager .current:hover{
	cursor:default;
}
#gallery .pager .invalid:hover{
	cursor:default;
}
#gallery .pager .ellipsis:hover{
	cursor:default;
}


/* gallery_detail */
#gallery_detail{
	width:788px;
	margin-top:-20px;
	margin-left: auto;
	margin-right: auto;
}
#gallery_detail h3{
	font-size:30px;
	font-weight:bolder;
	color:#4D4D4D;
}
#gallery_detail #kyouyu_btn{
	position: static;
	margin-top: 5px;
	margin-bottom:15px;
}
#frame{
	display:table-cell;
	width:780px;
	height: 610px;
	background: #4D4D4D;
	border:4px solid #E6E6E6;
	vertical-align:middle;
	text-align:center;
}
#frame img{
	max-width:780px;;
	max-height:610px;
}
#gallery_detail_text{
	font-size:19px;
}


/* syoukai */
#syoukai_itiran{
	display: block;
	width:900px;
	height:auto;
	margin-left: 15px;
	margin-bottom: -40px;
}

.syoukai{
	display:block;
	width: 270px;
	height: 500px;
	background: #F2F2F2;
	margin-right: 30px;
	margin-bottom: 40px;
	float:left;
	position:relative;
}
.syoukai_img, .syoukai_img:before{
	display:block;
	width:268px;
	height:198px;
	border:1px solid #AAAAAA;
	position:absolute;
	top:0px;
	left:0px;
}
.syoukai_img:before{
	content:" ";
	border-bottom:none;
	border-right:none;
	top: -5px;
	left: -5px;
}
.syoukai_img img{
	max-width:268px;
	max-height:198px;
}
.syoukai a:hover .syoukai_img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.syoukai_title{
	width:240px;
	position: absolute;
	top: 215px;
	left: 15px;
}
.syoukai_title img{
	width:22px;
	height:22px;
	margin-right:5px;
	float:left;
}
.syoukai_title h4{
	color:#FF6B85;
	font-size:20px;
	line-height:22px;
	font-weight:bolder;
	float:left;
	font-stretch:extra-expanded;
}

.syoukai_text{
	width: 240px;
	position:absolute;
	top:250px;
	left:15px;
	font-size:16px;
}

.syoukai_link{
	width:240px;
	position:absolute;
	top:395px;
	left:15px;
}
.syoukai_link li{
	font-size:16px;
}
.syoukai_link li:before{
	content:url(../image/link_icon.png);
	margin-right: 3px;
}
.syoukai_link a:hover{
	text-decoration:none;
}

/* setuyaku */
#setuyakujutu{
	display:block;
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	border:1px solid #666666;
	box-shadow:-3px 3px 0px #CCCCCC;
}
#article{
	margin-left:auto;
	margin-right:auto;
}

#setuyakujutu_link{
	width:859px;
	height:270px;
	background:url(../image/setuyaku_zou.png) no-repeat center;
	position:relative;
	margin-top: 70px;
	margin-left:auto;
	margin-right:auto;
}
#setuyakujutu_link img{
	position:absolute;
	bottom: 40px;
	right: 10px;
}

#setuyakujutu a:hover, #setuyakujutu_link a:hover {
	text-decoration:none;
}
#setuyakujutu a img:hover, #setuyakujutu_link a img:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/* footer */
#footer{
	background:url(../image/footer_back.png) repeat-x;
	height: 129px;
	min-width:900px;
	color:#FFFFFF;
}
#footer p{
	color:#FFFFFF;
}
#footer .inner{
	width:900px;
	margin-left: auto;
	margin-right:auto;
}
#footer .inner a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer .inner .left{
	float:left;
	height:77px;
	margin-top:15px;
	width: 360px;
}
#footer .inner .center{
	float:left;
	height:77px;
	margin-left:30px;
	margin-top:15px;
	width:250px;
}
#footer .inner .right{
	float:left;
	height:77px;
	margin-left:20px;
	margin-top:15px;
	width:230px;
}
#footer .inner .bottom {
    font-size: 12px;
    margin: 10px auto auto;
    text-align: center;
}


.clearfix::after {

    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;

}