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


/* 共通設定 */
* {
margin:0px;
padding:0px;
list-style:none;
}

img {
border:none;
}

/* body,link */
body {
color:#14060b;
font-size:12px;
color: #FFF;
line-height:18px;
background-color:#14060b;
font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho","Hiragino Mincho Pro", serif;
scrollbar-shadow-color:#14060b;
	scrollbar-arrow-color:#FFF;
	scrollbar-darkshadow-color:#14060b;
}


a:link {
color:#423439;
text-decoration:none;
}

a:visited {
color:#423439;
text-decoration:none;
}

a:hover {
text-decoration:underline;
color:#423439;
}

a:active {
text-decoration:none;
}

/* 共通レイアウト */



A{ text-decoration:none;}
A:hover{ text-decoration:underline; color:#0000ff; }
A:hover{
	cursor:pointer;
	text-decoration: none;
}

#wrapper {
	margin: auto;
	width: 1000px;
}
#header {
	margin: 0px;
	padding: 0px;
/*	height: 442px;*/
	width: 1000px;
	position: relative;
}
#header_top {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 1000px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#hula_logo {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 129px;
	position: absolute;
	left: 10px;
	top: 0px;
}

#hula_address{
	position: absolute;
	margin:0px;
	padding:0px;
	height:80px;
	left:680px;
	top: 24px;
	}


#header_flash {
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 1000px;
	position: absolute;
}
#header_menu {
	background-image:url(../top/top_imges/header_menu_bar.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 1000px;
	position: absolute;
	top: 100px;
}
#header_menu_home {
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 42px;
	position: absolute;
	left: 43px;
	top: 6px;
}
#header_menu_wedding {
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 61px;
	position: absolute;
	left: 121px;
	top: 6px;
}
#header_menu_photowedding {
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 109px;
	position: absolute;
	left: 215px;
	top: 6px;
}
#header_menu_photomuseum {
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 107px;
	position: absolute;
	left: 356px;
	top: 6px;
}
#header_menu_happyvoice {
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 91px;
	position: absolute;
	left: 482px;
	top: 6px;
}
#header_menu_blog {
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 80px;
	position: absolute;
}
#header_menu_blog {
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 80px;
	position: absolute;
	left: 601px;
	top: 6px;
}
#header_menu_recruit {
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 66px;
	position: absolute;
	left: 708px;
	top: 6px;
}
#header_menu_info {
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 36px;
	position: absolute;
	left: 796px;
	top: 6px;
}
#header_menu_access {
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 95px;
	position: absolute;
	left: 859px;
	top: 6px;
}
#header_flash {
	margin: 0px;
	padding: 0px;
	height: 301px;
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 140px;
}
#container {
	margin: 0px;
	padding: 0px;
/*	height: 1000px;*/
	width: 1000px;
	position: absolute;
	top: 433px;
	left: 0px;
}
#side_menu {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 195px;
	position: absolute;
	left: 0px;
	top: 20px;
	float: left;
}

#side_menu_banner {
	text-align: center;
}

#side_menu_banner img {
	margin-bottom: 15px;
}

#mobile_qr {
	text-align: center;
}




#main {
	margin: 0px;
	padding: 0px;
/*	height: 900px;*/
	width: 1000px;
	position: absolute;
	left: 196px;
	top: 10px;
}

#container {
	margin: 0px;
	padding: 0px;
/*	height: 1323px;*/
	width: 1000px;
	position: relative;
}

#main {
	margin: 0px;
	padding: 0px;
/*	height: 1323px;*/
	width: 805px;
	position: absolute;
}
#banner1_area {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 805px;
	position: absolute;
}
#banner1_reference {
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 253px;
	position: absolute;
	left: 7px;
	top: 50px;
}
#banner1_reservation {
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 256px;
	position: absolute;
	left: 274px;
	top: 50px;
}
#campaign1_area {
	margin: 0px;
	padding: 0px;
	height: 157px;
	width: 805px;
	position: absolute;
	top: 179px;
	left: 0px;
}
#campaign1_title {
	margin: 5px;
	padding: 0px;
	height: 20px;
	width: 244px;
	position: absolute;
	left: 3px;

}
#campaign1_img1 {
	margin: 0px;
	padding: 0px;
	height: 117px;
	width: 235px;
	position: absolute;
	left: 3px;
	top: 30px;
}
#campaign1_img2 {
	margin: 0px;
	padding: 0px;
	height: 117px;
	width: 245px;
	position: absolute;
	left: 247px;
	top: 31px;
}
#campaign1_txt2 {
	margin: 0px;
	padding: 0px;
	height: 116px;
	width: 130px;
	position: absolute;
	left: 389px;
	top: 30px;
}
#campaign1_img3 {
	margin: 0px;
	padding: 0px;
	height: 116px;
	width: 117px;
	position: absolute;
	left: 500px;
	top: 31px;
}
#campaign1_txt3 {
	margin: 0px;
	padding: 0px;
	height: 117px;
	width: 122px;
	position: absolute;
	left: 666px;
	top: 30px;
}
#happyvoice_area {
	margin: 0px;
	padding: 0px;
	height: 189px;
	width: 382px;
	position: absolute;
	left: 3px;
	top: 500px;
}
#happyvoice_title {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 287px;
	position: absolute;
	left: 0px;
}
#happyvoice_txtarea {
	margin: 0px;
	padding: 0px;
	height: 153px;
	width: 370px;
	position: absolute;
	top: 384px;
	left: 9px;
}
#news_area {
	margin: 0px;
	padding: 0px;
	height: 191px;
	width: 370px;
	position: absolute;
	left: 415px;
	top: 353px;
}
#news_txt {
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 160px;
	position: absolute;
}
#news_txtarea {
	margin: 0px;
	padding: 0px;
	height: 154px;
	width: 361px;
	position: absolute;
	top: 30px;
}
#content_area {
	margin: 0px;
	padding: 0px;
	height: 540px;
	width: 800px;
	position: absolute;
	left: 853px;
	top: 539px;
}
#content_title {
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 226px;
	position: absolute;
	left: 5;
}
#content_flash {
	margin: 0px;
	padding: 0px;
	height: 500px;
	width: 800px;
	position: absolute;
	top: 30px;
}
#consept_area {
	margin: 0px;
	padding: 0px;
	height: 143px;
	width: 799px;
	position: absolute;
	top: 382px;
	left: 45px;
}
#concept_title {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 270px;
	position: absolute;
}
#concept_img {
	margin: 0px;
	padding: 0px;
	height: 96px;
	width: 546px;
	position: absolute;
	top: 252px;
	left: 20px;
	float:left;
	
}






