@charset "Shift-JIS";
body{
	font-size:10px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳＰゴシック','Osaka',sans-serif;
	text-align:justify;
	color: #333;
	line-height:150%;
	background-color:#fff;
}
a:link{color:#960; margin:0px;}
a:visited{color:#cc9933;}
a:hover{color:#930;text-decoration:none}
h1{font-size:1.7em;} h2{font-size:1.6em;} h3{font-size:1.3em;}
h4{font-size:1.2em;} h5{font-size:1.2em;} h6{font-size:1.2em;}
p,th,td,li,dt,dd{font-size:1.2em;}
body,div,li,dt,dd,th,td{margin:0px;padding:0px}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table{margin:0px; padding:0px}
img{border:none}
table{border-collapse:collapse;}
th,td{text-align:left;vertical-align:top}
label{cursor:pointer;}
.clear{clear:both}
#right div.content p.top{text-align:right; margin-bottom:10px}
p.top{text-align:right}
p td,p th,p li,p dt,p dd{
	font-size:1em;
}
td p,td li,td dt,td dd,td td,td th,td h4,th h4{
	font-size:1em;
}
#right p.back a{
 background-image:url(../images/items/backbtn_bg.jpg);
 color:#333;
 padding:7px 10px 5px 10px;
}

/*========================head*/
#head_print{display:none;margin-bottom:30px;}
#head_bg{
	width:100%;
	height:201px;
	background-image:url(../images/head_bg.gif);
}
#head{
	width:820px;
	height:201px;
	overflow:hidden;
	margin:auto;
}
#head_l{
	width:280px;
	height:201px;
	overflow:hidden;
	float:left;
	display:inline;
}
#head_r{
	width:540px;
	float:right;
	display:inline;
}
#head h1{
	width:280px;
	height:201px;
	background-image:url(../images/head_title.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}	
#head h2{
	width:540px;
	height:111px;
	background-image:url(../images/head_title02.gif);
}
#head ul{
	margin:0px;
	padding:0px;
}
/*========================contents*/
#contents{
	width:820px;
	margin:auto;
	position:relative;
	background-color:#fff;
}
/*========================left*/
#left{
	width:210px;
	float:left;
	display:inline;
}
#left ul.hide{display:none;}
#left ul.show{display:block;}

#left li{
	list-style:none;
}
#left ul{
	width:210px;
	margin:0px;
}
#left ul a{
	width:210px;
	display:block;
	text-decoration:none;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#left ul a:hover{
	background-position:-210px 0px;
}


#items li{
	margin-bottom:8px;
}
#items a{
	height:40px;
}
#left a.songlist{
	background-image:url(../images/left_songlist_title.gif);
}	
#left a.sale{
	background-image:url(../images/left_sale_title.gif);
}	
#left a.picup{
	background-image:url(../images/left_picup_title.gif);
}
/*left_menu*/
#menu_side{
	padding-bottom:13px;
}
#menu_side li.movie{
	height:49px;
	background-image:url(../images/left_movie_title.gif);
}
#menu_side li.music{
	height:49px;
	background-image:url(../images/left_music_title.gif);
}
#menu_side li.inst{
	height:49px;
	background-image:url(../images/left_inst_title.gif);
}
#menu_side li.okinawa{
	height:49px;
	background-image:url(../images/left_okinawa_title.gif);
}

#menu_side a{
	margin-bottom:3px;
	height:19px;
	background-position:-190px 0px;	
}
#left a.movie_new{background-image:url(../images/left_movie_new.gif);}
#left a.movie_dvd{background-image:url(../images/left_movie_dvd.gif);}
#left a.movie_video{background-image:url(../images/left_movie_video.gif);}

#left a.music_new{background-image:url(../images/left_music_new.gif);}
#left a.music_cd{background-image:url(../images/left_music_cd.gif);}
#left a.music_cassette{background-image:url(../images/left_music_cassette.gif);}

#left a.inst_about{background-image:url(../images/left_inst_about.gif);}

#left a.okinawa_chinsukou{
background-image:url(../images/left_okinawa_chinsukou.gif);
height:40px;
margin:0px;
}
#left a.okinawa_eat{background-image:url(../images/left_okinawa_eat.gif);}
#left a.okinawa_cosme{background-image:url(../images/left_okinawa_cosme.gif);}
#left a.okinawa_new{background-image:url(../images/left_okinawa_new.gif);}

#menu_dvd,
#menu_video,
#menu_cd,
#menu_cassette,
#menu_inst,
#menu_chinsukou,
#menu_eat,
#menu_cosme{
	display: none;
}


/*submenu*/
#menu_side li.sub{
	margin:0px;
	padding:0px;
	height:23px;
}

#menu_side li.loading{
	padding:2px 2px 2px 25px;
	text-align: center;
	font-size:1.1em;
}
#menu_side li.loading img{
	width:10px;
}
#menu_side li.sub a,#menu_side li.sub a:hover{
	background-image:url(../images/left_menu_icon.gif);
	background-position:40px 0px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 60px;
	margin:0px;
	height:23px;
	width:auto;
	color:#066;
}
#menu_side li.sub a:hover{
	color:#033;
	text-decoration:underline;
}
#left #menu_side li.sub a.first{
	padding-top:5px;
	background-position:40px 5px;
}
#menu_side li.sub a.end{
}




	
/*left_banner*/
#left ul#banner{
	width:190px;
	margin-left:20px;
}
#banner li{
	margin-bottom:8px;
}
#banner li a{
	width:190px;
}

/*========================foot*/
#foot_bg{
	width:100%;
	margin-top:20px;
	background-image:url(../images/foot_bg.jpg);	
}
#foot{
	width:820px;
	height:62px;
	margin:auto;
}
#foot li{
	list-style:none;
}
#foot h3{
	width:280px;
	height:32px;
	margin:0px auto 0px auto;
	padding:0px;
	background-image:url(../images/foot_copy.gif);
}


/*========================menu*/

#menu{
	width:540px;
	height:30px;
	margin-left:20px;
}
#menu li{
	float:left;
	list-style:none;
}
#menu a{
	display:block;
	height:30px;
	background-image:url(../images/head_menu.gif);
}
#menu a.home{width:45px;background-position:-0px 0px}
#menu a.home:hover{background-position:-0px -30px}
#menu a.about{width:135px;background-position:-45px 0px}
#menu a.about:hover{background-position:-45px -30px}
#menu a.guide{width:110px;background-position:-180px 0px}
#menu a.guide:hover{background-position:-180px -30px}
#menu a.faq{width:100px;background-position:-290px 0px}
#menu a.faq:hover{background-position:-290px -30px}
#menu a.kart{width:150px;background-position:-390px 0px}
#menu a.kart:hover{background-position:-390px -30px}


#menu_foot{
	width:300px;
	height:30px;
	overflow:hidden;
}
#menu_foot li{
	float:left;
	margin:0px;
	padding:0px;
}
#menu_foot a{
	display:block;
	height:30px;
	background-image:url(../images/foot_menu.gif);
}
#menu_foot a.commerce{width:85px;background-position:-0px 0px}
#menu_foot a.commerce:hover{background-position:-0px -30px}
#menu_foot a.privacy{width:115px;background-position:-85px 0px}
#menu_foot a.privacy:hover{background-position:-85px -30px}
#menu_foot a.sitemap{width:100px;background-position:-200px 0px}
#menu_foot a.sitemap:hover{background-position:-200px -30px}