@charset "EUC-JP";

/* --------------------------------------------------------------------------------------------------
AUTHOR:			H.Odano
CSS構成書:   	ページ共通
LAST MODIFIED:	2010.03.18	

0.MakeShop用table 調整 :::::::::::}
1.ページ全体 :::::::::::::::::::::} .wrapper
2.ヘッダー :::::::::::::::::::::::} .header
3.中身 :::::::::::::::::::::::::::} .container
3-1.左ブロック（左メニュー）::::::} .menu_left
3-2.右ブロック 
/*各ページの右ブロックは contents.css に記述
/*TOP右ブロックは		 top.cssに記述
4.フッター :::::::::::::::::::::::} .footer
5.回り込み対策 :::::::::::::::::::} .clearfix



/* -------------------------------------------------------------------------------------------------------
  	0.MakeShop用table 調整                
------------------------------------------------------------------------------------------------------- */
table#makebanner{
text-align:left;
width:920px;
}




/* -------------------------------------------------------------------------------------------------------
  	1.ページ全体 .wrapper              
------------------------------------------------------------------------------------------------------- */
.wrapper{
	width			: 920px;
	background		: #FFFFFF;
	margin			: 0 auto;
	padding			: 0;
}
.wrapper a{ outline	: none; }


/* -------------------------------------------------------------------------------------------------------
  	2.ヘッダー .header               
------------------------------------------------------------------------------------------------------- */
h1 {
	color 			: #663300; /* 茶色 */
	font-size		: 12px;
	text-align 		: left;
	margin-bottom	: 17px;
}
.header{
	width			: 920px;
	margin			: 0 auto;
	padding			: 3px 0 0 0;
}
.header_top{
	display			: inline-block;
	width			: 920px;
	margin			: 0 0 12px 0;
	/margin			: 0;
}
/*左側*/
.header .head_left{
	width			: 720px;
	float			: left;
}
.header .head_left h2			{ float: left; width:186px;}
.header .head_left .head_sub	{ float: right; width:520px; margin:0 10px 0 0; /margin:0 5px 0 0;}

