@charset "UTF-8";

/* ---------------------------------------------------------------- */
/*                                                                  */
/* 【タイトル】 m-kz                                                */
/* 【   版   】 1.1                                                 */
/* 【ファイル】 product.css                                         */
/* 【作成月日】 2009/05/12                                          */
/* 【更新月日】 2008/05/12                                          */
/* 【制 作 者】 沖田かず                                            */
/* 【動作環境】 Internet Explorer 6, 7, 8                           */
/*              Firefox 3                                           */
/*              Safari 3                                            */
/* 【 E-Mail 】 Please confirm it on the homepage.                  */
/* 【HomePage】 http://m-kz.com/                                    */
/* 【著 作 権】 Copyright (C) 2009 m-kz. All Rights Reserved.       */
/*                                                                  */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* 基本設定                                                         */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* 背景                                                             */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* 基礎                                                             */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* ヘッダー                                                         */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* メイン                                                           */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* コンテンツ                                                       */
/* single                                                           */
/* ---------------------------------------------------------------- */

/* 製品情報 */
div#main.single div#content div.product {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.yuzakura {
	/*clear: both;*/
	width: 100%;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.yuzakura div.image {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 190px;
	height: 280px;
	border: #FCC solid 5px;
	background: url("../images/product/product_yuzakura.png") no-repeat center center;
}

div#main.single div#content div.product div.yuzakura div.image:hover {
	border: #FAC solid 5px;
}

div#main.single div#content div.product div.yuzakura div.image img {
	width: 100%;
	height: 100%;
}

div#main.single div#content div.product div.yuzakura div.data {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 570px;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.yuzakura div.data div.introduction {
	width: 400px;
	height: auto;
	border: #DDD solid 1px;
	padding: 0px 0px 0px 0px;
	margin: 90px 0px 0px 0px;

}

div#main.single div#content div.product div.yuzakura div.data div.introduction table {
	width: 100%;
	height: auto;
	font-size: 100%;
}

div#main.single div#content div.product div.yuzakura div.data div.introduction table tr {
	width: 100%;
	line-height: 20px;
}

div#main.single div#content div.product div.yuzakura div.data div.introduction table tr.first {
	background: #FFF;
}

div#main.single div#content div.product div.yuzakura div.data div.introduction table tr.second {
	background: #F5F5F5;
}

div#main.single div#content div.product div.yuzakura div.data div.introduction table th {
	width: 30%;
	text-align: right;
	background: #FCC;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.yuzakura div.data div.introduction table td {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.akizora {
	/*clear: both;*/
	width: 100%;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.akizora div.image {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 190px;
	height: 280px;
	border: #FCC solid 5px;
	background: url("../images/product/product_akizora.png") no-repeat center center;
}

div#main.single div#content div.product div.akizora div.image:hover {
	border: #FAC solid 5px;
}

div#main.single div#content div.product div.akizora div.image img {
	width: 100%;
	height: 100%;
}

div#main.single div#content div.product div.akizora div.data {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 570px;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.akizora div.data div.introduction {
	width: 400px;
	height: auto;
	border: #DDD solid 1px;
	padding: 0px 0px 0px 0px;
	margin: 90px 0px 0px 0px;

}

div#main.single div#content div.product div.akizora div.data div.introduction table {
	width: 100%;
	height: auto;
	font-size: 100%;
}

div#main.single div#content div.product div.akizora div.data div.introduction table tr {
	width: 100%;
	line-height: 20px;
}

div#main.single div#content div.product div.akizora div.data div.introduction table tr.first {
	background: #FFF;
}

div#main.single div#content div.product div.akizora div.data div.introduction table tr.second {
	background: #F5F5F5;
}

div#main.single div#content div.product div.akizora div.data div.introduction table th {
	width: 30%;
	text-align: right;
	background: #FCC;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.akizora div.data div.introduction table td {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.irodori {
	/*clear: both;*/
	width: 100%;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.irodori div.image {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 190px;
	height: 280px;
	border: #FCC solid 5px;
	background: url("../images/product/product_irodori.png") no-repeat center center;
}

div#main.single div#content div.product div.irodori div.image:hover {
	border: #FAC solid 5px;
}

