@charset "shift_jis";

/* Reset of Default Style*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
}

body,td,th {
	font-size: 12px;
	color: #666666;
}
body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a{
text-decoration:none;
}

a:link{color: #3366FF;
}

a:visited {
	color: #3366FF;
}
a:hover {
	color: #FF6666;
}
a:active {
	color: #3366FF;
}

p{
margin:0px;
}

img{
border:0px;

}

form{
margin:0px;
padding:0px;

}

td{
vertical-align:top;

}

br{
clear:both;
}

/*Clearfix */


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#Header{
background-image:url(images/back.jpg);
background-repeat:repeat-x;
background-position:0px 0px;
width:100%;
height:150px;
}

#Header div.content{
width:960px;
margin:0px auto;
padding:0px;
}

#head{
width:950px;
float:left;
}

.logo_misa {
float:left;
}

.logo{
float:left;
padding:18px 24px 0px 5px;
margin:0px;
}

.logo_kokuban{
float:left;
padding:0px 0px 0px 0px;
margin:12px 0px 0px 0px;
width:244px;
height:90px;
background-image:url(images/logo_kokuban.jpg);
background-repeat:no-repeat;
}

.logo_kokuban h1{
width:210px;
padding:17px;
color:#FFFFFF;
line-height:150%;
font-size:12px;
}

.logo_right{
float:left;
padding:4px 0px 0px 13px;
margin:0px;
}


#Headernavi{
background-image:url(images/ongaku_05.jpg);
background-repeat:repeat-x;
background-position:0px 0px;
height:50px;
width:100%;
float:left;
}

div#Container{
width:950px;
margin:0px auto;
padding:10px 0px 0px 0px;
}

div#Left{
width:227px;
float:left;
padding:0px 10px 0px 0px;
}

div.search{
background-image:url(images/ongaku_26.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
width:164px;
height:25px;
padding:3px 3px 3px 7px;
}

div.search .size{
width:147px;
height:17px;
}

*html div.search .size{
width:147px;
height:16px;
}


div#Main{
width:700px;
float:left;
padding:0px 0px 0px 0px;
}

div.Contentblock{
padding-top:15px;
clear:both;
}

div.Menublock{
margin-top:10px;
width:220px;
padding-top:25px;
clear:both;
}

div.Menublock h2{
margin:0px;
padding:0px;
}

div.Menublock ul{
margin:0px;
padding:10px 0px 0px 0px;
width:187px;
}

div.Menublock li{
margin:5px 5px 0px 5px;
padding:0px 0px 0px 8px;
background-image:url(images/list.jpg);
background-repeat:no-repeat;
list-style:none;
}

div#Left div.Naviblock li{
margin:5px 0px 0px 0px;
padding:0px 0px 0px 3px;
list-style:none;
float:left;
width:90px;
font-size:11px;
}

.search_botun {
border:solid 1px #999999;
background-color:#eeeeee;
text-align:center;
padding:3px 0px 3px 0px;
margin:5px 0px 0px 4px;
width:208px;
float:left;}


div#Left div.Artistblock{
width:220px;
padding-top:15px;
clear:both;
}

div.Artistblock h2{
margin:0px;
padding:0px;
}

div#Left div.Artistblock ul{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
width:220px;
}

div#Left div.Artistblock li{
margin:5px 2px 0px 2px;
padding:0px 1px 0px 0px;
width:36px;
height:19px;
border:1px solid #333333;
list-style:none;
text-align:center;
float:left;
color:333333;
font-size:11px;
}

div#Left a:link{
text-decoration:none;
color:#333333!important;
}

div#Left a:visited{
text-decoration:none;
color:#333333!important;
}

div#Left a:hover{
text-decoration: none;
color:#3366FF!important;
}

div#Left a:active{
text-decoration:none;
color:#FF0000!important;
}

/* left_banner */

