@charset "Shift_JIS";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0 0 0 0px;
	padding: 0;
	font-size: 100%;
}

img {
	border: none;
	vertical-align: top;
}

body
{
	margin: 0;
	padding: 0;
	border: 0;	
	background-color:#fff;
	background: url(/design/gmosp156/u_audio/image/bg_body.gif) repeat-x left top;
	text-align:center;
}

p{
margin: 10px 0;
}
p .red{
color:#FF0000;
}


h2{
font-weight: bold;
margin: 0 0 5px 0;
}

h3{
font-size: 11px;
font-weight: bold;
margin: 10px 0;
}

span .red{
color: #CC0000;}

dt{
font-size: 12px;
font-weight: bold;
margin: 10px 0;
}

#wrap{
width: 880px;
text-align:left;
margin: 0 auto;}

/*----------header-----------------*/
#header{
	width:880px;
	height:110px;
	margin:0 0px 15px ;
	*margin: 0 0 15px 25px;
	padding:0 0px;
	/*background-image: url(/design/gmosp156/u_audio/image/bg_head.gif) left bottom repeat-x;*/
}

h1.headlogo{
	margin:12px 0px 7px;
	/*padding:5px 0px 5px 5px;*/
	float:left;
}

#login{
margin:40px 0px 0px;
float:right;
}


}
h1 img{
	display:block;
}



/*------------ナビゲーション--------------------------------*/

#navi{
  width: 860px;
  height:25px;
  margin: 0 0 2px;
	float: right;
	display:block;
}

#navi ul {
  margin: 0 0px ;
  padding: 0 0;
  list-style: none;
  float: right;
}
#navi li {
float: left;
  margin: 0;
  padding: 0;
  /*width: 105px;*/
  height: 25px;
  text-indent: -9999px;
}
#navi li a {
  text-decoration: none;
height: 25px;  /* ■Firefox等で線が表示されないようにする */
  display: block;
}

#navi li#top    {
  background: url(/design/gmosp156/u_audio/image/n_top.gif) ;
  width: 54px;
}

#navi li#about    {
  background: url(/design/gmosp156/u_audio/image/n_about.gif) ;
  width: 124px;
}
#navi li#guide    {
  background: url(/design/gmosp156/u_audio/image/n_guide.gif) ;
  width: 87px;
}
#navi li#hosyou  {
  background: url(/design/gmosp156/u_audio/image/n_warrenty.gif) ;
  width: 80px;
}
#navi li#kaitori{
  background: url(/design/gmosp156/u_audio/image/n_trade.gif) ;
  width: 79px;
}
#navi li#ask{
  background: url(/design/gmosp156/u_audio/image/n_contact.gif) ;
  width: 87px;
}
#navi li#cart      {
  background: url(/design/gmosp156/u_audio/image/n_cart.gif) ;
  width: 92px;
}

#navi li#top  a:hover  {
  background: url(/design/gmosp156/u_audio/image/n_top_on.gif) ;
  width: 54px;
}


#navi li#about  a:hover {
  background: url(/design/gmosp156/u_audio/image/n_about_on.gif) ;
  width: 124px;
}
#navi li#guide a:hover  {
  background: url(/design/gmosp156/u_audio/image/n_guide_on.gif) ;
  width: 87px;
}
#navi li#hosyou a:hover  {
  background: url(/design/gmosp156/u_audio/image/n_warrenty_on.gif) ;
  width: 80px;
}
#navi li#kaitori a:hover{
  background: url(/design/gmosp156/u_audio/image/n_trade_on.gif) ;
  width: 79px;
}
#navi li#ask a:hover{
  background: url(/design/gmosp156/u_audio/image/n_contact_on.gif) ;
  width: 87px;
}
#navi li#cart  a:hover {
  background: url(/design/gmosp156/u_audio/image/n_cart_on.gif) ;
  width: 92px;
}

/*----コンテンツ-------------*/

 #content {
 clear: both;
 float: left;
 width: 700px;
 margin: 0 0px 0 0px;
 /*margin: 0 10px 0 0;*/
