@charset "UTF-8";


/* コンテンツ共通acrobat ダウンロードスタイルスタイル
-------------------------------------------------------------------------------- */
div#contents-area div div.pluginA01 {
	border:1px solid #333;
	padding:15px;
	margin:20px 10px;
}

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

div#contents-area div div.pluginA01 p {
	margin:0 0 0 100px;
}

div#contents-area div div.pluginA01 p.acrobat_image {
	float:left;
	margin:0;
}

div#contents-area div p strong {
	color:#000;
	font-weight:bold;
}

div#contents-area div p a.product-pdf {
	background: url(../../shared/img/icon_pdf01.gif) no-repeat 0 0;
	padding:0 0 0 19px;
}


div#contents-area div#about_index table td.t1{
	width:12em;}
div#contents-area div#about_index table td.t2{
	width:4em;}
	div#contents-area div#about_index table td.t3{
	width:126px;}


/* 右寄せテキストスタイル */

.rtext{
	margin:20px 20px 0 0;
	text-align:right;
}

.rtext:after {
	clear:both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}


/* ニコチネルパッチとは スタイル
-------------------------------------------------------------------------------- */
div#contents-area div#about_index dl {
	margin:0 10px 25px 10px;
	display:inline-block;
}

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

div#contents-area div#about_index dl dt {
	float:left;
	width:200px;
	padding: 10px;
	border: 1px solid #DDD;
}

div#contents-area div#about_index dl dt p {
	margin:0;
}

div#contents-area div#about_index dl dt img {
	margin:0;
	display:block;
}

div#contents-area div#about_index dl dd {
	margin:0 0 0 235px;
}

div#contents-area div#about_index dl dd ul {
	padding:0 0 0 20px;
}

div#contents-area div#about_index dl dd ul li {
	list-style-type:disc;
}



/* テーブルスタイル */
div#contents-area div#about_index table {
	border-collapse:collapse;
	margin:0 10px 10px 10px;
	width:95%;
}

* html body div#contents-area div#about_index table {
	width:auto;
}

div#contents-area div#about_index table th,
div#contents-area div#about_index table td {
	padding:8px;
	border:1px solid #83a3cb;
	border-collapse: collapse;
	background:#FFF;
	text-align:center;
}

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

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










/* ニコチネルパッチの禁煙プログラム スタイル
-------------------------------------------------------------------------------- */
div#contents-area div#about_program h3#step0 {
	text-align:center;
	border:3px solid #fbc400;
	background:#feedb2;
	padding:3px 8px;
	margin:0 10px;
}

div#contents-area div#about_program h3#step3 {
	text-align:center;
	border:3px solid #c3d718;
	background:#edf3b9;
	padding:3px 8px;
	margin:0 10px 30px 10px;
}

div#contents-area div#about_program dl {
	margin:0 10px;
	display:inline-block;
	padding:15px;
}

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

div#contents-area div#about_program dl#step1 {
	border:3px solid #fbc400;
	background:#feedb2;
}

div#contents-area div#about_program dl#step2 {
	border:3px solid #c3d718;
	background:#edf3b9;
}


div#contents-area div#about_program dl dt {
	float:left;
	margin:0;
}

div#contents-area div#about_program dl dd {
	margin:0 0 0 115px;
}

div#contents-area div#about_program dl dd h3 {
	margin:0 0 15px 0;
	padding:0 0 3px 5px;
}

div#contents-area div#about_program dl dd p {
	margin: 0 0 10px 0;
}

div#contents-area div#about_program dl dd div {
	background:#FFF;
	padding:15px;
	border:1px solid #EEE;
}

div#contents-area div#about_program dl dd div h4 {
	font-size:100%;
	border-bottom:2px solid #DDD;
	padding:0 0 2px 0;
	margin:0 0 5px 0;
}

div#contents-area div#about_program dl dd div p {
	margin:0;
}



div#contents-area div#about_program dl#step1 dd h3 {
	background:url(../img/about_step03.gif) 0 100% repeat-x;
	padding:0 0 0 10px;
	line-height:180%;
}

div#contents-area div#about_program dl#step2 dd h3 {
	background:url(../img/about_step04.gif) 0 100% repeat-x;
	padding:0 0 0 10px;
	line-height:180%;
}

div#contents-area div#about_program p.arrow {
	text-align:center;
	margin:15px 10px;
}

div#contents-area div#about_program p.point2 {
	margin:10px;
}

div#contents-area div#about_program p span.s1{
	font-size:80%;}








/* ニコチネルパッチの使い方スタイル
-------------------------------------------------------------------------------- */
div#contents-area div#about_use dl {
	margin:0 10px 15px 10px;
	display:inline-block;
	background:url(../../../shared/img/common/line_dot01.gif) 0 100% repeat-x;
	padding:0 0 15px 0;
}

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

div#contents-area div#about_use dl dt {
	float:left;
}

div#contents-area div#about_use dl dt img {
	padding: 5px;
	border: 1px solid #DDD;
	margin:0;
	font-size:0;
	line-height:0;
}

div#contents-area div#about_use dl dd {
	margin:0 0 0 150px;
}

div#contents-area div#about_use dl.wide dd {
	margin:0 0 0 270px;
}

div#contents-area div#about_use dl dd h3 {
	font-size:100%;
	border-bottom:3px solid #DDD;
	margin:0 0 5px 0;
	padding:0 0 3px 0;
	line-height:130%;
}

div#contents-area div#about_use dl dd p {
	margin:0 0 5px 0;
}

div#contents-area div#about_use dl dd ol {
	padding:0;
}

div#contents-area div#about_use dl dd ol li {
	margin:0 0 15px 0;
}

div#contents-area div#about_use dl dd ol li strong {
	font-weight:bold;
	color:#000;
}






/* ニコチネルパッチのＱ＆Ａスタイル
-------------------------------------------------------------------------------- */
div#contents-area div#about_faq dl {
	margin:0 10px 10px 10px;
	zoom: 100%;
}

div#contents-area div#about_faq dl dt {
	background:url(../img/about_faq01.gif) 0 2px no-repeat;
	padding:0 0 0 23px;
	margin:0 0 10px 0;
}

div#contents-area div#about_faq dl dd {
	margin:0 0 15px 0;
	background:url(../../shared/img/line_dot01.gif) 0 100% repeat-x;
	padding:0 0 15px 0;
}

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

div#contents-area div#about_faq dl dd p {
	background:url(../img/about_faq02.gif) 0 2px no-repeat;
	padding:0 0 0 23px;
	margin:0;
}


div#contents-area div#about_faq div#column {
	border:3px solid #f5ee80;
	background:#fffdda;
	padding:15px;
	margin:10px 10px 30px 10px;
}

div#contents-area div#about_faq div#column p {
	margin:0;
}