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

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

#brHawaii .mainArea .bgimg {
	padding: 30px 10px 45px;
	background: url(/cmn/img/kanto/branch_hawaii/com_li02.png) repeat-x 50% 0, url(/cmn/img/kanto/branch_hawaii/com_li02.png) repeat-x 50% 100%, url(/cmn/img/kanto/branch_hawaii/index_bg06.jpg) repeat center top;
	background-size: auto, auto, contain;
}



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

/* titleArea.sub（大見出し）*/
#brHawaii .titleArea.main {
	min-height: 35px;
	padding: 10px 0;
	color: inherit;
	background: url(/cmn/img/kanto/branch_hawaii/com_li03.png) repeat-x 50% 0, url(/cmn/img/kanto/branch_hawaii/com_li04.png) repeat-x 50% 100%, url(/cmn/img/kanto/branch_hawaii/com_ic03.png) no-repeat 100% 100%;
	background-size: auto, auto, 50px 38px;
}
#brHawaii .titleArea.main .titleText {
	padding: 0 10px;
}


/* titleArea.sub（中見出し）*/
#brHawaii .titleArea.sub {
	color: #FFF;
	background: #76C6EE;
}
#brHawaii .titleArea.sub .titleImage {
	padding: 5px 5px 6px 2px;
}
#brHawaii .titleArea.sub .titleImage img {
	width: 40px;
}


/* titleArea.subhead（小見出し）*/
#brHawaii .titleArea.subhead {
	margin: 10px 0 5px;
	/*text-decoration: underline;*/
}



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

/* listBox.img（背景に「＞」画像有）*/
#brHawaii .listBox.img {
	background: url(/cmn/img/kanto/branch_hawaii/arrow_right.png) no-repeat 98% center;
	-webkit-background-size: 10px 14px;
	background-size: 10px 14px;
}


/* listBox.box（ボックス型）*/
#brHawaii .listBox.box {
	min-height: 100px;
	padding: 5px 20px 5px 115px;
	border: 1px solid #C8B5A8;
}
#brHawaii .listBox.box .listImage {
	left: 5px;
}


/* listBox.text（テキストのみ）*/
#brHawaii .listBox.text {
	min-height: inherit;
	padding: 5px 0 0;
	border-bottom: none;
	display: table;
	position: inherit;
}
#brHawaii .listBox.text dt {
	width: 80px;
	padding-right: 5px;
	font-weight: bold;
	display: table-cell;
	vertical-align: top;
}
#brHawaii .listBox.text dd {
	display: table-cell;
	vertical-align: top;
}


/* listBox.line（縦型2カラム表示）*/
#brHawaii .lineColumn {
}
#brHawaii .listBox.line {
	width: 48%;
	padding: 0;
	border: 1px solid #C8B5A8;
	position: inherit;
	display: inline-block;
	vertical-align: top;
}
#brHawaii .listBox.line .listImage {
	width: auto;
	height: inherit;
	min-height: 100px;
	margin: 5px;
	padding: 0;
	background: none;
	position: inherit;
}
#brHawaii .listBox.line .listImage img {
	width: 100%;
	height: inherit;
}
#brHawaii .listBox.line dd {
	margin: 5px;
}
#brHawaii .listBox.line .titleText {
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
}
#brHawaii .shopArea .listBox.line img {
	width: 99%;
	border: 1px solid #C8B5A8;
}


/* listBox.last（リスト最後のボックスに使用）*/
#brHawaii .listBox.last {
	border-bottom: none;
}



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

/* link.listText（リスト型）*/
#brHawaii .link.listText {
	margin: 10px 0 0;
	background: url(/cmn/img/kanto/branch_hawaii/arrow_right.png) no-repeat 98% center;
	-webkit-background-size: 10px 14px;
	background-size: 10px 14px;
	border-top: 1px solid #C8B5A8;
	border-bottom: 1px solid #C8B5A8;
}
#brHawaii .link.listText a {
	padding: 12px 0 12px 10px;
}

/* link.listText（リスト型/section内のみ）*/
#brHawaii section .link.listText {
	margin: 0;
	border-top: none;
}
#brHawaii .eventArea .link.listText {
	border-top: 1px solid #C8B5A8;
}
#brHawaii section .link.listText a {
	padding-left: 5px;
}


/* link.btnImage（ボタン型 基本）*/
#brHawaii .link.btnImage {
	margin: 15px auto;
	font-size: 17px;
	line-height: 2.5em;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-radius: 8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	box-shadow:  1px 1px 1px rgba(0,0,0,0.5);
}


#brHawaii .link.btnImage a {
	width: 100%;
	color: #FFF;
	display: block;
}
#brHawaii .link.btnImage img {
	width: 60%;
}


/* link.btnImage（ボタン型 背景有）*/
#brHawaii .link.btnImage {
    background: #76C6EE url(/cmn/img/kanto/branch_hawaii/com_bg02.png) no-repeat center;  
	background-size: cover;
}


/* link.btnImage（ボタン型 グラデーション赤）*/
#brHawaii .link.btnImage.red {
    background: -moz-linear-gradient(top, #fff, #FF6570 1%, #FF6570 50%, #FF1E2F 99%, #FF1E2F);  
    background: -webkit-linear-gradient(top, #f997b0, #f56778);  
}


/* link.btnImage（ボタン型 グラデーション青）*/
#brHawaii .link.btnImage.blue {
    background: -moz-linear-gradient(top, #fff, #76C6EE 1%, #76C6EE 50%, #3297C9 99%, #3297C9);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #76C6EE), color-stop(0.5, #76C6EE), color-stop(0.99, #3297C9), to(#3297C9));  
}


/* link.last（セクション末尾に使用）*/
#brHawaii .link.last {
	margin: 25px auto 0;
}