padding: 0px 0px;
text-align: left;
 }
 
 #content .main{
 float: left;
 width: 470px;
 /*height:445px;*/
 /*background-color: #333;*/
text-align : left;
 }
 
  #content ul#pic-slide{
 float: left;
 width: 700px;
height:270px;
display: block;
list-style: none;
 }

 
 /*---Topic----*/
 
  #content #topic{
 float: left;
width: 470px;
  margin: 10px 0;
  /*padding: 30px 0;*/
  font-size: 12px;
  line-height: 1.5em;

}

 #content #topic h2  img{
 margin: 0px 0 0px ;
/*border: 1px solid #999;*/
display: block;
}
 
  #content #topic dl{
  float:left;
  display:inline-block;
  width: 460px;
  margin:  5px 0 0;
  padding: 0 5px 4px;
  border-bottom: 1px dotted #999;
  }
 
 #content #topic dt{
 display:block;
 /*width:80px;*/
 float:left;
 margin: 0 0 0;
 font-weight: normal;
 color: #336633;
}

#content #topic dd{
   display:block;
   margin: 0 0 0 80px;
   /*width:390px;*/
  color: #333333;
}

#content #topic .archive{
float: right;
margin: 0 0 5px;}
 
 /*--
 右サイド---*/
 
 #content .sub{
 float :right;
 width: 208px;
   margin: 10px 0 ;
   border: 1px solid #ccc;
 }
 
 #content h3.tit{
 margin:0 0 5px;}
 
 
 /*----メイン下段レイアウト----*/
 
 #content .lower{
 float: left;
  clear:left;
width: 470px;
  margin: 10px 0 ;
  /*padding: 30px 0;*/
  font-size: 12px;
}

 #content .lower h3{
margin: 0px 0 0px ;
}

 #content .lower h4.item img{
/*border: 1px solid #999;*/
margin: 0 0 10px;
display: block;
}

#content .lower ul {
  margin: 5px 0px  0 0px;
  padding: 0px 0;
  list-style: none;
}

#content .lower li {
float: left;
margin: 0 10px 8px 0;
padding: 0;
}
#content .lower li img{
border: 1px solid #999;
display: block;
}

#content .lower li span{
font-size: 11px;
margin: 0;
padding-left: 14px;
background-color:#333333;
background: url(/design/gmosp156/u_audio/image/blt_3arrow.png) left center no-repeat;
}

#content .lower li.end {
margin: 0 0;
padding: 0;
}



/*-----上メニューからのコンテンツ-----*/
 #content .box1{
width: 550px;
/*padding-top: 20px;*/
  margin: 15px 0;
 padding: 0 50px 0 10px;
  font-size: 12px;
  line-height: 1.7em;
  float: left;
 }
 
 /*----不明？
 #content .item{
 width:680px;
 float: left;
 margin: 0 10px;
 }

*/


/*------------左ナビゲーション--------------------------------*/
#col-left{
float: left;
width: 160px;
margin: 0 18px 0 0;
*margin: 0 15px 0;}

	
#l_navi{
  width: 160px;
/*background-color:#000000;*/
}
#l_navi ul {
  margin: 5px 0 ;
  padding: 0px 0;
  list-style: none;
}

#l_navi li {
  margin: 0;
  padding: 0;
  width: 160px;
  height: 25px;
 text-indent: -9999px;
  margin: 0px 0 2px;
}
#l_navi li a {
  text-decoration: none;	
  display: block;
  height: 25px;
}


#l_navi li#allitems {
  background: url(/design/gmosp156/u_audio/image/ln_allitem.jpg) no-repeat ;
    margin: 10px 0 0px;
}
#l_navi li#speakers  {
  background: url(/design/gmosp156/u_audio/image/ln_speaker.jpg) no-repeat;
  /*border-top: 1px solid #999;*/
}
#l_navi li#pre_amp  {
  background: url(/design/gmosp156/u_audio/image/ln_preamp.jpg) no-repeat;
}
#l_navi li#pow_amp  {
  background: url(/design/gmosp156/u_audio/image/ln_powamp.jpg) no-repeat;
}
#l_navi li#int_amp  {
  background: url(/design/gmosp156/u_audio/image/ln_inte_amp.jpg) no-repeat;
}
#l_navi li#cd_dvd  {
  background: url(/design/gmosp156/u_audio/image/ln_cd.jpg) no-repeat;
}

