@charset "utf-8";

/******初期化******/
* { margin: 0px; padding: 0px;}
html{ height:100%;}
body {  margin:0px; padding:0px; color:#555555; font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; line-height: 1.4; *font-size:small; *font:x-small; height:100%;}
table, th, tr, td{ font-size:inherit; font:100%; line-height: 1.4; text-align: left;}
input, textarea, select, option { font-size:inherit; font:100%;}
li, ul{ margin:0; padding:0; list-style:none;}
img{ margin:0;}

#continer{ min-height:100%; position:relative;}
body > #container { height: auto;}


.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/******IEハック******/
* html #continer{ height:100%;}
* html img{ vertical-align:top;}
* html li{ line-height:1.1em; list-style-position:outside;}
*:first-child+html li{ line-height:1.1em;}
head~/* */body { font-size:80%;}

/****** Mac UTF-8の文字化け防止******/
/*＼*//*/
input, textarea, select, option { font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a{ cursor:pointer; padding:0; margin:0;}
a img{ border: none; background-color: transparent;}

/******共通******/
a:link{ color: #147b7b; text-decoration:none;}
a:visited{ color:#147b7b; text-decoration:none;}
a:hover{ color: #147b7b; text-decoration:underline;}
a:active{ color: #147b7b;}

/* ===============[ float解除 ]=============== */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*共通デザイン*/

.wrap{ width:100%; clear:both;}
.box{ margin-left:auto; margin-right:auto; width:950px; text-align:left; clear:both;}
.box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}


/*ヘッダー共通デザイン*/

.header_wrap{ background:#147b7b url(/style_images/header_wrap.jpg);}
.header_box{ color:#FFFFFF; padding:20px 0;}

.header_box a{ color:#FFFFFF;}
.header_box a:link{ color:#FFFFFF;}
.header_box a:visited{ color:#FFFFFF;}
.header_box a:hover{ color:#FFFFFF; text-decoration:underline;}
.header_box a:active{ color:#FFFFFF;}

.header_box .logo{ width:190px; text-align:center; float:left;}
.header_box .header_info{ width:430px; padding-top:5px; float:left;}
.header_box .header_info .page_title{ font-weight:bold;}
.header_box .header_info .page_info{ padding-top:5px;}
.header_box .header_menu{ width:300px; float:right; text-align:right; padding-top:22px;}
.header_box .header_menu li{ display:inline;}
.header_box .header_menu img{ vertical-align:text-top; padding-right:3px}
.header_box .header_menu .line{ color:#509191; display:inline-block; padding:0 3px 0 7px;}

.menu_wrap{ background:url(/style_images/menu_wrap.jpg); height:50px; padding-top:2px; overflow:hidden;}
.menu_box li{ float:left;}
.menu_box a{ display:block; height:49px; width:190px; background-image:url(/style_images/menu.jpg); text-indent:-9999px;}
.menu_box .jart a{ background-position:-190px 0;}
.menu_box .oart a{ background-position:-380px 0;}
.menu_box .hist a{ background-position:-570px 0;}
.menu_box .engl a{ background-position:-760px 0;}
.menu_box .home a:hover{ background-position:0 -49px;}
.menu_box .jart a:hover{ background-position:-190px -49px;}
.menu_box .oart a:hover{ background-position:-380px -49px;}
.menu_box .hist a:hover{ background-position:-570px -49px;}
.menu_box .engl a:hover{ background-position:-760px -49px;}


/*コンテンツ共通デザイン*/

.contents_wrap{ background:url(/style_images/contents_back.jpg) repeat-x #FFFFFF; padding-bottom:195px;}
.contents_box{ padding:20px 0 50px 0;}

.contents_box .main{ width:620px; float:left;}
.contents_box .side{ width:300px; float:right;}



/*ナビ*/
.navi{ padding-bottom:20px;}
.navi span{ color:#CCCCCC; padding:0 3px; display:inline-block;}
.navi h1{ display:inline; font-weight:normal;}

/* ページャー */
.pager{ border-top:1px dotted #DDDDDD; margin-top:20px; padding-top:20px; text-align:center;}
.pager a{ color:#3333FF;}
.pager .num{ display:inline-block; padding:0 5px;}
.pager .num a{ display:inline-block; border:1px solid #147b7b; padding:0 5px;}
.pager .num a:hover{ background:none; background-color:#147b7b; color:#FFFFFF; padding:1px 6px; border:none; text-decoration:none;}
.pager .num .current_page{ display:inline-block; border:1px solid #CCCCCC; color:#CCCCCC; padding:1px 6px;}


.global_title{ background:url(/style_images/global_title.gif) no-repeat; clear:both; padding-top:20px;}
.global_title h2{ display:block; height:11px; margin-bottom:15px;}
.global_title h3{ display:block; height:11px; margin-bottom:15px;}
* html .global_title h2{ margin-bottom:0;}
* html .global_title h3{ margin-bottom:0;}

.main .global_title h2{ width:400px; float:left;}
.main .global_title h3{ width:400px; float:left;}
.main .global_title span{ display:block; float:right; width:200px; text-align:right; height:10px; margin-bottom:15px;}
.side .global_title h2{ width:300px;}
.side .global_title h3{ width:300px;}


/*タイトル*/
.top_news h2{ background:url(/style_images/title_news.gif) no-repeat; text-indent:-9999px;}
.top_shop h2{ background:url(/style_images/title_shop.gif) no-repeat; text-indent:-9999px;}
.side_pick_up h2{ background:url(/style_images/title_pickup.gif) no-repeat; text-indent:-9999px;}
.news_wrap h2{ background:url(/style_images/title_news.gif) no-repeat; text-indent:-9999px;}




/*トップページ*/

.top_bn_box{ padding-top:20px;}

/*トップページのお知らせ*/
.top_news li{ border-top:1px dotted #DDDDDD; padding-top:10px; margin-top:10px; clear:both;}
* html .top_news li{ margin-top:0;}
.top_news li span{ display:block; float:left; width:120px; color:#999999;}
.top_news li a{ display:block; float:right; width:500px;}
.top_news li.fst{ margin-top:0;}

/*トップページのショップ*/
.top_shop{ margin-top:30px; clear:both;}
.top_shop li{ background:url(/style_images/click.gif) no-repeat 0 2px; padding-left:25px; padding-bottom:5px;}
.top_shop .shop_left{ float:left; width:200px;}
.top_shop .shop_center{ float:left; width:200px; margin-left:10px;}
.top_shop .shop_right{ float:right; width:200px;}


/*トップページのピックアップアーティスト*/
.side_pick_up li{ clear:both; width:300px; padding-top:12px; border-top:1px dotted #DDDDDD; margin-top:10px;}
.side_pick_up li.fst{ margin-top:0;}
.side_pick_up li .pick_up_img{ display:block; width:101px; float:left;}
.side_pick_up li .pick_up_img img{ padding:1px; border:1px solid #DDDDDD;}
.side_pick_up li p{ width:185px; float:right; line-height:1.1em; padding-top:2px;}
.side_pick_up li p strong{ display:block; padding-bottom:5px;}


/*お知らせ*/
.news_wrap li{ border-top:1px dotted #DDDDDD; padding-top:30px; margin-top:30px; clear:both;}
.news_wrap li.fst{ margin-top:10px;}
.news_wrap li h3{ color:#000000;}
.news_wrap li .date{ color:#999999; padding-top:3px;}
.news_wrap li .news_body{ margin-top:20px;}
.news_wrap li .news_body p{ margin-top:15px;}
.news_wrap li .news_body img{ margin-top:10px;}


/*アーティスト一覧*/
.o_artist_info p{ padding-top:10px;}
.o_artist_info_link{ margin-top:10px; text-align:right;}
.artist_result_wrap{ width:950px; clear:both; margin-top:20px; border-top:1px dotted #DDDDDD; padding-top:20px;}
.artist_result_left{ width:460px; float:left;}
.artist_result_right{ width:460px; float:right;}

.artist_result_box .result_image{ display:block; float:left; width:154px;}
.artist_result_box .result_image img{ padding:1px; border:1px solid #DDDDDD;}
.artist_result_box ul{ display:block; float:right; width:290px;}
.artist_result_box li.flag{ padding-top:3px; padding-bottom:10px;}
.artist_result_box li.flag img{ vertical-align:text-bottom;}
.artist_result_box li.name{ padding-top:3px; line-height:1.1em;}
.artist_result_box li.body{ padding-top:10px;}
.artist_result_box li.link{ padding-top:15px;}
.artist_result_box li.link img{ vertical-align:middle;}
.artist_result_box .line{ color:#DDDDDD; display:inline-block; padding:0 7px 0 7px;}

.o_artist_result_title{ margin-top:30px; padding-bottom:0; color:#000000;}


/*アーティスト詳細*/
.name_list{ margin-top:30px; }
.name_list .name{ color:#000000; padding-top:3px;}
.name_list .english_name{ color:#000000; line-height:1.1em;}
.name_list .official{ padding-top:10px;}
.name_list .official img{ vertical-align:text-bottom;}
.name_list .line{ color:#DDDDDD; display:inline-block; padding:0 3px 0 7px;}
.artist_text{ width:620px; clear:both; margin-top:20px;}
.artist_text p{ padding-top:10px;}
.artist_text .artist_text_left{ width:300px; float:left;}
.artist_text .artist_text_right{ width:300px; float:right;}


.artist_disco{ width:620px; clear:both;}
.artist_disco ul{ width:120px; float:left; margin-left:5px; text-align:center; margin-top:20px;}
.artist_disco ul.fst{ margin-left:0;}
.artist_disco li.title{ line-height:1.1em; padding-bottom:3px;}

.artist_history{ margin-top:30px;}
.artist_history table{ border-collapse:collapse; width:100%; border-bottom:1px dotted #DDDDDD;}
.artist_history th{ width:80px; font-weight:normal; font-size:100%; text-align:left; vertical-align:text-top; padding:10px 0; border-top:1px dotted #DDDDDD;}
.artist_history td{ vertical-align:text-top; padding:10px 0; border-top:1px dotted #DDDDDD; padding-left:5px;}

.artist_free{ margin-top:30px; padding-top:30px; background:url(/style_images/global_title.gif) no-repeat;}
.artist_free h2,.artist_free h3,.artist_free h4{ font-weight:normal; font-size:100%; color:#000000;}

.artist_side li{ padding:20px 0 15px 0; border-bottom:1px dotted #DDDDDD;}
.artist_side li.fst{ margin-top:0; padding-top:10px;;}
.artist_side li p{ padding-top:5px;}


.artist_disco .global_title{ margin-top:30px;}
.artist_history .global_title{ margin-top:30px;}
.artist_disco h2{ background:url(/style_images/title_disco.gif) no-repeat; text-indent:-9999px;}
.artist_history h2{ background:url(/style_images/title_history.gif) no-repeat; text-indent:-9999px;}
.artist_side_title h2{ background:url(/style_images/title_gallery.gif) no-repeat; text-indent:-9999px; height:13px;}

/*森村献*/
.free_ken table{ border-collapse:collapse; width:100%; border-bottom:1px dotted #DDDDDD; margin-top:20px;}
.free_ken td{ vertical-align:text-top; padding:10px 0; border-top:1px dotted #DDDDDD; padding-left:5px;}


/*ウェブページ*/
.webpage_title{ margin-bottom:20px;}
.page_text{ padding-bottom:20px; border-bottom:1px dotted #DDDDDD; margin-bottom:20px;}
.page_text p{ margin-top:10px;}

.page_text .english_menu{ margin-top:5px; font-weight:bold;}
.page_text .english_menu .line{ color:#DDDDDD; display:inline-block; padding:0 7px 0 7px;}

.page_area h2{ color:#000000; margin-top:30px;}
.page_area h3{ margin-top:15px; font-weight:normal; color:#000000;}
.page_area p{ margin-top:15px;}
.page_area table{ border-collapse:collapse; width:100%; border-bottom:1px dotted #DDDDDD; margin-top:30px;}
.page_area th{ width:80px; font-weight:normal; font-size:100%; text-align:left; vertical-align:text-top; padding:10px 0; border-top:1px dotted #DDDDDD;}
.page_area td{ vertical-align:text-top; padding:10px 0; border-top:1px dotted #DDDDDD; padding-left:5px;}

.page_area .fst{ margin-top:0;}

/*ヒストリー*/
.history table{ margin-top:0;}
.history th{ padding-bottom:0;}
.history td{ padding-bottom:0;}
.history ul{ padding-bottom:10px;}
.history li{ padding-bottom:10px; list-style:circle; margin-left:20px;}




/*フッター共通デザイン*/

.footer_wrap{ background:#147b7b url(/style_images/footer_wrap.jpg); position:absolute; bottom:0; height:195px;}
.footer_box{ color:#FFFFFF; padding-top:50px;}

.footer_box a{ color:#FFFFFF;}
.footer_box a:link{ color:#FFFFFF;}
.footer_box a:visited{ color:#FFFFFF;}
.footer_box a:hover{ color:#FFFFFF; text-decoration:underline;}
.footer_box a:active{ color:#FFFFFF;}

.footer_box .footer_bn{ width:360px; float:left;}
.footer_box .footer_bn li{ float:left;}
.footer_box .footer_bn li.main_bn{ width:360px; padding-bottom:10px;}
.footer_box .footer_bn li.sub_bn{ padding-right:16px; background:url(/style_images/footer_line.gif) right repeat-y; margin-left:14px;}
.footer_box .footer_bn li.fst{ margin-left:0;}
.footer_box .footer_bn li.sub_bn a img{ opacity:0.6; filter:alpha(opacity=60);}
.footer_box .footer_bn li.sub_bn a:hover img{ opacity:1; filter:alpha(opacity=100);}

.footer_box .footer_menu{ width:350px; float:left;}
.footer_box .footer_menu ul{ margin-top:5px;}
.footer_box .footer_menu ul.fst{ margin-top:0;}
.footer_box .footer_menu li{ display:inline; line-height:0;}
.footer_box .footer_menu img{ vertical-align:text-top; padding-right:3px}
.footer_box .footer_menu .line{ color:#509191; display:inline-block; padding:0 3px 0 7px;}
.footer_box .footer_menu p{ margin-top:10px;}

.footer_box .footer_top{ width:129px; float:right;}