@charset "utf-8";
/* ================================================================
		全体枠
================================================================ */
#wrapper{}
/* ================================================================
		サイトキャッチ
================================================================ */
#htop_container{
	width:100%;
	padding:4px 0;
	background:url(../images/site_body_bg_main.gif);
	min-height:14px;
}
#htop{
	position:relative;
	color:#525252;
	font-size:93%;
}
.ht_nav {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	text-align:right;
}
	.ht_nav li{
		position:relative;
		display:inline;
		margin-left:14px;
	}
	.ht_nav li span{
		position:absolute;
		top:5px;
		left:-6px;
	}
	.ht_nav li a{
		margin-left:3px;
	}
/* ================================================================
		スクロール時の上部エリア
================================================================ */
#head_site_info{
	width:100%;
	padding:3px;
	background:#D90000;
	color:#FFF;
	font-size:93%;
}
#head_site_info p{
	width:300px;
	float:left;
}
#head_site_info ul {
	float:right;
	text-align:right;
}
	#head_site_info ul li{
		display:inline;
		float:left;
		padding:0 0.8em;
		border-left:1px solid #F66;
	}
/* ================================================================
		ヘッダー
================================================================ */
#head_container{
	width:100%;
	background:#FFF;
}

#head{
	position:relative;
	height:90px;
	z-index:1000;
}
#h_sitelogo{
	position:absolute;
	top:50%;
	margin-top:-13px;/*ロゴの高さの半分を指定*/
	left:0;
}

/* ================================================================
		ヘッダー > グローバルナビ #gnav
================================================================ */
#h_gnav{}
#h_gnav ul{
	position:absolute;
	top:10px;
	right:0;
	height:26px;
	text-align:right;
}
#h_gnav ul li{
	display:table-cell;  
    *display:inline;  
    *zoom:1;  
	border-right:1px solid #E4E4E2;
}
#h_gnav ul li:first-child{
	border:none;
}
#h_gnav ul li a{
	display:block;
	padding:5px 10px;
}
#h_gnav ul li a:hover{
	background:#EDEDED;
}

/* ================================================================
		ヘッダー > ユーザナビ #usernav
================================================================ */
#h_usernav{}
/*ドロップダウンアイコン*/
.site_h_menu_icon_down{
	position:absolute;
	bottom:8px;
	right:5px;
}
.h_regist_block .site_h_menu_icon_down,
.h_login_block .site_h_menu_icon_down {
	bottom:12px;
}
/*マイセレクトボタン*/
.h_myselect_block{
	position:absolute;
	right:520px;
	bottom:10px;
	width:146px;
	
}
/*カートボタン*/
.h_cart_block{
	position:absolute;
	right:400px;
	bottom:10px;
	width:110px;
}
	.h_cart_count{
		font-weight:bold;
		font-size:138.5%;
		font-family:"Arial Black", Gadget, sans-serif;
		color:#D00;
	}
	.h_cart_countzero{
		color:#333;
	}
.h_myselect_block a,
.h_cart_block a{
	display:block;
	padding:5px 0;
}
.h_myselect:hover,
.h_cat:hover{
	background:#EDEDED;
}
.h_myselect_block .site_h_menu_icon_myselect,
.h_cart_block .site_h_menu_icon_cart{
	position:relative;
	left:5px;
	margin-right:5px;
}

