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


/*  h1
---------------------------------------------------------- */
div#visualTop .h1_group {
	position:relative;
	width:960px;
	height:193px;
	margin-left:auto;
	margin-right:auto;
}

div#visualTop h1 {
/*	position:relative;
	width:960px;
	height:178px;
	margin-left:auto;
	margin-right:auto;*/
}

div#visualTop .h1_group h1 img{
	display:block;
	position:absolute;
	top:0;
	left:0;
}


/*visualTop englishボタン*/
div#visualTop .h1_group .btn_himeji_en{
	position:absolute;
	top:14px;
	left:866px;
	z-index:3;
}


/*  extra_box
---------------------------------------------------------- */
div#main div.section.extra_box {
	background:url(/tech/himeji_castle/image/bg_extra_box.png) no-repeat left top; height:100px; position:relative; margin:0 0 20px;
}

div#main div.section.extra_box h2{
	position:absolute; left:20px; top:33px;
}

div#main div.section.extra_box .btn{
	position:absolute; top:33px; 
}
div#main div.section.extra_box .event{
	left:133px;
}
div#main div.section.extra_box .bits{
	left:318px;
}
div#main div.section.extra_box .learn{
	left:503px;
}

/*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;
}

div#main .prog_mov_area p.btn{
}

/*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;
}