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

/* All（基本事項） ----------------- */

#brHawaii {
	margin: 0 0 20px;
	padding: 0;
	font-size: 12px;
	color: #492A16;
	line-height: 1.5em;
}
#brHawaii a {
	color: #492A16;
}
#brHawaii img {
	zoom: 1;
}
#brHawaii .wide img {
	width: 100%;
}
#brHawaii .notes {
	font-size: 11px;
	color: #996644;
	letter-spacing: -1px;
	display: block;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}



/* header ----------------- */

header {
	position: relative;
}
header a {
	display: block;
}
header img {
	width: 100%;
}
header #logoArea {
	width: 200px;
	display: inline-block;
	position: absolute;
	top: 6px;
	left: 0;
}
#brHawaii h1 img {
	width: 100%;
}



/* mainArea ----------------- */

#brHawaii .mainArea {
	margin: 10px 0 0;
}
#brHawaii .mainArea  section {
	padding: 10px 10px 25px;
}
#brHawaii .mainArea section.sub {
	padding: 0 0 20px;
}
#brHawaii .mainArea section:last-child.sub {
	padding: 0;
}



/* gNav ----------------- */

#gNav {
	display: none;
}



/* lead ----------------- */

#brHawaii .mainArea .lead {
	margin: 10px 0 20px;
	font-size: 13px;
	font-weight: normal;
	color: inherit;
	text-align: justify;
}



/* titleArea ----------------- */

#brHawaii .titleArea {
	width: 100%;
	margin: 10px 0;
	font-size: 17px;
	font-weight: bold;
	color: #F36;
	display: table;
}
#brHawaii .titleArea .titleImage {
	width: 30px;
	padding: 5px 5px 2px 0;
	display: table-cell;
	vertical-align: middle;
}
#brHawaii .titleArea .titleImage img {
	width: 30px;
}
#brHawaii .titleArea .titleText {
	padding: 7px 0;
	line-height: 1.2em;
	display: table-cell;
	vertical-align: middle;
}
#brHawaii .titleArea .titleText span {
	font-size: 19px;
}



/* itBox ----------------- */

#brHawaii .itBox {
	padding: 0 0 10px;
}
#brHawaii .itBox img {
	width: 150px;
}
#brHawaii .itBox.left img {
	padding: 0 10px 10px 0;
	float: left;
}
#brHawaii .itBox.right img {
	padding: 0 0 10px 10px;
	float: right;
}



/* listBox ----------------- */

#brHawaii .listBox {
	min-height: 105px;
	margin: 0 0 5px;
	padding: 5px 20px 5px 110px;
	border-bottom: 1px solid #C8B5A8;
	position: relative;
}
#brHawaii .listBox dt {
	padding: 0 0 5px;
	font-size: 14px;
	color: #F36;
	font-weight: bold;
	/*text-decoration: underline;*/
}
#brHawaii .listBox dd {
	text-align: justify;
}
#brHawaii .listBox .listImage {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	left: 0;
	background: url(/cmn/img/kanto/branch_hawaii/noimage.gif) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}
#brHawaii .listBox .listImage img {
	width: 100px;
	height: 100px;
}
#brHawaii .listBox .price {
	margin: 10px 0 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	color: #F36;
	display: block;
}
#brHawaii .listBox .date {
	font-weight: bold;
}



/* newsArea ----------------- */

#brHawaii .mainArea .newsArea {
	margin: 20px 0 0;
	padding: 1px 10px 5px;
	background: url(/cmn/img/kanto/branch_hawaii/com_li01.gif) no-repeat left bottom, url(/cmn/img/kanto/branch_hawaii/com_li01.gif) no-repeat left top;
	background-size: contain;
}
#brHawaii .mainArea .newsArea .titleArea img {
	height: 15px;
}
#brHawaii .mainArea .newsArea dl:last-child {
	margin: 0;
}
#brHawaii .mainArea .listBox.text dt {
	text-decoration: none;
}
#brHawaii .mainArea .listBox.text dd a {
	padding-bottom: 5px;
	text-decoration: underline;
}



/* link ----------------- */

#brHawaii .link {
	width: 100%;
	margin: 10px 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5em;
}
#brHawaii .link a {
	display: block;
}



/* modal ----------------- */

#brHawaii .modal {
	padding: 0;
	color: #eee;
	display: none;
}
#brHawaii .modalBody {
	width: 96%;
	height: 75%;
	padding: 15px 0 0;
	z-index: 1000;
	background: #492A16 url(/cmn/img/kanto/branch_hawaii/staff_bg01.png) no-repeat left top;
	background-size: contain;
	position: fixed;
	top: 10%;
	left: 2%;
}
#brHawaii .modalBody .modalContents {
	height: 85%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#brHawaii .modalBK {
	height: 100%;
	width: 100%;
	background: #492A16;
	opacity: .5;
	filter: alpha(opacity=90);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
#brHawaii .modalimage {
	padding: 10px;
}
#brHawaii .modalimage img {
	width: 100%;
}
#brHawaii .modalText {
	padding: 0 10px 10px;
}
#brHawaii .modalText .name {
	margin: 0 0 10px;
	font-size: 17px;
	font-weight: bold;
}
#brHawaii .modalText .digest {
	margin: 10px 0 5px;
	font-weight: bold;
}
#brHawaii .modalText p {
	text-align: justify;
}
#brHawaii .modalBody .close {
	width: 96%;
	margin: 0 2%;
	padding: 10px 0;
	background-color: #FFF;
	color: #492A16;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
}



/* twitter ----------------- */
#brHawaii .twitter {
	margin: 20px 0 0;
}



/* videoArea ----------------- */

#brHawaii .videoArea {
}
#brHawaii .videoArea iframe {
	width: 100%;
}



/* footer ----------------- */

footer {
	width: 100%;
	margin: 0;
	/*margin: 20px 0 0;*/
	padding: 5px 0 20px;
	font-size: 12px;
	text-align: center;
	background: url(/cmn/img/kanto/branch_hawaii/footer_bg01.jpg) repeat-x center bottom;
	background-size: contain;
	position: absolute;
}
footer .logo img {
	width: 50px;
	margin: 0 0 5px;
	zoom: 1;
}
footer a {
	font-size: 10px;
	color: #492A16;
}