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

#contentsBox h1,
#contentsBox h2,
#contentsBox h3,
#contentsBox h4,
#contentsBox p,
#contentsBox div{
	margin:0;
	padding:0;
	}
#contentsBox ul,
#contentsBox li,
#contentsBox dl,
#contentsBox dt,
#contentsBox dd{
	margin:0;
	padding:0;
	list-style:none;
}

#contentsBox{
	width:950px;
	margin:0 auto;
	text-align:left;
	position:relative;
	font-size: 12px;
	line-height: 1.3;
	margin-top:10px;
	}
	
#intContents{
	width:950px;
	margin:0 auto;
	font-size: 12px;
	line-height: 1.3;
	text-align:left;
	}	
	
/*--------------------------------------contents*/

#intContents a {outline : 0;}
	
#intContents h1{
	margin-bottom:5px;
	}

#contentsBox .pageMenu {
	clear: both;
}

#contentsBox .pageMenu li{
	display: inline;
	margin-right:6px;
}

#contentsBox .pageMenu li.end{
	margin-right:0px;
}

#contentsBox .pageMenu li img{
	border-bottom:solid #666666 1px;
}

#contentsBox .tabMenu {
	margin-top:7px;
	}
#contentsBox .tabMenu li{
	float: left;
	}

/*--------------------------------------categoryTitle*/

#intContents .categoryTitle{
	height:33px;
	margin:5px 0 10px 0;
	width:950px;
	}
#intContents .categoryTitle div{
	float:left;
	}
#intContents .categoryTitle .txCategory{
	float:right;
	font-size:12px;
	height:33px;
	text-align:right;
	}
#intContents .categoryTitle .txCategory p{
	margin-top:15px;
	}

/*categoryBox01*/
#intContents .categoryBox01 a:link,
#intContents .categoryBox01 a:visited,
#intContents .categoryBox01 a:hover,
#intContents .categoryBox01 a:active{text-decoration:none;}

#intContents .categoryBox01 a:link span,
#intContents .categoryBox01 a:visited span{text-decoration:underline;}
#intContents .categoryBox01 a:hover span,
#intContents .categoryBox01 a:active span{text-decoration:none;}

#intContents .categoryBox01{
	background-image:url("../images/bg_dot_line_02.gif");
	background-repeat:repeat-y;
	clear:both;
	width:950px;
	overflow:hidden;
	}

/*brandBox*/
#intContents .categoryBox01 .brandBox {
	float:left;
	margin-top:1px;
	margin-bottom:10px;
	width:453px;
}

#intContents .categoryBox01 .brandBox img{
	margin:0;
	padding:0;
	vertical-align:bottom;
}

#intContents .brandTitle {
	position:relative;
	font-size:10px;
	width:453px;
}
#intContents .brandTitle .copy{
	margin-top:20px;
	margin-right:5px;
	text-align:right;
}

#intContents .brandBnr{
	float:none;
	font-size: 10px;
	clear:both;
	width:453px;
}

#intContents .categoryBox01 #brandBox01,
#intContents .categoryBox01 #brandBox03 {
	margin-left:11px;
	display: inline;
}
#intContents .categoryBox01 #brandBox02,
#intContents .categoryBox01 #brandBox04 {
	margin-left:21px;
}

#intContents  #brandBox01 .brandTitle .copy{
	color:#53341F;
	position:absolute;
	left:232px;
	top:0px;
}

#intContents  #brandBox02 .brandTitle .copy{
	color:#10696D;
	position:absolute;
	left:252px;
	top:1px;
}

#intContents  #brandBox03 .brandTitle .copy{
	color:#FFFFFF;
	position:absolute;
	left:308px;
	top:-2px;
}

#intContents  #brandBox04 .brandTitle .copy{
	color:#FFFFFF;
	position:absolute;
	left:186px;
	top:-1px;
}

#intContents .brandBox img.l_bnr {
	border:solid #CCCCCC 1px;
	margin-bottom:3px;
}

#intContents .brandBox .s_bnr_l,
#intContents .brandBox .s_bnr_r{
	font-size:10px;
	float:left;
	display: inline;
	width:226px;
}
#intContents .brandBox .s_bnr_l p,
#intContents .brandBox .s_bnr_r p{
	margin-top:3px;
	padding-left:5px;
	width:220px;
}
#intContents .brandBox .s_bnr_l img{
	border:solid #CCCCCC 1px;
	margin-bottom:3px;
}
#intContents .brandBox .s_bnr_r img {
	border-top:solid #CCCCCC 1px;
	border-bottom:solid #CCCCCC 1px;
	border-right:solid #CCCCCC 1px;
	margin-bottom:3px;
}