/* 商品一覧を見るドロップダウン */
#h_sitelistBlock {
  position: relative;
  list-style-type: none;
  padding: 0;
  border:1px solid #CCC;
  z-index:8000;
}
#h_sitelistBlock .h_sitelist,#h_sitelistBlock p {
  margin: 0;
  padding: 0;
  text-align: center;
}
#h_sitelistBlock p a {
  display: block;
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  width:240px;
}
#h_sitelistBlock .h_sitelist{

}
#h_sitelistBlock .h_sitelist_ul{
	display:none;
	list-style: none;
	position: absolute;
	top: 26px;
	left: 0;
	margin: 0;
	padding: 0;
	z-index:4000;
	background:#FFF;
	border:1px solid #CCC;
}
#h_sitelistBlock .h_sitelist:hover  .h_sitelist_ul{
	display:block;
	
}
#h_sitelistBlock p{
  overflow: hidden;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  margin:0;
  padding:0;
}
#h_sitelistBlock p a{
  text-align: left;
  font-weight: normal;
}
#h_sitelistBlock .h_sitelist:hover p,
#h_sitelistBlock p:hover p{
  overflow: visible;
  height: 26px;
}
#h_sitelistBlock .h_sitelist:hover p:first-child{
  border-top: 0;
}
#h_sitelistBlock .h_sitelist:hover p:last-child{
  border-bottom: 0;
}

#h_sitelistBlock p.title {
	background:#EFEFEF;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align: left;
	padding:5px 10px 0px;
	font-weight:bold;
	height:20px!important;
}


/* 新規登録ボタン、会員メニューボタン */
.h_regist_block{
	position:absolute;
	right:240px;
	bottom:10px;
}
	.h_regist_block a.site_h_menu_bg_btnwhite{
		cursor:pointer;
		width:120px;
		padding-left:10px;
	}
	.h_regist_block a.site_h_menu_bg_btnwhite:visited{

	}
	#head .h_regist_block a.site_h_menu_bg_btnwhite:hover{
		background:#333;
		color:#FFF;
	}
	.h_regist_block .dropdown-menu{
		width:200px;
		padding:10px;
	}
	/* 無料会員登録ボタン */
	.h_regist_block .dropdown-menu a.h_regist_btn{
		display:block;
		width:180px;
		height:34px;
		padding:0 0 0 3px!important;
		margin:10px auto 0;
		background:url(../images/sprite.png) 0 -468px;
		color:#FFF!important;
		text-align:center;
		line-height:34px!important;

	}
	.h_regist_block .dropdown-menu a.h_regist_btn span{
		display:block;
		margin-right:-3px;
		background:url(../images/sprite.png) right -468px;
	}
	.h_regist_block .dropdown-menu a.h_regist_btn:hover{
		background:url(../images/sprite.png) 0 -434px;
	}
	.h_regist_block .dropdown-menu a.h_regist_btn:hover span:hover{
		background:url(../images/sprite.png) right -434px;
	}
	/* 会員メニューボタン */
	.h_regist_block a.h_member{
		cursor:pointer;
		width:120px;
		padding-left:10px;
	}
	.h_regist_block a.h_member,
	.h_regist_block a.h_member:visited{
		color:#FFF;
		background:#333;
	}
	#head .h_member:hover{
		color:#FFF;
		background:#999 !important;
	}
	#head .h_regist_block .h_member_menu li a{
		display:block;
		padding:3px;
		zoom:1;
		background: url(../images/site_dropdown_icon_arrow2.gif) right 0.5em no-repeat;
	}
	#head .h_regist_block .h_member_menu li a:hover{
		color:#D90000;
		text-decoration: none;
		background:#E9E6E0 url(../images/site_dropdown_icon_arrow2.gif) right 0.5em no-repeat;
	}

/* ログインボタン */
.h_login_block{
	position:absolute;
	right:0px;
	bottom:10px;
}
	.h_login_block a.site_h_menu_bg_btnwhite{
	width:220px;
	padding-right:10px;
	text-align:right;
	}
	#head .h_login_block a.site_h_menu_bg_btnwhite:hover{
		background:#333;
		color:#FFF;
	}
	.h_login_block .dropdown-menu{
		padding:10px;
	}
	.h_login_block .h_login_username{
		border-right:1px solid #CCC;
		margin-right:0.5em;
		padding-right:0.7em;
	}
	/* ログアウトボタン */
	.h_login_block a.h_logout{
	width:220px;
	padding-right:10px;
	text-align:right;
	}
	.h_login_block a.h_logout,
	.h_login_block a.h_logout:visited{
		color:#FFF!important;
		background:#333;
	}
	.h_login_block a.h_logout:hover{
		color:#FFF!important;
		background:#999;
	}	
