@charset "utf-8";


#content {
	margin: 15px 0px 0px 0px;
}


/*
		トップ
 -------------------------------------------------- */


#content .top h2 img {
	width: 321px;
	float: left;
	padding: 0px 0px 0px 15px;
}

#content .top p {
	width: 321px;
	float: left;
	padding: 10px 0px 0px 15px;
	margin: 0px;
	font-size: 11px;
	line-height: 1.5em;
}

/* 右：メニュー */ 
#content dl.topmenu-right {
	width: 260px;
	float: right;
	padding: 70px 0px 0px 0px;
	margin: 0px;
}

#content dl.topmenu-right dt {
	padding: 0px 0px 15px 0px;
	margin: 0px;
}
 
#content dl.topmenu-right dd {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}


/*
		カテゴリー別ボタン
 -------------------------------------------------- */


#content .category-btn {
	width: 760px;
	height: 400px;
	position: relative;
	margin:20px 0px 0px 0px;
	background: url(../img/index-category-bg.gif) no-repeat 0px 0px;
} 
 
#content .category-btn img.btn-guest { width:205px; height:185px; position:absolute; margin: 8px 0px 0px 20px;}
#content .category-btn img.btn-friend { width:157px; height:152px; position:absolute; margin: 20px 0px 0px 300px;}
#content .category-btn img.btn-coworker { width:198px; height:213px; position:absolute; margin: 19px 0px 0px 540px;}
#content .category-btn img.btn-family { width:174px; height:156px; position:absolute; margin: 195px 0px 0px 180px;}
#content .category-btn img.btn-elder { width:131px; height:174px; position:absolute; margin: 180px 0px 0px 400px;} 


/*
		背景指定
 -------------------------------------------------- */

#content .bg-all {
	width: 760px;
	height: 440px;
	background-color: #eddbde;
}


/*
		贈りわけを楽しむヒント
 -------------------------------------------------- */

#content dl.hint {
	width: 341px;
	height:187px;
	float: left;
	padding: 0px;
	margin: 27px 0px 20px 20px;
	display:inline;
	background: #ffffff url(../img/index-arrow.gif) no-repeat 120px 78px;
}

#content dl.hint dt {
	padding: 0px;
	margin: 0px;
}

#content dl.hint dd img {
	width: 89px;
	float: left;
	padding: 0px;
	margin: 15px;
	display: inline;
}

#content dl.hint dd.text {
	width: 180px;
	float: right;
	padding: 0px;
	margin: 30px 15px 15px 15px;
	display: inline;
}


/*
		引出物Ｑ＆Ａ出張所
 -------------------------------------------------- */

#content dl.gift-qa {
	width: 341px;
	height:199px;
	float: right;
	padding: 0px;
	margin: 15px 20px 0px 0px;
	display: inline;
	background-color: #ffffff;
}

#content dl.gift-qa dt {
	padding: 0px;
	margin: 0px;
}

#content dl.gift-qa dd.gift-qa-text {
	padding: 10px 0px 0px 15px;
}

#content dl.gift-qa dd.question {
	padding: 10px 0px 5px 35px;
	background: url(../img/index-qa-q.gif) no-repeat 15px 10px;
}

#content dl.gift-qa dd.answer {
	padding: 0px 0px 5px 250px;
	background: url(../img/index-arrow.gif) no-repeat 230px 0px;
} 
 


/*
		引出物袋
 -------------------------------------------------- */


#content .bg-all img.bag-ttl{
	margin:0px 0px 0px 20px;
}

/* 左：引出物袋 */
#content ul.bag {
	width: 420px;
	height:140px;
	float: left;
	padding: 10px 0px;
	margin: 0px 0px 0px 20px;
	display: inline;
	list-style: none;
	background-color: #ffffff;
}

#content ul.bag li {
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
}

#content ul.bag li.bag-l {width: 145px; margin-left: 10px;}
#content ul.bag li.bag-s {width: 79px;}
 

/* 右：テキスト */ 
#content dl.styleful-text {
	width: 300px;
	height: 160px;
	float: right;
	padding: 0px;
	margin: 0px 20px 0px 0px;
	display: inline;
	background: #ffffff url(../img/index-arrow.gif) no-repeat 0px 10px;
}

#content dl.styleful-text dt {
	padding: 0px;
	margin: 10px 15px 0px 20px;
}

#content dl.styleful-text dd {
	padding: 0px;
	margin: 10px 15px 0px 20px;
	font-size: 11px;
	line-height: 1.3em;
}