/* Copyright (C) 2011 HeartRails Inc. All Rights Reserved. */

* { font-family: Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 13px; *font-size: small; *font: x-small; font-style: normal; font-weight: normal; margin: 0; padding: 0; }
body { background: url(/images/background.gif) repeat-x center top #e9dacb; line-height: 140%; }
img { border: none; vertical-align: middle; }
ul li { list-style-type: none; }
table { border-collapse: collapse; }

div#header { background: url(/images/header.gif) repeat-x 0% 0%; height: 30px; min-width: 800px; width: 100%; }
div#header a { color: #fff; font-weight: bold; text-decoration: none; }
div#header a:hover { text-decoration: underline; }
div#header p { color: #fff; float: left; font-weight: bold; padding: 4px 20px 0 20px; text-align: left; }
div#header ul { color: #fff; float: right; margin: 4px 10px 0 0; }
div#header li { display: inline; float: left; margin: 0 10px; }

div#wrap { background: url(/images/background_wrap.gif) repeat-y center top; padding: 0 0 25px; }
a { color: #000; }
a:hover { color: #808080; }
table#headline { background:  url(../images/headline.png) no-repeat center top; clear: both; margin: 0 auto; width: 950px; }
table#headline td { padding: 12px 0; vertical-align: middle; }
table#headline h1 { padding: 0 0 0 40px; text-align: left; }
table#headline td#searchform { padding: 30px 0 0; text-align: center; vertical-align: top; }
table#headline td#introduce { width: auto; }
table#headline td#introduce li { display: inline; float: left; padding: 0 0 0 5px; }

form.artist_search { font-size: 14px; padding: 8px 0; vertical-align: middle; }
input#search,
input.commit { border: 2px solid #6a385e; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input#search { padding: 3px; width: 200px;}
input.commit { background: #6a385e; color: #fff; font-weight: bold; padding: 1px 15px 0; cursor: pointer; }
input.commit:hover { background: #a85394; }

div#main { margin: 0 auto; width: 950px; }
div#contents_top { background: url(/images/contents_top.png) center bottom no-repeat; clear: both; height: 20px; }
div#contents { background:#fff; border-left: 3px solid #6a385e; border-right: 3px solid #6a385e; }
div#contents_bottom { background: url(/images/contents_background.png) center bottom no-repeat; clear: both; height: 20px; }

div#footer_services { background: #fff; border-top: 1px solid #dcdcdc; clear: both; line-height: 120%; padding: 7px 0; }
div#footer_services table { margin: 0 auto; width: 800px; }
div#footer_services dt { clear: left; color: #333; display: inline; float: left; font-size: 85%; font-weight: bold; margin: 1px 0 0; width: 130px; }
div#footer_services dd { float: left; width: 450px; }
div#footer_services li { color: #808080; display: inline; float: left; white-space: nowrap; }
div#footer_services li a { color: #6b8e23; font-size: 85%; padding: 0 4px; text-decoration: none; white-space: nowrap; }
div#footer_services li a:hover { color: #333; text-decoration: underline; }
td#footer_services_logo { text-align: center; width: 200px; }
td#footer_services_list { width: 580px; }

div#footer { background: url(/images/footer.gif) repeat-x 0% 0% #f5f5f5; padding: 5px 0; text-align: center; width: 100%; }
div#footer p { color: #fff; font-weight: bold; margin: 0 auto; }
div#footer a { color: #fff; font-weight: bold; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer ul { margin: 3px 10px 5px 0; }
div#footer li { display: inline; margin: 0 10px; }

table.information { margin: 5px 20px 0; width: 610px; }
table.information td { border: 1px solid #f8f4e8; padding: 10px; vertical-align: top; width: 50%; }
table.information td dt { clear: left; float: left; font-weight: bold; padding: 0 15px 0 0; }
table.information td.highlight { background: #f8f4e8; }
table.information a { font-weight: bold; }
table.information td dd { margin: 0 0 0 140px; }
table.information.news dd,
table.information.live dd,
table.information.blog dd,
table.information.tv dd { margin: 0; font-weight: normal; }
table.information dt, table.information dt img { max-width: 120px; min-height: 100%; }
table.information.news dt,
table.information.blog dt,
table.information.live dt,
table.information.tv dt { max-width: 100%; }
table.blog td dt,table.live td dt,table.tv td dt,table.news td dt { border-bottom: 1px dotted #f5deb3; float: none; margin: 0 0 5px; padding: 0 15px 5px 0; }
table.blog td dd.artist a,table.live td dd.artist a,table.tv td dd.artist a,table.tv news dd.artist a { clear: left; margin: 0 10px 0 0; padding: 0 10px 0 0; }

p#noscript { color: #b7282e; font-weight: bold; margin: 10px 0; text-align: center; }
p.clear { clear: both; }
div.error { color: #ff0000; padding: 10px 22px 0; text-align: left; }
div.error li { background: url(/images/icon_error.gif) center left no-repeat; font-weight: bold; padding: 2px 0 2px 12px;}
span.fieldWithErrors input { background-color: #ffc0cb; }
span.fieldWithErrors select { background-color: #ffc0cb; }
ul.ui-autocomplete { text-align:left; }
p.note { background: url(/images/icon_list.gif) 0 0.4em no-repeat; margin: 5px 20px 0; padding: 0 15px 2px; text-align: left; }
p.more { margin: 5px 20px; text-align: right; }
p.more2 { margin: 5px 20px 25px; text-align: right; }
p.more a,
p.more2 a { background: url(/images/arrow2.gif) center left no-repeat; font-weight: bold; padding: 2px 0 2px 10px; text-decoration: none; }
ul#crumbs li,
ul#crumbs li a { display: inline; font-size: 11px; }
ul#crumbs li a { background: url(/images/crumbs.png) center right no-repeat #e8efa6; padding: 2px 22px 2px 5px; text-decoration: none; }

a.action { background: url(/images/arrow1.gif) center left no-repeat; font-weight: bold; margin: 0 3px 0 0; padding: 0 0 0 15px; text-decoration: none; }
a.groupies { color: #333; margin: 0 5px 0 0; padding: 0 0 0 12px; }