.h_regist_block a.h_regist,
.h_regist_block a.h_member,
.h_login_block a.h_login,
.h_login_block a.h_logout{
	display:block;
	line-height:34px;
}
/* ================================================================
		上部　割引通知
================================================================ */
#notice_container{
	width:100%;
	padding:4px 0;
	background:#D90000;
}
	#notice_container .notice_text{
		text-align:center;
		font-size:131%;
		color:#FFF;
		padding:4px 0;
		line-height:1;
	}
	#notice_container .notice_text strong{
		margin-left:3px;
		padding:2px 3px;
		background:#FFF;
		color:#D90000;
	}
	iframe[name="google_conversion_frame"]{
		height:0;
	}
/* ================================================================
		パンくず
================================================================ */
#topic_path_container{
	width:100%;
}
	#search_container #topic_path{
		border-bottom:1px solid #CCC;/* スクロール時の上部表示の場合の線 */
		
	}
#topic_path{
	position:relative;
	padding:10px;
	background:#FFF;
}

	#topic_path ul.topic_path_link li {
		display: inline-block;
		*display: inline;  
		*zoom:1;
		padding:0 0 0 5px;
	}
#topic_path ul.pd_item_iconinfo{
	position:absolute;
	width:400px;
	top:50%;
	margin-top:-10px;
	right:10px;
	text-align:right;
}
	#topic_path ul.pd_item_iconinfo li{
		display:inline;
		margin-right:8px;
	}
	#topic_path ul.pd_item_iconinfo li img{
		margin-right:5px;
	}
	#topic_path ul.pd_item_iconinfo li span{
		position:relative;
		top:-5px;
	}
	

.static #topic_path_container{
	width:1000px;
	margin:0 auto;
}
	.static  #topic_path{
		background:none;
		
	}
.static #topic_path{
	position:relative;
	padding:30px 0 0;
}
	.static #topic_path ul.topic_path_link li {
		display: inline-block;
		*display: inline;  
		*zoom:1;
		padding:0 0 0 5px;
	}
/* ================================================================
		中央エリア
================================================================ */
#center_container{
	clear:both;
	background:url(../images/ex_bg_head.jpg) 0 0 repeat-x;
}
#center_content{
	clear:both;
	padding:0 0 50px;
}
.main_area{
	clear:both;
	padding:50px 0 0;
}
/* ================================================================
		特殊
================================================================ */
#ex_container{
	width:100%;
	background:url(../images/ex_bg_head.jpg) 0 0 repeat-x;
	color:#616161;
}
	#ex_content{
		width:1000px;
		margin:0 auto;
		padding:50px 0 50px 0;
		font-size:116%;
		line-height:1.6;
	}
	#ex_content .ex_section{
		margin-bottom:30px;
	}
	#ex_content h4{
		font-size:123.1%;
		margin-bottom:0.5em;
		padding-left:20px;	
		background:url(../images/ex_icon_bg_ttl.gif) 0 0.5em no-repeat;
	}
	#ex_content .ex_col2_block {
		clear:both;	
	}
	#ex_content .ex_col2_block .ex_col_L{
		width:480px;
		float:left;
	}
	#ex_content .ex_col2_block .ex_col_R{
		width:480px;
		float:right;
	}
	#ex_content li{
		padding-left:10px;
		background:url(../images/_product/pd_s_menu_icon_list.gif) 0 0.5em no-repeat;
	}
	#ex_content a,
	#ex_content:visited{
		color:#333;
	}
	#ex_content a:hover{
		color:#999;
		text-decoration:none;
	}

