@charset "utf-8";

/*=========================================================================
用途 :
コンテンツ固有レイアウト
適用 :
サイトトップ
=========================================================================*/

/*
 TOP_FLASH
----------------------------------------------------------------------------------------------------*/
/*#TOP_FLASH{
	position:relative;	
	height:373px;
	z-index:1;
	background:url(../../common/image/top/flash_bg_0806.jpg) repeat-x 0 0;
}
#TOP_FLASH .tFSwf{
	margin:0 auto;
	height:373px;
	text-align:center;
	background:url(https://images.astyle.jp/images/parts/common/image/top/flash_bg.jpg) no-repeat 50% 0;
}*/
#TOP_FLASH .tFSwf .ana{
	width:950px;
	padding:50px 0 0 0;
	margin:0 auto 0;
}

 #TOP_FLASH .tFSwf .ana,
 #TOP_FLASH .tFSwf.amc1 .ana,
 #TOP_FLASH .tFSwf.amc2 .ana,
 #TOP_FLASH .tFSwf.amc3 .ana,
 #TOP_FLASH .tFSwf.amc4 .ana,
 #TOP_FLASH .tFSwf.amc5 .ana,
 #TOP_FLASH .tFSwf.amc6 .ana{
	background:url(https://images.astyle.jp/images/common/top/bg_flash_amc1.png) repeat-y 0 0;
}

/*20140902 背景別バージョン
 #TOP_FLASH .tFSwf.amc1 .ana{
	background:url(https://images.astyle.jp/images/common/top/bg_flash_amc1.png) repeat-y 0 0;
}

#TOP_FLASH .tFSwf.amc2 .ana{
	background:url(https://images.astyle.jp/images/common/top/bg_flash_amc2.png) repeat-y 0 0;
}
#TOP_FLASH .tFSwf.amc3 .ana{
	background:url(https://images.astyle.jp/images/common/top/bg_flash_amc3.png) repeat-y 0 0;
}
#TOP_FLASH .tFSwf.amc4 .ana{
	background:url(https://images.astyle.jp/images/common/top/bg_flash_amc4.png) repeat-y 0 0;
}
#TOP_FLASH .tFSwf.amc5 .ana{
	background:url(https://images.astyle.jp/images/common/top/bg_flash_amc5.png) repeat-y 0 0;
}
#TOP_FLASH .tFSwf.amc6 .ana{
	background:url(https://images.astyle.jp/images/common/top/bg_flash_amc6.png) repeat-y 0 0;
}
*/

#TOP_FLASH .tFSwf ul{
	width:950px;
	margin:14px auto 0;
	overflow:hidden;
	display: inline-block;
}
#TOP_FLASH .tFSwf ul:after {
    display: block;
    clear:both;
    height: 0;
    line-height: 0;
    visibility: hidden;
    content: ".";
    font-size: 0.1em;
}
/* Hides from Mac-IE \*/
    * html #TOP_FLASH .tFSwf ul { height: 1%; }
    #TOP_FLASH .tFSwf ul { display: block; }
/* End hide from Mac-IE */
#TOP_FLASH .tFSwf li{
	display:inline;
	float:left;
	margin-left:14px;
	background:#fff;
}
#TOP_FLASH .tFSwf li a:hover img{
	opacity:0.75;
	filter:alpha(opacity=75);
}

/*
#TOP_FLASH .button{
	width:850px;
	margin:20px auto 0;
}
#TOP_FLASH .button a{
	display:block;
	width:850px;
	height:35px;
	background:url(https://images.astyle.jp/images/parts/common/image/top/btn_swf_0806.gif) no-repeat scroll 0 0 transparent;
	outline:medium none;
}

#TOP_FLASH .button a:hover {
	background-position:0 -35px;
}

#TOP_FLASH img {
	vertical-align:top;
}
*/

#TOP_FLASH .carousel{
/*	width:950px;
	margin:0 auto 0;*/
	overflow:hidden;
}

#TOP_FLASH .slider-for{
	margin:0 -415px;
	width:1800px;
}
#TOP_FLASH .slider-nav{
	margin:30px -75px 0px;
	padding:9px 0 8px 0;
	width:1100px;
	background:#555;
	background:url(https://images.astyle.jp/images/common/top/bg_flash_nav.png) repeat-x 0 0;
/*	background-color: rgba(0,0,0,0.2);*/
}
#TOP_FLASH #arrows{
/*	margin:0 auto;*/
	position:relative;
}

#TOP_FLASH .slider-for img,
#TOP_FLASH .slider-for a{
	width:542px;
	display:block;
}

#TOP_FLASH .slider-for a{
	background:#777;
}

