@charset shift-jis;

@import url(common.css);


/* TOPページ(index.html) --------------------------- */

#toppage {
	color:666666;
	font-size:12px;
}

/* メインコンテンツ */
#toppage #main {
	display:block;
	width:670px;
	height:300px;
}

#toppage #sakura {
	padding-top:10px;
	width:670px;
	height:40px;
}


/* シリーズ **/
#toppage #series {
	padding-top:10px;
}

#toppage #series .box {
	border:1px solid #c4c4c4;
	float:left;
}
#toppage #series #box02 { margin-left:4px; }
#toppage #series #box03 { margin-left:4px; }
#toppage #series #box04 { margin-left:4px; }
#toppage #series #box05 { margin-left:4px; }
#toppage #series #box06 { margin-left:4px; }
#toppage #series #box07 { margin-left:4px; }

#toppage #series .box a {
	display:block;
	width:162px;
	height:98px;
}
#toppage #series #box01 a { background:url(images/top2_s1.gif) left top no-repeat; }
#toppage #series #box02 a { background:url(images/top2_s2.gif) left top no-repeat; }
#toppage #series #box03 a { background:url(images/top2_s3.gif) left top no-repeat; }
#toppage #series #box04 a { background:url(images/top_s5.gif) left top no-repeat; }
#toppage #series #box05 a { background:url(images/top_s6.gif) left top no-repeat; }
#toppage #series #box06 a { background:url(images/top_s7.gif) left top no-repeat; }
#toppage #series #box07 a { background:url(images/top_s8.gif) left top no-repeat; }

#toppage #series #box01 a:hover { background-position:left -98px; }
#toppage #series #box02 a:hover { background-position:left -98px; }
#toppage #series #box03 a:hover { background-position:left -98px; }
#toppage #series #box04 a:hover { background-position:left -98px; }
#toppage #series #box05 a:hover { background-position:left -98px; }
#toppage #series #box06 a:hover { background-position:left -98px; }
#toppage #series #box07 a:hover { background-position:left -98px; }

#toppage #series .box a h2,
#toppage #series .box a p {
	display:none;
}

/* 左バナー */
#toppage #lbanner {
	clear:both;
	padding-top:10px;
}

#toppage #lbanner .box {
	float:left;
	border:1px solid #c4c4c4;
}
#toppage #lbanner #box02 { margin-left:4px; }
#toppage #lbanner #box01 a { display:block; width:330px; height:62px; background:url(images/top_banner1.gif) top left no-repeat; }
#toppage #lbanner #box02 a { display:block; width:330px; height:62px; background:url(images/top_banner2.gif) top left no-repeat; }
#toppage #lbanner #box01 a:hover { background-position:left -64px; }
#toppage #lbanner #box02 a:hover { background-position:left -64px; }



#toppage #lbanner h2,
#toppage #lbanner p {
	display:none;
}

/*-- NEWS --*/
#toppage #news2 {
	clear:both;
	padding:15px 0;
	color:#666666;

}

#toppage #news2 h3 {
	padding-left:5px;
	margin-bottom:5px;
	height:24px;
	background:url(images/top_news_bar_sa310.gif) left bottom no-repeat;
}

#news2 h3 a {
	display:block;
	width:320px;
	height:14px;
	background:url(images/top_newstopic.gif) top left no-repeat;
}

#toppage #news2 h3 a span {
	display:none;
}


#toppage #news2 h4 {
	padding-left:5px;
	margin-bottom:5px;
	height:24px;
	background:url(images/top_news_bar_sa310.gif) left bottom no-repeat;
}

#news2 h4 a {
	display:block;
	width:320px;
	height:14px;
	background:url(images/top_100316.gif) top left no-repeat;
}

#toppage #news2 h4 a span {
	display:none;
}

#toppage #news2 h5 {
	padding-left:5px;
	margin-bottom:5px;
	height:24px;
	background:url(images/top_news_bar_sa310.gif) left bottom no-repeat;
}

