@charset "utf-8";


/* ------------------------------ Re setting - 再設定＆共通設定 */

#content{
	width: 745px;
	margin: 0px 15px 20px 0px;
	background: #ffffff url(../img/content-bg.gif) left top repeat-y;
}


#content dl dd{ line-height: 160%; }			/* テキスト行間用 */
#content .box{ margin: 0px 0px 0px 0px; }		/* 空box（float対策） */





/*
		menu - トップメニュー
 -------------------------------------------------- */
 

/* 枠 */
#content ul.menu{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 25px;
	background: url(../img/menu-bg.gif) left bottom no-repeat;
}


/* 各メニュー */
#content ul.menu li{
	float: left;
}





/*
		Select - 引出物選びの基本
 -------------------------------------------------- */

/* 全体枠 */
#content .select{
	height: 422px;
	margin: 50px 0px 0px 0px;
	background: url(../img/select-bg.jpg) left top no-repeat;
}


/* コンテンツ枠 */
#content .select dl{
	width: 370px;
	margin: 0px 20px;
	padding: 50px 0px 0px 0px;
}


/* テキスト文 */
#content .select dl dd{
	margin: 30px 0px 0px 0px;
	padding: 0px 15px;
}


/* リンクボタン */
#content .select dl dd.link{
	margin: 50px 0px 0px 0px;
	padding: 0px;
}





/*
		why - なぜマイプレシャスが良いの？
 -------------------------------------------------- */

/* 全体枠 */
#content .why{
	height: 500px;
	background: url(../img/why-bg.jpg) left top no-repeat;
}


/* コンテンツ枠 */
#content .why dl{
	width: 360px;
	margin: 0px 20px;
	padding: 50px 0px 0px 0px;
}


/* テキスト */
#content .why dl dd{
	margin: 20px 0px 0px 0px;
	padding: 0px 15px;
}


/* リンクボタン */
#content .why dl dd.link{
	margin: 40px 0px 0px 0px;
	padding: 0px;
}





/*
		album - 喜ばれるアルバムギフト
 -------------------------------------------------- */

/* 全体枠 */
#content .album01{
	background: url(../img/album-bg.jpg) left top no-repeat;
}


/* 見出し枠（左上） */

#content .album01 .box dl.ttl{
	width: 355px;
	margin: 50px 0px 0px 15px;
	background: none;
}


/* 見出し枠のテキスト文 */
#content .album01 .box dl.ttl dd{
	margin: 25px 0px 0px 0px;
	padding: 0px 25px;
}



/* アイテムトップ枠（右上） */
#content .album01 .box dl.itemtop{
	float: right;
	height: 450px;
	margin: 0px 1px 0px 0px;
	text-align: right;
}

#content .album01 .box dl.itemtop dd{
	text-align: left;
}


/* 各アイテムの枠 - 共通設定（左枠） */
#content .album01 dl{
	float: left;
	display: inline;
	width: 365px;
	height: 320px;
	margin: 25px 0px 0px 1px;
	background: url(../img/album-item-bg.gif) left bottom no-repeat;
}


/* 各アイテムの枠 - 共通設定（右枠） */
#content .album01 dl.r{
	float: right;
	display: inline;
	margin: 25px 1px 0px 0px;
}


/* 各アイテムの商品名 */
#content .album01 dl dd.ttl{
	padding: 22px 0px 0px 45px;
	color: #387cbf;
	font-weight: bold;
}


/* 各アイテムのカラー名 */
#content .album01 dl dd{
	padding: 0px 0px 0px 45px;
}


/* ブランド・グルメ・経験の枠 */
#content .album01 ul{
	margin: 60px 0px 0px 10px;
}


/* 各画像の設定 */
#content .album01 ul li{
	float: left;
}



/* 全体枠 */
#content .album02{
	background: url(../img/album-mens-bg.jpg) left top no-repeat;
}


/* 見出し枠（左上） */

#content .album02 .box dl.ttl{
	width: 355px;
	margin: 50px 0px 0px 15px;
	background: none;
}


/* 見出し枠のテキスト文 */
#content .album02 .box dl.ttl dd{
	margin: 25px 0px 0px 0px;
	padding: 0px 25px;
}



/* アイテムトップ枠（右上） */
#content .album02 .box dl.itemtop{
	float: right;
	height: 450px;
	margin: 0px 1px 0px 0px;
	text-align: right;
}

#content .album02 .box dl.itemtop dd{
	text-align: left;
}


/* 各アイテムの枠 - 共通設定（左枠） */
#content .album02 dl{
	float: left;
	display: inline;
	width: 365px;
	height: 320px;
	margin: 25px 0px 0px 1px;
	background: url(../img/album-item-bg.gif) left bottom no-repeat;
}


/* 各アイテムの枠 - 共通設定（右枠） */
#content .album02 dl.r{
	float: right;
	display: inline;
	margin: 25px 1px 0px 0px;
}


/* 各アイテムの商品名 */
#content .album02 dl dd.ttl{
	padding: 22px 0px 0px 45px;
	color: #387cbf;
	font-weight: bold;
}


/* 各アイテムのカラー名 */
#content .album02 dl dd{
	padding: 0px 0px 0px 45px;
}


/* ブランド・グルメ・経験の枠 */
#content .album02 ul{
	margin: 60px 0px 0px 10px;
}


/* 各画像の設定 */
#content .album02 ul li{
	float: left;
}


/* 全体枠 */
#content .album03{
	background: url(../img/album-lady-bg.jpg) left top no-repeat;
}


/* 見出し枠（左上） */

#content .album03 .box dl.ttl{
	width: 355px;
	margin: 50px 0px 0px 15px;
	background: none;
}


