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

/*index*/

.col2 .col{
	width:340px;
	position:relative;
}

.col2 .l{
	margin-right:20px;
}

.index_box li a{
	background-repeat:no-repeat;
	background-position:360px 0px;
}
.index_box.hover li a{
	background-position:0px 0px;
}

.index_box.hover li a:hover{
	background-position:-360px 0px;
}


#btn_photo_gallery{
	height:200px;
	background:url(/tech/himeji_castle/gallery/image/bn_photo_gallery_off.jpg) no-repeat left top;
}
#btn_photo_gallery ul{
	position:absolute;
	top:61px; left:20px;
	line-height:24px;
}
#btn_photo_gallery li a{
	display:block;
	width:107px;
	height:24px;
	overflow:hidden;
	text-indent:200px;
}

#btn_photo_gallery li.g_01 a{
	background-image: url(/tech/himeji_castle/gallery/image/btn_g_01.jpg);
}
#btn_photo_gallery li.g_02 a{
	background-image: url(/tech/himeji_castle/gallery/image/btn_g_02.jpg);
}
#btn_photo_gallery li.g_03 a{
	background-image: url(/tech/himeji_castle/gallery/image/btn_g_03.jpg);
}
#btn_photo_gallery li.g_04 a{
	background-image: url(/tech/himeji_castle/gallery/image/btn_g_04.jpg);
}


#btn_kaitai{
	height:200px;
	background:url(/tech/himeji_castle/gallery/image/bn_kaitai_off.jpg) no-repeat left top;
}
#btn_kaitai ul{
	position:absolute;
	top:142px; left:5px;
	line-height:53px;
}
#btn_kaitai li a{
	display:block;
	width:330px;
	height:53px;
	overflow:hidden;
	text-indent:350px;
}
#btn_kaitai li.kaitai_01 a{
	background-image: url(/tech/himeji_castle/gallery/image/btn_kaitai_01.jpg);
}


div#main div.index_box {
	_width: 100%;
	margin-bottom: 0px;
	padding: 0px;
}

/*prog_mov_area*/

.prog_mov_area{
	margin:0px 0 30px;
	padding-top:0px;
	overflow:hidden;
	background-color:#556CBA;
}

.prog_mov_area .digest_mov{
	float:left;
	padding-top:20px;
	margin-left:20px;
	_margin-left:10px;
	width:320px;
	height:180px;
}

.prog_mov_area .digest_mov #flv_mov_digest{
	background:url(/tech/himeji_castle/progress_mov/image/bg_prog_mov.jpg) no-repeat left top;
}

.prog_mov_area .content{
	float:right;
	width:360px;
}

.prog_mov_area .thumbs{
	clear:both;
	padding:20px 0 15px 20px;
}
.prog_mov_area .thumbs ul{
	overflow:hidden;
}
.prog_mov_area .thumbs li{
	float:left;
	width:116px; margin-right:20px;
}
.prog_mov_area .thumbs li p.cap{
	font-size:12px;
	line-height:1.3;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFF;
	padding:3px 0 0 0;
}

div#main .prog_mov_area h2{
	margin:0; padding:0;
}

/*index 保存修理工事完了のバナー*/
div.btn_finish{
	margin-bottom:26px;
}

/*index 素屋根解体工事定点のバナー*/
div.btn_suyanekaitai{
	margin:5px 0 15px;
	width:700px;
	height:285px;
	position:relative;
	line-height:0.8;
}

div.btn_suyanekaitai div.suyane_kouji{
	position:absolute;
	width:700px;
	height:127px;
	top:0px;
	left:0px;	
}

div.btn_suyanekaitai div.suyane_kouji p.kaitai{
	position:absolute;
	top:0px;
	left:0px;
}

div.btn_suyanekaitai div.suyane_kouji p.kaitai_tekkotsu{
	position:absolute;
	top:0px;
	left:384px;	
}

div.btn_suyanekaitai div.suyane_kouji p.kaitai_koudai{
	position:absolute;
	top:0px;
	left:540px;	
}


div.btn_suyanekaitai div.suyane_teiten{
	position:absolute;
	background:url(/tech/himeji_castle/image/bg_top_kaitai_teiten.png) no-repeat left top;
	width:700px;
	height:158px;
	top:127px;
	left:0px;	
}

div.btn_suyanekaitai div.suyane_teiten .kaitai_teiten{
	position:absolute;
	top:0px;
	left:0px;
}

div.btn_suyanekaitai div.suyane_teiten .kaitai_photo{
	position:absolute;
	top:0px;
	left:514px;
}

div.btn_suyanekaitai div.suyane_teiten .kaitai_mov{
	position:absolute;
	top:0px;
	left:186px;
}

div.btn_suyanekaitai div.suyane_teiten .mov01{
	position:absolute;
	top:38px;
	left:202px;
}

div.btn_suyanekaitai div.suyane_teiten .mov02{
	position:absolute;
	top:38px;
	left:357px;
}
