/*-----枠線の色を変えたい場合には、wrapper、main、main_inの#以降を変更。（同じ色が入ります。）同時にimages/base/bg.gifの色も同じものに変え、再度アップロードします。-----*/
.wrapper{
background-color:#ffffff;
}

.navi2_list{
border-top:1px solid black;
}

.navi2_list2{
background:#404040;
}


.li{
display:block;
}

.main3 a:link img {border:1px solid #404040;}
.main3 a:hover img {border:1px solid #888888;}
.main3 a:visited img {border:1px solid purple;}

/*-----ヘッダのラインの色を変える-----*/
/*-----images/base/bg_head.gifを変更。-----*/

/*-----構造-----*/
body{
	margin:0;
	padding:0;
	text-align: center;/*-----
text-align:center;
background:#555555;
-----*/
}

.base{
width:1002px;
height:100%;
/*-----
margin:0px auto;
-----*/
}

.wrapper{
width:1002px;
height:100%;
padding-top:0px;
padding-bottom:0px;
/*-----
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
margin-left:auto;
margin-right:auto;
-----*/
text-align:left;
position:absolute;
}


/*-----ヘッダ-----*/
.head_color{
margin-top:0px;
margin-bottom:1px;
background:url(images/base/head_bg.gif);
background-repeat:repeat-x;
width:1002px;
height:5px;
}

.head{
width:1002px;
height:85px;
float:left;
}

.headb{
width:1002px;
height:85px;
float:left;
}


*+html .headc{
margin-top:-6px;
float:left;
}

.headc{
width:1002px;
height:85px;
margin:0px;
padding:0px;
float:left;
}


.head_in{
margin:0px;
padding:0px;
width:1003px;
height:74px;
text-indent: -9999px;
float:left;
}

.head1{
width:830px;
height:74px;
background:white;
float:left;
}

.head1_link{
margin-top:0px;
padding-top:1px;
width:449px;
height:20px;
background:url(images/base/ipm_home.gif);
background-repeat:no-repeat;
float:left;
}

a.ul.head1_link{
width:449px;
height:20px;
background:url(images/base/ipm_home.gif);
background-repeat:no-repeat;
}

ul.head1_link{
float:left;
list-style:none;
width:449px;
padding-top:31px;
margin-bottom:0px;
padding-bottom:0px;
padding-left:0px;
margin-left:0px;
}

ul.head1_link a{
display:block;
}

.goto_ipm{
width:450px;
height:10px;
}

.head2{
margin:0px;
padding:0px;
width:170px;
height:85px;
background:white;
float:left;
}

.head2_link{
float:left;
width:170px;
height:85px;
padding:0px;
margin:0px;
margin-left:-40px;
padding-left:40px;
list-style-type : none; 
}

ul.head2_link{
float:left;
width:170px;
height:85px;
padding:0px;
margin:0px;
margin-left:-40px;
padding-left:40px;
list-style-type : none; 
}

.head2_link li{
float:left;
}

ul.head2_link a{
display:block;
width:85px;
height:85px;
}

a.head_p_dis{
width:85px;
height:85px;
background:url(images/base/p_dis.gif);
background-repeat:no-repeat;
}
a:hover.head_p_dis{
width:85px;
height:85px;
background-position:0px -85px;
}

a.head_idd{
width:85px;
height:85px;
background:url(images/base/idd.gif);
background-repeat:no-repeat;
}
a:hover.head_idd{
width:85px;
height:85px;
background-position:0px -85px;
}


.head2_link2{
float:right;
width:170px;
height:85px;
padding:0px;
margin:0px;
margin-left:-40px;
padding-left:40px;
list-style-type : none; 
}

ul.head2_link2{
float:left;
width:170px;
height:85px;
padding:0px;
margin:0px;
list-style-type : none; 
}

.head2_link2 li{
float:left;
display:block;
}

ul.head2_link2 a{
display:block;
}

.head_idd2{
float:left;
}

a.head_idd2{
width:85px;
height:85px;
background:url(images/base/idd.gif);
background-repeat:no-repeat;
}
a:hover.head_idd2{
width:85px;
height:85px;
background-position:0px -85px;
}

/*-----ナビゲーション-----*/
.navi_head{
margin-top:0px;
margin-bottom:0px;
padding:0px;
width:1002px;
height:32px;
float:left;
background-image:url(images/base/navi1_line.gif);
background-repeat:no-repeat;}

.navi_head ul{
margin:0px;
padding:0px;
list-style-type : none; 
}

.navi_head li{
height:23px;
margin:0px;
padding:0px;
float:left;
display : inline; }

.navi_head a{
display:block;
text-indent: -9999px;
}

a.navi1_about{
width:71px;
height:12px;
margin-left:13px;
background-image:url(images/base/navi1_about.gif);
background-repeat:no-repeat;
}

a:hover.navi1_about{
width:71px;
height:12px;
background-position:0px -13px;
}

a.navi1_contact{
width:61px;
height:12px;
margin-left:12px;
background-image:url(images/base/navi1_contact.gif);
background-repeat:no-repeat;
}

a:hover.navi1_contact{
width:61px;
height:12px;
background-position:0px -13px;
}

a.navi1_sitemap{
width:62px;
height:12px;
margin-left:12px;
background-image:url(images/base/navi1_sitemap.gif);
background-repeat:no-repeat;
}

a:hover.navi1_sitemap{
width:62px;
height:12px;
background-position:0px -13px;
}

a.navi1_shopping_guide{
width:37px;
height:12px;
margin-left:14px;
background-image:url(images/base/navi1_shop.gif);
background-repeat:no-repeat;
}

a:hover.navi1_shopping_guide{
width:37px;
height:12px;
background-position:0px -13px;
}

a.navi1_privacy_policy{
width:102px;
height:12px;
margin-left:16px;
background-image:url(images/base/navi1_privacy_policy.gif);
background-repeat:no-repeat;
}

a:hover.navi1_privacy_policy{
width:102px;
height:12px;
background-position:0px -13px;
}

a.navi1_blog{
width:33px;
height:12px;
margin-left:16px;
background-image:url(images/base/navi1_blog.gif);
background-repeat:no-repeat;
}

a:hover.navi1_blog{
width:33px;
height:12px;
background-position:0px -13px;
}
/*-----内容にあたる部分-----*/
.main{
margin:0px;
padding:0px;
width:1002px;
float:left;
}


/*-----左側ナビゲーション-----*/
.navi2{
margin:0px;
padding:0px;
width:150px;
float:left;
}

.navi2b{
margin:0px;
padding:0px;
width:150px;
float:left;
}

.navi2 ul{
width:120px;
margin:0px;
padding:0px;
list-style-type : none; 
}

ul.navi2 li{
margin:0px;
padding:0px;
padding:0px;
display:block;
;
}

.navi2 a{
margin:0px;
display:block;
text-indent: -9999px;
}

.navi2_list{
margin:0px;
padding:0px;
width:120px;
float:left;
}

.navi2_list ul{
width:120px;
margin-top:0px;
padding:0px;
list-style-type : none; 
}

.navi2_list li{
margin:0px;
padding:0px;
display : inline; 
}

.navi2_list a{
margin-top:0px;
padding-bottom:5px;
display:block;
text-indent: -9999px;
}

a.navi2_release_list{
width:120px;
height:28px;
background-image:url(images/base/navi2_release_list.gif);
background-repeat:no-repeat;
}

a.navi2_artist_list{
width:120px;
height:28px;
background-image:url(images/base/navi2_artist_list.gif);
background-repeat:no-repeat;
}

a.navi2_for_category{
width:73px;
height:12px;
margin-left:37px;
background-image:url(images/base/navi2_for_category.gif);
background-repeat:no-repeat;
}

a:hover.navi2_for_category{
width:73px;
height:12px;
background-position:-83px 0px;
}

a.navi2_for_label{
width:45px;
height:12px;
margin-left:65px;
margin-bottom:7px;
background-image:url(images/base/navi2_for_label.gif);
background-repeat:no-repeat;
}

a:hover.navi2_for_label{
width:45px;
height:12px;
background-position:-55px 0px;
}

.navi2_list3{
margin:0px;
padding:0px;
width:120px;
border-top:1px solid black;
float:left;
}

.navi2_list3 ul{
width:125px;
margin:0px;
padding:0px;
list-style-type : none; 
}

.navi2_list3 li{
margin:0px;
padding:0px;
display : inline; 
}

.navi2_list3 a{
margin-top:0px;
padding-bottom:8px;
display:block;
text-indent: -9999px;
}


.navi2_list4{
margin:0px;
padding:0px;
width:120px;
border-top:1px solid black;
float:left;
}

.navi2_list4 ul{
width:125px;
margin:0px;
padding:0px;
list-style-type : none; 
}

.navi2_list4 li{
margin:0px;
padding:0px;
display : inline; 
}

.navi2_list4 a{
margin-top:0px;
margin-bottom:0px;
padding-bottom:2px;
display:block;
text-indent: -9999px;
}

a.navi2_clear2{
width:125px;
height:1px;
background-color:white;
}

.navi2_label_site{
width:125px;
height:48px;
background-image:url(images/base/navi2_label_site.gif);
background-repeat:no-repeat;
}

a.navi2_rip_curl_recordings{
width:120px;
height:42px;
margin-top:17px;
background-image:url(images/base/navi2_rip_curl_recordings.gif);
background-repeat:no-repeat;
}

a:hover.navi2_rip_curl_recordings{
width:120px;
height:42px;
background-position:-120px 0px;
}

a.navi2_nebula{
width:120px;
height:42px;
background-image:url(images/base/navi2_nebula.gif);
background-repeat:no-repeat;
}

a:hover.navi2_nebula{
width:120px;
height:42px;
background-position:-120px 0px;
}

a.navi2_yacca{
width:120px;
height:42px;
background-image:url(images/base/navi2_yacca.gif);
background-repeat:no-repeat;
}

a:hover.navi2_yacca{
width:120px;
height:42px;
background-position:-120px 0px;
}

a.navi2_hue{
width:120px;
height:42px;
background-image:url(images/base/navi2_hue.gif);
background-repeat:no-repeat;
}

a:hover.navi2_hue{
width:120px;
height:42px;
background-position:-120px 0px;
}

a.navi2_lirico{
width:120px;
height:42px;
background-image:url(images/base/navi2_lirico.gif);
background-repeat:no-repeat;
}

a:hover.navi2_lirico{
width:120px;
height:42px;
background-position:-120px 0px;
}

a.navi2_thomason_sounds{
width:120px;
height:42px;
background-image:url(images/base/navi2_thomason_sounds.gif);
background-repeat:no-repeat;
}

a:hover.navi2_thomason_sounds{
width:120px;
height:42px;
background-position:-120px 0px;
}

a.navi2_swanky{
width:120px;
height:42px;
background-image:url(images/base/navi2_swanky.gif);
background-repeat:no-repeat;
}

a:hover.navi2_swanky{
width:120px;
height:42px;
background-position:-120px 0px;
}

a.navi2_agate{
width:120px;
height:42px;
background-image:url(images/base/navi2_agate.gif);
background-repeat:no-repeat;
}

a:hover.navi2_agate{
width:120px;
height:42px;
background-position:-120px 0px;
}

a.navi2_melt{
width:120px;
height:42px;
background-image:url(images/base/navi2_melt.gif);
background-repeat:no-repeat;
}

a:hover.navi2_melt{
width:120px;
height:42px;
background-position:-120px 0px;
}

a.navi2_festina_lente{
width:120px;
height:42px;
background-image:url(images/base/navi2_festina_lente.gif);
background-repeat:no-repeat;
}

a:hover.navi2_festina_lente{
width:120px;
height:42px;
background-position:-120px 0px;
}


a.navi2_clear{
width:125px;
height:1px;
background-color:white;
}


.navi2_list2{
margin:0px;
padding:0px;
width:120px;
float:left;
}

.navi2_list2 ul{
width:120px;
margin:0px;
padding:0px;
list-style-type : none; 
}

.navi2_list2 li{
width:120px;
height:40px;
margin:0px;
padding:0px;
display : inline; 
}

.navi2_list2 a{
margin-top:0px;
display:block;
text-indent: -9999px;
}

a.navi2_event_live_information{
width:120px;
height:47px;
background-image:url(images/base/navi2_event_live_information.gif);
background-repeat:no-repeat;
}

a:hover.navi2_event_live_information{
width:120px;
height:47px;
background-position:-120px 0px;
}

a.navi2_feature{
width:120px;
height:35px;
background-image:url(images/base/navi2_feature.gif);
background-repeat:no-repeat;
}

a:hover.navi2_feature{
width:120px;
height:35px;
background-position:-120px 0px;
}

a.navi2_download{
width:120px;
height:36px;
background-image:url(images/base/navi2_download.gif);
background-repeat:no-repeat;
}

a:hover.navi2_download{
width:120px;
height:36px;
background-position:-120px 0px;
}

.navi2_ask{
margin-top:13px;
width:120px;
height:160px;
float:left;
}

.navi2_map_box{
margin-top:30px;
width:120px;
height:250px;
background-image:url(images/base/map.gif);
background-repeat:no-repeat;
float:left;
}

.navi2_map_box ul{
width:120px;
height:250px;
margin:0px;
padding:0px;
list-style-type : none; 
}

.navi2_map_box li{
width:120px;
height:250px;
margin:0px;
padding:0px;
display : inline; 
}

.navi2_map_box a{
margin-top:0px;
display:block;
text-indent: -9999px;
}

a.navi2_map{
width:120px;
height:250px;
background-image:url(images/base/map.gif);
background-repeat:no-repeat;
}

a:hover.navi2_map{
width:120px;
height:250px;
background-position:-120px 0px;
}


/*-----トップページの設定ここから-----*/
/*-----告知部分その1-----*/
.main1{
margin:0px;
padding:0px;
width:360px;
float:left;
}

.main1_pic{
margin:0px
padding:0px;
}

.topics_pickup{
width:330px;
padding-top:15px;
margin-bottom:15px;
background:url(images/home/topics_pickup.gif);
background-repeat:no-repeat;
float:left;
}

.topics_pickup img{
padding-bottom:7px;
margin:0px;
}

.topics{
width:330px;
margin:0px;
padding:0px;
background:url(images/home/topics.gif);
background-repeat:no-repeat;
float:left;
}

.topics ul{
width:330px;
margin-top:20px;
margin-left:-40px;
padding-left:40px;
list-style-type : none; 
}

.topics li{
width:330px;
margint:0px;
padding-top:0px;
}

/*-----告知部分その2-----*/
.main2{
margin-top:0px;
padding:0px;
padding-top:20px;
width:260px;
background:url(images/home/new_release.gif);
background-repeat:no-repeat;
float:left;
}

.main2_box{
width:231px;
margin:0px auto;
padding-bottom:0px;
float:left;
clear:both;
}

a.more_01{
width:231px;
height:133px;
background-image:url(images/home/release/release_rcip0181.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_01{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_02{
width:231px;
height:133px;
background-image:url(images/home/release/release_ipm8035.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_02{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_03{
width:231px;
height:133px;
background-image:url(images/home/release/release_mbip5516.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_03{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_04{
width:231px;
height:133px;
background-image:url(images/home/release/release_agip3513.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_04{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_05{
width:231px;
height:133px;
background-image:url(images/home/release/release_ipm8037.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_05{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_06{
width:231px;
height:133px;
background-image:url(images/home/release/release_ipm8036.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_06{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_07{
width:231px;
height:133px;
background-image:url(images/home/release/release_mbip5517.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_07{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_08{
width:231px;
height:133px;
background-image:url(images/home/release/release_pdip6531.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_08{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_09{
width:231px;
height:133px;
background-image:url(images/home/release/release_pdip6530.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_09{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_10{
width:231px;
height:133px;
background-image:url(images/home/release/release_agip3514.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_10{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_11{
width:231px;
height:133px;
background-image:url(images/home/release/release_nbip5048.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_11{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_12{
width:231px;
height:133px;
background-image:url(images/home/release/release_rcip0182.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_12{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_13{
width:231px;
height:133px;
background-image:url(images/home/release/release_ipm8039.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_13{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_14{
width:231px;
height:133px;
background-image:url(images/home/release/release_ipm8030.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_14{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_15{
width:231px;
height:133px;
background-image:url(images/home/release/release_ipm8031.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_15{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_16{
width:231px;
height:133px;
background-image:url(images/home/release/release_yaip6025.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_16{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_17{
width:231px;
height:133px;
background-image:url(images/home/release/release_mbip5518.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_17{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_18{
width:231px;
height:133px;
background-image:url(images/home/release/release_slip8507.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_18{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}

a.more_19{
width:231px;
height:133px;
background-image:url(images/home/release/release_ipm8038.jpg);
background-repeat:no-repeat;
text-indent: -9999px;
display:block;
}

a:hover.more_19{
width:231px;
height:133px;
background-position:-231px 0px;
text-indent: -9999px;
display:block;
}


.nowonsale{
width:231px;
height:20px;
background-image:url(images/base/nowonsale.gif);
background-repeat:no-repeat;
float:left;
}

/*-----告知部分その3-----*/
.main3{
margin:0px;
padding:0px;
padding-top:20px;
width:230px;
background:url(images/home/information.gif);
background-repeat:no-repeat;
float:left;
}

.main3b{
margin:0px;
padding:0px;
padding-top:20px;
width:230px;
background:url(images/home/information.gif);
background-repeat:no-repeat;
float:right;
}

.main3_box{
width:230px;
margin-top:0px;
padding-bottom:20px;
clear:both;
}


/*-----トップページの設定ここまで-----*/

/*-----その他のページ-----*/
.main_in{
width:591px;
margin:0px;
padding-top:0px;
padding-right:30px;
float:left;
}

.textarea{
width:591px;
margin:0px;
margin-left:0px;
margin-bottom:20px;
padding:0px;
}

.sub_category{
width:590px;
margin-top:11px;
margin-bottom:0px;
padding:0px;}

.text_ol{
width:560px;
margin-top:0px;
margin-left:-18px;
padding-left:-15px;
padding-bottom:0px;
}

.text_ol li{
margin-left:0px;
padding-left:-10px
}

/*-----イベント、ライブ-----*/
.event_live{
margin-top:20px;
padding:0px;
width:590px;
float:left;
}

.event_live_picture{
margin:0px;
padding-bottom:15px;
width:585px;
}

.event_live_text{
margin:0px;
padding:0px;
width:585px;
}

.event_live_other{
margin-top:30px;
margin-bottom:-10px;
padding:0px;
width:590px;
float:left;
}

.event_live_other_picture{
margin:0px;
padding:0px;
width:250px;
float:left;
}

.event_live_other_text{
margin:0px;
padding:0px;
width:340px;
float:left;
}
/*-----カテゴリー一覧-----*/
.table_category{
background:white;
}

.table_category tr{
background:#b6b8b7;
}

.table_white{
background:white;
}

.font_pt10 {  font-size: 10px; line-height: 180%}
.font_pt9 {  font-size: 9px}
.font_pt8 { font-size: 12px}

/*-----IPM LABEL-----*/
.ipm_label{
margin-top:10px;
padding:0px;
width:590px;
float:left;
}

/*-----フッタ部分-----*/
.foot{
border-bottom:5px solid black;
bottom:0;
margin:0;
padding:0px;
width:1002px;
height:45px;
float:left;
}
.foot p{
text-align:right;
width:1000px;
margin:0px;
padding:0px;
}