/*右側*/
.header .head_right{
	width			: 192px;
	float			: right;
}
/*電話番号ｲﾒｰｼﾞ*/
.header .head_right img{ margin:0 0 5px 0; }
/*買い物ｶｺﾞﾎﾞﾀﾝ*/
.header .head_right a{
	display			: block;
	width			: 190px;
	height			: 43px;
	background		: url(http://www.amenity-net.com/design/amenitynet/img/common/bt_shopping01.jpg) left top no-repeat;
	text-indent		: -9999px;
}
.header .head_right a:hover{
	background		: url(http://www.amenity-net.com/design/amenitynet/img/common/bt_shopping02.jpg) left top no-repeat;
}

/* ---------- TOPサブメニュー ---------- */
.sub_button{
	text-align		: right;
	margin			: 0 0 5px 0;
}
.sub_button ul li{
	display			: inline;
	padding			: 0 0 0 5px;
}
/* ---------- ログイン ---------- */
/*会員ﾒﾆｭｰ*/
.login{
	text-align		: right;
}
.login ul li{
	display			: inline;
}
/*ﾊﾟｽﾜｰﾄﾞを忘れた方*/
.login li.pass a{
	display			: inline-block;
	width			: 52px;
	height			: 20px;
	font-size		: 9px;
	vertical-align	: top;
	line-height		: 12px;
}

/* ---------- ログアウト ---------- */
.logout{} 


/* ---------- 共通TOPメニュー ---------- */
.head_menu{
	width			: 920px;
	height			: 36px;
	background		: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_top.jpg) left top no-repeat;
	overflow		: hidden; /* 回り込み対策 */
	margin			: 0 0 15px 0;
}
.head_menu li{
	display			: inline;
	float			: left;
	margin:0 2px 0 0;
}
.head_menu li.company{ 
	margin:0;
}
.head_menu li.inquiry{ 
	margin:0;
}
.head_menu li a{
	display			: block;
	width			: 130px;
	height			: 36px;
	text-indent		: -9999px;
}

.head_menu li.home 		a:hover{ background:url(http://www.amenity-net.com/design/amenitynet/img/common/menu_top.jpg) left bottom no-repeat;}
.head_menu li.sp 		a:hover{ background:url(http://www.amenity-net.com/design/amenitynet/img/common/menu_top.jpg) -132px bottom no-repeat;}
.head_menu li.ranking 	a:hover{ background:url(http://www.amenity-net.com/design/amenitynet/img/common/menu_top.jpg) -264px bottom no-repeat;}
.head_menu li.customer 	a:hover{ background:url(http://www.amenity-net.com/design/amenitynet/img/common/menu_top.jpg) -396px bottom no-repeat;}
.head_menu li.guide 	a:hover{ background:url(http://www.amenity-net.com/design/amenitynet/img/common/menu_top.jpg) -528px bottom no-repeat;}
.head_menu li.company 	a:hover{ background:url(http://www.amenity-net.com/design/amenitynet/img/common/menu_top.jpg) -660px bottom no-repeat;}
.head_menu li.inquiry 	a:hover{ background:url(http://www.amenity-net.com/design/amenitynet/img/common/menu_top.jpg) -790px bottom no-repeat;}



/* -------------------------------------------------------------------------------------------------------
  	3.中身（左ブロック＋右ブロック）.container              
------------------------------------------------------------------------------------------------------- */
.container{
	width			: 920px;
	margin			: 0 auto;
	display			: inline-block;
}


/* ----------------------------------------
  	3-1.左ブロック（左メニュー）.menu_left              
------------------------------------------- */
/* ---------- 左メニュー ---------- */
.menu_left{
	width			: 160px;
	float			: left;
}


/* 検索 */
.menu_left .search_goods{ margin:20px 0; }
.menu_left .search_goods img.l_search{
	display			: block;
	text-align		: left;
	margin			: 0 0 2px 0;
}

/* 新商品のご案内 */
.menu_left .new_release a{
display:block;
width:160px;
height:64px;
text-indent:-9999px;
background:url(http://www.amenity-net.com/design/amenitynet/img/common/l_newitem.gif) top no-repeat;
}
.menu_left .new_release a:hover{
background:url(http://www.amenity-net.com/design/amenitynet/img/common/l_newitem_on.gif) top no-repeat;
}



.menu_left ul{ margin:8px 0 20px 0; }/*左ﾒﾆｭｰﾘｽﾄのみのﾏｰｼﾞﾝ*/
.menu_left li{
	height			: 30px;
	margin			: 0 0 2px 0;
}
.menu_left li a{
	display			: block;
	height			: 30px;
	text-indent		: -9999px;
}
/* ﾀｵﾙ */
.menu_left li.towel a		 	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) no-repeat; }
.menu_left li.towel a:hover		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right top no-repeat; }

/* ｱﾒﾆﾃｨｰｸﾞｯｽﾞ */
.menu_left li.amenity01 a		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -32px no-repeat; }
.menu_left li.amenity01 a:hover	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -32px no-repeat; }

/* ﾊﾞｽｱﾒﾆﾃｨｰ */
.menu_left li.amenity02 a		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -64px no-repeat; }
.menu_left li.amenity02 a:hover	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -64px no-repeat; }

/* 紙製品 */
.menu_left li.paper a		 	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -96px no-repeat; }
.menu_left li.paper a:hover		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -96px no-repeat; }

/* ｻﾆﾀﾘｰ用品 */
.menu_left li.sanitary a		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -128px no-repeat; }
.menu_left li.sanitary a:hover	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -128px no-repeat; }

/* 箸・ﾗｯﾌﾟ */
.menu_left li.wrap a		 	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -160px no-repeat; }
.menu_left li.wrap a:hover		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -160px no-repeat; }

/* ｴｺ商品 */
.menu_left li.eco a		 		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -192px no-repeat; }
.menu_left li.eco a:hover		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -192px no-repeat; }

/* 客室備品 */
.menu_left li.equip a		 	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -224px no-repeat; }
.menu_left li.equip a:hover		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -224px no-repeat; }

/* ホテル備品（2010.07.12追加） */
.menu_left li.hotel a		 	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -256px no-repeat; }
.menu_left li.hotel a:hover		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -256px no-repeat; }

/* ﾊﾞｽ・ﾄｲﾚ・洗面用具 */
.menu_left li.bath a		 	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -288px no-repeat; }
.menu_left li.bath a:hover		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -288px no-repeat; }

/* 食品・飲料 */
.menu_left li.food a		 	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -320px no-repeat; }
.menu_left li.food a:hover		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -320px no-repeat; }