div#main.single div#content div.product div.irodori div.image img {
	width: 100%;
	height: 100%;
}

div#main.single div#content div.product div.irodori div.data {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 570px;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.irodori div.data div.introduction {
	width: 400px;
	height: auto;
	border: #DDD solid 1px;
	padding: 0px 0px 0px 0px;
	margin: 90px 0px 0px 0px;

}

div#main.single div#content div.product div.irodori div.data div.introduction table {
	width: 100%;
	height: auto;
	font-size: 100%;
}

div#main.single div#content div.product div.irodori div.data div.introduction table tr {
	width: 100%;
	line-height: 20px;
}

div#main.single div#content div.product div.irodori div.data div.introduction table tr.first {
	background: #FFF;
}

div#main.single div#content div.product div.irodori div.data div.introduction table tr.second {
	background: #F5F5F5;
}

div#main.single div#content div.product div.irodori div.data div.introduction table th {
	width: 30%;
	text-align: right;
	background: #FCC;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.irodori div.data div.introduction table td {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.seishintobi {
	/*clear: both;*/
	width: 100%;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.seishintobi div.image {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 190px;
	height: 280px;
	border: #FCC solid 5px;
	background: url("../images/product/product_seishintobi.png") no-repeat center center;
}

div#main.single div#content div.product div.seishintobi div.image:hover {
	border: #FAC solid 5px;
}

div#main.single div#content div.product div.seishintobi div.image img {
	width: 100%;
	height: 100%;
}

div#main.single div#content div.product div.seishintobi div.data {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 570px;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.seishintobi div.data div.introduction {
	width: 400px;
	height: auto;
	border: #DDD solid 1px;
	padding: 0px 0px 0px 0px;
	margin: 90px 0px 0px 0px;

}

div#main.single div#content div.product div.seishintobi div.data div.introduction table {
	width: 100%;
	height: auto;
	font-size: 100%;
}

div#main.single div#content div.product div.seishintobi div.data div.introduction table tr {
	width: 100%;
	line-height: 20px;
}

div#main.single div#content div.product div.seishintobi div.data div.introduction table tr.first {
	background: #FFF;
}

div#main.single div#content div.product div.seishintobi div.data div.introduction table tr.second {
	background: #F5F5F5;
}

div#main.single div#content div.product div.seishintobi div.data div.introduction table th {
	width: 30%;
	text-align: right;
	background: #FCC;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.seishintobi div.data div.introduction table td {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.noveltan {
	/*clear: both;*/
	width: 100%;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.noveltan div.image {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 190px;
	height: 280px;
	border: #FCC solid 5px;
	background: url("../images/product/product_noveltan.png") no-repeat center center;
}

div#main.single div#content div.product div.noveltan div.image:hover {
	border: #FAC solid 5px;
}

div#main.single div#content div.product div.noveltan div.image img {
	width: 100%;
	height: 100%;
}

div#main.single div#content div.product div.noveltan div.data {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 570px;
	height: 290px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.noveltan div.data div.introduction {
	width: 400px;
	height: auto;
	border: #DDD solid 1px;
	padding: 0px 0px 0px 0px;
	margin: 90px 0px 0px 0px;

}

div#main.single div#content div.product div.noveltan div.data div.introduction table {
	width: 100%;
	height: auto;
	font-size: 100%;
}

div#main.single div#content div.product div.noveltan div.data div.introduction table tr {
	width: 100%;
	line-height: 20px;
}

div#main.single div#content div.product div.noveltan div.data div.introduction table tr.first {
	background: #FFF;
}

div#main.single div#content div.product div.noveltan div.data div.introduction table tr.second {
	background: #F5F5F5;
}

div#main.single div#content div.product div.noveltan div.data div.introduction table th {
	width: 30%;
	text-align: right;
	background: #FCC;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.noveltan div.data div.introduction table td {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------------- */
/* コンテンツ                                                       */
/* double                                                           */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* コンテンツ                                                       */
/* 共通                                                             */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* サイド                                                           */
/* (コンテンツ「double」用)                                         */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* フッター                                                         */
/* ---------------------------------------------------------------- */
