@charset "shift_jis";

/*==================================================
	新へパリーゼドリンク TV CM
	/css/style.css
==================================================*/

/*========== 共通スタイル読み込み ==========*/
@import "common.css";


/*========== Topページ - 共通 ==========*/
body {
	width: 100%;
	background: left top repeat-x #fff;
	text-align: center;
}

/*========== Topページ - Flash部分 ==========*/
#swfarea {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
















/*========== トップコンテンツ ==========*/
.topContentsBox {
	width: 800px;
	margin: 31px 0 0;
}

.topLeftColumn {
	width: 641px;
	float: left;
}

.topicsBox {
	width: 626px;
}
.topicsBox h2 {
	margin: 0;
}
.topicsBox .topics {
	width: 626px;
	margin: 10px 0;
}
.topicsBox .topics .topicData {
	width: 126px;
	float: left;
}
.topicsBox .topics .topicText {
	width: 500px;
	margin: 0;
	float: left;
}
.topicsBox .topicBorder {
	margin: 0;
	clear: both;
}

.healthBox {
	width: 626px;
	margin: 30px 0 0;
}
.healthBox h2 {
	margin: 0;
}

.helthInnerBox {
	width: 626px;
}

.helthInnerBox .healthBoxLeft {
	width: 328px;
	margin: 0;
	float: left;
}

.helthInnerBox .healthBoxRight {
	width: 298px;
	margin: 0;
	float: left;
}
.healthContentsBox {
	width: 298px;
	margin: 10px 0;
}
.healthContentsBox .healthPhoto {
	width: 103px;
	margin: 0;
	float: left;
}
.healthContentsBox .healthTextStrong {
	width: 195px;
	margin: 0 0 8px;
	line-height: 1.2;
	float: left;
}
.healthContentsBox .healthTextStrong a {
	color: #ff6600;
	font-weight: bold;
}
.healthContentsBox .healthText {
	width: 195px;
	margin: 0;
	line-height: 1.2;
	float: left;
}
.healthContentsBox .healthBorder {
	margin: 10px 0 0;
	clear: both;
}


.topRightColumn {
	width: 259px;
	float: left;
}
.topRightColumn .topBn {
	width: 259px;
	margin: 0 0 15px;
}