@import "/css/common.css";
/*==================================================================*/

/* material css */

/*==================================================================*/

/* index：マテリアルフラワーとは */

/* ---------------------------------------------------------------- */
#index *{margin:0;padding:0;}
#index img{vertical-align:bottom;}
#index a{color:#333;}
#index a:hover{color:#81b00e;}

/* common */
#index div{
	margin:0 0 5em;
	padding:0 0 4em;
	border-bottom:1px solid #8e8b74;
}
#index h2{margin:0 0 48px;}
#index p{margin:0 0 1em 22px;}


/* 美しさを永遠に */
/* -------------------------------------------- */
#index #beautifull{background:url('../image/index_beautiful_photo.jpg') no-repeat 100% 0;}
#index #beautifull p{width:451px;}


/* マテリアルとして */
/* -------------------------------------------- */
#index #use{background:url('../image/index_use_photo.jpg') no-repeat 100% 0;}
#index #use h2{margin:0 0 36px;}
#index #use p{width:451px;}
#index #use p.link{
	margin:2em 0 2em 22px;
	text-align:right;
}
#index #use p.link a{
	padding:0 0 0 18px;
	background:url('/common_img/arrow.gif') no-repeat 0 3px;
}

#index div.item{
	margin:0;
	padding:0 0 0 9px;
	border:none;
}
/* clear hack */
#index .item{zoom:1;}
#index .item:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#index .item dl{
	margin:0 0 0 10px;
	float:left;
	text-align:center;
}
/* IE hack */
* html #index .item dl{margin-left:9px;}

#index .item dt{margin:0 0 1em;}
#index .item dt img{margin:0 0 6px;}
#index .item dd{line-height:1.4;}


/* プリザーブドフラワーとの違い */
/* -------------------------------------------- */
#index #difference{background:url('../image/index_difference_photo.jpg') no-repeat 100% 0;}
#index #difference p{width:451px;}

/* clear hack */
#index #difference{zoom:1;}
#index #difference:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#index #difference div{
	margin:0;
	padding:24px 0 0;
	border:none;
	width:348px;
}
#index #difference .material{margin-left:22px;float:left;background:#cbe160;}
#index #difference .preserved{float:right;background:#e1da60;}

#index #difference h3{margin:0 24px 24px;}

#index #difference ul{
	margin:0 24px 24px;
}
#index #difference li{
	padding:0 0 0 16px;
	list-style:none;
	background:url('../image/inindex_difference_listmark.gif') no-repeat 0 5px;
}

/* お取引の流れ */
/* -------------------------------------------- */
#index #flow{
	margin-bottom:0;
	border:none;
}

#index #flow ul{
	margin:0 0 12px 22px;
	padding:24px 0 0;
	text-align:center;
	font-size:0;
}
#index #flow li{
	display:inline;
	list-style:none;
}
/* IE hack */
* html #index #flow ul{margin:0 0 0 20px;}
*:first-child+html #index #flow ul{margin:0 0 0 20px;}


/* ---------------------------------------------------------------- */

/* design：デザイン提案事例 */

/* ---------------------------------------------------------------- */
#design *{margin:0;padding:0;}
#design img{vertical-align:bottom;}

#design div{margin:0 0 4em;}
/* clear hack */
#design div{zoom:1;}
#design div:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#design p{margin:0 0 1em;}
#design p.photo{margin-bottom:24px;}

/* 福井県で制作 */
/* -------------------------------------------- */
#design #fukui{margin-bottom:0;}
#design #fukui p.photo{margin:0;width:auto;float:none;}
#design #fukui h2{margin:3px 0 0;width:355px;float:left;}
#design #fukui p{width:360px;float:right;}
#design #fukui p.strap{
	padding:24px 0 36px 156px;
	width:auto;
	background:url('../image/design_fukui1_photo.jpg') no-repeat 0 0;
	float:none;
}

/* パーツは全て日本製 */
/* -------------------------------------------- */
#design #parts h2{margin:60px 0 48px;width:189px;float:left;}
#design #parts p.photo{width:485px;float:right;}
#design #parts p{width:189px;float:left;}

/* 花の表情 そのままに */
/* -------------------------------------------- */
#design #expression{
	padding:0 0 3em;
	border-bottom:1px solid #8e8b74;
}
#design #expression p.photo{width:335px;float:left;}
#design #expression h2{margin:84px 0 48px;width:385px;float:right;}
#design #expression p{width:385px;float:right;}


/* 使い方のご提案 */
/* -------------------------------------------- */
#design #use{
	padding:0 0 3em;
	border-bottom:1px solid #8e8b74;
}
#design #use h2{margin:0 0 12px;}


/* アクセントとして */
/* -------------------------------------------- */
#design #accent h2{text-align:right;}


/* ヨーロピアンの風合いに */
/* -------------------------------------------- */
#design #european{
	float:left;
	width:348px;
}


/* 空間の演出に */
/* -------------------------------------------- */
#design #space{
	float:right;
	width:352px;
}


/* 美しく、しなやかにそして強く */
/* -------------------------------------------- */
#design #beautiful h2{margin:0;width:320px;float:left;}
#design #beautiful p{width:388px;float:right;}

#design #movie{
	padding:3em 0 0;
	clear:both;
}
/* clear hack */
#design #movie{zoom:1;}
#design #movie:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#design #movie div{
	width:372px;
	float:left;
}
#design #movie iframe{margin:0 12px 12px;}
#design #movie p{
	margin:0 12px;
	width:auto;
	float:none;
	text-align:right;
}

/* ---------------------------------------------------------------- */