@charset "utf-8";

/* ==========================================================

title : ホテル多度温泉レジデンス新館

scope : 建設工事写真集

last modify : 2015/10/28 264_tanabe PRフッターテキストスタイルを追加

2015/08/10 141_yokota

memo  : 

========================================================== */

body{

	background:#000;

}



body *{

	color:#fff;

}



/*▼▼▼ 20150929修正 ▼▼▼*/



#pagetop,
#pagetop_g,
#pagetop_a {

	position:relative!important;

	right:-40%!important;

	top:-5px!important;

	width: 120px!important;

	height:30px!important;

	background:url("../image/bg_img_top.png") no-repeat 5px 6px!important;

	margin: 24px auto 0 auto!important;

	padding: 0 0 30px 0!important;

	text-align: right!important;

}



#pagetop a{

	font-size:80%!important;

}



#pagetop_g a{

	font-size:80%!important;

}



#pagetop_a a{

	font-size:80%!important;

}



#pagetop,

#pagetop_g,

#pagetop_a{

  background:none;

  color: #fff;

  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;

  font-size: 16px;

  font-weight: normal;

  font-style: normal;

  line-height: 1.6;

  letter-spacing: 0;

  -webkit-text-size-adjust: 100%;

  background:url("../image/bg_img_top.png") no-repeat 5px 6px!important;

}



a:link { color: #ffffff;} 

a:visited { color: #ffffff;}

a:hover { color: #ffffff;} 





/*▲▲▲ 20150929修正 ▲▲▲*/



/*▼▼▼ 20150521修正 ▼▼▼*/



/* header */  

header{

	overflow:hidden;

	width:950px;

	height:141px;

	margin:0 auto;

	position:relative;

}



header p.description {

  position: absolute;

  top: 17px;

  left: 3px;

}



header div#residence_logo{

  position: absolute;

  top: 42px;

  left: 0;

}



/*header div#residence_logo {

	float:left;

	width:321px;

	height:92px;

	margin:20px 0 0 0;

}

*/



header ul#group_link {

  position: absolute;

  top: 44px;

  left: 334px;

}



/*header ul#group_link{

	float:left;

	margin:51px 0 0 14px;

}

*/



/*▲▲▲ 20150521修正 ▲▲▲*/



header ul#group_link li{

	margin:0 0 8px 0;

}



header ul#head_inquiry{

	float:right;

	margin:27px 0 0 0;

}



header ul#head_inquiry li{

	margin:0 0 5px 0;

}



header ul#head_inquiry li:first-child{

	margin:0 6px 8px 0;

}





/* パンくず */

ul#siteroute {

	overflow:hidden;

	width:950px;

	margin:0 auto;

	padding:19px 0 16px 0;

	border-top:2px solid #caa52d;

	border-bottom:1px solid #848282;

}



#siteroute li {

	float:left;

	margin:0 10px 0 0;

	padding:0 0 0 17px;

	font-size:14px;

	color:#fff;

	background:url(../image/siteroute_arrow.gif) 6px 2px no-repeat; 

}

#siteroute li a {

	color:#fff;

}

#siteroute li a:hover {

	color:#f00;

}



/* footer */

footer{

	padding:6px 0 0 0;

	background: url(../image/line_gold.jpg) repeat-x center 0;

}



footer div#footer_tel_wrap{

	width:100%;

	background:#5b4839;

}



footer ul#footer_tel{

	overflow:hidden;

	width:970px;

	margin:0 auto;

	padding:10px 0 8px 0;

}



footer ul#footer_tel li{

	float:right;

	padding:8px 0 6px 45px;

	border-left:1px dashed #fff;

}



footer ul#footer_tel li:first-child{

	float:left;

	padding:8px 0 6px 0;

	border-left:none;

}



footer div#footer_group_box{

	overflow:hidden;

	width:950px;

	margin: 0 auto;

}



footer div#footer_group_box dl.box_oc{

	float:left;

	width:408px;

	margin:30px 0 0 65px;

}



footer div#footer_group_box dl.box_oc dt{

	margin:0 0 12px 0;

}



footer div#footer_group_box dl.box_oc dd{

	font-size:15px;

	color:#927b69;

	margin:3px 0 0 0;

}



footer div#footer_group_box dl.box_onsen{

	float:right;

	width:386px;

	margin:30px 0 0 0;

}



footer div#footer_group_box dl.box_onsen dd{

	font-size:15px;

	color:#927b69;

	margin:16px 0 0 0;

}



footer div#copyright{

	margin:23px 0 0 0;

	padding:20px 0 20px 0;

	background:url(../image/line_gry.gif) repeat-x center 0;

}



