@charset "utf-8";

/* -----------------------------------------------------------
	Modules for Contact Top
----------------------------------------------------------- */

/* Layout
----------------------------------------------------------- */
#wrapper {
	clear: both;
	width: 100%;
	color: #707173;
	line-height: 1.6;
	background: #f7f7f7;
}
#wrapperInner {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 35px 0 20px 0;
}

#wrapper h1 {
	margin: 0 0 35px 0;
	line-height: 1.1;
	font-size: 1.75em;
}

.bookmark {
	position: absolute;
	top: 10px;
	right: 0;
	overflow: hidden;
	zoom: 1;
}


/* tabList
----------------------------------------------------------- */
.tabListL {
	clear: both;
	margin: 0 0 4px 0;
	overflow: hidden;
	zoom: 1;
}
.tabListL li {
	float: left;
	margin: 0 2px 0 0;
}

.tabListR {
	clear: both;
	float: right;
	margin: 0 0 4px 0;
	overflow: hidden;
	zoom: 1;
}
.tabListR li {
	float: left;
	width: 100px;
	margin: 0 2px 0 0;
}



/* Block
----------------------------------------------------------- */
.mainBlock {
	clear: both;
	margin: 0 0 65px 0;
	padding: 30px 20px 20px 20px;
	font-size: 0.88em;
	background: #fff;
	overflow: hidden;
	zoom: 1;
}
.mainBlock h2 {
	margin: 0 0 20px 0;
	font-size: 1.56em;
}
.mainBlock h2 .newsNew {
	margin: 0 0 0 5px;
	color: #f00;
	font-size: 0.5em;
	font-weight: normal;
}
.mainBlock h3 {
	margin: 0 0 5px 0;/* 20131216 */
	font-size: 1em;/* 20131224 */
}
.mainBlock h3 .newsNew {
	margin: 0 0 0 5px;
	color: #f00;
	font-size: 0.69em;
	font-weight: normal;
}

.secBlock {
	clear: both;
	margin: 0 0 60px 0;
	padding: 0 0 70px 0;
	background: url(/hebel/lineup/common/images/line02.png) no-repeat left bottom;
	overflow: hidden;
	zoom: 1;
}
.secBlock h2 {
	color: #698296;
	margin: 0 0 15px 0 !important;
	font-size: 1.37em !important;/*20131216*/
}








.infomationLead {
	padding: 0 0 25px 0;
	font-size: 0.88em;
}

.infomationBlock {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 90px 0;
	background: url(/hebel/lineup/common/images/line01.png) no-repeat left bottom;
	overflow: hidden;
	zoom: 1;
}
.infomationBlock.last {
	padding: 0 0 0 0;
	background: none;
}

.infomationBlock h2 a {
	display: block;
	font-size: 0.69em;
	text-decoration: none;
}

.infomationBlock h2 img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}










/* list
----------------------------------------------------------- */
.recommendList {
	clear: both;
	margin: 0 -40px 0 0;
	overflow: hidden;
	zoom: 1;
}
.recommendList li {
	float: left;
	margin: 0 40px 0 0;
}
.recommendList li img {
	margin: 0 0 15px 0;
	border: 1px solid #eee;
}
.recommendList li p {
	font-size: 0.75em;
}
.recommendList li p strong {
	display: block;
	color: #698296;
	font-size: 1.25em;
	font-weight: bold;
}


.infoList {
	margin: 0 -26px 50px 0;
	padding: 20px 0 0 0;
	overflow: hidden;
	zoom: 1;
}
.infoList li {
	float: left;
	margin: 0 16px 0 0;
}


.othersList {
	clear: both;
}
.othersList li {
	float: left;
	width: 490px;
	padding: 0 0 40px 0;
	overflow: hidden;
	zoom: 1;
}
.othersList li .othersListL {
	float: left;
	width: 240px;
}
.othersList li .othersListL img {
	border: 1px solid #eee;
}
.othersList li .othersListR {
	float: right;
	width: 220px;
	padding: 0 20px 0 10px;
}
.othersList li .othersListR img {
	margin: 0 0 0 5px;
	vertical-align: middle;
}
.othersList li .othersListR a {
	font-size: 0.87em;/*20131216fix*/
	font-weight: bold;
	text-decoration: none;
}
.othersList li .othersListR p {
	margin: 5px 0 0 0;
	font-size: 0.75em;/*20131216fix*/
}


.bannerList {
	clear: both;
}
.bannerList li {
	float: left;
	width: 470px;
	padding: 0 0 0 20px;
}
.bannerList li a {
	float: left;
}
.bannerList li p {
	float: right;
	width: 300px;
	font-size: 0.63em;
}