div.Menublock p.navi_1 a{
background-image:url(images/left_navi/1.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
margin:5px 0px 0px 0px;
padding:0px;
float:left;
width:220px;
height:55px;
display:block;
text-indent: -9999px;
overflow:hidden;
}

div.Menublock p.navi_1 a:hover{
background-image:url(images/left_navi/1_on.jpg);
}

div.Menublock p.navi_2 a{
background-image:url(images/left_navi/2.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
margin:5px 0px 0px 0px;
padding:0px;
float:left;
width:220px;
height:55px;
display:block;
text-indent: -9999px;
overflow:hidden;
}

div.Menublock p.navi_2 a:hover{
background-image:url(images/left_navi/2_on.jpg);
}

div.Menublock p.navi_3 a{
background-image:url(images/left_navi/3.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
margin:5px 0px 0px 0px;
padding:0px;
float:left;
width:220px;
height:55px;
display:block;
text-indent: -9999px;
overflow:hidden;
}

div.Menublock p.navi_3 a:hover{
background-image:url(images/left_navi/3_on.jpg);
}

div.Menublock p.navi_4 a{
background-image:url(images/left_navi/4.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
margin:5px 0px 0px 0px;
padding:0px;
float:left;
width:220px;
height:55px;
display:block;
text-indent: -9999px;
overflow:hidden;
}

div.Menublock p.navi_4 a:hover{
background-image:url(images/left_navi/4_on.jpg);
}


/* Main */


div.Contentblock div.Main_l{
width:400px;
float:left;
}

div.Contentblock div.Main_l h2{
padding:0px;
margin:0px;
border:none;
float:left;
}

div.news{
overflow:auto;
width:378px;
height:80px;
scrollbar-arrow-color:#000000;
scrollbar-face-color:#ccccccc;
scrollbar-shadow-color:#666666;
scrollbar-darkshadow-color:#999999;
scrollbar-track-color:#FFFFFF;
scrollbar-3dlight-color:#cccccc;
scrollbar-highlight-color:#cccccc;
margin:5px 0px 0px;
padding:5px 10px 10px;
line-height:170%;
border:1px solid #CCCCCC;
float:left;
}

div.feature{
width:400px;
clear:both;
padding-top:15px;
}

div.recomendarea{
width:398px;
clear:both;
padding:5px 0px 0px 2px;
}


.recom{
width:90px;
margin:2px 1px 0px 0px;
padding:3px 3px 3px 3px;
line-height:150%;
border:1px solid #CCCCCC;
background-color:#fcfbfa;
float:left;
}

.recom p.text{
padding:2px 0px 0px 0px;
font-size:10px;
text-align:center;
}




div.Main_r{
width:280px;
float:left;
padding:0px 0px 0px 20px;
}

div.Main_ranking{
width:280px;
clear:both;
}

div.Main_ranking h2{
padding:0px;
margin:0px;
width:280px;
border:none;
}

div.rank{
width:268px;
margin:5px 0px 0px;
padding:5px;
line-height:170%;
border:1px solid #CCCCCC;
background-color:#fcfbfa;
float:left;
}

div.rank h3{
margin:0px;
width:108px;
padding:3px 10px 0px 10px;
font-weight:800;
font-size:16px;
float:left;
}


div.rank p{
margin:0px;
width:108px;
padding:3px 10px 0px 10px;
font-size:12px;
float:left;
}

div.rank p.larea{
width:138px;
height:100px;
margin:0px;
padding:0px;
border:1px solid #CCCCCC;
float:left;
}

div.rank p.rarea{
width:128px;
margin:0px;
padding:0px;
float:left;
}


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

div#Footerarea{
padding-top:15px;
clear:both;
}

div#footer{
background-image:url(images/f_back.jpg);
background-repeat: repeat-x;
background-color:#FFFFFF;
width:100%;
margin:0px;
padding:10px 0px 0px 0px;
}

div#footer_in{
width:930px;
height:80px;
margin:0px auto 0px auto;
text-align:center;
font-size:10px;
padding:0px 0px 0px 0px;
}

div#footer_in p {
padding:10px 0px 0px 0px;
color:#666666;
margin:0px;
font-size:12px;
float:right;
}