#intContents .brandBox img.icNew {
	border: none;
	margin-bottom:0px;
}

#intContents .s_bnr_l dd,
#intContents .s_bnr_r dd{
	font-size: 10px;
}
#intContents .date {
	color:#CC3354;
	margin-left:2px;
}

/*categoryBox02*/
#intContents .categoryBox02 a:link,
#intContents .categoryBox02 a:visited,
#intContents .categoryBox02 a:hover,
#intContents .categoryBox02 a:active{text-decoration:none;}

#intContents .categoryBox02 a:link span,
#intContents .categoryBox02 a:visited span{text-decoration:underline;}
#intContents .categoryBox02 a:hover span,
#intContents .categoryBox02 a:active span{text-decoration:none;}

#intContents .categoryBox02{
	background-image:url("../images/bg_dot_line_07.gif");
	background-repeat:repeat-y;
	clear:both;
	width:950px;
	overflow:hidden;
	}
/*shopBox*/
#intContents .categoryBox02 .shopBox {
	float:left;
	margin-top:1px;
	margin-bottom:10px;
	width:295px;
}

#intContents .categoryBox02 .shopBox img{
	margin:0;
	padding:0;
	vertical-align: bottom;
}

#intContents .shopBnr{
	float:none;
	font-size: 10px;
	clear:both;
	width:295px;
}
#intContents .shopBnr img.icNew {
	margin-bottom:3px;
}

#intContents #shopBox01 {
	margin-left:11px;
	display: inline;
}
#intContents #shopBox02,
#intContents #shopBox03 {
	margin-left:21px;
}

#intContents .shopBox img.l_bnr {
	margin-bottom:3px;
}
#intContents .shopBox .s_bnr_l,
#intContents .shopBox .s_bnr_r{
	float:left;
	font-size: 10px;
	display: inline;
	width:147px;
}
#intContents .shopBox .s_bnr_l img,
#intContents .shopBox .s_bnr_r img{
	margin-bottom:3px;
}

/*charaBox*/
#intContents .charaBox {
	background:url(../images/bg_chara_01.jpg) repeat-y;
	margin-top:6px;
	margin-bottom:10px;
	padding:0 0 10px 0;
	overflow:hidden;
	width:950px;
}
#intContents .charaBox p{
	float:left;
	margin:0;
	padding:0;
}

#intContents .charaBox .charaList {
	float:left;
	width:735px;
}
#intContents .charaBox .charaList li{
	float:left;
	line-height:1.3;
	padding:0;
}
#intContents .charaBox .charaList li a{
	display:block;
	font-size:10px;
	margin-left:10px;
}
#intContents .charaBox a:link,
#intContents .charaBox a:visited,
#intContents .charaBox  a:hover,
#intContents .charaBox  a:active{text-decoration:none;}

#intContents .charaBox a:link span,
#intContents .charaBox a:visited span{text-decoration:underline;}
#intContents .charaBox a:hover span,
#intContents .charaBox a:active span{text-decoration:none;}

#intContents .charaBox .charaList li img{
	display:inline;
	margin-top:8px;
}
#intContents .charaBox .charaList li img.icNew{
	display:inline;
	margin :0 2px 0 0;
}
/*digicataBox*/
#intContents #digicataBox {
	float:left;
	margin:0;
/*	overflow:hidden;*/
	width:440px;
}
#intContents #digicataBox .categoryTitle {
	margin:0px 0 0px 0;
	width:440px;
}
#intContents #digicataBox .categoryTitle div{
	position:relative;
}
#contentsBox #digicataBox .categoryTitle div .preButton{
	font-size:12px;
	position:absolute;
	top:11px;
	left:328px;
}
#contentsBox .digicataSmallBox{
	width:211px;
	float:left;
	margin-top:15px;
	height:117px;
	}
.digicataSmallBox .catalogImage{width:75px;float:left;}
.digicataSmallBox p .digicataTitle,
.digicataSmallBox p a{
	display:block;
	font-size: 12px;
	line-height: 1.2;
	padding:1px 0 1px 8px;
	margin-bottom:3px;
	background:url("../images/common/ic_arrow_left.gif") 2px 2px no-repeat;
	}

#contentsBox .digicataSmallBox dt{
	float:left;
	width:75px;
	}
#contentsBox .digicataSmallBox dd{
	float:left;
	width:117px;
	}
#contentsBox .digicataSmallBox p{
	width:117px;
	float:left;
	font-size: 10px;
	line-height: 1.2;
	margin-top:3px;
	}
