@charset "utf-8";
/* kangen/index.html用CSSインポートファイル */

/* 基本 */
@import '../../../common/reset.css';
@import '../../../common/text.css';

/* レイアウト */
@import '../../../common/grid.css';
@import '../../../layout/frameLayout.css';
@import '../../../layout/headerImpl.css';

/* サイト内共通コンポーネント */
@import '../../../component/specialLinkList.css';
@import '../../../component/productLinkList.css';
@import '../../../component/linkMarks.css';
@import '../../../component/topicPath.css';
@import '../../../component/cartPanel.css';
@import '../../../component/productDataTable.css';

/* ページ内使用コンポーネント */
@import '../commonkangen.css';

#catchCopy {
	font-size: 140%;
	margin-bottom: 1em;
}

/*  ページ固有 */

/* 商品リスト */
.handlingArticle {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 0.1em solid #999999;
	margin-bottom: 1em;
}

/* 商品リスト行 */
.handlingArticle li {
	margin-bottom: 1.0em;
	border-bottom: 0.1em solid #66CCFF;
	padding-bottom: 1.0em;
}

/* 商品名 */
.handlingArticle h3 {
	color: #333333;
	border-bottom: 0.1em solid #3366FF;
	margin-bottom: 0.5em;
}

/* 還元くんとは？ */
#howToHeader {
	font-size: 100%;
	height: 10em;
	margin-bottom: 0.5em;
	background: url(/img/products/kangen/catch.png) center center no-repeat;
	text-indent: -9999px;
}

.howToContens {
	font-size: 140%;
	margin-bottom: 1.0em;
	text-indent: 1em;
}
.
#purchase {
	font-size: 100%;
	height: 4em;	
	margin-bottom: 1.0em;
}

#purchaseData {
	margin-top: 1.0em;
}

.tableProductData{
	margin-bottom: 5.0em;
}

/* ページテーマ（タイトル） */
#pageThema {
	text-align: center;
	font-size: 200%;
	border-top: 0.1em solid #990000;
	border-bottom: 0.1em solid #990000;
	margin-bottom: 1.0em;
}

/* サブコンテンツヘッダー */
#basicMakeListHeader,
#pointHeader,
#instructionsHeader,
#maintenanceHeader {
	font-size: 180%;
	padding-left: 0.5em;
	border-left: 0.3em solid #0066FF;
	border-bottom: 0.1em solid #0066FF;
	margin-bottom: 1.0em;
}


#primaryContents ol {
	margin-bottom: 1.0em;
}

#primaryContents h5 {
	font-size: 140%;
	margin-bottom: 1.0em;
	color: #990033;
	border-bottom: 0.1em solid #990000;
}

#primaryContents p {
	font-size: 140%;
	margin-bottom: 1.0em;
}

/* 基本的な作り方 */
#basicMakeList,
#point,
#instructions,
#maintenance {
	border-bottom: 0.1em solid #999999;
	margin-bottom: 2.0em;
}

#basicMakeList span {
	font-size: 140%;
	font-weight: bold;
	color:#006699;
}

.linkMark01 {
	margin-bottom: 2.0em;
}