/* index.html
----------------------------------------------------------- */
.tvcmList {
	clear: both;
	margin: 0 -34px 0 0;
	padding: 5px 0 0 0;
	overflow: hidden;
	zoom: 1;
}
.tvcmList li {
	float: left;
	width: 205px;
	padding: 20px 34px 30px 0;
}
.tvcmList li h3 {
	margin: 0 0 10px 0;
	font-size: 1.27em;/* 20131216 */
}
.tvcmList li .tvcmPic {
	margin: 0 0 10px 0;
	text-align: center;
}
.tvcmList li p {
	margin: 0 0 3px 0;
	font-size: 0.75em;
}
.tvcmList li p a {
	font-size: 1.13em;
	font-weight: bold;
	text-decoration: none;
}

.tvcmLink {
	clear: both;
	padding: 15px 0 0 0;
	font-size: 0.75em;
	border-top: 1px solid #eee;
	overflow: hidden;
	zoom: 1;
}
.tvcmLink dt {
	float: left;
	margin: 0 10px 0 0;
}
.tvcmLink dd {
	float: right;
	padding: 0 0 0 20px;
}


/* news.html
----------------------------------------------------------- */
.galleryList {
	clear: both;
	margin: 0 -34px 0 0;
	padding: 5px 0 0 0;
	overflow: hidden;
	zoom: 1;
}
.galleryList li {
	float: left;
	width: 290px;
	padding: 20px 34px 30px 0;
}
.galleryList li h3 {
	margin: 0 0 10px 0;
	font-size: 1.13em;
}
.galleryList li .galleryPic {
	margin: 0 0 10px 0;
	text-align: center;
}
.galleryList li p {
	margin: 0 0 3px 0;
	font-size: 0.75em;
}
.galleryList li p a {
	font-size: 1.13em;
	font-weight: bold;
	text-decoration: none;
}

.galleryLink {
	clear: both;
	padding: 15px 0 0 0;
	font-size: 0.75em;
	border-top: 1px solid #eee;
	overflow: hidden;
	zoom: 1;
}
.galleryLink dt {
	float: left;
}
.galleryLink dd {
	float: left;
	padding: 0 0 0 20px;
}


/* magazine.html
----------------------------------------------------------- */
.magazineList {
	clear: both;
	padding: 35px 0 10px 0;
}
.magazineList li {
	float: left;
	width: 470px;
	padding: 0 0 50px 0;
}
.magazineList li .magazineListL,
.magazineList li .magazineListR {
}
.magazineList li .magazineListL {
	float: left;
	width: 168px;
}
.magazineList li .magazineListR {
	float: left;
	width: 270px;
}
.magazineList li dl dt {
	margin: 0 0 8px 0;/* 20131216 */
}
.magazineList li dl dd {
	margin: 0 0 8px 0;
	font-size: 0.85em;/* 20131216 */
}
.magazineList li a {
	font-size: 0.85em;/* 20131216 */
	font-weight: bold;
	text-decoration: none;
}


.mobileBox {
	clear: both;
	min-height: 227px;
	margin: 0 0 20px 0;
	padding: 13px 0 0 0;
	background: url(/hebel/information/images/mobile_bg.jpg) no-repeat right bottom #ededed;
	overflow: hidden;
}
.mobileBox .mobileBoxL {
	float: left;
	width: 530px;
	padding: 40px 0 0 70px;
}
.mobileBox .mobileBoxL p {
	margin: 0 0 30px 0;
	font-size: 0.88em;
}
.mobileBox .mobileBoxL dl dt {
	color: #698296;
	margin: 0 0 10px 0;
	font-size: 0.94em;
	font-weight: bold;
}
.mobileBox .mobileBoxL dl dd .mobileText {
	width: 450px;
	height: 25px;
	margin: 0 10px 0 0;
	border: 1px solid #ededed;
}
.mobileBox .mobileBoxL dl dd .mobileSubmit {
	width: 60px;
	height: 25px;
	color: #fff;
	border: 1px solid #698296;
	background: #698296;
}
.mobileBox .mobileBoxR {
	float: right;
	width: 179px;
	padding: 83px 87px 0 0;
	text-align: center;
}
.mobileBox .mobileBoxR p {
	color: #698296;
	margin: 0 0 12px 0;
	font-size: 0.94em;
	font-weight: bold;
}





/* link.html
----------------------------------------------------------- */
.line {
	background: url(/hebel/information/common/images/line.jpg) no-repeat left bottom !important;
	clear: both !important;
	padding: 0 0 20px 0 !important;
}
.linkList li {
	padding: 0 0 20px 0;
}
.linkList li .linkListL,
.linkList li .linkListR {
	display: inline-block;
	/display: inline;
	vertical-align: middle;
	zoom: 1;
}
.linkList li .linkListL {
	width: 240px;
}
.linkList li .linkListL img {
	border: 1px solid #ededed;
}
.linkList li .linkListR {
	width: 695px;
}
.linkList li a {
	font-weight: bold;
	text-decoration: none;
}
.linkList li p {
	margin: 5px 0 0 0;
	font-size: 0.88em;
}

/* 
----------------------------------------------------------- */