/* 見出し枠のテキスト文 */
#content .album03 .box dl.ttl dd{
	margin: 25px 0px 0px 0px;
	padding: 0px 25px;
}



/* アイテムトップ枠（右上） */
#content .album03 .box dl.itemtop{
	float: right;
	height: 450px;
	margin: 0px 1px 0px 0px;
	text-align: right;
}

#content .album03 .box dl.itemtop dd{
	text-align: left;
}


/* 各アイテムの枠 - 共通設定（左枠） */
#content .album03 dl{
	float: left;
	display: inline;
	width: 365px;
	height: 320px;
	margin: 25px 0px 0px 1px;
	background: url(../img/album-item-bg.gif) left bottom no-repeat;
}


/* 各アイテムの枠 - 共通設定（右枠） */
#content .album03 dl.r{
	float: right;
	display: inline;
	margin: 25px 1px 0px 0px;
}


/* 各アイテムの商品名 */
#content .album03 dl dd.ttl{
	padding: 22px 0px 0px 45px;
	color: #387cbf;
	font-weight: bold;
}


/* 各アイテムのカラー名 */
#content .album03 dl dd{
	padding: 0px 0px 0px 45px;
}


/* ブランド・グルメ・経験の枠 */
#content .album03 ul{
	margin: 60px 0px 0px 10px;
}


/* 各画像の設定 */
#content .album03 ul li{
	float: left;
}


/*
		dear - あのひとにはこんなギフトを
 -------------------------------------------------- */

/* 枠 */
#content .dear{
	margin: 50px 0px 0px 0px;
}


/* 新郎の友人枠・背景 */
#content .dear .bridegroom{
	float: left;
	display: inline;
	width: 328px;
	height: 430px;
	margin: 35px 0px 0px 20px;
	text-align: right;
	background: url(../img/dear-bridegroom-bg.jpg) left 87px no-repeat;
}


/* 新婦の友人枠・背景 */
#content .dear .bride{
	float: right;
	display: inline;
	width: 328px;
	height: 430px;
	margin: 35px 20px 0px 0px;
	background: url(../img/dear-bride-bg.jpg) left 87px no-repeat;
}


/* 上司の枠・背景 */
#content .dear .superior{
	float: left;
	display: inline;
	width: 328px;
	height: 430px;
	margin: 0px 0px 0px 20px;
	text-align: right;
	background: url(../img/dear-superior-bg.jpg) left 87px no-repeat;
}


/* 親族の枠・背景 */
#content .dear .relative{
	float: right;
	display: inline;
	width: 328px;
	height: 430px;
	margin: 0px 20px 0px 0px;
	text-align: right;
	background: url(../img/dear-relative-bg.jpg) left 87px no-repeat;
}


/* 各枠の商品アイテム枠 - 共通設定 */
#content .dear dl{
	float: right;
	display: inline;
	width: 80px;
	margin: 25px 10px 0px 0px;
	text-align: left;
}


/* 商品名 */
#content .dear dl dd.ttl{
	margin: 4px 0px 0px 0px;
	color: #387cbf;
	font-weight: bold;
}


/* 商品カラー */
#content .dear dl dd{
	margin: 0px;
	padding: 2px;
	font-size: 11px;
	line-height: 100%;
}





/*
		プランナー＆花嫁さんの声
 -------------------------------------------------- */


/* 枠 */
#content .voice{
	margin: 50px 0px 0px 0px;
}


/* ------------------------------ プランナーの声 */

/* 枠 */
#content .voice dl.planner{
	margin: 30px 0px 50px 0px;
	background: url(../img/voice-planner-bg.jpg) 1px 95px no-repeat;
}


/* 見出しタイトル */
#content .voice dl.planner dt{
	margin: 0px 0px 30px 0px;
}


/* 説明テキスト */
#content .voice dl.planner dd{
	margin: 0px 50px 20px 340px;
}



/* ------------------------------ 花嫁さんの声 */


/* オススメその1 - 枠＆背景 */
#content .voice dl.rec1{
	height: 260px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 205px;
	background: url(../img/voice-rec1-bg.jpg) left top no-repeat;
}


/* 説明テキスト */
#content .voice dl.rec1 dd{
	margin: 30px 50px 0px 0px;
}


/* オススメその2 - 枠＆背景 */
#content .voice dl.rec2{
	height: 270px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 205px;
	background: url(../img/voice-rec2-bg.jpg) left top no-repeat;
}


/* 説明テキスト */
#content .voice dl.rec2 dd{
	margin: 30px 50px 0px 0px;
}


/* オススメその3 - 枠＆背景 */
#content .voice dl.rec3{
	height: 240px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 205px;
	background: url(../img/voice-rec3-bg.jpg) left top no-repeat;
}


/* 説明テキスト */
#content .voice dl.rec3 dd{
	margin: 30px 50px 0px 0px;
}


/* 資料請求リンク */
#content .voice img.link{
	margin: 40px 0px 0px 15px;
}

/*
		Information
 -------------------------------------------------- */

/* 枠 */
#content .info{
	height: 552px;
	margin: 40px 0px 0px 0px;
	background: url(../img/info-bg.jpg) left top no-repeat;
}


/* 会社概要枠 */
#content .info dl{
	padding: 95px 0px 0px 70px;
}

/* 会社名 */
#content .info dl dt{
	margin: 0px 0px 30px 0px;
}


/* 会社説明テキスト */
#content .info dl dd{
	margin: 3px 0px 0px 10px;
}


/* 資料請求リンク */
#content .info img.link{
	margin: 70px 0px 0px 15px;
}