footer div#copyright small{

	display:block;

	width:304px;

	margin:0 auto;

}



/* contents */

#contents{

	width:950px;

	margin:0 auto;

}



#contents h1{

	margin:27px 0 0 8px;

}



#contents p.main_lead{

	width:760px;

	margin:32px auto 0;

	font-size:16px;

	color:#ffffff;

}



/* slideshow */

#contents div#slideshow ul{

	position:relative;

	width:950px;

	height:330px;

	margin:13px auto 0;

	background:#fff;

}



#contents div#slideshow ul li{

	overflow:hidden;

	position:absolute;

	width:213px;

	height:165px;

}



#contents div#slideshow ul li img{

	width:auto;

	height:165px;

}



#contents div#slideshow ul li.img01{

	top:0;

	left:0;

}



#contents div#slideshow ul li.img02{

	top:0;

	left:213px;

	width:524px;

	height:330px;

}



#contents div#slideshow ul li.img02 img{

	width:524px;

	height:auto;

}



#contents div#slideshow ul li.img03{

	top:0;

	left:737px;

}



#contents div#slideshow ul li.img04{

	top:165px;

	left:0;

}



#contents div#slideshow ul li.img05{

	top:165px;

	left:737px;

}



#slideshow li {

	position: relative;

}



#slideshow li img {

	top: 0;

	left: 0;

	position: absolute;

}



/* process */

#gallery_contents h2#process_ttl{

	width:865px;

	margin:30px auto 0;

	padding:21px 0 0 17px;

	background: #122d1d;

}



#gallery_contents ul#process_lst{

	overflow:hidden;

	width:808px;

	margin: 0 auto;

	padding:31px 37px 8px 37px;

	background: #122d1d;

}



#gallery_contents ul#process_lst li{

	float:left;

	width:158px;

	height:165px;

	padding:0 30px 0 14px;

	background:#122d1d url(../image/arw_process.gif) no-repeat right 56px;

}



#gallery_contents ul#process_lst li.soon{

	background:#122d1d url(../image/arw_process_soon.gif) no-repeat right 56px;

}



#gallery_contents ul#process_lst li.last_child{

	background:none;

}



#gallery_contents ul#process_lst li a{

	display: block;

	overflow: hidden;

	cursor: pointer;

}



#gallery_contents ul#process_lst li dl{

	width:158px;

}



#gallery_contents ul#process_lst li dl dt{

	width:158px;

	height:34px;

	background:url(../image/bg_process_stl.jpg) no-repeat left top;

	font-size:18px;

	font-weight: bold;

	text-align:center;

	color:#fff;

	line-height:34px;

}



#gallery_contents ul#process_lst li.soon dl dt{

	background:url(../image/bg_process_stl_soon.jpg) no-repeat left top;

	color:#666;

}



#gallery_contents ul#process_lst li dl dd{

	text-align:center;

}



#gallery_contents ul#process_lst li dl dd figcaption{

	margin:8px 0 0 0;

	font-size:14px;

	font-weight:bold;

	color:#d9d0d0;

}



#gallery_contents ul#process_lst li dl dt + dd{

	margin:0;

}



#gallery_contents div#process_notice_box{

	width:882px;

	height: 198px;

	margin: 0 auto;

	background: #122d1d url(../image/img_notice.jpg) no-repeat 345px top;

}



#gallery_contents div#process_notice_box ul li{

	padding:10px 0 0 63px;

}



#gallery_contents div#process_notice_box ul li:first-child{

	padding:15px 0 0 35px;

}



/* monthly_box */

#gallery_contents section.monthly_box{

	position:relative;

	width:882px;

	margin:68px auto 8px;

}



#gallery_contents section.monthly_box h3{

	height:57px;

	padding:0 0 0 14px;

	background:url(../image/bg_stl_monthly.jpg) no-repeat left top;

	font-size:26px;

	font-weight:bold;

	line-height:59px;

	border-bottom:1px solid #dbdbdb;

}



#gallery_contents section.monthly_box h3 + p{

	position:absolute;

	top:26px;

	right:0;

	width:676px;

	font-size:16px;

	text-align:right;

}



#gallery_contents section.day_box{

	padding:34px 0 32px 0;

	border-top:1px dotted #ccc;

}



#gallery_contents section.monthly_box h3 + p + section.day_box{

	border-top:none;

}



#gallery_contents section.day_box h4{

	color:#c9c9c8;

	font-size:18px;

	font-weight:bold;

	padding-left:20px;

}



#gallery_contents section.day_box h4 span{

	margin:0 22px 0 0;

	color:#c9c9c8;

}



#gallery_contents section.day_box ul[class^="photo_lst"] li {

	position: relative;

}