#campaign2_area {
	margin: 0px;
	padding: 0px;
	height: 167px;
	width: 801px;
	position: absolute;
	left: -1px;
	top: 1360px;
}
#campaign2_title {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 247px;
	position: absolute;
	left: 0px;
	top: 47px;
}
#campaign2_img1 {
	margin: 0px;
	padding: 0px;
	height: 117px;
	width: 257px;
	position: absolute;
	top: 30px;
	left: 3px;
}
#campaign2_txt1 {
	margin: 0px;
	padding: 0px;
	height: 116px;
	width: 124px;
	position: absolute;
	left: 131px;
	top: 30px;
}
#campaign2img2 {
	margin: 0px;
	padding: 0px;
	height: 116px;
	width: 257px;
	position: absolute;
	top: 30px;
	left: 267px;
}
#campaign2_img3 {
	margin: 0px;
	padding: 0px;
	height: 116px;
	width: 251px;
	position: absolute;
	left: 536px;
	top: 30px;
}
/*#footer {
	margin: 0px;
	padding: 0px;
	height: 71px;
	width: 1000px;
	position: absolute;
	top: 1353px;
	left: 0px;
}
#banner2_area {
	margin: 0px;
	padding: 0px;
	height: 48px;
	width: 805px;
	position: absolute;
	top: 1446px;
}
#banner2_reference {
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 253px;
	position: absolute;
	left: 7px;
}
#banner2_reservation {
	margin: 0px;
	padding: 0px;
	height: 39px;
	width: 256px;
	position: absolute;
	left: 278px;
}
#footer_company {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 71px;
	position: absolute;
	top: 7px;
	left: 395px;
}
#footer_sitepolicy {
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 79px;
	position: absolute;
	left: 498px;
	top: 7px;
}
#footer_recruit {
	margin: 0px;
	padding: 0px;
	height: 18px;
	width: 58px;
	position: absolute;
	left: 611px;
	top: 7px;
}
#footer_access {
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 100px;
	position: absolute;
	left: 690px;
	top: 7px;
}*/
#mail_link {
	margin: 0px;
	padding: 0px;
	height: 49px;
	width: 219px;
	position: absolute;
	left: 558px;
	top: 31px;
}


#mail_link2 {
	margin: 0px;
	padding: 0px;
	height: 49px;
	width: 219px;
	position: absolute;
	left: 556px;
	top: 81px;
}


.maillink2{
	margin-top:0px;
	margin-right:19px;
	
	}


/*#copy {
	margin: 0px;
	padding: 0px;
	height: 7px;
	width: 178px;
	position: absolute;
	left: 791px;
	top: 37px;
}*/
#campaign1_img3 {
	margin: 0px;
	padding: 0px;
	height: 115px;
	width: 257px;
	position: absolute;
}

h1.lead{
position:absolute;
top: 43px;
z-index:9;
left: 165px;
font-size:10px;
font-weight:400;
width:244px;
font-family:'ＭＳ ゴシック', 'Osaka－等幅'
}

/* クリア関連 */

.clear {
clear:both;
}


/*中川追加*/
.kuhaku{
	
	margin:5px;}




.consept {

	margin-top:20px;
	padding: 0px;
	height: 133px;
	width: 799px;

}

.left_top{
	float:left;
	margin:5px;
	

	
	}

.right_top{
	float:right;
	
}
.concept_imgr {
	margin: 0px;
	padding: 0px;
	float:right;
	
}

.maillink{
	margin-top:0px;
	margin-right:19px;
	
	}



.cp_area{
	width:auto;

	
	}



.banner{
	
	width:auto;
	height:auto;
	margin:5px;
	}

.txt_box{
		width: 799px;
	}
	

	
.h_txtarea {
	margin-top: 20px;
	margin-bottom:10px;
	padding: 0px;
	height:auto;
	width: 370px;
	float:left;

}	

.h_txtarea2 {
	margin-top: 20px;
	margin-right:25px;
	margin-bottom:10px;
	padding: 0px;
	height:auto;
	width: 370px;
	float:right;

}

.content_a {
	margin-top:20px;

	height: 540px;
	width: 800px;

}

.flash {
	margin-top:20px;

	height: 500px;
	width: 800px;

}