/* ----------------------------------------------
	説明ページ基本スタイルシート
	
	全体widthは630px（実際border込みで632px）
	レイアウトwidthは550px（border有は548px）
---------------------------------------------- */

/* ----------------------------------------------
	bodyの指定
---------------------------------------------- */
body {
	margin: 0;
	/* text-align: center; */ /* 全体の位置をセンターに */
	background-color: #eed7b8;
	/* font-family: 'trebuchet ms', helvetica, arial, sans-serif; */
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
	font-size: 12px;
	line-height: 1.5em;
}

h1 {
	margin: 0;
	
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	color: #980f09;
}

h2 {
	margin: 0;
	
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3em;
	color: #980f09;
}

p {
	margin: 0;
	
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8em;
	color: #333333;
}

ol {
	margin: 0;
	
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333333;
}

ul {
	margin: 0;
	
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333333;
}

.line_list {
	margin: 0;
	
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333333;
	
	display: list-item;
	list-style-type: disc;
}

.point_Color {

	color: #980f09;
}

.point_Weight {

	font-weight: bold;
}

.comment {
	margin: 0;
	
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333333;
}

.caption {
	margin: 0;
	
	font-size: 10px;
	font-weight: normal;
	line-height: 1.2em;
	color: #333333;
}

/* ----------------------------------------------
	コンテナートップ
---------------------------------------------- */

/* +++++++++++++++ 変更箇所開始 +++++++++++++++*/
	
#container_top {
	margin: 0 auto;

	width: 550px;
	height: 60px;
	padding: 10px 60px;
	
	background-image: url( ../format_parts/background_red.jpg );
	background-repeat: repeat-y;
}

#container_top h1 {

	color: #ffffff;
}

/* +++++++++++++++ 変更箇所終了 +++++++++++++++*/

/* ----------------------------------------------
	一番外側のBOX
---------------------------------------------- */
#container {
	margin: 0 auto;

	width: 550px;
	padding: 10px 60px;
	
	background-color: #ffffff;
	background-image: url( ../format_parts/background.gif );
	background-repeat: repeat-y;
}

/* ----------------------------------------------
	トップページにリンク
---------------------------------------------- */
.toppage {
	margin-left: auto; margin-right: auto;
	
	font-size: 10px;
	text-align: right;
}

#top {
	margin-bottom: 10px;
}

#bottom {
	margin-top: 10px;
}

/* +++++++++++++++ 変更箇所開始 +++++++++++++++*/

a {

	color:#ffffff;
}

a.external{

    padding-left:15px;

    background-image: url( ../format_parts/link_icon_red.gif );
	background-repeat: no-repeat;
	background-position: left center;
}

/* +++++++++++++++ 変更箇所終了 +++++++++++++++*/

/* ----------------------------------------------
	ヘッダー部分
---------------------------------------------- */
#header {
	margin-left: auto; margin-right: auto;  margin-top: 10px; margin-bottom: 20px;
	
	text-align: left;
}

#header h1 {

	color: #004040;
}

/* ----------------------------------------------
	イメージ写真部分
---------------------------------------------- */
#img_Photo {
	margin-left: auto; margin-right: auto;  margin-bottom: 20px;
	
	width: 275px;
	height: 215px;
	vertical-align: middle;
	border: solid 1px #c8352b;
}

/* ----------------------------------------------
	材料/資材
---------------------------------------------- */
#material {
	margin-left: auto; margin-right: auto;  margin-bottom: 20px;
	
	width: 528px; /* padding・border分差し引き */
	padding: 10px 10px;
	border: dashed 1px #c8352b;
}

/* +++++++++++++++ 変更箇所開始 +++++++++++++++*/

#material_header {
	margin-left: auto; margin-right: auto;  margin-bottom: 10px;
	
	width: 518px; /* padding・border分差し引き */
	padding: 3px 0 3px 10px;
	background-color: #c8352b;
	color: #ffffff;
}

/* +++++++++++++++ 変更箇所終了 +++++++++++++++*/

#material_img {

	width: 168px;
	height: 128px;
	float: left;
	border: solid 1px #c8352b;
}

#material_copy {

	width: 338px;
	padding-left: 20px;
	float: right;
}

#material_footer {

	clear: both;
}

/* ----------------------------------------------
	手順
---------------------------------------------- */
#process {
	margin-left: auto; margin-right: auto;  margin-bottom: 20px;
	
	width: 528px; /* padding・border分差し引き */
	padding: 10px 10px 0 10px;
	border: dashed 1px #c8352b;
}

/* +++++++++++++++ 変更箇所開始 +++++++++++++++*/

#process_header {
	margin-left: auto; margin-right: auto;  margin-bottom: 10px;
	
	width: 518px; /* padding・border分差し引き */
	padding: 3px 0 3px 10px;
	background-color: #c8352b;
	color: #ffffff;
}

/* +++++++++++++++ 変更箇所終了 +++++++++++++++*/

.process_block { /* process一段分の外側 */
	margin-left: auto; margin-right: auto;  margin-bottom: 10px;

	width: 528px; /* padding・border分差し引き */
}

.process_block_left { /* process一段分/左個別ブロックの外側 */

	width: 254px;
	float: left;
}

.process_block_right { /* process一段分/右個別ブロックの外側 */

	width: 254px;
	float: right;
}

.process_block_footer { /* processブロックのfloat解除 */

	clear: both;
}

