@charset "utf-8";

/* *************************************************************** */
/*                                                                 */
/* 内容　:　コンテンツ基本レイアウト                               */
/* 作成日:　2010年04月08日                                         */
/* 変更日:　2010年05月06日                                         */
/*                                                                 */
/* *************************************************************** */




/* ********************* コンテンツ共通 ********************* */

/* 正規版Windows7 */
#genuinewindows7 {
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	height: 19px;
	overflow: hidden;
	color: #333;
	margin: 0;
	padding: 0;
}

/* 基本セル */
#first #contents .cell,
#second #contents .cell{
	zoom: 100%;
	min-height: 1px;
	overflow:hidden;
}
#first #contents .cell :after,
#second #contents .cell :after,{
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

/* マージン */
.marginB8 {
	margin-bottom: 8px;
}
.marginB10 {
	margin-bottom: 10px;
}
.marginB20 {
	margin-bottom: 20px;
}
.marginB30 {
	margin-bottom: 30px;
}
.marginB40 {
	margin-bottom: 40px;
}
.marginB60 {
	margin-bottom: 60px;
}
.marginB80 {
	margin-bottom: 80px;
}
.colorRed {
	color: #F00;
}

/* 行揃 */
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}

/* 余白 */
.paddingTB {
	padding-top: 10px;
	padding-bottom: 10px;
}
.paddingL {
	padding-left: 10px;
}
.paddingR {
	padding-right: 10px;
}
.paddingB3 {
	padding-bottom: 3px;
}

/* カラー */
.colorRed {
	color: #F00;
}

/* アイコンつきリンク（文字） */
a.link01 {
	margin: 0;
	padding: 0 0 0 15px;
	color: #00A585;
	font-size: 12px;
	text-decoration: underline;
	background: url(../img/icon_link01.gif) no-repeat left center;
}
a.link01:hover {
	color: #00F0C0;
}

/* 文中のリンク（グリーン） */
a.link02 {
	color: #00A585;
	text-decoration: underline;
}
a.link02:hover {
	color: #00F0C0;
}

/* ページトップへリンク */
.linkToTop {
	margin: 15px 0;
	text-align: right;
}
.linkToTop a {
	margin: 0;
	padding: 0 15px 0 0;
	font-size: 10px;
	text-decoration: underline;
	color: #666;
	background: url(../img/icon_to-top.gif) no-repeat right center;
}
.linkToTopt a:hover {
	color: #06F;
	text-decoration: underline;
}

.linkDiscontinued {
	margin: 0 0 15px;
	text-align: right;
}





/* ********************* コンテンツヘッダー ********************* */

/* カテゴリートップ用 H1 */
#baseBody #index h1 {
	margin: 8px 0 0;
	padding: 0;
	font-size: small;
}


/* コンテンツトップ（共通） */
#contentsHead {
	margin: 8px 0 20px;
	padding: 0;
}
div#contentsHead h1 {
	margin: 8px 0 10px;
	font-size: small;
}
#contentsHead .title {
	width: 300px;
	padding: 3px 0;
	margin: 15px 0 10px 0;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	background-color: #00A585;
}
#first .catIndex #contentsHead h1 {
	padding: 0;
	margin: 8px 0 0 0;
	font-size: 14px;
	text-align: center;
}
div#contentsHead p {
	padding: 3px 0;
	margin: 0 0 5px;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
}
.noHead {
	margin-top: 8px;
}




/* ********************* コンテンツ本文（共通） ********************* */
/* 見出し */
#contentsBody h2 {
	padding: 0;
	margin: 0 0 15px 0;
	width: 695px;
	height: 32px;
	color: #00A585;
	font-size: 16px;
	line-height: 32px;
	text-align: left;
	text-indent: 10px;
	background: url(../img/cmmn_title.jpg) no-repeat left top;
}
#contentsBody h2 span {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
}




/* ********************* コンテンツ本文　レイアウト ********************* */
/* main 製品スペックなど      */
/* main02 ２分割  */
/* main03 製品写真 その他一般   */
#contentsBody .main h3,
#contentsBody .main02 h3,
#contentsBody .main03 h3 {
	margin: 3px 0 8px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px dotted #00A585;
}

#contentsBody .main h4,
#contentsBody .main02 h4,
#contentsBody .main03 h4 {
	margin: 3px 0 8px;
	font-size: 12px;
	font-weight: bold;
}


#contentsBody .cell p {
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.5em;
}
#contentsBody .main .left,
#contentsBody .main02 .left,
#contentsBody .main03 .left {
	float: left;
	overflow: hidden;
}
#contentsBody .main .right,
#contentsBody .main02 .right,
#contentsBody .main03 .right {
	float: right;
	overflow: hidden;
}


#contentsBody .main {
	padding: 0 0 20px;
}
	#contentsBody .main .left {
		width: 160px;
	}
	#contentsBody .main .right {
		width: 500px;
	}
	#contentsBody .main h3{
		color: #333;
	}

#contentsBody .main02 {
	margin: 0 0 10px;
}
	#contentsBody .main02 .left {
		width: 342px;
	}
	#contentsBody .main02 .right {
		width: 342px;
	}
	#contentsBody .main02 h3{
		color: #00A585;
	}

#contentsBody .main03 {
	margin: 0 0 10px;
}
	#contentsBody .main03 .left {
		width: 342px;
	}
	#contentsBody .main03 .right {
		width: 342px;
	}
	#contentsBody .main03 h3{
		color: #00A585;
	}


#contentsBody .end {
	margin: 0 0 30px;
}