@charset "UTF-8";
@import "../../common/css/reset.css";
/*@import "../../common/css/template.css";*/
@import "../../common/css/banner.css";
@import "../../common/css/photo.css";
@import "../../common/css/renewal.css";

/* お知らせ詳細 */
/**************************************************/
#newsDetail{min-width:1220px;clear:both;margin-bottom:40px;}
#newsDetail .maxWidth{width:1090px;padding-left:130px;}

#detailDefault{width:960px;margin-bottom:30px;}
#detailDefault h2{color:#333;font-size:185%;font-weight:bold;line-height:1.2em;padding:20px 0px;}
#detailDefault h3{color:#333;font-size:162%;font-weight:bold;line-height:1.2em;padding:0px 0px 15px;}
#detailDefault p{color:#333;font-size:92%;line-height:1.5em;}
#detailDefault p.detailImage{margin-bottom:15px;}
#detailDefault p.detailDate{color:#98710A;font-size:100%;line-height:1.6em;text-align:right;font-weight:bold;}

.detailVariation{width:960px;min-height:400px;position:relative;text-align:right;}
.detailVariation div{width:300px;margin-left:auto;}
.detailVariation div.detailImage{width:300px;position:absolute;top:0px;}
.detailVariation p{color:#333;font-size:92%;line-height:1.5em;}

#subImage1{left:0px;}
#subImage2{left:330px;}

div.movie{position:relative;}
div.movie iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;z-index:2;}
div.movie:before{content:'';display:block;padding-top:56.25%;position:relative;z-index:1;}

.detailSpare{width:960px;}
.detailSpare p{color:#333;font-size:92%;line-height:1.5em;padding-top:30px;}
.detailSpare p.detailImage img{max-width:100%;}

/* 一覧へ戻る */
/**************************************************/
#backIndex{width:960px;height:auto;text-align:right;margin-top:60px;position:relative;}
#backIndex p{width:234px;margin-left:auto;}

#detailSns{width:660px;position:absolute;left:0px;top:0px;}
#detailSns li{width:110px;overflow:visible;float:left;}

.submit{width:180px;margin:20px auto 30px;}
.submit a{display:block;position:relative;border:1px solid #beb194;background-color:#beb194;}
.submit a:after{content:'';display:block;padding-top:15.731%;position:relative;z-index:1;}
.submit a span{display:block;position:absolute;left:0;width:100%;top:0;font-size:12px;line-height:28px;text-align:center;}
.submit a span:after{content:'';display:block;position:absolute;right:14px;width:100%;top:11px;font-size:12px;line-height:28px;text-align:center;width:6px;height:6px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.submit a span.fadeNormal{background-color:#beb194;color:#FFF;}
.submit a span.fadeNormal:after{border-top:1px solid #FFF;border-right:1px solid #FFF;}
.submit a span.fadeOver{background-color:#FFF;color:#beb194;}
.submit a span.fadeOver:after{border-top:1px solid #beb194;border-right:1px solid #beb194;}

#backIndex p{width:180px;margin:20px auto 30px;}
#backIndex p a{display:block;position:relative;border:1px solid #beb194;background-color:#beb194;}
#backIndex p a:after{content:'';display:block;padding-top:15.731%;position:relative;z-index:1;}
#backIndex p a span{display:block;position:absolute;left:0;width:100%;top:0;font-size:12px;line-height:28px;text-align:center;}
#backIndex p a span:after{content:'';display:block;position:absolute;right:14px;width:100%;top:11px;font-size:12px;line-height:28px;text-align:center;width:6px;height:6px;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
#backIndex p a span.fadeNormal{background-color:#beb194;color:#FFF;}
#backIndex p a span.fadeNormal:after{border-top:1px solid #FFF;border-right:1px solid #FFF;}
#backIndex p a span.fadeOver{background-color:#FFF;color:#beb194;}
#backIndex p a span.fadeOver:after{border-top:1px solid #beb194;border-right:1px solid #beb194;}

/* ページング */
/**************************************************/
#newsIndex{width:960px;height:70px;margin-top:35px;}
#newsIndex ul{width:100%;text-align:center;}
#newsIndex li{font-size:92%;display:inline;line-height:30px;padding:0px 3px;}

#newsIndex a,
#newsIndex span{border:1px solid #CCC;padding:5px;background-color:#FFFFF0;text-align:center;}

#newsIndex a{color:#999;text-decoration:underline;}
#newsIndex a:hover{text-decoration:none;}

#newsIndex span{color:#999;border:1px solid #FFFFF0;padding:5px 0px;}

#newsIndex .detail span{text-decoration:underline;}

#newsIndex .skip a{border:1px solid #FFFFF0;text-decoration:none;padding:5px 0px;}
#newsIndex .skip a:hover{text-decoration:underline;}

/**************************************************/