/* ====================================================
	Nucleus sample css by SKITEM DESIGN WORKS

	00:Reset
	01:BASE
	02:BASE TEXT
	03:BASE PARTS
	04:HEADER
	05:SIDE
	06:TOP
	07:CATEGORY
==================================================== */

/* 	00:Reset-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas { margin: 0; padding: 0; }
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section { display: block; }

/* 	1. 間隔
------------------------------------------------------------ */
.mt1{margin-top:1px!important;}.mt2{margin-top:2px!important;}.mt3{margin-top:3px!important;}.mt4{margin-top:4px!important;}.mt5{margin-top:5px!important;}.mt6{margin-top:6px!important;}.mt7{margin-top:7px!important;}.mt8{margin-top:8px!important;}.mt9{margin-top:9px!important;}.mt10{margin-top:10px!important;}.mt11{margin-top:11px!important;}.mt12{margin-top:12px!important;}.mt13{margin-top:13px!important;}.mt14{margin-top:14px!important;}.mt15{margin-top:15px!important;}.mt16{margin-top:16px!important;}.mt17{margin-top:17px!important;}.mt18{margin-top:18px!important;}.mt19{margin-top:19px!important;}.mt20{margin-top:20px!important;}.mt30{margin-top:30px!important;}.mt40{margin-top:40px!important;}.mt50{margin-top:50px!important;}.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb6{margin-bottom:6px;}.mb7{margin-bottom:7px;}.mb8{margin-bottom:8px;}.mb9{margin-bottom:9px;}.mb10{margin-bottom:10px;}.mb13{margin-bottom:13px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb35{margin-bottom:35px;}.mb40{margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml6{margin-left:6px;}.ml7{margin-left:7px;}.ml8{margin-left:8px;}.ml9{margin-left:9px;}.ml10{margin-left:10px;}.ml11{margin-left:11px;}.ml12{margin-left:12px;}.ml13{margin-left:13px;}.ml14{margin-left:14px;}.ml15{margin-left:15px;}.ml16{margin-left:16px;}.ml17{margin-left:17px;}.ml18{margin-left:18px;}.ml19{margin-left:19px;}.ml20{margin-left:20px;}.ml21{margin-left:21px;}.ml22{margin-left:22px;}.ml23{margin-left:23px;}.ml24{margin-left:24px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml35{margin-left:35px;}.ml40{margin-left:40px!important;}.ml50{margin-left:50px!important;}.ml60{margin-left:60px!important;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}.pt5{padding-top:5px!important;}.pt10{padding-top:10px!important;}.pt16{padding-top:16px!important;}.pt20{padding-top:20px!important;}.pt30{padding-top:30px!important;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}.pl60{padding-left:60px;}.h10{height:10px;}.h20{height:20px;}.h30{height:30px;}.h40{height:40px;}.h50{height:50px;}.h60{height:60px;}.fs80{font-size:80%;}.fs90{font-size:90%;}.fs100{font-size:100%;}.fs110{font-size:110%;}.fs120{font-size:120%;}

/* 01:BASE ----------------------------------------- */
html { -webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */ }
body { margin: 0; padding: 0; width: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 100%; line-height: 1.5; text-align: justify; /*行両端揃え*/ -ms-text-justify: inter-ideograph; /*行両端揃え調節*/ color: #333333; white-space: normal; }
a { color: #54255B; -webkit-touch-callout: none; /*リンクを長押しした際出てくるポップアップメニューを非表示*/ text-decoration: none; }
a:hover, a.hover { /* whatever your hover effect is */ }
a.touchHover { background: #ffff00; }
a:focus { outline: sold 5px #666666; }
div#wrap { padding: 0px 0px 0px; width: auto; margin: 0px; }
div#content { text-align: left; margin: 10px auto 0; padding: 0; clear: both; width: 100%; }
div#content .blog { width: 90%; margin: 0 auto; }
div#sidemenu { background: #e5e5e5; text-align: left; margin: 15px 0px 0px; padding: 10px 0; width: 100%; clear: both; }

/* 02:BASE TEXT ------------------------------------ */
div .head { background: white url(images/top02.jpg) no-repeat bottom center; height: 255px; margin-top: 5px;}
h1.title-sogo { margin: 20px 0 0; padding: 0; color: #fff; border-bottom: 10px solid #e60012; background: #3e3e3e; position: relative; line-height: 110%; }
h1.title-sogo .icon { background: url(images/menuback.png) no-repeat bottom left; position: absolute; height: 43px; width: 54px; bottom: 0px; margin-left: 5px; }
.h1_txt { font-weight: bold; padding: 0 0 0 29px; font-size: 28px; font-family: "Century Gothic", "sans-serif"; }
h2.title-sogo02 { font-size: 24px; font-weight: bold; margin: 0px; padding: 3px 0 3px 15px; color: #777777; background: #dddddd; clear: both; line-height: 110%; }
h3.title-sogo03 { margin: 3px 0 5px; padding: 1px 0 1px 15px; color: #ff6600; font-size: 22px; line-height: 110%; font-weight: bold; border-bottom: 4px solid #999; }
h1.title-first { margin: 50px 0 0; padding: 0; color: #1b1b1b; border-top: 1px solid #ff9b9b; border-bottom: 10px solid #000; background: #ff6633; /* Old browsers */ background: -moz-linear-gradient(top, #ff6633 0%, #cc0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6633), color-stop(100%, #cc0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff6633 0%, #cc0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff6633 0%, #cc0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff6633 0%, #cc0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff6633 0%, #cc0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6633', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */ line-height: 110%; position: relative; }
h1.title-first .icon { background: url(images/icon_flag01.png) no-repeat bottom left; position: absolute; height: 80px; width: 92px; bottom: 0px; margin-left: 5px; }
h2.title-first02 { font-size: 24px; font-weight: bold; margin: 0px; padding: 3px 0 3px 15px; color: #777777; background: #dddddd; clear: both; }
h3.title-first03 { margin: 3px 0 5px; padding: 1px 0; color: #cc3333; font-size: 16px; font-weight: bold; border-bottom: 4px solid #999; text-align:right; }
h1.title-second { margin: 50px 0 0; padding: 0; color: #333; border-top: 1px solid #7af0a2; border-bottom: 10px solid #000; background: #33cc66; /* Old browsers */ background: -moz-linear-gradient(top, #33cc66 0%, #009933 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #33cc66), color-stop(100%, #009933)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #33cc66 0%, #009933 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #33cc66 0%, #009933 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #33cc66 0%, #009933 100%); /* IE10+ */ background: linear-gradient(to bottom, #33cc66 0%, #009933 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc66', endColorstr='#009933',GradientType=0 ); /* IE6-9 */ line-height: 110%; position: relative; }
h1.title-second .icon { background: url(images/icon_flag02.png) no-repeat bottom left; position: absolute; height: 80px; width: 92px; bottom: 0px; margin-left: 5px; }
h2.title-second02 { font-size: 24px; font-weight: bold; margin: 0px; padding: 3px 0 3px 15px; color: #33cc66; background: #333; border-top: 1px solid #666; border-bottom: 1px solid #000; clear: both; }
h3.title-second03 { margin: 3px 0 5px; padding: 1px 0 1px 15px; color: #006633; font-size: 22px; font-weight: bold; border-bottom: 4px solid #999; }
h1.title-third { margin: 50px 0 0; padding: 0; color: #1b1b1b; border-top: 1px solid #8ad0ff; border-bottom: 10px solid #000; background: #0099ff; /* Old browsers */ background: -moz-linear-gradient(top, #0099ff 0%, #0066cc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0099ff), color-stop(100%, #0066cc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0099ff 0%, #0066cc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0099ff 0%, #0066cc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0099ff 0%, #0066cc 100%); /* IE10+ */ background: linear-gradient(to bottom, #0099ff 0%, #0066cc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099ff', endColorstr='#0066cc',GradientType=0 ); /* IE6-9 */ line-height: 110%; position: relative; }
h1.title-third .icon { background: url(images/icon_flag03.png) no-repeat bottom left; position: absolute; height: 80px; width: 92px; bottom: 0px; margin-left: 5px; }
h2.title-third02 { font-size: 24px; font-weight: bold; margin: 0px; padding: 3px 0 3px 15px; color: #0099ff; background: #333; border-top: 1px solid #666; border-bottom: 1px solid #000; clear: both; }
h3.title-third03 { margin: 3px 0 5px; padding: 1px 0 1px 15px; color: #003366; font-size: 22px; font-weight: bold; border-bottom: 4px solid #999; }

/* 03:BASE PARTS ----------------------------------- */
img { border-style: none; text-decoration: none; }a:hover img { text-decoration: none; }.leftbox { float: left; }.rightbox { float: right; }.floatclear { margin: 0px; padding: 0px; clear: both; }.button01 a { width: 80% !important; text-align: center; clear: both; margin: 10px auto; display: block; font-size: 20px; color: #ffffff; padding: 15px 0; background: #fe5e00; /* Old browsers */ background: -moz-linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe5e00), color-stop(100%, #ff833d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* IE10+ */ background: linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe5e00', endColorstr='#ff833d',GradientType=0 ); /* IE6-9 */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #b34200; -moz-box-shadow: 0px 1px 3px rgba(117, 44, 1, 0.5), inset 0px 0px 1px white; -webkit-box-shadow: 0px 1px 3px rgba(117, 44, 1, 0.5), inset 0px 0px 1px white; text-shadow: 0px -1px 0px rgba(84, 31, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3); text-decoration: none; }
.button01 a:hover { background: #bf4600; /* Old browsers */ background: -moz-linear-gradient(top, #bf4600 0%, #e05b14 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf4600), color-stop(100%, #e05b14)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bf4600 0%, #e05b14 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bf4600 0%, #e05b14 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bf4600 0%, #e05b14 100%); /* IE10+ */ background: linear-gradient(top, #bf4600 0%, #e05b14 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf4600', endColorstr='#e05b14',GradientType=0 ); /* IE6-9 */ }
.button02 a { width: 80% !important; text-align: center; clear: both; margin: 10px auto; display: block; text-decoration: none; font-size: 20px; color: #333; padding: 15px 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #b2b2b2; -moz-box-shadow: 0px 0px 3px rgba(92, 92, 92, 0.5), inset 0px 1px 0px white; -webkit-box-shadow: 0px 0px 3px rgba(92, 92, 92, 0.5), inset 0px 1px 0px white; box-shadow: 0px 0px 3px rgba(92, 92, 92, 0.5), inset 0px 1px 0px white; text-shadow: 0px 1px 0px white, 0px 0px 0px rgba(255, 255, 255, 0); }
.button02 a:hover { background: #cccccc; /* Old browsers */ background: -moz-linear-gradient(top, #cccccc 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #cccccc 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #cccccc 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #cccccc 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #cccccc 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.button03 a { width: 80% !important; text-align: center; clear: both; margin: 10px auto; display: block; text-decoration: none; font-size: 18px; color: #fff; padding: 15px 0; background: #910101; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.button03 a:hover { background: #b94747;}
.button04 a { width: 80% !important; text-align: center; clear: both; margin: 10px auto; display: block; list-style: none; color: #fff; padding: 15px 0; background: #999999; /* Old browsers */ background: -moz-linear-gradient(top, #999999 0%, #666666 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #666666)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #999999 0%, #666666 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #999999 0%, #666666 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #999999 0%, #666666 100%); /* IE10+ */ background: linear-gradient(to bottom, #999999 0%, #666666 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #b2b2b2; -moz-box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5), inset 0px 1px 0px #bfbfbf; -webkit-box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5), inset 0px 1px 0px #bfbfbf; box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5), inset 0px 1px 0px #bfbfbf; text-shadow: 0px -1px 0px #333333, 0px -1px 0px rgba(51, 51, 51, 0); }
.button04 a:hover { background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #999999 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #999999)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%, #999999 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%, #999999 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666666 0%, #999999 100%); /* IE10+ */ background: linear-gradient(to bottom, #666666 0%, #999999 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#999999',GradientType=0 ); /* IE6-9 */ }

.button05 a { width: 80% !important; text-align: center; clear: both; margin: 10px auto; display: block; text-decoration: none; font-size: 18px; color: #fff; padding: 15px 0; background: #777777; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.button05 a:hover { background: #999999;}

/* 04:HEADER --------------------------------------- */
.txt_title { margin: 0; padding: 0; line-height: 100%; position: relative; width: 90%; top: 100px; left: 10px; color: #FFFFFF; font-size: 50px; font-family: "Century Gothic", "sans-serif"; font-weight: bold; }
div#headerblock { margin: 0px; padding: 0px; }
div#navi { margin: 0px auto; padding: 0px; clear: both; font-family: "Century Gothic", "sans-serif"; width: 100%; overflow: hidden; background: none; }
div#navi ul { list-style: none; width: 100%; }
div#navi ul li { float: left; width: 25%; }
div#navi ul li a { overflow: hidden !important; text-overflow: ellipsis; text-align: center; display: block; font-size: 100%; color: #ffffff; padding: 17px 0px; background: #d12d34; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); text-decoration: none; }
div#navi ul li a:hover { color: #ffffff; background: #d12d34; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; text-shadow: 0px -1px 1px black, 0px -1px 1px black; }
.nolink { width:25%; overflow:hidden !important; text-overflow: ellipsis; text-align:center; display:block; font-size:100%; color: #ccc; padding: 17px 0px; background: #131313; /* Old browsers */ background: -moz-linear-gradient(45deg, #131313 5%, #4c4c4c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(5%,#131313), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #131313 5%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #131313 5%,#4c4c4c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #131313 5%,#4c4c4c 100%); /* IE10+ */ background: linear-gradient(45deg, #131313 5%,#4c4c4c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border-bottom:1px solid #000000; border-top:1px solid #666; text-decoration:none; }

/* 05:SIDE ----------------------------------------- */
div#sidemenu ul { margin: 0px; padding: 0px; }
div#sidemenu li { font-size: 80%; margin: 0px; padding: 0px; list-style-type: none; }

/* 06:TOP ------------------------------------------ */
div #topitem { margin: 0; padding: 0px; width: 100%; }

/*ニュース*/
div#whatsnew { text-align: left; margin: 20px 0; padding: 0; width: auto; }
div#whatsnew ul { margin: 0px; padding: 0px; }
div#whatsnew li { list-style: none; }
div#whatsnew li a { font-size: 20px; line-height: 120%; display: block; margin: 0px; list-style: none; text-decoration: none; padding: 10px 20px; background: #dddddd; border-top: 1px solid #fff; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(255, 255, 255, 0); }
div#whatsnew li:last-child a { border-bottom: 1px solid #a6a6a6; }
div#whatsnew li a:hover { background: #eaeaea;}
.top_date { margin-right: 5px; color: #999999; }
.top_body { color: #333333; }

/*アーティスト*/
#top_artist { width: 100%; }

/*ロゴ待受*/
.logowall {
	text-align: left;
	display: block;
	margin: 10px;
}
.logowall a img {
	margin: 0 10px 10px 0;
}
.logowall2 {
	text-align: left;
	display: block;
}
.logowall2 a img {
	margin: 0 10px 10px 0;
}

/* 07:CATEGORY ------------------------------------- */
div.categorydesc { margin: 0px 0 0 10px; padding: 0px; }
div.itemlist { margin: 15px auto 5px; padding: 0px; width: 95%; clear: both; }
.morelink { clear: both; text-align: center; margin: 10px 10px 0 0; }
.artistlist_base ul li { width: 200px; height: 200px; }
.item_title { display: block; font-size: 22px; line-height: 100%; font-weight: bold; padding: 5px 10px; margin: 15px auto 0; background: #9e4d73; color: #ffffff; text-shadow: 0px 0px 5px #b8509b, 0px 0px 4px #b8509b; }
.item_body { margin: 0 10px; }

/* 08:ARTIST ------------------------------------- */
.artist { clear: both; height: auto; }
/*アーティストイメージ*/
.artist_img { text-align: center; margin: 0  auto; }
.artist_day { text-align: center; visibility: hidden; }
.artist_txt { margin: 0 0 0 10px; }
/*アーティストネーム*/
.artist_name { font-size: 28px; font-weight: bold; color: #54255B; }
/*アーティストコメント*/
.artist_coment { margin: 0 10px 5px 10px; font-size: 16px; }
/*アーティストタイアップ*/
.artist_tieup { clear: both; margin: 20px auto; width: 100%; }
.artist_tieup a { width: 80% !important; text-align: center; clear: both; margin: 10px auto; display: block; text-decoration: none; font-size: 20px; color: #ffffff; padding: 10px 40px; background: #fe5e00; /* Old browsers */ background: -moz-linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe5e00), color-stop(100%, #ff833d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* IE10+ */ background: linear-gradient(top, #fe5e00 0%, #ff833d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe5e00', endColorstr='#ff833d',GradientType=0 ); /* IE6-9 */ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #b34200; -moz-box-shadow: 0px 1px 3px rgba(117, 44, 1, 0.5), inset 0px 0px 1px white; -webkit-box-shadow: 0px 1px 3px rgba(117, 44, 1, 0.5), inset 0px 0px 1px white; text-shadow: 0px -1px 0px rgba(84, 31, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3); }
.artist_tieup a:hover { background: #bf4600; /* Old browsers */ background: -moz-linear-gradient(top, #bf4600 0%, #e05b14 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf4600), color-stop(100%, #e05b14)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bf4600 0%, #e05b14 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bf4600 0%, #e05b14 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bf4600 0%, #e05b14 100%); /* IE10+ */ background: linear-gradient(top, #bf4600 0%, #e05b14 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf4600', endColorstr='#e05b14',GradientType=0 ); /* IE6-9 */ }

/* 09:NEWS ------------------------------------- */
.news { clear: both; height: auto; margin: 10px 20px; width: 90%; }
.news_title { display: block; font-size: 22px; line-height: 100%; font-weight: bold; padding: 5px 10px; margin: 15px auto 0; background: #9e4d73; color: #ffffff; text-shadow: 0px 0px 5px #b8509b, 0px 0px 4px #b8509b; }
.news_date { text-align: right; }
.news_body { margin: 10px; }

/* 10:TWITTER ------------------------------------- */
.twitter { margin:10px auto 0; width: auto;}
#twitter {margin:10px 0;}

/* 11:FOOTER ------------------------------------- */
.btn_sns { clear: both; width: 100%; margin-top: 20px; overflow: hidden; background: #e6e6e6; /* Old browsers */ background: -moz-linear-gradient(top, #e6e6e6 0%, #dedede 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #dedede)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6e6e6 0%, #dedede 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6e6e6 0%, #dedede 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6e6e6 0%, #dedede 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6e6e6 0%, #dedede 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */ border-top: 1px solid #969696; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 1px 0px white; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 1px 0px white; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 1px 0px white; }
.btn_sns ul { width: 100%; margin: 10px auto; list-style: none; }
.btn_sns ul li { width: 25%; float: left; margin: 20px auto; text-align: center; }
.btn_sns ul li a img { text-align: center; margin: 0px auto; }
.btn_sns ul li a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; }
footer { clear: both; width: 100%; margin: 0 auto; text-align: center; background: #222222; /* Old browsers */ background: -moz-linear-gradient(top, #222222 0%, black 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #222222 0%, black 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #222222 0%, black 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #222222 0%, black 100%); /* IE10+ */ background: linear-gradient(to bottom, #222222 0%, black 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }
#copyrights { text-align: center; font-size: 16px; padding: 10px 0; color: #FFF; }

/* 12:NONE ------------------------------------- */
.err {text-align:center; color:#000000; height:200px; line-height:200px;}

/* 13:TIMELINE ------------------------------------- */
.timelinelist { margin: 0; }
.timelinelist a { font-size: 24px; line-height: 120%; display: block; margin: 0px; padding: 0px; list-style: none; text-decoration: none; padding: 30px 20px; background: #fafafa; /* Old browsers */ background: -moz-linear-gradient(top, #fafafa 0%, #dbdbdb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #dbdbdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%, #dbdbdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%, #dbdbdb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%, #dbdbdb 100%); /* IE10+ */ background: linear-gradient(top, #fafafa 0%, #dbdbdb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */ border-top: 1px solid #a6a6a6; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); text-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(255, 255, 255, 0); }
.timeline_title { font-size: 120%; color: #003399; line-height: 140%; }
.timeline_date { text-align: left; color: #333; }
.timeline_body { color: #333; }
.sidebar { width: 100%; }
.sidebar .sidebardl { margin: 0 auto; width: 90%; }
.sidebar .sidebardl .btn_before a { text-decoration: none; list-style: none; color: #292929; padding: 10px 20px; background: #ebbd05; /* Old browsers */ background: -moz-linear-gradient(top, #ebbd05 0%, #e66503 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebbd05), color-stop(100%, #e66503)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebbd05 0%, #e66503 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebbd05 0%, #e66503 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ebbd05 0%, #e66503 100%); /* IE10+ */ background: linear-gradient(to bottom, #ebbd05 0%, #e66503 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebbd05', endColorstr='#e66503',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #a32600; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px white; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px white; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px white; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3); display: block; float: left; font-size: 20px; margin: 10px auto; padding: 15px 20px !important; text-align: center; width: auto; }
.sidebar .sidebardl .btn_before a:hover, .sidebar .sidebardl .btn_after a:hover { background: #e66503; /* Old browsers */ background: -moz-linear-gradient(top, #e66503 0%, #ebbd05 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e66503), color-stop(100%, #ebbd05)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e66503 0%, #ebbd05 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e66503 0%, #ebbd05 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e66503 0%, #ebbd05 100%); /* IE10+ */ background: linear-gradient(to bottom, #e66503 0%, #ebbd05 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e66503', endColorstr='#ebbd05',GradientType=0 ); /* IE6-9 */ }
.sidebar .sidebardl .btn_after a { list-style: none; text-decoration: none; color: #292929; padding: 10px 20px; background: #ebbd05; /* Old browsers */ background: -moz-linear-gradient(top, #ebbd05 0%, #e66503 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebbd05), color-stop(100%, #e66503)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebbd05 0%, #e66503 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebbd05 0%, #e66503 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ebbd05 0%, #e66503 100%); /* IE10+ */ background: linear-gradient(to bottom, #ebbd05 0%, #e66503 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebbd05', endColorstr='#e66503',GradientType=0 ); /* IE6-9 */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #a32600; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px white; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px white; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 1px white; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3); display: block; float: right; font-size: 20px; margin: 10px auto; padding: 15px 20px !important; text-align: center; width: auto; }
.pageswitch { text-align: center; }