/* ================================================================
		フッター
================================================================ */
#footer_container{
	clear:both;
	width:100%;
	background:url(../images/site_body_bg_main.gif);
}
#footer{
	position:relative;
	height:100%;
	min-height:290px;
	padding:30px 0 0;
	margin-bottom:-10px;
	z-index:6100;
}
.f_head{
	margin-bottom:20px;
}
.f_sitename{
	width:200px;
	float:left;
	font-weight:bold;
	font-size:138.5%;
}
.f_snsbtn_area{
	width:400px;
	float:left;
}
/* SNSボタン */
.f_snsbtn {
	float:left;
}
	.f_snsbtn_fb{
		width:110px;
	}
	.f_snsbtn_tw{
		width:100px;
	}
	.f_snsbtn_gg{
		width:80px;
	}
	.f_snsbtn_ht{
		width:80px;
	}
	.f_snsbtn_ln{
		width:110px;
	}
/* ガイドリストなど */
.f_main{
	width:720px;
}
	.f_main dl dt{
		margin-bottom:16px;
		font-size:116%;
		font-weight:bold;
	}
	.f_main dl dd li{
		margin-bottom:0.8em;
		font-size:93%;
	}
	.f_main table td{
		width:33%;
		padding-right:12px;
		vertical-align:top;
	}
	.f_main table td.last{
		padding-right:0;
	}
	.f_main dl.f_main_l{
		float:left;
		width:350px;
	}
	.f_main dl.f_main_r{
		float:left;
		width:350px;
	}
/* お問合せ情報など */
.f_contact_block{
	position:absolute;
	width:250px;
	min-height:300px;
	background:#EDEDED;
	right:0;
	top:-10px;
}
	.f_contact{
		padding:18px;
		text-align:center;
		font-size:116%;
	}
	.f_contact strong{
		color:#D90000;
	}
	.f_contact dt{
		font-weight:bold;
		margin-bottom:0.7em;
	}
	.f_contact dd{
		margin-bottom:16px;
		padding-bottom:16px;
		border-bottom:1px dotted #666;
		line-height:1.3;
	}
	.f_contact dd.last{
		margin-bottom:0;
		padding-bottom:0;
		border-bottom:none;
	}
	.site_f_contact_img_tel{
		margin-bottom:8px;
	}
	.site_f_contact_img_tel span,
	.site_f_contact_btn_form span{
		display:none;
	}
	.site_f_contact_btn_form a{
		width:218px;
		height:34px;
		display:block;
	}
/* ================================================================
		フッターナビ
================================================================ */
#footer_nav_container{
	width:100%;
	padding:20px 0;
	background:#B20000;
	color:#FFF;
	font-size:93%;
	position:relative;
	z-index:6000;
}
#footer_nav{}

#footer_nav ul{
	/* width:630px;
	float:left; */
	width:1000px;
	margin:0 auto 15px;
	text-align:center;
}
#footer_nav ul li{
	position:relative;
	display:inline;	
	padding-right:16px;
}
#footer_nav .site_fn_icon_arrow{
	position:absolute;
	top:50%;
	left:-10px;
	margin-top:-3px;
	display:inline-block;
	margin-right:2px;
}
/* 
#footer_nav .copyright{
	width:340px;
	float:right;
	text-align:right;
}
*/
#footer_nav .copyright{
	text-align:center;
}

/* ================================================================

		固定レイアウト設定　幅1000px
		
================================================================ */
.fixity #notice_containe .notice_text,
.fixity #htop_container #htop,
.fixity #head_container #head,
.fixity #htop,
.fixity #center_container #center_content,
.fixity #footer,
.fixity #footer_nav{
	width:1000px;
	margin:0 auto;
}

/* ================================================================

		静的ページ位置調整
		
================================================================ */
.fixity.static #h_gnav ul{
	top:50%;
	margin-top:-13px;
}

.clearfix,#head_site_info,.usernav,.ht_nav,#center_content,.center_container,.f_snsbtn_area,.f_head,.f_main,#footer_nav,#ex_content .ex_col2_block{zoom:1;}
.clearfix:after,#head_site_info:after,.usernav:after,.ht_nav:after,#center_content:after,center_container:after,.f_snsbtn_area:after,.f_head:after,.f_main:after,#footer_nav:after,#ex_content .ex_col2_block:after{clear:both;content:'';display:block;}