/* その他の消耗品 */
.menu_left li.supplies a		{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) left -352px no-repeat; }
.menu_left li.supplies a:hover	{ background: url(http://www.amenity-net.com/design/amenitynet/img/common/menu_left.gif) right -352px no-repeat; }



/* ｶﾚﾝﾀﾞｰ */
.menu_left .calendar{ margin:10px 0; }
.menu_left .calendar img{ margin:0 0 10px 0; }
.menu_left img.margin-bottom10{ margin:0 0 10px 0; }


/* 売れ筋ﾗﾝｷﾝｸﾞ */
.top_ranking_box{
	width			: 160px;
	border-bottom	: 1px dotted #CCCCCC;
	margin			: 0 0 5px 0;
	padding			: 0 0 2px 0;
}
.top_ranking_box img{ width:50px; height:50px; }
.top_ranking_box_last{
	width			: 160px;
	margin			: 0 0 5px 0;
	padding			: 0 0 2px 0;
}
.top_ranking_box img, .top_ranking_box_last img{
	float			: left;
	width			: 50px;
}
.top_ranking_box p, .top_ranking_box_last p{
	float			: right;
	text-align		: left;
	font-size		: 10px;
	width			: 100px;
}
.top_ranking_box p span, .top_ranking_box_last p span{
	color			: #CC9900;
	font-weight		: 600;
}



/* ----------------------------
  	3-2.右ブロック .contents             
------------------------------- */




/* -------------------------------------------------------------------------------------------------------
  	4.フッター .footer              
------------------------------------------------------------------------------------------------------- */
.footer{
	clear			: both;
	width			: 920px;
	margin			: 15px auto 0 auto;
	text-align		: center;
	font-size		: 12px;
}

/* お問い合わせ・お見積もりはお気軽に*/
.footer .footer_inquiry{
	position		: relative;
	width			: 920px;
	height			: 160px;
	margin			: 0 0 10px 0;
	background		: url(http://www.amenity-net.com/design/amenitynet/img/common/foot_bn.jpg) left top no-repeat;
}
.footer .footer_inquiry p{
	position		: absolute;
	top				: 48px;
	left			: 110px;
}
.footer .footer_inquiry a{
	position		: absolute;
	top				: 108px;
	left			: 508px;
	display			: block;
	width			: 230px;
	height			: 25px;
	background		: url(http://www.amenity-net.com/design/amenitynet/img/common/foot_inquiry.jpg) top no-repeat;
	text-indent		: -9999px;
}
.footer .footer_inquiry a:hover{
	background		: url(http://www.amenity-net.com/design/amenitynet/img/common/foot_inquiry.jpg) bottom no-repeat;
}

/* footer ガイド*/
.footer .footer_guide{
	display			: inline-block;
	width			: 920px;
	border-top		: 1px solid #666666;
	border-bottom	: 1px solid #666666;
	margin			: 0 0 40px 0;
	padding			: 20px 0;
}

.guide_L{
	float			: left;
	width			: 420px;
}
.guide_R{
	float			: right;
	width			: 420px;
}
.footer_guide .guide_box{
	display			: inline-block;
	width			: 420px;
	margin			: 0 0 20px 0;
}
.footer_guide .guide_box img{
	display			: block;
	text-align		: left;
	margin			: 0 0 10px 0; 
}
.footer_guide .guide_box span		{ font-weight:600; }
.footer_guide .guide_box span.red	{ color:#FF0000; font-weight:normal; }
.footer_guide .guide_box p			{ margin:0 0 10px 0; line-height:18px; font-size:13px; }

.footer_guide .guide_box_L			{ float:left; width:260px; }
.footer_guide .guide_box_R			{ float:left; width:140px; margin:0 0 0 10px; }
.footer_guide .guide_box_R img 		{ border:1px solid #333333; }


/* footer メニュー*/
.footer ul				{ margin:0 0 20px 0;}
.footer ul li.first		{ border-left:1px solid #333333;}
.footer ul li{
	display			: inline;
	border-right	: 1px solid #333333;
	padding			: 0 15px;
}
.footer ul li a			{ color:#333333; }
.footer ul li a:hover	{ color:#996600; }

.footer .copyright{
	float			: right;
	margin			: 10px 0 ;
}

/* not only .footer also 購入ガイド */
.page_top{
	width			: 72px;
	height			: 10px;
	float			: right;
	margin			: 20px 0 10px 0;
}




/* -------------------------------------------------------------------------------------------------------
  	5.回り込み対策 .clearfix              
------------------------------------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* -------------------------------------------------------------------------------------------------------
  	Other[1].クレジット　[ADD : 2012/01/13 , AUTHOR : .com marketing J.watanabe ]              
------------------------------------------------------------------------------------------------------- */
.credit img {
    border: 1px solid #EDEDED;
    padding: 2px;
}
table.credit {
    border: medium none !important;
    margin: 10px auto 0 !important;
}
table.credit td {
    border: medium none !important;
    padding: 0px 15px !important;
    text-align: center !important;
}
table.credit td.strong {
    color: #1A87C4;
    font-weight: 600;
}