div#Footerarea a:link{
text-decoration:none;
color:#333333!important;
}

div#Footerarea a:visited{
text-decoration:none;
color:#333333!important;
}

div#Footerarea a:hover{
text-decoration: none;
color:#3366FF!important;
}

div#Footerarea a:active{
text-decoration:none;
color:#FF0000!important;
}


/* search */


#search_result {
width:700px;
float:left;
}

#search_result h2{
border-bottom:3px solid #FF3366;
color:#333333;
line-height:22px;
font-size:17px;
font-weight:800;
padding-left:5px;
}

#search_line{
width:700px;
clear:both;
padding:5px 0px 0px 0px;
}

.search_thum{
width:100px;
margin:10px 2px 0px 2px;
padding:5px 5px 5px 5px;
line-height:150%;
border:1px solid #CCCCCC;
background-color:#fcfbfa;
float:left;}

.search_thum p{
padding:0px 0px 0px 0px;
text-align:center;
font-size:10px;}

#search_footer{
text-align:right;
font-size:18px;
padding:40px 20px 0px 0px;
width:680px;
float:right;
}



/* artist */

#artist{
width:700px;
float:left;
line-height:150%;
}

#artist_main{
width:700px;
float:left;
}


#artist_main h2{
border-bottom:3px solid #FF3366;
color:#333333;
line-height:22px;
font-size:17px;
font-weight:800;
padding-left:5px;
}

#artist_profile {
float:left;
font-size:14px;
padding:15px 0px 5px 0px;
width:700px;
margin:0px;
}

#artist_photo{
width:245px;
height:245px;
background-image:url(images/artist/thum_back.jpg);
background-repeat:no-repeat;
padding:0px;
margin:0px;
float:left;
}

#artist_detail {
float:left;
font-size:14px;
padding:0px 0px 0px 20px;
width:435px;
margin:0px;
}

#artist_detail h3{
margin:0px;
padding:0px;
width:435px;
float:left;
}

.three_size {
float:left;
font-size:13px;
padding:5px 10px 5px 10px;
width:415px;
margin:5px 0px 10px 0px;
background-color:#F9F9F9;
}

.profile_detail {
float:left;
font-size:13px;
line-height:150%;
padding:5px 10px 5px 10px;
width:415px;
margin:5px 0px 0px 0px;
background-color:#F9F9F9;
height:135px;
}

#artist_main h4{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 50px;
float:left;
width:650px;
height:40px;
background-image:url(images/artist/h4.jpg);
background-repeat:no-repeat;
line-height:40px;
font-size:16px;
font-weight:bold;
}

#movie_profile {
float:left;
font-size:14px;
padding:0px 0px 0px 0px;
width:700px;
height:150px;
margin:10px 0px 0px 0px;
background-image:url(images/artist/movie_back.jpg);
background-repeat:no-repeat;
}

.movie_thum {
float:left;
font-size:14px;
padding:10px 0px 0px 10px;
width:180px;
height:130px;
margin:0px 0px 0px 0px;
}

#movie_detail {
float:left;
font-size:13px;
padding:0px 20px 0px 20px;
width:470px;
margin:0px;
}

#movie_detail h5{
float:left;
font-size:14px;
padding:0px 5px 0px 10px;
width:455px;
background-image:url(images/artist/h5.jpg);
background-repeat:no-repeat;
height:23px;
line-height:23px;
margin:13px 0px 0px 0px;
font-weight:bold;
}

#movie_detail h6{
float:left;
font-size:12px;
padding:0px 5px 0px 10px;
width:455px;
line-height:18px;
height:18px;
margin:10px 0px 0px 0px;
background-image:url(images/artist/h6.jpg);
background-repeat:no-repeat;
}