#news2 h5 a {
	display:block;
	width:320px;
	height:14px;
	background:url(images/top_100601.gif) top left no-repeat;
}

#toppage #news2 h5 a span {
	display:none;
}

#toppage #news2 h2 {
	padding-left:5px;
	margin-bottom:5px;
	height:24px;
	background:url(images/top_news_bar_sa310.gif) left bottom no-repeat;
}

#news2 h2 a {
	display:block;
	width:320px;
	height:14px;
	background:url(images/top_100331.gif) top left no-repeat;
}

#news2 h5 a {
	display:block;
	width:320px;
	height:14px;
	background:url(images/top_100601.gif) top left no-repeat;
}

#toppage #news2 h2 a span {
	display:none;
}



#toppage #news2 dl {
	clear:both;
	padding:5px 0;
	line-height:1.5;
}

#toppage #news2 dt {
	float:left;
	width:50px;
	padding-left:5px;
}

#toppage #news2 dd {
	float:left;
	width:260px;
}

#toppage #news2 dd2 {
	float:left;
	width:310px;
}

#toppage #news2 p.clr {
	padding-top:3px;
	border-bottom:1px dotted #cdcdcd;
}

#toppage #news2 p.more {
	clear:both;
	padding:0 10px;
	text-align:right;
}

#toppage #news2 a:link{      color:#663366; text-decoration:underline; }
#toppage #news2 a:hover {    color:#cc0000; text-decoration:underline; }
#toppage #news2 a:active {   color:#cc0000; text-decoration:underline; }
#toppage #news2 a:visited {  color:#944D94; text-decoration:underline; }


/*-- NEWS --*/
#toppage #news {
	clear:both;
	padding:15px 0;
	color:#666666;

}

#toppage #news h2 {
	padding-left:5px;
	margin-bottom:5px;
	height:24px;
	background:url(images/top_news_bar_sa.gif) left bottom no-repeat;
}

#news h2 a {
	display:block;
/*	width:160px; */
	width:280px;
	height:14px;
	background:url(images/top_news_title.gif) top left no-repeat;
}

#toppage #news h2 a span {
	display:none;
}

#toppage #news dl {
	clear:both;
	padding:5px 0;
	line-height:1.5;
}

#toppage #news dt {
	float:left;
	width:50px;
	padding-left:5px;
}

#toppage #news dd {
	float:left;
	width:610px;
}

#toppage #news p.clr {
	padding-top:3px;
	border-bottom:1px dotted #cdcdcd;
}

#toppage #news p.more {
	clear:both;
	padding:0 10px;
	text-align:right;
}

#toppage #news a:link{      color:#663366; text-decoration:underline; }
#toppage #news a:hover {    color:#cc0000; text-decoration:underline; }
#toppage #news a:active {   color:#cc0000; text-decoration:underline; }
#toppage #news a:visited {  color:#944D94; text-decoration:underline; }


/* コンセプト */
#toppage #consept {
	padding:1px;
	border:1px solid #c4c4c4;
}

#toppage #consept .inner {
	margin:0;
	padding:260px 0 5px 17px;
	background:url(images/top_leavey_sa.jpg) top left no-repeat;
}

#toppage #consept h2,
#toppage #consept p {
	display:none;
}

#toppage #consept h4 {
	margin:0;
	padding:0;
	text-align:center;
}


#toppage #consept h4 a {
	display:block;
	width:190px;
	height:30px;
	background:url(images/top_consept_btn_sa.gif) left top no-repeat;
}
#toppage #consept h4 a:hover { background-position:left -29px; }



#toppage #consept h4 a span {
	display:none;
}

