/*
-------------------------------------------------------------------------------
共通部分
-------------------------------------------------------------------------------
*/

*{ margin:0; padding:0;}

body {
 line-height:1.4;
 color:#444444;
 font-size:12px;
	font-family:sans-serif;
}

img	{ border:none;}

a:link { color:#9C3B00; text-decoration:none;}
a:visited { color:#6D2900; text-decoration:none;}
a:hover { color:#9C3B00; text-decoration:underline;}
a:active { text-decoration:underline;}

ul li{ list-style:none;}

ol li{ list-style-position:inside;}

p { margin:0 0 0 0; }

.center { text-align:center;}
.right { text-align:right;}
.clear{ clear:both;}
.nolink a{ text-decoration:none;}

/* clearfix
--------------------------------*/
.clearfix::before,
.clearfix::after {
	display: table;
	content: " ";
}
.clearfix::after {
	clear: both;
}

/*
-------------------------------------------------------------------------------
トップページ【index.html】
-------------------------------------------------------------------------------
*/

#header {
	width:920px;
	margin: 0px 0px 20px 0px;
}

#boxall {
	width: 920px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

#menu {
	float: left;
	height: auto;
	width: 245px;
}

#main {
	float: right;
	height: auto;
	width: 675px;
}

#footer{
 clear:both;
	width:920px;
}

/*
-------------------------------------------------------------------------------
ヘッダー【header.html】
-------------------------------------------------------------------------------
*/

h1{
	width:920px;
	height:112px;
	text-align:center;
 }

h2{
	width:920px;
	height:25px;
 text-align:center
 }

#header_banner{
	width:920px;
	background:#FEECA8;
	}

.header_bnr01_1{
	margin:8px 4px 0 4px;
	}
	
.header_bnr01_2{
	margin:8px 4px 0 0;
	}
	
.header_bnr01_3{
	margin:8px 8px 0 0;
	}
	
.header_bnr02_1{
	margin:8px 4px 8px 4px;
	}
	
.header_bnr02_2{
	margin:8px 4px 8px 0;
	}
	
.header_bnr02_3{
	margin:8px 8px 8px 0;
	}

#header_rakuten{
	width:920px;
	background:#FFD378;
	}

/*
-------------------------------------------------------------------------------
メイン【main.html】
-------------------------------------------------------------------------------
*/
.banner_space01{
   margin:0px 0px 15px 0px;
   width:675px;
  }
		
.banner_space03{
			width:675px;
}

.banner_space03_1{
			width:330px;
			float:left;
			margin-bottom:15px;
}

.banner_space03_2{
			width:330px;
			float:right;
			margin-bottom:15px;
}

#ranking_pickup{
			width:675px;
			margin-bottom:0px;
}

#ranking{
			float:left;
   margin:0px 15px 25px 0px;
   width:330px;
			padding-bottom:25px;
  }
		
#ttl_ranking{
			width:330px;
			margin-bottom:5px;
}

#rankign table{
			border-collapse: collapse;   
   border-spacing: 0;
			width:330px;
  }

#ranking th{
   padding-top:1px;
			width:80px;
  }

#ranking td{
   padding:1px 0px 0px 5px;
   width:250px;
  }

#pickup{
			float:right;
   width:330px;
   margin-bottom:25px;
			padding-bottom:25px;
}

#ttl_pickup{
			width:330px;
}

#pickup td{
			font-size:10px;
}

#banner02l_banner02r{
			width:675px;
			margin-bottom:0px;
}

#banner_space02l{
			clear:left;
			float:left;
   width:330px;
			margin-bottom:25px;
  }

#banner_space02r{
			clear:right;
			float:right;
   width:330px;
			margin-bottom:25px;
  }

.ttl_lineup{
			float:left;
			clear:both;
			margin-bottom:10px;
			width:675px;
			}

#lineup{
			width:675px;
			clear:both;
  }
		
#lineup th{
			margin:0;
}

#lineup td{
			text-align:center;
			vertical-align:top;
			font-size:12px;
			padding-bottom:20px;
  }