#TOP_FLASH .slider-for a img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#TOP_FLASH .slider-for .slick-center a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#TOP_FLASH .slider-nav img,
#TOP_FLASH .slider-nav a{
	width:190px;
	display:block;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.opacity{
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}

#TOP_FLASH .slider-nav img{
	border: 1px solid rgba(0,0,0,0.0) !important;
}

#TOP_FLASH .slider-nav .slick-center img{
	border: 1px solid #000 !important;
}
#TOP_FLASH .slider-nav .slick-active img.active{
	border: 1px solid #000 !important;
}



/*
 TOP_GRID
----------------------------------------------------------------------------------------------------*/
#TOP_GRID{
  position:relative;
  margin:0 auto;
  width:950px;
  z-index:4;
}
#TOP_GRID .tGBtn{
  padding:11px 0 0;
  text-align:center;
}
#TOP_GRID .tGBtn a{
  display:block;
  margin:0 auto;
  width:850px;
  height:35px;
  background:url(https://images.astyle.jp/images/parts/common/image/top/btn_swf_off.gif) no-repeat 0 0;
}
#TOP_GRID .tGBtn a:hover{
  background-position:0 -35px;
}
#TOP_GRID .tGUl{
  margin:0 0 0 -2px;
  padding:5px 0 0;
  width:950px;
}
#TOP_GRID .tGItem{
  float:left;
  padding:15px 0 0 15px;
  width:220px;
  min-height:255px;
}
* html body #TOP_GRID .tGItem{
  height:255px;
}
#TOP_GRID .tGLoad{
  margin:102px auto;
  text-align:center;
}
#TOP_GRID .tGItem a{
  display:block;
  width:220px;
  min-height:255px;
}
* html body #TOP_GRID .tGItem a{
  height:255px;
}
#TOP_GRID .tGItem a:hover{
  background:#fff;
  filter:alpha(opacity=85);
  -moz-opacity:0.85;
  -khtml-opacity:0.85;
  opacity:0.85;
}

/*
 FLOAT_TOP
----------------------------------------------------------------------------------------------------*/
#FLOAT_TOP_BASE{
  position:absolute;
  display:block;
  min-width:950px;
  width:100%;
  top:0;
  left:0;
  z-index:99998;
}
#FLOAT_TOP{
  position:absolute;
  display:block;
  min-width:950px;
  width:100%;
  top:0;
  left:0;
  filter:alpha(opacity=85);
  -moz-opacity:0.85;
  -khtml-opacity:0.85;
  opacity:0.85;
  background:#4d7cc7;
  cursor:pointer;
  z-index:1;
}


/*
 topLeftNavi
----------------------------------------------------------------------------------------------------*/
#LEFT_SUB{
  padding-top:0px;
}
#LEFT_SUB .topLNTitle{
  width:170px;
  height:26px;
  background:url("https://images.astyle.jp/images/parts/common/image/top/ln_ti.gif") no-repeat 0 0  ;
}
#LEFT_SUB .topLeftNavi li{
  border-bottom:2px solid #ccc;
}
#LEFT_SUB .topLeftNavi li a{
  display:block;
  width:170px;
  height:38px;
  background-position:0 0;
  background-repeat:no-repeat;
}
#LEFT_SUB .topLeftNavi li a:hover{
  background-position:0 -38px;
}


#LEFT_SUB .topLeftNavi li.end{border-bottom:7px solid #002596;}

/* #LEFT_SUB .topLeftNavi .topLN08{border-bottom:7px solid #002596;}
#LEFT_SUB .topLeftNavi .topLN07{border-bottom:7px solid #002596;}
#LEFT_SUB .topLeftNavi .topLN01 a{background-image:url(https://images.astyle.jp/images/parts/common/image/top/001001.gif);}
#LEFT_SUB .topLeftNavi .topLN02 a{background-image:url(https://images.astyle.jp/images/parts/common/image/top/001002.gif);}
#LEFT_SUB .topLeftNavi .topLN03 a{background-image:url(https://images.astyle.jp/images/parts/common/image/top/001003.gif);}
#LEFT_SUB .topLeftNavi .topLN04 a{background-image:url(https://images.astyle.jp/images/parts/common/image/top/001004.gif);}
#LEFT_SUB .topLeftNavi .topLN05 a{background-image:url(https://images.astyle.jp/images/parts/common/image/top/001005.gif);}
#LEFT_SUB .topLeftNavi .topLN06 a{background-image:url(https://images.astyle.jp/images/parts/common/image/top/001006.gif);}
#LEFT_SUB .topLeftNavi .topLN07 a{background-image:url(https://images.astyle.jp/images/parts/common/image/top/001007.gif);}
#LEFT_SUB .topLeftNavi .topLN08 a{background-image:url(https://images.astyle.jp/images/parts/common/image/top/ln08.gif);height:86px;}
#LEFT_SUB .topLeftNavi .topLN08 a:hover{
  background-position:0 -86px;
}
*/