#contentsBox .digicataLine {
	background:url("../images/bg_digicata.gif") repeat-y right;
	float:left;
	margin-top:15px;
	margin-right:10px;
	width:2px;
	height:117px;
}

/*categoryBox03*/
#intContents #categoryBox03{
	float:right;
	width:510px;
	margin:0;
	padding:0;
	overflow:hidden;
}

/*staffblogBox*/
#intContents #staffblogBox {
	margin:0px 0px 0px 15px;
	width:495px;
}
#intContents #staffblogBox .categoryTitle {
	margin:0px 0 0px 0;
	width:495px;
}
#intContents #staffblogBox .blogSmallBox {
	background:url(../images/bg_blog_01.gif) repeat-y;
	float:left;
	margin-top:8px;
	margin-right:10px;
	padding:9px 0 0 14px;
	width:225px;
	text-align:center;
}
#intContents #staffblogBox .end {
	margin-right:0px;
}
#intContents #staffblogBox .blogSmallBox div{
	float:left;
	font-size:10px;
	text-align:left;
	margin:0;
	width:222px;
}
#intContents #staffblogBox .blogSmallBox img{
	margin:8px auto 8px auto;
}
#intContents #staffblogBox .blogSmallBox img.blogImg{
	float:right;
	margin:0px 4px 10px 0px;
	border:solid #FFFFFF 2px;
}
#intContents #staffblogBox .blogSmallBox a {text-decoration:none;}

/*mailBox*/
#intContents #mailBox {
	clear:both;
	float:left;
	margin:6px 0px 30px 0px;
	width:440px;
	overflow:hidden;
}
#intContents #mailBox .categoryTitle {
	margin:0px 0 0px 0;
	width:440px;
}
#intContents #mailBox .mailSmallBox{
	float:left;
	margin:5px 5px 0px 0;
	width:439px;
}
#intContents #mailBox #mailSmallBox02{
	background:url(../images/bg_mail_02.jpg);
	margin:5px 0px 0px 0;
}
#intContents #mailBox #mailSmallBox02 p{
	font-size:10px;
	margin:5px 0 0 8px;
}

/*campaignBox*/
#intContents #campaignBox {
	float:left;
	margin:6px 0px 0px 15px;
	width:440px;
	overflow:hidden;
}
#intContents #campaignBox .categoryTitle {
	margin:0px 0 0px 0;
	width:440px;
}
#intContents #campaignBox .campaignSmallBox{
	float:left;
}
#intContents #campaignBox .campaignSmallBox a{
	margin:5px 0px 0px 20px;
	display: block;
	width:190px;
}

/*bnrBox*/
#contentsBox .bnrBox{
	clear:both;
	margin-top:10px;
}

#contentsBox .bnrBox img{
	margin-right:10px;
}

/*----------------------------------------line_dot*/
#contentsBox .line_dot {
	clear:both;
	background:url("../images/bg_dot01.gif") repeat-x;
	width:950px;
	height:1px;
	margin-top:10px;
}

/*----------------------------------------itemListBox*/
#intContents .itemListBox{
	margin-left:0px;
	}
#intContents .categoryListBox{
	display:block;
	width:246px;
	float:left;
	margin:10px 0;
	}
#intContents .categoryListBox p{
	margin:0 10px 0px 11px;
	}
#intContents .categoryListBox ul{
	margin:5px 10px 0 11px;
	}
#intContents .categoryListBox li a{
	display:block;
	padding:3px 0 3px 10px;
	background:url("../images/ic_arrow_left.gif") 5px 4px no-repeat;
	}
.itemListBox{margin-bottom:10px;}
#intContents .itemListBox a{
	font-size: 10px;
	line-height: 1;
	color:#75A5C3;
	}
#intContents .itemListBox li{display:inline;width:246px;}

	
/*--------------------------------------pagetop*/
#contentsBox .pagetop{
	float:right;
	font-size:10px;
	margin:10px 0 0px 0;
	text-align:right;
	width:475px;
	}
#contentsBox .pagetop a{
	padding:3px 10px 3px 0px;
	background:url("../images/ic_arrow_top.gif") right 6px no-repeat;
	}
/*--------------------------------------portaltop*/
#contentsBox .portaltop{
	float:left;
	font-size:10px;
	margin:10px 0 0px 0;
	text-align:left;
	width:475px;
	}
#contentsBox .portaltop a{
	padding:3px 0 3px 10px;
	background:url("../images/ic_arrow_right.gif") 0px 6px no-repeat;
	}