@charset "UTF-8";


@import url("css/reset.css");
html,body {
	width: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	_display: inline;
	_zoom:1;
	letter-spacing: 0.1em;
	background-image: url(images/light4.png);
	position: relative;
	min-width: 1280px;
}
img {
	vertical-align: top;
	vertical-align: bottom;
	font-size:0;
	line-height: 0;
	margin: 0px;
	padding: 0px;
}
#wapper {
	position: relative;
	width: 100%;
}
#topnav {
	background-color: #000;
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 9999;
	height: 30px;
	width: 30px;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;
	background-image: url(images/yajirushi.png);
	background-size:cover;
}
#topnav a {
	text-indent: -99999px;
	display: block;
}
#header {
	display: block;
	width: 100%;
	top: 0px;
	overflow: hidden;
	max-height: 600px;
	position: relative;
}
#header-cover {
	width: 100%;
	position: absolute;
	z-index: 99999;
	bottom: 0px;
}
#header-inner {
	width: 100%;
	overflow: hidden;
	max-height: 600px;
	height: 550px;
}
#header-inner2 {
	width: 100%;
	overflow: hidden;
	max-height: 600px;
	height: 180px;
}
#nav {
	overflow: hidden;
	clear: both;
}
#nav ul#nav-inner {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	width: 100%;
}
#nav #nav-inner li {
	width: 250px;
	display: block;
	background-image: url(images/nav-bg03.png);
	text-indent: -99999pt;
	background-repeat: no-repeat;
	background-size:cover;
	margin-bottom: 10px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	background-position: center;
	box-shadow: 0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
	float: left;
}
#nav-news a {
	background-image: url(images/nav-bg-01.png);
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	line-height: 60px;
}
#nav-storeinfo a {
	line-height: 60px;
	background-image: url(images/nav-bg-02.png);
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
#nav-facebook a {
	line-height: 60px;
	background-image: url(images/nav-bg-03.png);
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
#nav-artistinfo a {
	line-height: 60px;
	background-image: url(images/nav-bg-04.png);
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}
#logo  {
	width: 100%;
	text-align: center;
	position: relative;
	background-image: url(images/birod2-2.png);
	background-repeat: repeat-x;
	background-position: top;
}
#logo img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 15px;
}
#contents {
	overflow: hidden;
	padding-bottom: 200px;
}
#contents-inner {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
}
#contents-inner2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#post-new .post {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.bar {
	line-height: 50px;
	text-align: center;
	background-image: url(images/nav-bg01.png);
	margin-bottom: 50px;
	box-shadow: 0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
	margin-top: 100px;
	max-width: 1000px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	background-size:cover;
}
.bar img {
	text-align: center;
	display: inline;
}
#post-new .post .time {
	display: inline-block;
	line-height: 40px;
}
#post-new .post .title{
	display: inline-block;
	margin-left: 20px;
	line-height: 40px;
}
#post-new .post img {
	display: inline-block;
	margin-bottom: 13px;
	margin-left: 20px;
}
#post-new .post .title a strong {
	font-weight: bold;
}
#pworld {
}
#pworld-img {
	display: block;
	text-align: center;
	width: 100%;
}
#pworld-img img {
	margin-right: 3px;
	margin-bottom: 3px;
	text-align: center;
	display: inline-block;
}
#tenpo-info {

}
#tenpo-img {
	display: block;
	text-align: center;
	width: 100%;
}
#tenpo-img img {
	display: inline;
	margin-right: 3px;
	margin-bottom: 3px;
	text-align: center;
}
#facebook {
}
#facebook-img  {
	display: block;
	text-align: center;
	width: 100%;
}
#facebook-img img {
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 3px;
}
#privacy {
	line-height: 30px;
	text-align: center;
	width: 100%;
}
#privacy-inner {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
}
#privacy #privacy-inner .title-bar {
	font-weight: bold;
}

#privacy #privacy-inner #privacy-txt .bar2 {
}

#privacy #privacy-inner #privacy-txt .bottom1 {
	margin-top: 30px;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}