#l_navi li#pcaudio{
  background: url(/design/gmosp156/u_audio/image/ln_pc.jpg) no-repeat;
}


#l_navi li#anlog  {
  background: url(/design/gmosp156/u_audio/image/ln_analog.jpg) no-repeat;
}
#l_navi li#others {
  background: url(/design/gmosp156/u_audio/image/ln_others.jpg) no-repeat;
}
#l_navi li#accessorie {
  background: url(/design/gmosp156/u_audio/image/ln_acce.jpg) no-repeat;
}
#l_navi li#specialprice {
  background: url(/design/gmosp156/u_audio/image/ln_spprice.jpg) no-repeat;
}
#l_navi li#new_item  {
  background: url(/design/gmosp156/u_audio/image/ln_bnitem.jpg) no-repeat;
}
#l_navi li#upcoming {
  background: url(/design/gmosp156/u_audio/image/ln_upcomming.jpg) no-repeat;
  margin: 0 0 0px;
}


/*--------hover------*/

#l_navi li#allitems   a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_allitem.jpg) no-repeat -160px 0;
}
#l_navi li#speakers   a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_speaker.jpg) no-repeat -160px 0;
}
#l_navi li#pre_amp  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_preamp.jpg) no-repeat -160px 0;
}
#l_navi li#pow_amp  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_powamp.jpg) no-repeat -160px 0;
}
#l_navi li#int_amp   a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_inte_amp.jpg) no-repeat -160px 0;
}
#l_navi li#cd_dvd   a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_cd.jpg) no-repeat -160px 0;
}

#l_navi li#pcaudio  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_pc.jpg) no-repeat -160px;
}
#l_navi li#anlog  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_analog.jpg) no-repeat -160px 0;
}
#l_navi li#others  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_others.jpg) no-repeat -160px 0;
}
#l_navi li#accessorie  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_acce.jpg) no-repeat -160px 0;
}
#l_navi li#specialprice  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_spprice.jpg) no-repeat -160px 0;
}
#l_navi li#new_item  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_bnitem.jpg) no-repeat -160px 0;
}
#l_navi li#upcoming  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_upcomming.jpg) no-repeat -160px 0;
}


/*-------サーチDaabase-----------*/
#database{
width: 150px;
height: 45px;
margin:10px 0;
padding: 5px;
background-color: #333333;
}

#database h4{
display: block;
width: 140px;
}

#database dl{
width:150px;
height: 20px;
display: block;
clear: both;
margin: 5px 0 0;
}

#database dt{
display: block;
width:115px;
*width:100px;
float: left;
margin: 0px 0 5px;

}
/*#database .broad{
width: 90%;
float: left;}
*/
#database dd{
margin: 0px 0 5px;
}



/*--カレンダー-----*/
#calendar{
width: 160px;
margin: 15px 0px;
padding: 0px; 
text-align: left;
/*background-color: #EAEAEA;*/
/*border: 1px solid #999;*/
display: block;
float: left;
}

/*--メンバー登録-----*/

#member  a{
  background: url(/design/gmosp156/u_audio/image/btn_signin.jpg) no-repeat;
  margin: 0 0 10px;
  width: 160px;
  height: 40px;
  text-indent: -9999px;
  display: block;
}

/*
 #member  a:hover{
  background: url(/design/gmosp156/u_audio/image/ln_member.gif) no-repeat -150px 0;
}
*/

/*----footer----*/

#footer {
clear: both;
position: relative;
width: 840px;
height: 60px;
  margin: 10px 0;
  padding: 10px 10px;
  border-top: 1px dotted #333;
  font-size: 11px;
}

#footer ul {
position: absolute;
  top:10px;
  right:10px;
margin: 0;
list-style: none;
float: right;
font-size: 11px;
}

#footer li {
padding: 0 5px;
display: inline;
text-align : right;
vertical-align : top;
}