/* ul.photo10 写真が10枚の場合 */

#gallery_contents section.day_box ul.photo_lst10{

	overflow:hidden;

	position:relative;

	margin:12px 0 0 0;

	padding:0 0 2px 410px;

}



#gallery_contents section.day_box ul.photo_lst10 li{

	float:left;

	margin:0 0 14px 14px; 

}



#gallery_contents section.day_box ul.photo_lst10 li a{

	overflow:hidden;

	display:block;

	width:138px;

	height:93px;

	border:1px solid #bfbfbf;

}



#gallery_contents section.day_box ul.photo_lst10 li:first-child{

	position:absolute;

	top:0;

	left:0;

	margin:0; 

}



#gallery_contents section.day_box ul.photo_lst10 li:first-child a{

	width:407px;

	height:310px;

}



/* ul.photo5 写真が5枚の場合 */

#gallery_contents section.day_box ul.photo_lst5{

	overflow:hidden;

	position:relative;

	margin:12px 0 0 0;

	padding:0 0 2px 388px;

}



#gallery_contents section.day_box ul.photo_lst5 li{

	float:left;

	margin:0 0 18px 22px; 

}



#gallery_contents section.day_box ul.photo_lst5 li a{

	overflow:hidden;

	display:block;

	width:218px;

	height:144px;

	border:1px solid #bfbfbf;

}



#gallery_contents section.day_box ul.photo_lst5 li:first-child{

	position:absolute;

	top:0;

	left:0;

	margin:0; 

}



#gallery_contents section.day_box ul.photo_lst5 li:first-child a{

	width:385px;

	height:310px;

}



/* ul.photo9 写真が9枚の場合 */

#gallery_contents section.day_box ul.photo_lst9{

	overflow:hidden;

	position:relative;

	width:904px;

	margin:12px 0 0 -31px;

	padding: 0 0 2px 0;

}



#gallery_contents section.day_box ul.photo_lst9 li{

	float:left;

	margin:0 0 34px 31px; 

}


#gallery_contents section.day_box ul.photo_lst9 li a{

	overflow:hidden;

	display:block;

	width:268px;

	height:178px;

	border:1px solid #bfbfbf;

}



/* 画像サイズ指定*/

/*

#contents section.day_box ul.photo_lst5 li a img{

	width:220px;

	height:auto;

}



#contents section.day_box ul.photo_lst5 li:first-child a img{

	width:auto;

	height:310px;

}



#contents section.day_box ul.photo_lst9 li a img{

	width:268px;

	height:auto;

}



#contents section.day_box ul.photo_lst10 li a img{

	width:138px;

	height:auto;

}



#contents section.day_box ul.photo_lst10 li:first-child a img{

	width:auto;

	height:310px;

}

*/



#gallery_contents section.day_box ul[class^="photo_lst"] li a img.btn_zoom {

	position:absolute;

	right: 0;

	bottom: 0;

	width: 18px;

	height: 18px;

}

/*▲▲▲ 20150521修正 ▲▲▲*/

.txt_r{

	text-align: right;

}

/* thum_box */

#gallery_contents section.thum_box{

	position:relative;

	width:910px;

	margin:0px auto;

}

/* ul.photo6 写真が横一列6枚の場合 */

#gallery_contents section.day_box.lst6{

	padding:34px 0 32px 0 ;

	border-top:1px dotted #ccc;

	margin:0 auto;
}


#gallery_contents section.day_box ul.photo_lst6{

	overflow:hidden;

	position:relative;

	margin:0;

	padding:0 0 2px 0px;

}

#gallery_contents section.day_box ul.photo_lst6 li{

	float:left;

	margin:0 0 14px 14px; 

}


#gallery_contents section.day_box ul.photo_lst6 li:nth-child(6n+1){

	float:left;

	margin:0 0 14px 0px; 

}

#gallery_contents section.day_box ul.photo_lst6 li a{

	overflow:hidden;

	display:block;

	width:138px;

	height:93px;

	border:1px solid #bfbfbf;

}


#gallery_contents section.day_box ul.photo_lst9 li:nth-last-child(-n+3)  {

	float:left;

	margin:0 0 14px 31px; 

}

/* pr_txt */
.pr_txt_box {
	width:100%;
	padding-top:0px;
	padding-bottom:50px;
}

.pr_txt {
    clear: both;
    width: 780px;
    margin: 0 auto;
    padding: 10px 10px 8px;
    border: 3px solid #8f8c8c	;
		font-size:13px;
    line-height: 1.2em;
    overflow: hidden;
		color:#aaaaaa;
    text-align: left;
}

#pagetop.fitting {
	margin:  0 auto !important;
	padding: 0 0 15px 0 !important;
}