/* +++++++++++++++ 変更箇所開始 +++++++++++++++*/

.process_number {
	
	width: 20px;
	height: 20px;
	float: left;
	
	font-size: 13px;
	text-align: center;
	color: #ffffff;
	
	background-color: #c8352b;
}

/* +++++++++++++++ 変更箇所終了 +++++++++++++++*/

.process_img {
	margin-right: 10px;
	
	width: 98px;
	height: 98px;
	float: left;
	border-top: solid 5px #c8352b;
	border-right: solid 1px #c8352b;
	border-bottom: solid 1px #c8352b;
	border-left: solid 1px #c8352b;
}

.process_copy {
	margin: 0;
	
	width: 124px;
	
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3em;
	color: #333333;
	
	float: right;
}

.process_footer {

	clear: both;
}

/* ----------------------------------------------
	商品スペック
---------------------------------------------- */
#spec {
	margin-left: auto; margin-right: auto;  margin-bottom: 20px;
	
	width: 528px; /* padding・border分差し引き */
	padding: 10px 10px;
	/* border: solid 1px #a4855c; */
}

.spec_name {
	margin-bottom: 5px;

	font-size: 16px;
	font-weight: normal;
	line-height: 1.3em;
	color: #333333;
}

#spec_img {

	width: 200px;
	height: 200px;
	float: left;
	/* border: solid 1px #000000; */
}

#spec_copy {

	width: 306px;
	float: right;
}

#cart {
	margin-top: 10px;
	
	width: 139px;
	height: 26px;
	float: right;
	padding-right: 167px;
}

#spec_footer {

	clear: both;
}

/* ----------------------------------------------
	商品特長個別スタイルシート
	
	全体widthは630px（実際border込みで632px）
	レイアウトwidthは550px（border有は548px）
---------------------------------------------- */

/* ----------------------------------------------
	商品特長全体
---------------------------------------------- */
#tokutyou {
	margin-left: auto; margin-right: auto;
	
	width: 550px;
}

/* ----------------------------------------------
	商品説明テキスト
---------------------------------------------- */
#copy_Write_block {
	margin-left: auto; margin-right: auto;  margin-bottom: 20px;
	
	width: 550px;
}

.copy_Write_title {
	margin-bottom: 5px;
	
	width: 515px; /* padding・border分差し引き */
	padding: 5px 10px;

	text-align: left;
	border-bottom: dashed 1px #c8352b;	border-left: solid 15px #c8352b;
}

.copy_Write {
	margin-left: auto; margin-right: auto;  margin-bottom: 10px;
	
	width: 525px;
	padding-left: 25px;

}

/* ----------------------------------------------
	作り方
---------------------------------------------- */
#tukurikata {
	margin-left: auto; margin-right: auto;  margin-bottom: 20px;
	
	width: 528px; /* padding・border分差し引き */
	padding: 10px 10px;
	text-align: left;
	border: solid 1px #a4855c;
}
	
#tukurikata h2 {
	margin-bottom: 5px;
	
	color: #004040;
}

/* ----------------------------------------------
	構造説明
---------------------------------------------- */
#kouzousetumei {
	margin-left: auto; margin-right: auto;  margin-bottom: 20px;
	
	width: 550px;
}

#kouzousetumei h2 {
	margin-bottom: 5px;
	
	color: #004040;
}

#kouzousetumei_img {

	margin-left: auto; margin-right: auto;
	
	width: 205px;
	float: left;
}

#kouzousetumei_copy {
	
	width: 333px;
	/* padding-left: 10px; */
	float: right;
}

#kouzousetumei_footer {

	clear: both;
}

/* ----------------------------------------------
	開発者プロフィール
---------------------------------------------- */
#profile {
	margin-left: auto; margin-right: auto;  margin-bottom: 20px;
	
	width: 528px; /* padding・border分差し引き */
	padding: 10px 10px;
	border: dashed 1px #c8352b;
}

#profile_img {
	margin-right: 20px;
	
	width: 118px;
	height: 148px;
	float: left;
	border: solid 1px #c8352b;
}

#profile_copy {
	margin-top: 10px;
	
	width: 388px; /* border分差し引き */
	float: right;
}

#profile_footer {

	clear: both;
}

/* ----------------------------------------------
	開発者プロフィール−極意部分
---------------------------------------------- */
#gokui {
	margin-left: auto; margin-right: auto;
	
	width: 468px;
	padding: 10px 40px;
	text-align: left;
	
	/* background-color: #dddddd; */
}

#gokui h2 {
	margin-bottom: 5px;
	
	color: #004040;
}

/* ----------------------------------------------
	レシピ一例
---------------------------------------------- */
#ichirei { /* ichireiの外側 */
	margin-left: auto; margin-right: auto;  margin-bottom: 20px;
	
	width: 530px;
	padding: 5px 10px;

	background-color: #ffc5a5;
}

#ichirei h2 {
	margin-bottom: 5px;
	
}

#ichirei p {
		font-size: 12px;
}

.ichirei_block { /* ichireiブロック部分の外側 */

	width: 123px;
	float: left;
}

.ichirei_img { /* ichirei写真部分 */

	width: 121px;
	height: 100px;
	border: solid 1px #c8352b;
}

.ichirei_copy { /* ichireiテキスト部分 */

	width: 123px;
}

.ichirei_block_blank { /* ichireiブロック部分の間隔 */
	width: 12px;
	float: left;
}

#ichirei_footer {

	clear: both;
}