@CHARSET "UTF-8";

/* ----- 全リセット  ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5要素 旧ブラウザ対応 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.clearfix {
	min-height: 1px; /* IE6、7対策 */
}

* html .clearfix {
	height: 1px;
	/*¥*//*/ /* MAC IE5.x対策 */
	height: auto;
	overflow: hidden;
	/**/
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ----- 全リセット  ----- */

html {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-size: 16px;
}

header {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #2c3d4a;
}

#header_inner {
    width: 95%;
    margin: 0 auto 5dpx auto;
}

header h1 {
    display: inline;
    height: 45px;
    float: left:
}

header h1 img {
    height: 45px;
    border: none;
}



div#contents {
    clear: both;
    line-height: 1.6em;
}

dd {
    margin-bottom: 20px;
}

p {
    margin-bottom: 1.0em;
}

strong {
    font-weight: bold;
    color: #317632;
}

.attention {
    font-weight: bold;
    color: #990000;
}

input:focus,
textarea:focus {
    border: 2px solid #aae472;
    outline: 0; /* Safariの効果消去 */
}

a {
    color: #cf4900;
    font-weight: bold;
    cursor: pointer;
}

a:active,
a:hover {
    color: #ff8040;
}

a.to_page_top {
    clear: both;
    display: block;
    margin-bottom: 40px;
    text-align: right;
    text-decoration: none;
    border-bottom: dotted 1px #2c3d4a;
}

ul.general_list {
    padding-left: 30px;
    margin: 10px auto;
}

ul.general_list li {
    list-style-type: disc;
}

footer {
    text-align: center;
    padding-bottom: 1.0em;
}

footer #copyright {
    height: 30px;
    line-height: 30px;
    background-color: #2c3d4a; /* 基本色 */
    color: #ffffff;
}

footer #licenseAdditionalDesc {
    margin: 1.0em;
    text-align: left;
}

#nav_additional {
    margin-top: 10px;
    height: 30px;
	text-align: right;
}

#nav_additional a {
    color: #ffffff;
}

#nav_additional a:active,
#nav_additional a:hover {
    color: #ff8040;
}

#nav_additional img {
    margin-right: 10px;
}


#btn_menu_mobile {
    float: right;
}

nav#site_whole {
    margin-top: 10px;
    display: none;
    clear: both;
}

nav#site_whole ul {
    overflow: hidden;
    text-align: center;
}

nav#site_whole li {
    width: 100%;
    border-right: solid 1px #9cadba;
    background-color: #2c3d4a; /* 基本色 */
    background:    -moz-linear-gradient(top, #4c5d6a, #2c3d4a); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #4c5d6a, #2c3d4a); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #4c5d6a, #2c3d4a); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #4c5d6a, #2c3d4a); /* IE10+ */
    background:         linear-gradient(top, #4c5d6a, #2c3d4a); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4c5d6a, EndColorStr=#2c3d4a);
}

nav#site_whole li#last_navi {
    border-right: none;
}

nav#site_whole a.naviBar {
    display: block;
    height: 60px;
    line-height: 60px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #333333;
}

nav#site_whole a#current_page {
    color: #2c3d4a;
    background-color: #ffc070;/* 基本色 */
    text-shadow: none;
}

nav#site_whole a.naviBar:hover,
nav#site_whole a.naviBar:active {
    color: #2c3d4a;
    background-color: #ff8040;/* 基本色 */
    background:    -moz-linear-gradient(top, #ffa060, #ff8040); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #ffa060, #ff8040); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #ffa060, #ff8040); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #ffa060, #ff8040); /* IE10+ */
    background:         linear-gradient(top, #ffa060, #ff8040); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa060, EndColorStr=#ff8040);
    text-shadow: none;
}

div#contents {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

h2 {
    font-size: 1.2em;
    padding: 0.4em;
    border-left: solid 10px #4c5d6a;
    border-bottom: solid 1px #4c5d6a;
    margin-bottom: 10px;

}

section#update_info,
.general_box {
    border: solid 5px #ecedea;
    margin: 20px 0 40px 0;
    padding: 10px;
}

section#update_info h3 {
    margin-bottom: 10px;
    padding-bottom: 0.2em;
    border-bottom: dotted 1px #4c5d6a;
    color: #990000;
    font-weight: bold;
}