.ranking_colle {
	background:url(../img/weekly_ranking.jpg) no-repeat top;
	width: 675px;
	border:1px solid #ff8e02;
    border-bottom: 1px solid #dfcab7;
    margin-top: 10px;
    padding-bottom: 10px;
	box-sizing:border-box;
}

.ranking_colle ul {
	margin:83px 0 0;
	padding-bottom:5px;
	background-color:#fff7da;
}

.ranking_colle ul li {
	float:left;
	cursor: pointer;
}

.ranking_colle ul li.active img {
	display:none;
}

.ranking_colle ul li:first-child.active {
	background:url(../img/ctrank/tabnew_on_01.png) no-repeat top;
	width:134px;
	height:69px;
}

.ranking_colle ul li:nth-child(2).active {
	background:url(../img/ctrank/tabnew_on_02.png) no-repeat top;
	width:134px;
	height:69px;
}

.ranking_colle ul li:nth-child(3).active {
	background:url(../img/ctrank/tabnew_on_03.png) no-repeat top;
	width:134px;
	height:69px;
}

.ranking_colle ul li:nth-child(4).active {
	background:url(../img/ctrank/tabnew_on_04.png) no-repeat top;
	width:134px;
	height:69px;
}

.ranking_colle ul li:nth-child(5).active {
	background:url(../img/ctrank/tabnew_on_05.png) no-repeat top;
	width:137px;
	height:69px;
}

.ranking_colle ul li:nth-child(6).active {
	background:url(../img/tab006_on.png) no-repeat top;
	width:112px;
	height:69px;
}

.ranking_colle ul li img {
	border: none;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.ranking_colle .cont {
	display:none;
}

.ranking_colle .cont.active {
	display:block;
}

/*
-------------------------------------------------------------------------------
サイドメニュー【side.html】
-------------------------------------------------------------------------------
*/

.side_banner{
   width:200px;
   margin-bottom:10px;
  }

#ttl_search{
   margin-top:10px;
   width:200px;
  }

#search{
   width:200px;
   margin-bottom:10px;
			text-align:center;
  }
	
#search table{
   width:200px;
			background-color:#FEECA8;
  }

#search td{
			padding:10px 0px 10px 0px;
  }

#ttl_newarrivals{
   margin:10px 0px 0px 0px;
   width:200px;
  }
		
#newarrivals{
   margin-bottom:30px;
   width:200px;
  }
	
#newarrivals td{
			text-align:center;
}

#ttl_category{
   margin:15px 0px 1px 0px;
   width:200px;
  }

#category{
   margin-bottom:30px;
   width:200px;
  }
		
#category table{
			border-collapse: collapse;   
   border-spacing: 0;
			width:200px;
  }
		
.category_navi{
   padding-top: 1px;   
  }

.category_navi_sub1{
   padding:5px 0 3px 20px;
   background:url(../img/arrow_category.gif) no-repeat 3px 6px;
			border-bottom: dotted 1px #999999;
  }
		
.category_navi_sub2{
   padding:5px 0 3px 20px;
   background:url(../img/arrow_category.gif) no-repeat 3px 6px;
  }

#present{
   margin-bottom:10px;
   width:200px;
  }

#mail{
   margin-bottom:10px;
   width:200px;
  }

#ttl_mobile{
   width:200px;
  }

#mobile{
   width:200px;
			height:125px;
   margin-bottom:10px;
			background-color:#FEECA8;
			text-align:center;
  }

#mobile img{
			padding-top:10px;
}
		
#ttl_calender{
   width:200px;
  }
		
#calender_space{
   margin:0px 0px 10px 0px;
   width:200px;
  }

#calender_text{
   margin-bottom:20px;
   width:200px;
			font-size:12px;
			text-align:left;
  }
		
dl, dd	{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

dd {
	height:auto;
	display:block;
	margin:0px;
}

	/*
-------------------------------------------------------------------------------
フッター【footer.html】
-------------------------------------------------------------------------------
*/
#footer_frame{
	width:918px;
 text-align:left;
	border-style:solid;
 border-color:#FF8E01;
 border-width: 1px;
}


	/*
-------------------------------------------------------------------------------
ニュース【news.html】
-------------------------------------------------------------------------------
*/

#news_text{
width:295px;
padding:5px;
font-size:12px;
}