.movie_guide {
float:left;
font-size:11px;
line-height:150%;
padding:5px 10px 0px 5px;
width:455px;
margin:5px 0px 0px 0px;
}

/* profile */

#profile{
width:700px;
float:left;
line-height:150%;
}

#profile_main{
width:700px;
float:left;
}

#profile_main h2{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width:700px;
}

#profile_intervew {
float:left;
font-size:14px;
padding:14px;
width:670px;
margin:10px 0px 0px 0px;
background-color:#F7F7F7;
border:solid 1px #CCCCCC;
}

.profile_thum {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width:670px;
}

.q {
float:left;
font-size:13px;
line-height:150%;
padding:5px 15px 5px 15px;
width:640px;
margin:5px 0px 0px 0px;
background-color:#FFFFFF;
color:#FF0000;
}

.answer {
float:left;
font-size:13px;
line-height:150%;
padding:5px 15px 5px 15px;
width:640px;
color:#333333;
margin:5px 0px 0px 0px;
background-color:#FFFFFF;
}

.site_name{
float:left;
line-height:150%;
padding:10px 15px 10px 15px;
width:640px;
color:#333333;
margin:5px 0px 0px 0px;
background-color:#FFFFFF;
}

.site_name h3{
float:left;
margin:0px 0px 0px 0px;
}

.cherry {background-image:url(images/guide/h3.jpg);
background-repeat:no-repeat;
line-height:25px;
padding:0px 10px 0px 35px;
width:595px;
font-size:15px;
color:#333333;
}

.site_name p{
float:left;
font-size:13px;
line-height:150%;
padding:10px 10px 10px 10px;
width:620px;
color:#333333;
margin:5px 0px 0px 0px;
}

/* link */

#link{
width:700px;
float:left;
line-height:150%;
}

#link_main{
width:700px;
float:left;
}

#link_main h2{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width:700px;
}

#contents_link {
float:left;
font-size:12px;
padding:0px;
width:700px;
margin:10px 0px 0px 0px;
}


#contents_link h3{
 border-bottom-color:#003300;
 border-bottom-style : solid;
 border-bottom-width : 1px;
 color:#003300;
 font-size           : 13px;
 font-weight         : bold;
 margin              : 0px 0px 5px 0px;
 padding             : 0px 0px 0px 5px;
 line-height:140%;
}

#contents_link ul { 	margin: 0px; 	padding: 0px; }

#contents_link li{
display: block;
float:left;
text-align:left;
vertical-align:middle;
list-style-type: none;
width:330px;
margin-left:0px;
margin-bottom:10px;
margin-right:10px;
line-height:13px;
border-bottom:1px solid #999999;
padding:0px 5px 0px 5px;
}

/* banner */

#banner{
width:700px;
float:left;
line-height:150%;
}

#banner_main{
width:700px;
float:left;
}

#banner_main h2{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width:700px;
}


#baner_in {
float:left;
margin:10px 0px 0px 0px;
padding:30px 20px 30px 20px;
background-color:#eeeeee;
font-size:12px;
width:660px;
}

#baner_in textarea {
font-size:12px;
}

/* お問い合わせ */

#toiawase_in {
float:left;
margin:10px 0px 0px 0px;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
background-color:#eeeeee;
width:680px;
}

#toiawase_in table{
float:left;
}

#toiawase2 {
float:left;
margin:0px 0px 0px 0px;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
background-color:#eeeeee;
width:480px;
font-size:12px;
color:#333333;
}

/* back_color */

.back_grey { background-color:#F7F7F7;}

.back_pink { background-color:#FFF0FE;}

.back_yellow { background-color:#FFFDEE;}


/* font */

.orange { color:#ef7c1a;
font-weight:800;}
.bg_grey { background-color:#eeeeee;}
.red { color:#FF0000;}