/* メディア */
#toppage #media {
	margin-top:10px;
	padding:1px;
	border:1px solid #c4c4c4;
	line-height:1.5;
	text-align:left;
}
#toppage #media .cont {
	background-color:#ffffff;
	padding:0px;
}
#toppage #media p.more {
	clear:both;
	margin:0;
	padding:3px;
	background-color:#F3E6E5;
	text-align:left;
	font size
}
#toppage #media .cont2 {
	background-color:#ffffff;
	padding:2px;
	font-size:12px;
	display:block;
	height: 120px;
}

/* マミブログ */
#toppage #lblog {
	margin-top:10px;
	padding:1px;
	border:1px solid #c4c4c4;
	line-height:1.5;
	text-align:left;
}

#toppage #lblog h2 a {
	display:block;
/*	width:228px; */
	height:40px;
	background:url(images/top_lblog_title_sa.gif) top left no-repeat;
}

#toppage #lblog h2 a span {
	display:none;
}

#toppage #lblog dl {
	clear:both;
	padding:2px 5px;
}

#toppage #lblog dt {
	float:left;
	width:40px;
}

#toppage #lblog dd {
	float:left;
	width:170px;
}

#toppage #lblog p.more {
	clear:both;
	margin:0;
	padding:3px;
	background-color:#F3E6E5;
	text-align:left;
}

#toppage #lblog a:link{      color:#663366; text-decoration:underline; }
#toppage #lblog a:hover {    color:#cc0000; text-decoration:underline; }
#toppage #lblog a:active {   color:#cc0000; text-decoration:underline; }
#toppage #lblog a:visited {  color:#944D94; text-decoration:underline; }

/* メルマガ登録 */
#toppage #magazine {
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #c4c4c4;
	padding:1px;
	text-align:left;
}

#toppage #magazine .inner {
	background-color:#f0f0f0;
	padding:0 5px 3px 5px;
}

#toppage #magazine h2 {
	display:block;
	width:107px;
	height:28px;
	background:url(images/top_mag_title.gif) top left no-repeat;
}

#toppage #magazine h2 span {
	display:none;
}

#toppage #magazine div.fright {
	font-size:10px;
	padding-top:5px;
}

#topapge input.inp_reg {
	width:110px;
}

/* メルマガ登録解除 */
#toppage #magazinedel {
	margin-bottom:10px;
	display:none;
	color:#666666;
	border:1px solid #c4c4c4;
	padding:1px;
	text-align:left;
}

#toppage #magazinedel .inner {
	background-color:#f0f0f0;
	padding:0 5px 3px 5px;
}

#toppage #magazinedel h2 {
	display:block;
	width:136px;
	height:28px;
	background:url(images/top_mag2_title.gif) top left no-repeat;
}

#toppage #magazinedel h2 span {
	display:none;
}

/* 携帯ショッピングQRコードBanner --------------------------------------------------*/

#qr {
	margin:0px;
	padding:0px;
	border:1px solid #c4c4c4;
}

#qr h3 {
	background:url(images/qr2.gif) top left no-repeat;
	display:block;
	width:226px;
	height:70px;
	text-indent: -9999px;
}

/* 夏休みキャンペーンBanner --------------------------------------------------*/

#summer {
	margin-top:10px;
	padding:0px;
	border:1px solid #c4c4c4;
}

#summer h3 {
	background:url(images/bnr_09summer.gif) top left no-repeat;
	display:block;
	width:226px;
	height:50px;
	text-indent: -9999px;
}

/* オータムキャンペーンBanner --------------------------------------------------*/

#doushite {
	margin-top:10px;
	padding:0px;
	border:1px solid #c4c4c4;
}

#doushite h3 {
	background:url(images/bnr_09autmn.gif) top left no-repeat;
	display:block;
	width:226px;
	height:55px;
	text-indent: -9999px;
}

/* WEB限定セット価格改定Banner --------------------------------------------------*/

#pricedown {
	margin-top:10px;
	padding:0px;
	border:1px solid #c4c4c4;
}

#pricedown h3 {
	display:block;
	width:226px;
	height:70px;
}