@charset "UTF-8";

/* コンテンツ共通スタイル
-------------------------------------------------------------------------------- */
div#contents-area h4 {
	margin:15px 0 5px 10px;
	font-size: 100%;
	color:#923222;
}


/* 次のページへスタイル */
div#contents-area div.next-page {
	float: right;
	margin:0 10px 20px 0;
}

div#contents-area div.next-page a {
	padding: 0.4em 1em 0.4em 1.6em;
	border: 1px solid #898989;
	display: block;
	background: url(../img/next-bottun_off.gif) 0 100% no-repeat;
}

div#contents-area div.next-page a:hover {
	border: 1px solid #A7A7A7;
	display: block;
	background: url(../img/next-bottun_on.gif) 0 100% no-repeat;
}

div#contents-area div.next-page a:visited {
	color: #923222;
	text-decoration: none;
}

div#contents-area div.next-page a:active,
div#contents-area div.next-page a:hover {
	color: #634329;
	text-decoration: none;
}








/* １．タバコの有害成分スタイル
-------------------------------------------------------------------------------- */
div#contents-area div#illness_index table {
	font-size:100%;
	line-height:130%;
	text-align:left;
	border-collapse:collapse;
	margin:0 10px 20px 10px;
}

div#contents-area div#illness_index table caption {
	display:none;
}

div#contents-area div#illness_index table th,
div#contents-area div#illness_index table td {
	padding:5px 10px;
	border:3px solid #FFF;
	border-collapse: collapse;
	background:#f4eae8;
}

div#contents-area div#illness_index table th {
	vertical-align:top;
	background:#e9d6d3;
}

* html body div#contents-area div#illness_index table th {
	font-size:95%;
	line-height:140%;
}

* html body div#contents-area div#illness_index table td{
	font-size:95%;
	line-height:140%;
}






/* ２.タバコのデメリット
-------------------------------------------------------------------------------- */
div#contents-area div#illness_demerit div {
	margin:0 0 20px 0;
	display:inline-block;
}

div#contents-area div#illness_demerit div:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

div#contents-area div#illness_demerit div p {
	width:321px;
	float: left;
}

div#contents-area div#illness_demerit div ul {
	margin:0 0 0 400px;
}

div#contents-area div#illness_demerit div ul li {
	list-style:disc;
}

div#contents-area div#illness_demerit p.right {
	text-align:right;
	margin:0 0 20px 0;
}

div#contents-area div#illness_demerit p.nicotinell-midashi {
	font-size:140%;
	font-weight:bold;
}






 
/* ３.喫煙者におこる肺の変化
-------------------------------------------------------------------------------- */
div#contents-area div#illness_lung table {
	font-size:95%;
	line-height:130%;
	text-align:left;
	border-collapse:collapse;
	margin:0 5px 20px 5px;
}

div#contents-area div#illness_lung table caption {
	display:none;
}

div#contents-area div#illness_lung table th,
div#contents-area div#illness_lung table td {
	padding:5px 10px;
	border:3px solid #FFF;
	border-collapse: collapse;
	background:#f4eae8;
	vertical-align:top;
}

div#contents-area div#illness_lung table th {
	vertical-align:top;
	background:#e9d6d3;
}

* html body div#contents-area div#illness_lung table th {
	font-size:95%;
	line-height:140%;
}

* html body div#contents-area div#illness_lung table td{
	font-size:95%;
	line-height:140%;
}




/* 6.タバコとコスト
-------------------------------------------------------------------------------- */
div#contents-area div#illness_cost dl {
	margin:0 10px 15px 10px;
	display:inline-block;
}

div#contents-area div#illness_cost dl:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

div#contents-area div#illness_cost dl dt {
	float: left;
	border: 1px solid #CCC;
	padding:10px;
}

div#contents-area div#illness_cost dl dd {
	margin:0 0 10px 135px;
}


div#contents-area div#illness_cost table {
	font-size:90%;
	line-height:130%;
	border-collapse:collapse;
	font-size:100%;
	margin:0 10px 20px 10px;
}

div#contents-area div#illness_cost table caption {
	display:none;
}


div#contents-area div#illness_cost table tr th,
div#contents-area div#illness_cost table tr td {
	border:1px solid #e6d0cc;
	padding:5px 10px;
}

div#contents-area div#illness_cost table th {
	background:#d3ada7;
}

div#contents-area div#illness_cost table tr td {
	background:#FFF;
}

div#contents-area div#illness_cost table td {
	padding:5px 10px;
	text-align:center;
	background:#FFF;
}
	
div#contents-area div#illness_cost table td img {
	margin:0px auto;
	vertical-align:middle;
}

div#contents-area div#illness_cost table td.event {
	text-align:left;
}

div#contents-area div#illness_cost table td.year {
	background:#f4eae8;
}