@charset "UTF-8";

/* 離脱症状（禁断症状）と克服方法スタイル
-------------------------------------------------------------------------------- */
div#contents-area div#success_index div {
	position:relative;
	margin:0 10px;
}

div#contents-area div#success_index div#syojo {
	position:relative;
}

div#contents-area div#success_index div h2 {
	text-align:center;
	padding:3px 0;
	color:#FFF;
}

div#contents-area div#success_index div#syojo h2 {
	background:#F4A931;
}

div#contents-area div#success_index div#taisyo h2 {
	background:#6599D3;
}


div#contents-area div#success_index div ul {
	margin:10px;
	display:inline-block;
}

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

div#contents-area div#success_index div ul li {
	float:left;
	width:168px;
	text-align:center;
	border:3px solid #EEE;
	margin:0 10px 10px 0;
	padding:5px;
}

* html body div#contents-area div#success_index div ul li {
	width:184px;
}

div#contents-area div#success_index div#taisyo ul li {
	height:200px;
}

* html body div#contents-area div#success_index div#taisyo ul li {
	height:220px;
}

div#contents-area div#success_index p.arrow {
	text-align:center;
	margin:20px 0;
	clear:both;
}









/* 生活習慣に関するアドバイススタイル
-------------------------------------------------------------------------------- */
div#contents-area div#success_advice ul {
	margin:0px 10px 30px 10px;
	display:inline-block;
	
}

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

div#contents-area div#success_advice ul li {
	float:left;
	width:150px;
	text-align:center;
	border:3px solid #EEE;
	margin:0 10px 10px 0;
	padding:5px;
	font-size:90%;
}

* html body div#contents-area div#success_advice div ul li {
	width:166px;
}

div#contents-area div#success_advice ul li p {
	text-align:center;
}

div#contents-area div#success_advice ul#fat li {
	height:180px;
}

* html body div#contents-area div#success_advice ul#fat li {
	height:210px;
}











/* 禁煙継続のコツスタイル
-------------------------------------------------------------------------------- */
div#contents-area div#success_tips ul {
	margin:0px 10px 30px 10px;
	display:inline-block;
}

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

div#contents-area div#success_tips ul li {
	float:left;
	width:150px;
	text-align:center;
	border:3px solid #EEE;
	margin:0 10px 10px 0;
	padding:5px;
	height:190px;
	font-size:90%;
}

* html body div#contents-area div#success_tips ul li {
	width:166px;
	height:210px;
}

div#contents-area div#success_tips ul li p {
	text-align:center;
}