#LEFT_SUB .topLeftNaviBlock{
  border-left:1px solid #cbcbcb;
  border-right:1px solid #cbcbcb;
  border-bottom:1px solid #cbcbcb;
}
#LEFT_SUB .topLNRank{
  width:170px;
  height:29px;
  background:url("https://images.astyle.jp/images/parts/common/image/top/left_ranking_ttl.gif") no-repeat 0 0  ;
}
#LEFT_SUB .topLNRankUL{
  width:168px;
}
#LEFT_SUB .topLNRankUL li{
  margin:0px 5px 5px 5px;
  padding-top:5px;
  border-top:1px solid #cbcbcb;
}
#LEFT_SUB .topLNRankUL li .img{
	margin-left:28px;
  margin-bottom:10px;
}
#LEFT_SUB .topLNRankUL li .txt{
  clear:both;
  display:block;
  width:100%;
  color: #002596;
    text-decoration: underline;
}
#LEFT_SUB .topLNRankUL li .price{
  text-align:right;
  margin-top:5px;
  display:block;
  width:100%;
}
#LEFT_SUB .topLNRankUL li .bold{
  font-weight:bold;
}


#LEFT_SUB .topLNRankUL li.topLNR01{
  border-top:0;
}


#LEFT_SUB .topLNSearch{
  width:100%;
  margin-top:15px;
  padding:0 0 7px 10px;
  font-weight:bold;
  background:url("../../common/image/top/left_search_ttl.gif") no-repeat 0 bottom ;
}
#LEFT_SUB .topLNSearchUL li a{
  color:#000000;
  display:block;
  width:100%;
  height:18px;
  padding:5px 0 0px 20px;
  background:url("../../common/image/top/left_search_img001.gif") no-repeat 0 bottom ;
}

.itemHTi .page{
  float:right;
}
.itemHTi .page a{
  display:block;
  color: #002596;
  height:19px;
  padding:3px 31px 0 0;
  background:url(../../common/image/item/h2_item_icon001.gif) right top no-repeat;
}
.itemHTi01{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_view.gif);}
.itemHTi02{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_buy.gif);}
.itemHTi03{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_rel.gif);}
.itemHTi04{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_buy_top.gif);}
/*.itemHTi05{background-image:url(../../common/image/item/h2_item_pick.gif);} */
.itemHTi06{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_new.gif);}
.itemHTi07{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_brand.gif);}
.itemHTi08{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_view_js.gif);}
.itemHTi09{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_rank.gif);}
.itemHTi10{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_syain.gif);}
.itemHTi11{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_sya_pick.gif);}
.itemHTi12{background-image:url(../../common/image/item/h2_item_search.gif);}
.itemHTi13{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_con.gif);}
.itemHTi14{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_news.gif);}
.itemHTi15{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_attention_js.gif);}
.itemHTi16{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_mile5000_js.gif);}
.itemHTi015{background-image:url(https://images.astyle.jp/images/parts/common/image/item/h2_item_AttentionBr.gif);}



.newInfo a:link,
.newInfo a:visited{
  color: #444444;
}

.newInfo a:hover{
  color:#002596;
}
.newInfo .ul750 ul {
	width:750px !important;
}
.newInfo ul{
  width:595px;
  float:left;
}
.newInfo li{
}
.newInfo .ico_special{
  padding-left:35px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/new_icon_special.gif) no-repeat left top;
}
.newInfo .ico_amc{
  padding-left:35px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/new_icon_amc.gif) no-repeat left top;
}
.newInfo .newBtn{
  width:147px;
  float:right;
}

/*20111221長谷田追加（インフォ部分）*/

/*
1…新着
2…スペシャル
*/
.informationBox{
	width:730px;
	height:30px;
	background:url(https://images.astyle.jp/images/parts/common/image/item/img_new12.jpg) no-repeat;
	padding-top:120px;
	padding-left:20px;
}

.newInfo .ico1{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom1.gif) no-repeat left top;
  padding-top:4px;
}

.newInfo .ico1_mt10{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom1.gif) no-repeat left top;
  padding-bottom:10px;
  padding-top:3px;
}

.newInfo .ico2{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom2.gif) no-repeat left top;
  padding-top:4px;
  
}

.newInfo .ico2_mt10{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom2.gif) no-repeat left top;
  padding-bottom:10px;
  padding-top:2px;
}

