/* -----------------------------------------------------------
 File name:      style.css
----------------------------------------------------------- */
/*----------------------------------------------------
	文字ｽﾀｲﾙ
----------------------------------------------------*/
a {
	color:#336699;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
/*----------------------------------------------------
	body (default設定を上書き)
----------------------------------------------------*/
body {
	text-align: center;
	margin:0;
	padding:0;
	background: #f9f9f9 url(./image/side_bar.jpg) center top repeat-y; /* ページの背景 */

	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}
div#wrapper	
{
	position:absolute;
	width:960px;
	left:50%;
	margin-left:-480px;		/*　widhtの半分　*/
	background:#FFFFFF;
	color:#000000;
}

#contents
{
	width:960px;
}
/*----------------------------------------------------
	ﾃｷｽﾄ入力
----------------------------------------------------*/
.active {ime-mode: active;}
.disabled {ime-mode: disabled;}
/*----------------------------------------------------
	ﾃｰﾌﾞﾙｶﾗｰ
----------------------------------------------------*/
.Gray_HED{ background-color:#a9a9a9}
.Blue_HED{ background-color:#e4f8f8}
.ColColor{ background-color:#ffffff}
.DarkY_BG{ background-color:#f1efe2}
.DarkB_BG{ background-color:#99ccff}
.LightY_BG{ background-color:#ffffcc}
/*----------------------------------------------------
	Imageの枠の色
----------------------------------------------------*/
.ImageFl{border:solid thin #dcdcdc;}
/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header 
{
	width:960px;            /* 幅 */	
	height:115px;
	background: url(./image/HED_BG.jpg) no-repeat;
	margin-left:0px;
	top:0px;
	z-index : 1;
}

#cart_btn
{
	position : absolute; 
	top:45px;
	right:10px;	
	z-index : 2;
}

#GG_btn
{
	position : absolute;
	top:20px;
	right:340px;
	margin:0;
	z-index : 3;
}
#YS_btn
{
	position : absolute; 
	top:20px;
	right:230px;
	margin:0;	
	z-index : 4;
}
#TW_btn
{
	position : absolute; 
	top:20px;
	right:120px;
	margin:0;	
	z-index : 5;	
}
#EG_btn
{
	position : absolute; 
	top:20px;
	right:10px;
	margin:0;	
	z-index : 6;	
}

#header img {
	border: none;
}

/*----------------------------------------------------
	#gNav
----------------------------------------------------*/
#gNav
   {
    width:960px;            /* リスト全体の幅 */
    height:50px;            /* リスト全体の高さ */
    margin-left:0px;		/* 左の余白 */
    list-style:none;        /* リストマークを無しにする */
	padding-left: 0px;		/* FireFOX対応*/
	margin-top :0px;
	margin-bottom :5px;	
	overflow:hidden;
   }

/* 各項目 */
#gNav li
   {
    float:left;  /* 各項目を左側から回り込み */
   }

/* リンク部分 */
#gNav .navi-right{
/*	background:url(Image/navimages/navi_right.jpg) no-repeat;*/
	background:url(Image/navimages/navi_bg.jpg) repeat;
	width:210px;
	height:50px;
	float:right;
	padding-right: 0px;
}

#gNav .navi1 a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:150px;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:50px;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(Image/navimages/Navi_menu.jpg);   /* リンク範囲の背景画像設定 */
    background-position:0px 0px;	/* 背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    }
#gNav .navi1 a:hover
   {
    background-image:url(Image/navimages/Navi_menu.jpg);
    background-position:0px -50px;
   }

#gNav .navi2 a
   {
    display:block;
    width:150px;
    height:50px;
    background-image:url(Image/navimages/Navi_menu.jpg);
    background-position:-150px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;

   }
#gNav .navi2 a:hover
   {
    background-image:url(Image/navimages/Navi_menu.jpg);
    background-position:-150px -50px;
   }

#gNav .navi3 a
   {
    display:block;
    width:150px;
    height:50px;
    background-image:url(Image/navimages/Navi_menu.jpg);
    background-position:-300px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;

   }
#gNav .navi3 a:hover
   {
    background-image:url(Image/navimages/Navi_menu.jpg);
    background-position:-300px -50px;
    }

#gNav .navi4 a
   {
    display:block;
    width:150px;
    height:50px;
    background-image:url(Image/navimages/Navi_menu.jpg);
    background-position:-450px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
   }
   
#gNav .navi4 a:hover
   {
    background-image:url(Image/navimages/Navi_menu.jpg);
    background-position:-450px -50px;
    }
#gNav .navi5 a
   {
    display:block;
    width:150px;
    height:50px;
    background-image:url(Image/navimages/Navi_menu.jpg);
    background-position:-600px 0px;
    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;

   }
#gNav .navi5 a:hover
   {
    background-image:url(Image/navimages/Navi_menu.jpg); 
    background-position:-600px -50px;
    }

/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	margin: 0px 0 0;
	padding: 5px 0 20px;
	list-style-type: none;
	text-align: center;
	font-size: 80%;
	color: #808080;
	background-color: #E6E6E6;
}
#footer ul.nl {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
}
#footer ul.nl li {
	padding: 0 5px 0 10px;
	background: url(image/footline.gif) no-repeat left center;
	display: inline;
}
#footer ul.nl li.first {
	background-image: none;
}

#footer address {
	margin-top: 10px;
	font-style: normal;
	line-height: 120%;
}
#areaPageTop {
  margin: 15px auto 0;
  width: 960px;
  height: 20px;
  text-align: right;
}
#areaPageTop img {
  margin-top: 5px;
  margin-right: 10px;
  border: none;
}