﻿@charset "utf-8";

body{
	font-size:12px;
	color:#666;
	line-height:170%;
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif;
	background-color:#fff;
	text-align:center;
}
img					{ margin:0; padding:0; border:none; display:block; }
.clr				{ height:1px; clear:both; }
form				{ margin:0; padding:0; }

a:link				{ color:#c00; text-decoration:none; }
a:visited			{ color:#c00; text-decoration:none; }
a:hover				{ color:#f09; text-decoration:underline; }
a:active			{ color:#f09; text-decoration:underline; }

/* clearfix */
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix             { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

/*------------------------------
header footer
------------------------------*/
#container		{ margin:0; padding:0px 0 10px 0; text-align:center; }
#header			{ width:950px; margin:0 auto; padding:0; text-align:center; }
#footer			{ width:760px; margin:0; padding:0; text-align:right; }
#footer ul li	{ margin:15px 0 0 10px; padding:0; float:right; text-align:right; list-style-type:none; }
#footer img.copy	{ margin:0; float:right; }

table.header_menu { width:950px; margin:8px 0;}
div.search 		{ font-size:10px; text-align:left;}
td.search		{ width:190px; text-align:left}
img.btn1		{ margin:0; padding:0;}


/* ------------------------------------------------------------------------------------------
ajax
------------------------------------------------------------------------------------------ */
#cntMn { width:760px; height:35px; margin:0; padding:0; }

/* --------------------------------------------------
dropdown
-------------------------------------------------- */
/* Basic code - don't modify */
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
/* Essentials - configure this */
#nav ul { width: 127px; } 
#nav ul ul { left: 249px; top:-1px; }
/* Everything else is theming */
#nav { width:760px; height:35px; }
#nav *:hover { background-color: none; }
#nav a { text-decoration:none; line-height:1;}
  #nav li.hover a { background:#fff; color:#333; }
  #nav ul { top:37px; left:0px; border-top:1px solid #ccc;}
    #nav ul li a { background:#fff; margin:0;}
      #nav ul a.hover { background:#ccc; color:#333;}
   #nav ul a { background:#fff; border-bottom: 1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; opacity: 0.95; filter: alpha(opacity=95); padding:5px;}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



/*------------------------------
wrapper
------------------------------*/
#wrapper		{ width:950px; margin:0 auto; padding:0; text-align:center;  }
#wrapper_menu		{ width:190px; margin:0; padding:0; text-align:left; float:left; }
#wrapper_cnt		{ width:760px; margin:0; padding:0; text-align:left; float:right;}

/*----- アコーディオンメニュー -------------------------------------------------------*/
#accordion2 {width:178px; margin:0; border:1px solid #8ec21f; border-top:none; }
.accordion2 {width:178px; margin:0; font:12px Verdana,Arial; color:#333}
.accordion2 dt {width:168px; padding:3px 5px; font-weight:bold; cursor:pointer; background-color:#8ec21f; background-image:url(../images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #ccc;}
.accordion2 dt:hover {background-color:#6d9d06}
.accordion2 .open {background-color:#74aa01; background-image:url(../images/arrow_up.gif)}
.accordion2 dd { overflow:hidden; background:#fff; height:auto; text-align:left; padding:0 0 0px 0; margin:0;}
.accordion2 span { display:block; border-top:none; padding:15px 0 0 0;}
.accordion2 ul 	{ margin:0; padding:0 0 2px 10px; }
.accordion2 ul li { display:block; border-top:none; margin:5px 0 5px 0px; list-style-type:none; }
.accordion2 ul li.cap { font-size:10px; font-weight:bold; margin:10px 0 5px 0;}

/*------------------------------
sidemenu
------------------------------*/
img.submenu_t	{ margin:0; padding:5px 0 0 0; display:block; border:none; }

/*------------------------------
Top コンテンツ 紹介ページ
------------------------------*/
.top_cnts_area	{ width::760px; height:380px; background-image:url(../img/top_cnts01.jpg); color:#666666; margin:0; padding:0; }
.top_cnts_area_02	{ width::760px; height:380px; background-image:url(../img/top_cnts02.jpg); color:#666666; margin:0; padding:0; }
.top_cnts_area_03	{ width::760px; height:380px; color:#666666; margin:0; padding:0; }
.top_cnts_txt	{ color:#666666; margin:0; padding:60px 100px 5px 355px; font-size:10px; line-height:160%; }
.top_cnts_txt_02	{ color:#333; margin:0; padding:40px 38px 40px 355px; font-size:10px; line-height:160%; }
.top_cnts_name	{ color:#0099cc; font-size:10px; text-align:right; font-weight:bold; margin-top:0px;}
.top_cnts_bnr_area	{ width::760px; margin:8px 0; padding:0; }
.top_cnts_bnr_area img.bnr	{ float:left;  margin:0 8px 0 0; padding:0; }

/*------------------------------
main Area
------------------------------*/
img.sub_t       { margin:10px 0 10px 0; padding:0; }

p.txt1          { margin:10px 0 10px 15px; padding:0; }

/*------------------------------
card_menu Area
------------------------------*/
#card_area          	{ width:754px; margin:0; padding:0; text-align:left; }
#card_left              { margin:0 0 0 10px; padding:0; float:left; }
#card_center            { margin:0 10px ; padding:0; float:left; }
#card_right             { margin:0; padding:0; float:left; }

#card_area img          { margin:0; padding:0; border:none; }

#card_sol               { margin:0 4px; padding:0;}
#card_sol img           { margin:0 4px 5px 4px; padding:0; border:none; float:left;  }

#card_sup               { margin:0; padding:0;}
#card_sup img           { margin:4px; padding:0; border:none; float:left;  }


/*------------------------------
取扱店リスト
------------------------------*/
#map_area          	{ margin:0 0 50px 20px; padding:0; text-align:left; }
#map_area1             { margin:10px 0 0 10px; padding:0; float:left; }
#map_area2             { margin:0; padding:60px 20px 0 0; float:right; }

.dealer			{ width:400px; color:#633; margin:0; padding:5px 0 0 45px; float:left;}
.tel			{ width:200px; color:#666; margin:0; padding:5px 0 0 0px; float:right;}


/*------------------------------
company
------------------------------*/
.cap_brown		{ color:#360; margin:0; padding:5px 0 0 15px; float:left;}
.text			{ width:590px; color:#666; margin:0; padding:5px 0 0 0px; float:right;}

/*------------------------------
main Area
------------------------------*/
div.formarea            { margin:10px 0 0 15px; padding:5px; }
table.contact		{ margin:0 0 20px 15px; padding:0; border:none; font-size:12px; }

p.txt               { margin:20px 0 10px 15px; padding:0 15px 0 2px; }
span.st_b			{ color:#030; font-weight:bold; }
p.txt_box              { margin:8px 0px 20px 0px; padding:15px; border:#CCCCCC 1px solid;}

p.txt_red           { color:#c30; margin:10px 0 0 15px; padding:0 30px 0 2px; }
p.red             	{ color:#c30; margin:5px 0 0 0; padding:0; }

p.txt_green           { color:#060; margin:15px 0 0 15px; padding:0 5px 0 2px; }

img.title               { margin:10px 0 0 10px; padding:0; border:none; }
img.subtitle            { margin:15px 0 0 15px; padding:0; border:none; }

/*------------------------------
qa
------------------------------*/
img.qa	               { margin:10px 0 0 10px; padding:0; border:none; }

/*------------------------------
メルマガ
------------------------------*/
p.txtbox_mail           { color:#333; margin:5px 150px 5px 15px; padding:10px 10px 10px 10px; border:#060 solid 1px; background-color:#e8fbe9; }

/*------------------------------
DL 規約
------------------------------*/
ol.kiyaku			{ margin:0; padding:10px 0 10px 40px; font-size:12px; list-style-type:decimal; list-style-position:outside; }
ol.kiyaku li		{ margin:0 0 5px 0; padding:0; }
p.txt_kiyaku        { margin:10px 0 10px 15px; padding:0 15px 0 2px; }

/*------------------------------
DL 規約
------------------------------*/
ol.sitemap			{ margin:0; padding:10px 0 10px 40px; font-size:12px; list-style-type: circle; list-style-position:outside; }
ol.sitemap li		{ margin:0 0 5px 0; padding:0; }
ol.sitemap li.second		{ margin:0 0 5px 10px; padding:0; list-style-type: disc; }
ol.sitemap li.third		{ margin:0 0 5px 10px; padding:0; list-style-type: none; }

/*------------------------------
TOPICS  Suppoters
------------------------------*/
p.txt_bro               { color:#333; margin:10px 0 0 35px; padding:0 10px 0 2px; }
p.txt_bro2              { color:#333; margin:10px 0 10px 35px; padding:0 30px 0 2px; }
p.txt_bro_b             { color:#333; margin:10px 0 0 35px; padding:0 10px 0 2px; }
p.txt_bro_small         { font-size:10px; color:#333; margin:10px 0 0 35px; padding:0 10px 0 2px; }
p.txt_bro_time          { color:#333; margin:0px 0 0 35px; padding:0 20px 0 2px; text-align:right; }

#menu_area2             { margin:0; padding:15px 10px 10px 0; text-align:right; float:right; }

/*------------------------------
Album
------------------------------*/
#photo			{ width:300px; float:left; }

#track_area		{ width:300px; margin:0; padding:0; }
.track01        	{ width:255px; font-size:12px;  color:#f63; margin:3px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_01.gif") no-repeat; }
.track02                { width:255px; font-size:12px;  color:#f63; margin:3px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_02.gif") no-repeat; }
.track03                { width:255px; font-size:12px;  color:#f63; margin:3px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_03.gif") no-repeat; }
.track04                { width:255px; font-size:12px;  color:#f63; margin:3px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_04.gif") no-repeat; }
.track05                { width:255px; font-size:12px;  color:#f63; margin:3px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_05.gif") no-repeat; }
.track06                { width:255px; font-size:12px;  color:#f63; margin:3px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_06.gif") no-repeat; }
.track07                { width:255px; font-size:12px;  color:#f63; margin:3px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_07.gif") no-repeat; }
.track08                { width:255px; font-size:12px;  color:#f63; margin:3px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_08.gif") no-repeat; }
.track09                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_09.gif") no-repeat; }
.track10                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_10.gif") no-repeat; }
.track11                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_11.gif") no-repeat; }
.track12                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_12.gif") no-repeat; }
.track13                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_13.gif") no-repeat; }
.track14                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_14.gif") no-repeat; }
.track15                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_15.gif") no-repeat; }
.track16                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_16.gif") no-repeat; }
.track17                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_17.gif") no-repeat; }
.track18                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_18.gif") no-repeat; }
.track19                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_19.gif") no-repeat; }
.track20                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_20.gif") no-repeat; }
.track21                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_21.gif") no-repeat; }
.track22                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_22.gif") no-repeat; }
.track23                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_23.gif") no-repeat; }
.track24                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_24.gif") no-repeat; }
.track25                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_25.gif") no-repeat; }
.track26                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_26.gif") no-repeat; }
.track27                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_27.gif") no-repeat; }
.track28                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_28.gif") no-repeat; }
.track29                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_29.gif") no-repeat; }
.track30                { width:255px; font-size:12px;  color:#f63; margin:5px 0 2px 0; padding:0 0 0 45px; background:url("../album/images/track_30.gif") no-repeat; }
img.sample              { margin:0; padding:0 0 0 5px; vertical-align:top; display:inline; }
.animal                 { font-size:10px;  color:#666; margin:0; padding:0 0 0 45px; }

/*----- details side ------*/
#details		{ width:440px; float:right; margin:0; padding:0; }
#menu_area           { margin:0; padding:0 10px 0 0; text-align:right; float:right; }
#detail_area		{ margin:0; padding:0 20px 0 0; }

#details_album		{ width:260px; float:left; margin:0; padding:0; }
#details_gakki		{ float:right; margin:0 15px 0 0; padding:0; }

.number                 { font-size:12px; color:#666; margin:5px 0 0 0; padding:0; }
.album_title            { font-size:14px; color:#f60; font-weight:bold; margin:10px 0 0 0; padding:0; }
.gakki                  { font-size:12px; color:#666; margin:0; padding:5px 0; line-height:150%; }
.musician               { font-size:12px; color:#666; margin:5px 0 0 0; padding:0; }
.time		        { font-size:12px; color:#666; margin:10px 0 0 0; padding:0; }
.price_area             { margin:7px 0 0 0; padding:0; white-space:nowrap; }
.price			{ font-size:12px; color:#666; margin:0 0 0 0; padding:0; white-space:nowrap; }
input.btn_buy           { margin:0; padding:0 0 0 5px; vertical-align:middle; }

.n_sound                { width:430px; margin:20px 0; padding:0; }
.n_sound img            { margin:0 1px 0 0; padding:0; display:inline; }

p.cmnt                  { font-size:12px; color:#666; margin:10px 0 0 0; padding:0 15px 0 0; line-height:150%; }
p.cmnt_red              { font-size:12px; color:#c00; margin:10px 0 0 0; padding:0 15px 0 0; line-height:150%; }

#album_info             { width:300px; font-size:12px; color:#666; margin:10px 0 10px 0; padding:5px; border:#DABFBF solid 1px; background-color:#FFFAFA; line-height:130%; }
#album_info img         { margin:0 5px 0 0; padding:0; border:none; float:left;}
.album_info_title       { font-size:12px; color:#f60; font-weight:bold; margin:0; padding:0; }








/*------------------------------
コンテンツページ
------------------------------*/

h1,h2,h3			{ margin:0; padding:0; font-size:12px; }
div,p				{ margin:0; padding:0; line-height:150%; }
table,td,th			{ margin:0; padding:0; }


input,textarea		{ margin:0; padding:0; }
select				{ margin:0; padding:0; }

/*------------------------------
main Area
------------------------------*/


.cap_brown2		{ color:#633; margin:0; padding:5px 0 0 60px; float:left;}
.text2			{ width:520px; color:#666; margin:0; padding:5px 30px 0 0px; float:right;}


p.txt01                 { margin:10px 0 0 35px; padding:0 30px 0 20px; background:url("../images/cnts_num_01.gif") no-repeat; }
p.txt02                 { margin:10px 0 0 35px; padding:0 30px 0 20px; background:url("../images/cnts_num_02.gif") no-repeat; }
p.txt03                 { margin:10px 0 0 35px; padding:0 30px 0 20px; background:url("../images/cnts_num_03.gif") no-repeat; }
p.txt04                 { margin:10px 0 0 35px; padding:0 30px 0 20px; background:url("../images/cnts_num_04.gif") no-repeat; }
p.txt05                 { margin:10px 0 0 35px; padding:0 30px 0 20px; background:url("../images/cnts_num_05.gif") no-repeat; }

p.txtbox                { color:#633; margin:5px 35px 5px 35px; padding:10px 10px 10px 10px; border:#DABFBF solid 1px; background-color:#FFFAFA; text-align:center;}


img.btn_buy             { margin:0; padding:0  5px 0 5px; vertical-align:middle; }

#menu_area1             { margin:0; padding:15px 0 0 235px; text-align:right; float:left; }
img.btn                 { margin:0; padding:0  5px 0 5px; }

/*------------------------------
About
------------------------------*/
img.title_left         { margin:10px 0 0 10px; padding:0; border:none; float:left; }
span.btn_about         { margin:10px 0 0 10px; padding:0; border:none; float:right; }






/*----- topics supporter -------------------------------------------------------*/
.t_area		{ margin:10px 0 0 10px; padding:0 30px 0 2px; }

div.andy		{ margin:5px 0 0 0px; padding:0 20px 0 50px; background:url("../topics/images/name_andy.gif") no-repeat; }
div.kazz		{ margin:5px 0 0 0px; padding:0 20px 0 50px; background:url("../topics/images/name_kazz.gif") no-repeat; }
p.txt_ore               { color:#f60; margin:20px 0 0 35px; padding:0 10px 0 2px; }






img.topics              { margin:0px 30px 0 0px; padding:0; border:none; }
p.txt_ore_sup_top       { color:#f60; margin:0; padding:30px 30px 0 35px; }
p.txt_ore_sup           { color:#f60; margin:0; padding:10px 30px 0 35px; }

div.rank                { color:#633; font-weight:bold; margin:0; padding:15px 370px 0 0; text-align:left; float:right; }
table a.ranking			{ margin:0 5px; padding:0; font-size:12px; }
table a.ranking_s		{ margin:0; padding:0; font-size:10px; }


/*------------------------------
monthly
------------------------------*/
.m_area					{ margin:10px 0 0 10px; padding:0 0 0 0; }
#contactFrame			{ width:750px; height:1400px; padding:0; margin:0; }
p.txt_grn               { color:#030; margin:10px 20px 20px 0px; padding:0; }
p.txt_pink               { color:#f39; margin:0px 20px 0px 10px; padding:0; }


