@charset "utf-8";

/* =======================================

 商品情報 CSS

 -----------------------------------------
 INDEX
 -----------------------------------------
 

========================================== */
/* /item/index.html
****************************************************************************************/
body.item#itemIndex #main {
}


/* Section
========================================== */
body.item#itemIndex #main .section {
	margin: 0 0 25px;
	background: #F2F1EF;
	zoom: 1;
}

body.item#itemIndex #main .section:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

	/* Contents
	---------------------------------------- */
	body.item#itemIndex #main .section .contents {
		float: left;
		display: inline;
		padding: 16px 0 16px 16px;
		width: 334px;
	}
	
	body.item#itemIndex #main .section .contents h2 {
		margin: 0;
	}
	
	body.item#itemIndex #main .section .contents p {
		margin: 0;
	}
	
		/* Related Link
		---------------------------------------- */
		body.item#itemIndex #main .section .contents ul.relatedLink {
			position: relative;
			margin: -5px 0 0 -4px;
			width: 338px;
		}
		
		body.item#itemIndex #main .section .contents ul.relatedLink:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
		
		body.item#itemIndex #main .section .contents ul.relatedLink li {
			float: left;
			display: inline;
			margin: 5px 0 0 4px;
		}
		
		body.item#itemIndex #main .section .contents ul.relatedLink li a {
			display: block;
		}
	
	/* Image
	---------------------------------------- */
	body.item#itemIndex #main .section .image {
		float: right;
		display: inline;
		width: 352px;
		border: 1px solid #C8C190;
	}
	
	body.item#itemIndex #main .section .image img {
		border: 1px solid #FFF;
	}


/* /item/greenb/index.html
****************************************************************************************/
body.item.greenb#greenbIndex #main {
}


/* Main Visual
========================================== */
body.item.greenb#greenbIndex #main .mainVisual {
	margin: 0 0 14px;
}


/* Introduction
========================================== */
body.item.greenb#greenbIndex #main .introduction {
	margin: 0 0 40px;
	zoom: 1;
}

body.item.greenb#greenbIndex #main .introduction:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

	/* P
	---------------------------------------- */
	body.item.greenb#greenbIndex #main .introduction p {
		float: left;
		display: inline;
		width: 430px;
		font-size: 120%;
		line-height: 1.834;
	}
	
	body.item.greenb#greenbIndex #main .introduction p.image {
		float: right;
		display: inline;
		width: 270px;
	}


/* Section
========================================== */
body.item.greenb#greenbIndex #main .section {
	margin: 0 0 50px;
}

body.item.greenb#greenbIndex #main .section h2 {
	margin: 0 0 10px;
}

body.item.greenb#greenbIndex #main .section p {
	margin: 0 10px 10px;
	font-size: 120%;
	line-height: 1.834;
}


/* Greenb Materials
========================================== */
body.item.greenb#greenbIndex #main .section#greenbMaterials {
	margin: 0 0 40px;
}

	/* H2
	---------------------------------------- */
	body.item.greenb#greenbIndex #main .section#greenbMaterials h2 {
		margin: 0;
	}
	
	/* Table
	---------------------------------------- */
	body.item.greenb#greenbIndex #main .section#greenbMaterials table {
		width: 100%;
	}
	
	body.item.greenb#greenbIndex #main .section#greenbMaterials table tr th,
	body.item.greenb#greenbIndex #main .section#greenbMaterials table tr td {
		padding: 12px 5px;
		border-bottom: 1px solid #D9D9D9;
	}
	
	body.item.greenb#greenbIndex #main .section#greenbMaterials table tr th {
		padding-left: 20px;
	}
	
	body.item.greenb#greenbIndex #main .section#greenbMaterials table tr td {
		padding-right: 20px;
	}


/* Greenb Dealer
========================================== */
body.item.greenb#greenbIndex #main .section#greenbDealer {
}

	/* H2
	---------------------------------------- */
	body.item.greenb#greenbIndex #main .section#greenbDealer h2 {
		margin: 0 0 18px;
	}
	
	/* Dealer Links
	---------------------------------------- */
	body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks {
		margin: 0 0 7px;
		padding: 0 0 10px;
		background: url(../../images/common/border_dotted_01.png) repeat-x 0 100%;
		zoom: 1;
	}
	
	body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
	}
		
		/* Shop Links
		---------------------------------------- */
		body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks .shopLinks {
			float: left;
			display: inline;
			width: 520px;
		}
		
			/* Table
			---------------------------------------- */
			body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks .shopLinks table {
			}
			
			body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks .shopLinks table tr th,
			body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks .shopLinks table tr td {
				padding: 8px 5px;
				vertical-align: middle;
			}
			
			body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks .shopLinks table tr.first th,
			body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks .shopLinks table tr.first td {
				padding-top: 0;
			}
			
			body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks .shopLinks table tr th {
				padding-left: 10px;
			}
			
			body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks .shopLinks table tr td {
			}
			
			body.item.greenb#greenbIndex #main .section#greenbDealer .dealerLinks .shopLinks table tr td a {
				padding: 0 0 0 8px;
				background: url(../../images/common/arrow_04.gif) no-repeat 0 4px;
				color: #C8161D;
			}
		
		/* Online Shop
		---------------------------------------- */
		body.item.greenb#greenbIndex #main .section#greenbDealer .onlineShop {
			float: right;
			display: inline;
			width: 190px;
		}
		
		body.item.greenb#greenbIndex #main .section#greenbDealer .onlineShop img {
			background: #FFFFFF;
			padding: 1px;
			border: 1px solid #C4AE8B;
		}
		
		body.item.greenb#greenbIndex #main .section#greenbDealer p.notes {
			margin: 0 0 10px;
		}