@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.graphic {
	/*clear: both;*/
	width: 100%;
	height: 790px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.graphic div.image {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 190px;
	height: 280px;
	border: #FCC solid 5px;
	background: url("../images/order/order_graphic.png") no-repeat center center;
}

div#main.single div#content div.product div.graphic div.image:hover {
	border: #FAC solid 5px;
}

div#main.single div#content div.product div.graphic div.image img {
	width: 100%;
	height: 100%;
}

div#main.single div#content div.product div.graphic div.data {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 570px;
	height: 790px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.graphic 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.graphic div.data div.introduction table {
	width: 100%;
	height: auto;
	font-size: 100%;
}

div#main.single div#content div.product div.graphic div.data div.introduction table tr {
	width: 100%;
	line-height: 20px;
}

div#main.single div#content div.product div.graphic div.data div.introduction table tr.first {
	background: #FFF;
}

div#main.single div#content div.product div.graphic div.data div.introduction table tr.second {
	background: #F5F5F5;
}

div#main.single div#content div.product div.graphic 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.graphic 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.music {
	/*clear: both;*/
	width: 100%;
	height: 390px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.music div.image {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 190px;
	height: 280px;
	border: #FCC solid 5px;
	background: url("../images/order/order_music.png") no-repeat center center;
}

div#main.single div#content div.product div.music div.image:hover {
	border: #FAC solid 5px;
}

div#main.single div#content div.product div.music div.image img {
	width: 100%;
	height: 100%;
}

div#main.single div#content div.product div.music div.data {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 570px;
	height: 390px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.music 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.music div.data div.introduction table {
	width: 100%;
	height: auto;
	font-size: 100%;
}

div#main.single div#content div.product div.music div.data div.introduction table tr {
	width: 100%;
	line-height: 20px;
}

div#main.single div#content div.product div.music div.data div.introduction table tr.first {
	background: #FFF;
}

div#main.single div#content div.product div.music div.data div.introduction table tr.second {
	background: #F5F5F5;
}

div#main.single div#content div.product div.music 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.music 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.script {
	/*clear: both;*/
	width: 100%;
	height: 590px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.script div.image {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 190px;
	height: 225px;
	border: #FCC solid 5px;
	background: url("../images/order/order_script.png") no-repeat center center;
}

div#main.single div#content div.product div.script div.image:hover {
	border: #FAC solid 5px;
}

div#main.single div#content div.product div.script div.image img {
	width: 100%;
	height: 100%;
}

div#main.single div#content div.product div.script div.data {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 570px;
	height: 590px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.script 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.script div.data div.introduction table {
	width: 100%;
	height: auto;
	font-size: 100%;
}

div#main.single div#content div.product div.script div.data div.introduction table tr {
	width: 100%;
	line-height: 20px;
}

div#main.single div#content div.product div.script div.data div.introduction table tr.first {
	background: #FFF;
}

div#main.single div#content div.product div.script div.data div.introduction table tr.second {
	background: #F5F5F5;
}

div#main.single div#content div.product div.script 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.script 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.localize {
	/*clear: both;*/
	width: 100%;
	height: 850px;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#main.single div#content div.product div.localize div.image {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 190px;
	height: 335px;
	border: #FCC solid 5px;
	background: url("../images/order/order_localize.png") no-repeat center center;
}

div#main.single div#content div.product div.localize div.image:hover {
	border: #FAC solid 5px;
}

div#main.single div#content div.product div.localize div.image img {
	width: 100%;
	height: 100%;
}

div#main.single div#content div.product div.localize div.data {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 570px;
	height: 850px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.product div.localize 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.localize div.data div.introduction table {
	width: 100%;
	height: auto;
	font-size: 100%;
}

div#main.single div#content div.product div.localize div.data div.introduction table tr {
	width: 100%;
	line-height: 20px;
}

div#main.single div#content div.product div.localize div.data div.introduction table tr.first {
	background: #FFF;
}

div#main.single div#content div.product div.localize div.data div.introduction table tr.second {
	background: #F5F5F5;
}

div#main.single div#content div.product div.localize 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.localize div.data div.introduction table td {
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------------- */
/* コンテンツ                                                       */
/* double                                                           */
/* ---------------------------------------------------------------- */

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

/* ---------------------------------------------------------------- */
/* サイド                                                           */
/* (コンテンツ「double」用)                                         */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* フッター                                                         */
/* ---------------------------------------------------------------- */