@charset "euc-jp";

@import "reset.css";


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　共通クラス
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*
 基本タグ
------------------------------------------------------ */
* {
	margin:0;
	padding:0;
	font-style:normal;
	line-height: 1.6em;
}body,input,select,textarea {
	font-family:"ヒラギノ角ゴ Pro W3", sans-serif;
	/*\*/
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
/*	font-family:"ＭＳ Ｐゴシック", sans-serif;*/
	/**/
	color:#3D2C27;
}
html>/**/body div.sample1 div {   
    display /*\**/: table-cell\9;   
    zoom: 1\9;   
}
body {
	color: #444444;
	font-size: 12px;
	text-align: center;
	background: #fff;}html>/**/body {font-size: 12px;} /* IE以外に適用*/a { outline: none; }

/* 
 リンクカラー
------------------------------------------------------ */
a:link {
	text-decoration:none;
	color:#0066AA;
}
a:visited {
	text-decoration:none;
	color:#0066AA;
}
a:active,a:hover {
	text-decoration:underline;
	color:#0066AA;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　共通項目部分　レイアウト＆スタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#pop_wrap {
	width: 600px;
	margin: 0px auto;
	padding-top: 8px;
	}
#pop_wrap #header {
	height: 116px;
	margin: 0px;
	width: 600px;
	position: relative;
	text-align: left;
}
#header {
	height: 116px;
	margin: 0px;
	width: 890px;
	position: relative;
	text-align: left;
}
#header:after {
	content:"";
	display:block;
	clear:both;
}
#pop_contents {
	width: 620px;
	margin: 0px auto;
	text-align: left;
	}
#pop_contents:after {
	content:"";
	display:block;
	clear:both;
}
/*
 ヘッダーロゴ
------------------------------------------------------ */
#rogo {
	background: url(../img/rogo.gif) no-repeat left top;
	width: 247px;
	height: 66px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 16px;
	left: 0px;
}
/*
　コンテンツ内　共通枠
------------------------------------------------------ */
#pop_contents .box {
	background: url(../img/boxbg.jpg) repeat-y left top;
	overflow: hidden;
	width: 600px;
}
#pop_contents .boxbtm {
	background: url(../img/boxbtm.jpg) no-repeat left top;
	display: block;
	height: 13px;
	clear: both;
	margin-bottom: 10px;
}

/*
　成分辞典　タイトル各種
------------------------------------------------------ */

#pop_dictionary h2 {
	display: block;
	height: 36px;
	width: 600px;
	text-indent: -9999px;
}

.pop_ttl01 {
	background: url(../product/caution/img/ttl01.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 600px;
}
.sttl01 {
	background: url(../product/caution/img/sttl01.gif);
	display: block;
	height: 32px;
	width: 566px;
	text-indent: -9999px;
	margin: 16px;
}
.sttl02 {
	background: url(../product/caution/img/sttl02.gif);
	display: block;
	height: 32px;
	width: 566px;
	text-indent: -9999px;
	margin: 16px;
}
.sttl03 {
	background: url(../product/caution/img/sttl03.gif);
	display: block;
	height: 32px;
	width: 566px;
	text-indent: -9999px;
	margin: 16px;
}
.sttl04 {
	background: url(../product/caution/img/sttl04.gif);
	display: block;
	height: 32px;
	width: 566px;
	text-indent: -9999px;
	margin: 16px;
}
#pop_wrap h4 {
	font-size: 14px;
	font-weight: bold;
	color: #F90;
	margin: 16px 0px 8px 16px;
}
.btnarea {
	margin: 32px 0;	text-align: center;
}

/* 成分辞典 */

.pop_ttl02 {
	background: url(../product/dictionary/img/ttl01.gif) no-repeat left top;
	display: block;
	height: 34px;
	width: 600px;
	text-indent: -9999px;
	}

#pop_dictionary {
	margin: 16px;
}

#pop_dictionary dt {
	margin: 0 0 8px 0;
	font-weight: bold;
	color: #F90;
	font-size: 14px;
	background: url(../img/ico01.jpg) no-repeat left 4px;
	padding-left: 20px;
	border-bottom: 1px dotted #CCC;	padding-bottom: 8px;
}

#pop_dictionary dd {
	margin: 0 0 24px 0;
}
#pop_dictionary h3 {
	font-weight: bold;
	margin-bottom: 24px;
}
#pop_contents .box p {
	margin: 16px;
}
#pop_contents .box ul {
	margin-left: 16px;
}

#pop_contents #leftCon .box .line {
	background: url(../img/dotline.gif) repeat-x left top;
	height: 1px;
	line-height: 1;
	text-indent: -9999px;
}
#leftCon .box #sst05 {
	font-weight: bold;
	margin: 12px 16px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ポイントサービス　スタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.point_ttl01 {
	background: url(../product/pointservice/img/ttl01.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 600px;
}

.alnC {
	text-align: center;
}
.mgT24 {
	margin-top: 24px;
}
.mgL24 {
	margin-left: 24px; 
}

.txtRed {color: #E83836;}