@charset "shift_jis";

/*-----------------------------------------------
  top.css
-----------------------------------------------*/

/*  レイアウト */
@import url("layout.css");

/*
a{
color:#0002FE!important;
}
*/

/*ランキング*/

#top_side_ranking {
  background: #ffffd6;
  border: 1px solid #ccc;
  margin-top: 0px;
  width: 238px;
}

#top_side_ranking h2 {
  background: url(../images/parts/h2_side_ranking.gif) 0 0 no-repeat;
  height: 61px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 238px;
}

#top_side_ranking h2 span{
display:block;
padding-top:50px;
}


#top_side_ranking ol {
  margin: 0;
}

#top_side_ranking li{
  border-bottom: 1px dotted #ccc;
  clear:left;
}

#top_side_ranking li a {
display: block;
padding: 8px 15px 8px 45px;
line-height: 140%;
font-weight: bold;
}

#top_side_ranking li a:hover {
  background: #fff;
}

#top_side_ranking li a img {
width: 90%;
margin: 0 0 5px;
border-radius: 6px;
border: 2px solid #fff;
}


#top_side_ranking li.rank1 a {
  background:url(../images/top/ranking_1.gif) 12px center no-repeat;
}

#top_side_ranking li.rank1 a:hover {
  background:url(../images/top/ranking_1.gif) 12px center no-repeat #fff;
}


#top_side_ranking li.rank2 a{
background:url(../images/top/ranking_2.gif) 12px center no-repeat;
}

#top_side_ranking li.rank2 a:hover{
background:url(../images/top/ranking_2.gif) 12px center no-repeat #fff;
}


#top_side_ranking li.rank3 a{
background:url(../images/top/ranking_3.gif) 12px center no-repeat;
}

#top_side_ranking li.rank3 a:hover{
background:url(../images/top/ranking_3.gif) 12px center no-repeat #fff;
}


#top_side_ranking li.rank4 a{
background:url(../images/top/ranking_4.gif) 12px center no-repeat;
}

#top_side_ranking li.rank4 a:hover{
background:url(../images/top/ranking_4.gif) 12px center no-repeat #fff;
}


#top_side_ranking li.rank5 a{
background:url(../images/top/ranking_5.gif) 12px center no-repeat;
}

#top_side_ranking li.rank5 a:hover{
background:url(../images/top/ranking_5.gif) 12px center no-repeat #fff;
}

#top_side_ranking li.rank6 a{
background:url(../images/top/ranking_6.gif) 12px center no-repeat;
}

#top_side_ranking li.rank6 a:hover{
background:url(../images/top/ranking_6.gif) 12px center no-repeat #fff;
}

#top_side_ranking li.rank7 a{
background:url(../images/top/ranking_7.gif) 12px center no-repeat;
}

#top_side_ranking li.rank7 a:hover{
background:url(../images/top/ranking_7.gif) 12px center no-repeat #fff;
}

#top_side_ranking li.rank8 a{
background:url(../images/top/ranking_8.gif) 12px center no-repeat;
}

#top_side_ranking li.rank8 a:hover{
background:url(../images/top/ranking_8.gif) 12px center no-repeat #fff;
}


#top_side_ranking li.rank9 a{
background:url(../images/top/ranking_9.gif) 12px center no-repeat;
}

#top_side_ranking li.rank9 a:hover{
background:url(../images/top/ranking_9.gif) 12px center no-repeat #fff;
}

#top_side_ranking li.rank10 a{
background:url(../images/top/ranking_10.gif) 12px center no-repeat;
}

#top_side_ranking li.rank10 a:hover{
background:url(../images/top/ranking_10.gif) 12px center no-repeat #fff;
}


#top_side_ranking p{
  clear: both;
  font-size: 71.4%;
  text-align: right;
  padding: 5px 10px;
}



#prod_list_btn{
margin: 20px auto;
width: 200px;
}


/*カテゴリーから探す*/
#side_categorynavi {
  width: 238px;
  margin: 15px 0 0;
  border: 1px solid #ccc;
}

#side_categorynavi h2 {
  background-color: #d5f0fb;
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 16px;
  position: relative;
  width: 238px;
}