.newInfo .ico3{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom3.gif) no-repeat left top;
  padding-top:4px;
}

.newInfo .ico3_mt10{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom3.gif) no-repeat left top;
  padding-bottom:10px;
  padding-top:5px;
}


.newInfo .ico4{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom4.gif) no-repeat left top;
  padding-top:4px;
}

.newInfo .ico4_mt10{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom4.gif) no-repeat left top;
  padding-bottom:10px;
  padding-top:3px;
}

.newInfo .ico5{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom5.gif) no-repeat left top;
  padding-top:4px;
}

.newInfo .ico5_mt10{
  padding-left:70px;
  background:url(https://images.astyle.jp/images/parts/common/image/item/infoIcom5.gif) no-repeat left top;
  padding-bottom:10px;
  padding-top:3px;
}

/*20120210長谷田追加（社販お知らせ部分）*/

li.mainNoteInfo,
li.mainNoteInfo a {
    padding-left: 0.3em;
    text-indent: -0.5em;
	color:#002596;
	font-weight:bold;
	font-size:100%;
	margin-bottom:0.1em;
}

.normal_0210{
	color:#002596;
	margin-left:0.8em;
	margin-top:-0.1em;
	margin-bottom:0.5em;
}


/*20120214長谷田追加（サイドオススメ商品部分）*/
.subBorder {
    border-top: 2px solid #E3E5ED;
    margin: 4px 0 16px;
}

.leftItemBlock .itemLItem {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 1px;
    padding-bottom: 1px;
}
.leftItemBlock .itemLItem, .leftItemBlock .itemLIInner {
    width: 170px;
}
.leftItemBlock .itemLItem .itemLIInner a {
    display: block;
    padding: 3px 14px 10px 15px;
    width: 141px;
}
.leftItemBlock .itemLItem .itemLIInner a:hover {
    background: none repeat scroll 0 0 #F2F2F2;
    text-decoration: none;
}
.leftItemBlock .itemLItem .textName {
    display: block;
    margin: 7px 0 0;
    min-height: 35px;
    padding: 0 5px 3px;
}

.leftItemBlock .itemLItem .textExp {
    color: #666666;
    display: block;
    margin-top: 10px;
    padding: 0 5px;
}
.leftItemBlock .itemLItem .itemLIPrc {
    display: block;
    margin-top: 10px;
    padding: 0 5px;
    text-align: right;
}

/*20120214長谷田追加（新着商品アイコン部分）*/
#newitemBox{
	color:#002596;
	margin-top:3px;
	text-align:right;
	font-size:1.0em;
}
/*20120516長谷田追加（お知らせエリア追加）*/

#maintenanceBox{
	padding:5px;
	margin-bottom:20px;
	background-color:#F2F2F2;
	border:1px #CECECE solid;
}
#maintenanceBox span{
	line-height:1.3em;
	color:#333;
}
#maintenanceBox a:link {
}
#maintenanceBox a:hover {
	text-decoration:underline;
	color:#000;
}
#maintenanceBox span#ti{
	font-weight:bold;
}
#maintenanceBox ul{
	color:#000;
}
#maintenanceBox ul li#second{
	padding-left:53px;
}



	
/*20120831長谷田追加（社章ボタン追加）*/
.syahanBan .syaB09 a {
    background-image: url("https://images.astyle.jp/images/parts/common/image/sya/syaln09.gif");
}
#LEFT_SUB .syaNavi .syaLN09 a {
    background-image: url("https://images.astyle.jp/images/parts/common/image/left/syaln09.gif");
}
/*
 20121105長谷田追加（60周年記念キャンペーンエリア）
----------------------------------------------------------------------------------------------------*/
.campaign_box{
	background-image:url(https://images.astyle.jp/images/parts/common/image/item/60th_back.jpg);
	width:750px;
	height:180px;
	background-repeat:no-repeat;
}
.campaign_list_box{
	width:680px;
	padding-top:70px;
	padding-left:67px;
}

ul.can_list li{
	float:left;
	margin-left:-8px;
}

/* 2016/10/21　ニュースエリア */
.news_info a:link,
.news_info a:visited{
  color: #444;
}

.news_info a:hover{
  color:#002596;
}
.news_info ul{
  float:left;
}
.news_info li{margin-top: 5px;padding-left: 2px;}


/*
 201610/27-10/31 5%キャッシュバックキャンペーン
----------------------------------------------------------------------------------------------------*/
.cp_box{margin:0 0 20px 0;}
.cp_box h3{margin:10px 0 5px 0;}
.cp_box ul{font-size: 100%; padding: 0px 10px;}
.cp_box ul li{margin-top: 2px;}