.footer-ban {
	display: block;
	margin-top: 50px;
}
#footer {
	background-color: #E6F1E0;
	height: 100%;
	background-image: url(images/copy-bg2.png);
	position: relative;
	width: 100%;
}
#footer #footer-bg-top {
	position: absolute;
	background-image: url(images/footer-bg2.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 90%;
	width: 100%;
	top: -150px;
}
#footer #footer-bg {
	height: 40px;
	width: 100%;
	background-color: #98C695;
	position: absolute;
	bottom: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #879E70;
	border-bottom-color: #E9EDE4;
	background-image: url(images/copy-bg.png);
}
#footer-inner {
	margin-right: auto;
	margin-left: auto;
	height: 400px;
	position: relative;
	max-width: 1000px;
	width: 100%;
}
#hashiba-logo {
	display: block;
	position: absolute;
	bottom: 100px;
	width: 100%;
	text-align: center;
}
#hashiba-logo img {
	display: inline;
	margin-right: 30px;
	margin-left: 30px;
}
#footer-info {
	text-align: left;
	width: 100%;
	position: absolute;
	bottom: 50px;
	font-size: 12px;
	letter-spacing: ;
}
#footer #footer-inner #copy {
	font-size: 8px;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0px;
	line-height: 40px;

}




/*テーブル、リンク*/


a {
	border: none;
	font-style: normal;
	text-decoration: none;
	outline: none;
	color: #333;
}
a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#tenpo li {
	display: block;
	margin-bottom: 200px;
}
table {
	border: px #E3E3E3 solid;
	border-collapse: collapse;
	margin-bottom: 80px;
	width: 100%;
	background-color: #FFF;
	box-shadow: 0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
}
table td {
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px dotted #999;
	line-height: 40px;
}
table td.item {
	background-color: #F6F6F6;
}
.table-block {
	box-shadow: 0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
	display: block;
}
.store-title {
	text-align: right;
}
.store-title .store-img {
	width: 60%;
}
.title-txt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #80FFD6;
	display: block;
	height: 85px;
	text-align: left;
	background-image: url(images/nav-bg04.png);
	background-size:cover;
}
.title-txt img {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B9FFE9;

}
.store-title img {
	text-align: right;
	display: inline;
}
.bar2 {
	font-weight: bold;
	display: block;
	margin-top: 20px;
}
#artistinfo-artist {
	display: block;
	position: relative;
	margin-right: px;
	margin-left: px;
	max-width: 1000px;
}
#artist-photo {
	display: block;
}
#artist-copy {
	line-height: 35px;
	display: block;
}
#honey {
	margin-top: 50px;
	margin-bottom: 30px;
}
#honey img {
	display: inline-block;
	width: 100%;
}
#goodtoday {
	margin-bottom: 50px;
	display: block;
}
#goodtoday img {
	display: inline-block;
	width: 100%;
}
.musicPlayer  {
	display: block;
	text-align: center;
	margin-top: 30px;
}
#newalbum {
	overflow: hidden;
}
#newalbum img {
	display: block;
	width: 100%;
}
#newalbum p {
	display: block;
	overflow: hidden;
}
#kissfm-cm {
	overflow: hidden;
}
#kissfm-cm a img {
	display: block;
	width: 100%;
}
#album-info {
	margin-top: 40px;
	margin-bottom: 40px;
	line-height: 30px;
	text-align: center;
	color: ;
}
#album-info a{
	color: #F90;
}
#hm-official {
	width: 100%;
	margin-top: 50px;
	text-align: center;
}





/*----------------------------------------------------
	responsive
----------------------------------------------------*/

@media screen and (max-width: 600px){

html,body {
	width: 100%;
	min-width: 360px;
}	
#header {
	display: block;
	width: 100%;
	top: 0px;
	overflow: hidden;
	position: relative;
	height: 150px;
}

#header-inner {
	width: 100%;
	overflow: hidden;
	height: 150px;
}

#nav #nav-inner li {
	width: 100%;
	display: block;
	background-image: url(images/nav-bg03.png);
	text-indent: -99999pt;
	background-repeat: no-repeat;
	background-size:cover;
	margin-bottom: 10px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	background-position: center;
	box-shadow: 0px 0px 4px #CCC;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
}
.post {
	padding-bottom: 10px;
	padding-top: 10px;
}
#post-new .post .time {
	display: inline-block;
	line-height: 20px;
}
#post-new .post .title{
	display: inline-block;
	margin-left: 20px;
	line-height: 20px;
}
#post-new .post img {
	display: inline-block;
	margin-bottom: 5px;
	margin-left: 20px;
}
#footer #footer-bg-top {
	position: absolute;
	background-image: url(images/footer-bg2.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 90%;
	width: 100%;
	top: -150px;
}
#footer-inner {
	margin-right: auto;
	margin-left: auto;
	height: 500px;
	position: relative;
	max-width: 1000px;
	width: 100%;
}


}