@charset "Shift_JIS";

/* メインコンテンツ部分の設定*/
#bannerBox{
	margin:0px 0px 20px 0px;
	width:515px;
	height:auto;
	float:left;
	text-align: left;
}

#mainbanner{
	margin:0px;
	width:365px;
	height:215px;
	float:left;
}

#subbanner{
	margin:0px;
	width:145px;
	height:215px;
	float:right;
}#mainbanner{
	margin:0px;
	width:365px;
	height:215px;
	float:left;
}

#subbanner{
	margin:0px;
	width:145px;
	height:215px;
	float:right;
}


#otoiawase{
	width:145px;
	height:155px;
	border: 1px solid #999999;
}
#nouenn{
	width:145px;
	height:60px;
	background-color:#666666;
}

#otoiawase{
	width:145px;
	height:155px;
	border: 1px solid #999999;
}
#nouenn{
	width:145px;
	height:60px;
	background-color:#666666;
}


.maincontentbox{
	margin:0px;
	margin-bottom: 10px;
	width:515px;
	height:auto;
	float:left;
	text-align: left;
}
.maincontentbox img {margin: 1px 3px 0px 1px;}

.inBox{
	margin:0px;
	margin-bottom: 0px;
	width:515px;
	height:auto;
	float:left;
	text-align: left;
}
.inBox img {margin: 1px 3px 0px 1px;}


/* whatsnew/informationの設定*/
#whatsnew {
	margin:0px;
	width:250px;
	height:auto;
	float:left;
	text-align: left;
}

#whatsnew ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
/*    display: inline; li要素の隙間を無くす */
}

#whatsnew li {
	margin: 0px;
	padding-left: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: url("img/list.gif") no-repeat 1px;
	list-style: none;
}

/* リンク基本色グレー設定*/
#whatsnew a {line-height:150%}
#whatsnew a:link {text-decoration:none;color:#333333;}
#whatsnew a:visited{text-decoration:none;color:#333333;}
#whatsnew a:hover {text-decoration:underline;color:#0066FF;}
#whatsnew a:active {text-decoration:none;color:#0066FF;}

#information {
	margin:0px;
	width:250px;
	height:auto;
	float:right;
	text-align: left;
}

#information ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
/*    display: inline; li要素の隙間を無くす */
}

#information li {
	margin: 0px 0px 10px 0px;
	padding-left: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: url("img/list.gif") no-repeat 1px 1px;
	list-style: none;
}

/* レコメンド・ピックアップのボックス*/
.leftbox{
	width:252px;
	height:auto;
	float:left;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
.rightbox{
	width:252px;
	height:auto;
	float:right;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

.pickup172box{
	width:172px;
	height:72px;
	float:right;
	line-height: 100%;
}
.pickup172box strong{
	display:block;
	height:14px;
	line-height:14px;
	color:#FF6262;
	margin: 3px 0px 3px 0px;
}

/* レコメンド背景の設定*/
#bg-event a{
	background:url("img/top/recommend_back_f01.gif") no-repeat;
	height:110px;
	width:252px; 
	display:block;
	text-decoration:none;
	color:#333333;
}
#bg-event a:hover{
	background:url("img/top/recommend_back_b_f01.gif") no-repeat;
	height:110px;
	width:252px; 
	text-decoration:none;
	color:#0066FF;
}
#bg-event strong {
	display:block;
	height:20px;
	line-height:20px;
	color:#cc0033;
}

#bg-birth a{
	background:url("img/top/recommend_back_f02.gif") no-repeat;
	height:110px;
	width:252px; 
	display:block;
	text-decoration:none;
	color:#333333;
}
#bg-birth a:hover{
	background:url("img/top/recommend_back_b_f02.gif") no-repeat;
	height:110px;
	width:252px; 
	text-decoration:none;
	color:#0066FF;
}
#bg-birth strong {
	display:block;
	height:20px;
	line-height:20px;
	color:#0099FF;
}

#bg-arrenge a{
	background:url("img/top/recommend_back_f03.gif") no-repeat;
	height:110px;
	width:252px; 
	display:block;
	text-decoration:none;
	color:#333333;
}
#bg-arrenge a:hover{
	background:url("img/top/recommend_back_b_f03.gif") no-repeat;
	height:110px;
	width:252px; 
	text-decoration:none;
	color:#0066FF;
}
#bg-arrenge strong {
	display:block;
	height:20px;
	line-height:20px;
	color:#FF6262;
}

#bg-pri a{
	background:url("img/top/recommend_back_f04.gif") no-repeat;
	height:110px;
	width:252px; 
	display:block;
	text-decoration:none;
	color:#333333;
}
#bg-pri a:hover{
	background:url("img/top/recommend_back_b_f04.gif") no-repeat;
	height:110px;
	width:252px; 
	text-decoration:none;
	color:#0066FF;
}
#bg-pri strong {
	display:block;
	height:20px;
	line-height:20px;
	color:#cc0033;
}

/* プレゼントの設定*/
#presentbox a{
	background:url("img/top/present_bg.gif") no-repeat;
	width:320px;
	height:110px;
	float:left;
	display:block;
	text-decoration:none;
	color:#333333;
}
#presentbox a:hover{
	background:url("img/top/present_bg_b.gif") no-repeat;
	width:320px;
	height:110px;
	float:left;
	text-decoration:none;
	color:#333333;
}
#presentbox span {
	display:block;
	width:auto;
	height:110;
	margin:10px 5px;
	line-height:140%;
	
}
.textorenge{
	color: #F76300;
	line-height: 120%;
}

/* メルマガの設定*/
#mailbox{
	width:181px;
	height:110px;
	float:right;
	background:url("img/top/mailmaga_bg.gif") no-repeat;
}
#mailbox a{
	width:181px;
	height:110px;
	float:right;
	background:url("img/top/mailmaga_bg.gif") no-repeat;
	display:block;
	text-decoration:none;
	color:#333333;
}
#mailbox a:hover{
	width:181px;
	height:110px;
	float:right;
	background:url("img/top/mailmaga_bg_b.gif") no-repeat;
	display:block;
	text-decoration:none;
	color:#333333;
}
#mailbox span {
	display:block;
	line-height:140%;
	width:auto;
	height:auto;
	margin:10px 5px;
}
.bg_lblue{
background-color:#EAF2FC;
}