#side_categorynavi h2 span {
  display: block;
  padding: 11px 15px 8px;
}

#side_categorynavi li {
  border-bottom: 1px dotted #ccc;
  background: url(../images/top/side_cate_icon.gif) #f5fdfe 15px center no-repeat;
}

#side_categorynavi li a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 10px 7px 30px;
}

#side_categorynavi li a:hover {
  background: url(../images/top/side_cate_icon.gif) #fffdd2 15px center no-repeat;
}

#side_categorynavi li:last-child {
  border:none;
}

/*ジャンルから探す*/


#side_categorylink {
  background: #f5fdfe;
  border: 1px solid #ccc;
  margin: 15px 0 0;
  width: 238px;
}

#side_categorylink .cl {
  height: 0!important;
}

#side_categorylink h2 {
  background-color: #d5f0fb;
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 16px;
  position: relative;
  width: 238px;
}

#side_categorylink h2 span{
  display: block;
  padding: 11px 15px 8px;
}

#side_categorylink a {
  border-bottom: 1px dotted #ccc;
  display: block;
  padding: 6px 10px 6px 30px;
  font-weight: bold;
  font-size: 16px;
}

#side_categorylink a:last-child {
  border-bottom: none;
}

#side_#categorylink ul {
  margin: 0;
  padding: 0;
}

#side_categorylink li {
  border-bottom: 1px dotted #ccc;
  background: url(../images/top/side_cate_icon.gif) #f5fdfe 15px 13px no-repeat;
}

#side_categorylink li:last-child {
  border-bottom: none;
}

#side_categorylink ul ul {
  padding: 0 0 0 20px;
}

#side_categorylink li li {
  background: none;
  font-size: 85.7%;
  line-height: 130%;
  margin: 0;
  padding: 0;
}

#side_categorylink li li:last-child {
  border-bottom: none;
}

#side_categorylink li li a {
  border: none;
  font-weight: normal;
  padding: 8px 10px 8px 20px;
	font-size: 14px;
}

#side_categorylink li a:hover {
  background: url(../images/top/side_cate_icon.gif) #fffdd2 15px 13px no-repeat;
}

#side_categorylink li li a:hover {
  background: #fffdd2;
}

/*特集*/

#side_tokusyuu{
	padding: 0;
	margin: 20px auto 0;
  width: 176px;
}

#side_tokusyuu img {
  margin:5px 0;
}

#side_tokusyuu img:hover{
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}

#side_tokusyuu span a {
  display: block;
  font-size: 85.7%;
  font-weight: normal;
  line-height: 130%;
  padding: 0 0 10px;
}

/*最近チェックしたリスト*/


#side_checklist{
  margin: 15px 0 0;
  width: 238px;
  border: 1px solid #ccc;
  float: left;
}


#side_checklist h2 {
  background: #f5deb3;
  border-bottom: 1px solid #ccc;
  font-size: 100%;
  position: relative;
  width: 238px;
}

#side_checklist h2 span {
  color: #000;
  display: block;
  padding: 11px 15px 8px;
}

#side_checklist .box {
  background: #fff5ee;
  border-bottom: 1px dotted #ccc;
  clear: both;
  width: 238px;
}

#side_checklist .last{
border-bottom:none;
}

#side_checklist .img {
  float:left;
  margin: 0 10px;
}

#side_checklist .img img {
  border-radius: 6px;
  height: auto;
  width: 70px;
}

#side_checklist .link{
color: #1d54a7;
font-weight: bold;
font-size: 14px;
line-height: 1.35;
margin: 0 10px 0 90px;
text-decoration: underline;
}

#side_checklist .commnet {
font-size: 12px;
line-height: 1.35;
margin: 6px 8px 0px 90px;
}

#side_checklist .box a {
  display:block;
  padding: 10px 0;
  text-decoration:none;
}

#side_checklist .box a:hover {
  background-color: #fffdd2;
}

#side_checklist .box a:hover .link {
  color: #ff6600;
  text-decoration: none;
}


/*関連サイト*/

#side_sitelink {
  border: 1px solid #ccc;
  clear: both;
  margin: 15px 0 0;
  width: 238px;
}