/* 曲情報 */

dl#song_list dt {
    font-weight: bold;
    padding-left: 26px;
    border-bottom: dotted 1px #2c3d4a;
    background: transparent url("../img/song_title_point.gif") no-repeat left center;
    margin-bottom: 1em;
}

dl#song_list span.title_kana {
    display: none;
}

.cover_art {
	float: left;
	width: 20%;
}

.cover_art img {
	width: 100%;
}

.song_info ul {
	float: right;
    text-align: right;
    margin-bottom: 1.0em;
    width: 75%;
}

.song_info li {
    font-size: 0.8em;
}

#song_list .tieUp {
    border-top: dotted 1px #2c3d4a;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    
}

.song_description_for_small_screen {
    clear: both;
    border: dotted 1px #2c3d4a;
    margin-bottom: 10px;
    padding: 10px;
}

.song_description_for_large_screen {
	display: none;
}

.song_description_for_large_screen,
.song_description_for_small_screen p {
	margin: 0;
    padding: 10px;
}

.externalPlayerWrapper {
    margin-bottom: 20px;
}

.soundcloudIframe {
    width: 100%;
    height: 166px;
    background-color: #2C3D4A;
}

.song_button {
	clear: both;
	margin-top: 1.0em;
}

ul.song_button a {
    background-color: #2c3d4a;/* 基本色 */
    background:    -moz-linear-gradient(top, #4c5d6a, #2c3d4a); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #4c5d6a, #2c3d4a); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #4c5d6a, #2c3d4a); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #4c5d6a, #2c3d4a); /* IE10+ */
    background:         linear-gradient(top, #4c5d6a, #2c3d4a); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4c5d6a, EndColorStr=#2c3d4a);
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px #000000;
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #333333;
    text-align: center;
}

ul.song_button a:hover,
ul.song_button a:active {
    color: #2c3d4a;
    background-color: #ff8040;/* 基本色 */
    background:    -moz-linear-gradient(top, #ffa060, #ff8040); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #ffa060, #ff8040); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #ffa060, #ff8040); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #ffa060, #ff8040); /* IE10+ */
    background:         linear-gradient(top, #ffa060, #ff8040); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa060, EndColorStr=#ff8040);
    text-shadow: none;
    border-radius: 10px;
}

ul.song_button a.reviewBtn {
    background-color: #6e9f3a;/* 基本色 */
    background:    -moz-linear-gradient(top, #8ebf5a, #4e7f2a); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #8ebf5a, #4e7f2a); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #8ebf5a, #4e7f2a); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #8ebf5a, #4e7f2a); /* IE10+ */
    background:         linear-gradient(top, #8ebf5a, #4e7f2a); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#8ebf5a, EndColorStr=#4e7f2a);
}

ul.song_button a.reviewBtn:hover,
ul.song_button a.reviewBtn:active {
    color: #2c3d4a;
    background-color: #ff8040;/* 基本色 */
    background:    -moz-linear-gradient(top, #ffa060, #ff8040); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #ffa060, #ff8040); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #ffa060, #ff8040); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #ffa060, #ff8040); /* IE10+ */
    background:         linear-gradient(top, #ffa060, #ff8040); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa060, EndColorStr=#ff8040);
}

ul.song_button .playWMPbutton {
    display: none;
}

a.display_review {
    display: block;
    text-align: right;
    margin-bottom: 10px;
}

/* 説明ページ */

dl#explanation_list dt {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0;
    border-bottom: dotted 1px #2c3d4a;
    margin-bottom: 10px;
}

dl#explanation_list dd {
    margin-left: 20px;
}

/* contact form */
form#post_form {
    color: #ffffff;
    background-color: #2b2f30;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

form#post_form input[type="text"],
form#post_form textarea {
    width: 95%;
    display: block;
    margin: 0 auto;
    -webkit-box-shadow:0 0 2px #aaaaaa inset;
       -moz-box-shadow:0 0 2px #aaaaaa inset;
            box-shadow:0 0 2px #aaaaaa inset;
    padding: 0.2em;
    border-radius: 5px;
    height: 2.0em;
    line-height: 2.0em;
}

form#post_form textarea {
    height: 100px;
}

form#post_form input[type="submit"] {
    width: 96%;
    display: block;
    margin: 20px auto 10px auto;
    color: #ffffff;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    text-shadow: 0px 1px 1px #000000;
    background-color: #6e9f3a;/* 基本色 */
    background:    -moz-linear-gradient(top, #8ebf5a, #4e7f2a); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #8ebf5a, #4e7f2a); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #8ebf5a, #4e7f2a); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #8ebf5a, #4e7f2a); /* IE10+ */
    background:         linear-gradient(top, #8ebf5a, #4e7f2a); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#8ebf5a, EndColorStr=#4e7f2a);
    border-radius: 10px;
    border: none;
    box-shadow: 1px 1px 1px #000000;
    cursor: pointer;
}

form#post_form input[type="submit"]:hover,
form#post_form input[type="submit"]:active {
    color: #2c3d4a;
    background-color: #ff8040;/* 基本色 */
    background:    -moz-linear-gradient(top, #ffa060, #ff8040); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #ffa060, #ff8040); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #ffa060, #ff8040); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #ffa060, #ff8040); /* IE10+ */
    background:         linear-gradient(top, #ffa060, #ff8040); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa060, EndColorStr=#ff8040);
    text-shadow: none;
    border-radius: 10px;
}

span.errorIndicate {
    font-weight: bold;
    color: #ffdbd3;
}

/* -----------------------------
 * for Hardfloor
 */
div#HF_overlayBG {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000000;
    display: none;
    opacity: 0.5;
}

/* モーダルウィンドウ全体 */
div#HF_modalWindowFrame {
    width: 90%;
    padding: 0; /* 表示位置計算上、かならず0に */
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #000000;
    background-color: #ffffff;
    border: #999999 solid 5px;
    z-index: 9500;
    display: none;
}

div#HF_frameHeader {
    padding: 10px;
    border-bottom: solid #999999 2px;
}

/* タイトル */
span#HF_windowTitle {
    padding-left: 10px;
    font-weight: bold;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

a#HF_closeBtn {
    margin: 0;
    padding: 0;
    width: 100%;
    cursor: pointer;
    background-color: #2c3d4a;/* 基本色 */
    background:    -moz-linear-gradient(top, #4c5d6a, #2c3d4a); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #4c5d6a, #2c3d4a); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #4c5d6a, #2c3d4a); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #4c5d6a, #2c3d4a); /* IE10+ */
    background:         linear-gradient(top, #4c5d6a, #2c3d4a); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4c5d6a, EndColorStr=#2c3d4a);
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000000;
    display: block;
    height: 70px;
    line-height: 70px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 1px #333333;
    text-align: center;
}

a#HF_closeBtn:hover,
a#HF_closeBtn:active {
    color: #2c3d4a;
    background-color: #ff8040;/* 基本色 */
    background:    -moz-linear-gradient(top, #ffa060, #ff8040); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #ffa060, #ff8040); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #ffa060, #ff8040); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #ffa060, #ff8040); /* IE10+ */
    background:         linear-gradient(top, #ffa060, #ff8040); /* W3C */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa060, EndColorStr=#ff8040);
    text-shadow: none;
    border-radius: 10px;
}

/*
 * コンテンツ表示域
 */
div#HF_contents {
    clear: both;
    text-align: left;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
}

div#HF_reviewList {
    margin: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
}

#reviewListHeader {
    margin-top: 10px;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}

div#HF_reviewList .oneReviewFrame {
    margin-bottom: 10px;
    padding: 10px;
    border: dotted 1px #4e7f2a;
}

div#HF_reviewList .reviwer_name {
    font-weight: bold;
}

div#HF_reviewList .score {
    margin-bottom: 10px;
    border-bottom: dotted 1px #4e7f2a;
}

div#HF_reviewList .date_time {
    text-align: right;
}

div#HF_reviewForm {
    margin: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
    border-bottom: dotted 1px #4e7f2a;
}

div#HF_frameFooter {
    padding: 10px;
    height: 26px;
    line-height: 22px;
}