#side_sitelink h2 {
  background: #d5f0fb;
  border: 1px solid #ccc;
  font-size: 100%;
  left: -1px;
  position: relative;
  top: -1px;
  width: 238px;
}

#side_sitelink h2 span {
  color: #000;
  display: block;
  padding: 10px 0 8px 15px
}


#side_sitelink ul {
  margin:10px 0 12px;
}

#side_sitelink li a img{
margin:0 auto 8px;
}

/*jasrac*/

#jasrac{
margin:18px 0 0;
}

#jasrac img{
margin:0 auto;
}


/*一覧へリンク*/

.list_link{
text-align:right;
padding:7px 7px 0 0;}

.list_link a{
padding-left:20px;
background:url(../images/top/icon_list.gif) left center no-repeat;
font-weight:bold;

}

/*バナーエリア*/


#bana_eria{
margin:20px 0 0;
}


#bana_eria .bana{
width:170px;
float:left;
}

#bana_eria .bana img{
margin:8px auto;
}


/*------header3 120928globalsearch------*/
/*レイアウト*/



#header3 {
  margin: 0px auto;
  width:900px;
  height:145px;
	position:relative;
}


/* ロゴ */




#header3 #h_logo h1{
font-weight:normal;
position:absolute;
top:18px;
left:5px;
font-size:13px;
width:260px;
}

#header3 #h_logo a{
display:block;
width:312px;
height:43px;
/* background: url(../images/top/logo.gif) no-repeat 0px 0px; 
overflow:hidden; */
position:absolute; 
top:43px;
left:5px;
}

#header3 #h_logo a span{
display:block;
padding-top:50px;
}



/* ヘッダーナビ */
#header3 #hnavi {
margin-top:7px;
  float: right;
  margin-bottom: 8px;
  width: 580px;
  height: 25px;
  vertical-align:middle;
}
/*ie6*/
* html #header3 #hnavi {
margin-top:7px;
  float: right;
  margin-bottom: 5px;
  width: 580px;
  height: 25px;
  vertical-align:middle;
}

#header3 #hnavi ul{
float:left;
border-right: 1px solid #CCCCCC;
padding-top:5px;
margin-left:24px;
}
/*ie6*/
* html #header3 #hnavi ul{
float:left;
border-right: 1px solid #CCCCCC;
padding-top:5px;
margin-left:12px;
}

#header3 #hnavi li {
  float: left;
  height: 18px;
  padding: 0px 0.5em 0px 0px;
  border-left: 1px solid #CCCCCC;
  white-space: nowrap;
	font-size: 12px!important;
}
#header3 #hnavi li a {
	font-size: 12px!important;
}
html * #header3 #hnavi li {
  height: 16px;
  padding: 4px 0.5em 0px 0px;

}

#header3 #hnavi li#hnavi_faq {
  padding-left: 23px;
  background: url(../images/top/ico_faq.jpg) no-repeat 5px 3px;
}
#header3 #hnavi li#hnavi_first {
  padding-left: 23px;
  background: url(../images/top/ico_first.jpg) no-repeat 5px 1px;
}

#header3 #hnavi li#hnavi_inquiry {
  padding-left: 27px;
  background: url(../images/top/ico_inquiry.jpg) no-repeat 5px 4px;
}


#header3 #head_bana{
float:right;
margin-top:0;
margin-bottom:4px;
margin-right:1px;
width:565px;
}

/*ie6*/
* html #header3 #head_bana{
float:right;
margin-top:0;
margin-bottom:3px;
margin-right:1px;
width:575px;
}

#header3 #head_bana img{
	float:left;
	margin-left:10px;
}


/* 文字サイズ変更 */
#header3 dl#mozisize_top {
float: right;
width: 177px;
height:25px;
overflow:hidden;
margin-top:3px;
background:url(../images/top/120928top_mozi_title.gif) 0 0 no-repeat;
}
#header3 dl#mozisize_top dt {
width:85px;
text-indent:-9999px;
height:23px;
overflow:hidden;
float:left;
}
#header3 dl#mozisize_top dd {
  float: left;
	padding:0 0 3px 5px;
}
/*------header3 120928globalsearch------*/