@charset "utf-8";
/* CSS Document */

/* =========================================================== */
/* フォーマット */
/* =========================================================== */
html {
margin:0px;
padding:0px;
}
body {
	background-color:#fcfbfb;
	text-align:center;
}
a{ background-position:left top;background-repeat:no-repeat; color: #f64803;}
a:link{ color: #f64803;}
a:visited{ color: #f64803; }
a:active{ color: #f64803; }
a:hover{ background-position:left bottom; color: #999999;}

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form ,th {
font-weight: normal;
margin: 0px;
padding: 0px;
}
table {
border-collapse:collapse;
}
ul {
list-style:none outside;
}
img {
border:none;
vertical-align: bottom;
}
body,td,div {
	font-size:16px;
	font-family:sans-serif;
	line-height:140%;
	color:#000000;
	margin:0px;
	padding:0px;
}

.floatLeft {
float:left;
}
.floatRight {
float:right;
}
h1 a, .wdImg {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* ie6バグ対策 */
.foot-ie6 {
height:1px;
}

.titlebg-on {
	background:url(../images/common/bg_title.gif) left top repeat-x;
	display:block;
	height:38px
}
#areaPagelayout {
	width:100%;
}

h2 {
	margin:30px auto 0px auto;
}
#pageSitetop h2 {
	margin-top:0px;
}


/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	body {
		background:url(../images/common/background-image.gif) #fcfbfb -975px top no-repeat;
	}
	 .modeSP {
		display:none;
	}
	
}
/* PC背景固定用ソース ===================== */
@media screen and (min-width: 1050px) {
	body {
		background:url(../images/common/background-image.gif) #fcfbfb center top no-repeat;
	}
	
}

/* =========================================================== */
/* ヘッダー */
/* =========================================================== */
#areaHeader {
	width:100%;
	background:#ffffff;
}
h1 {
	background-color:#0066ff;
	width:100%;
	height:60px;
}
h1 a {
	background:url(../images/common/sitelogo_sp.gif) left top no-repeat;
	width:130px;
	height:60px;
}
#areaHeader dl {
	display:none;
}
#btn_menu {
	position:absolute;
	top:15px;
	right:10px;
}
#area_headmenu {
	width:100%;
	height:0px;
	overflow:hidden;
}
ul#areaGnavi {
	clear:both;
	width:100%;
	margin:0px 0px 0px auto;
}
ul#areaGnavi li {
	background:url(../images/common/arrow_sp.gif) #ffffff right center no-repeat;
	width:100%;
}
#areaGnavi li a {
	background-image:url(../images/common/gnavi_image_sp.gif);
	width:100%;
	height:61px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#areaGnavi li#gnaviBtn01 a {
	background-position:0px 0px;
}
#areaGnavi li#gnaviBtn02 a {
	background-position:0px -61px;
}
#areaGnavi li#gnaviBtn03 a {
	background-position:0px -122px;
}
#areaGnavi li#gnaviBtn04 a {
	background-position:0px -183px;
	height:62px;
}
.container-pankuzu {
	font-size:12px;
	text-align:left;
	margin:15px 0px 0px 10px;
	padding-bottom:5px;
}
#pageSitetop .container-pankuzu {
	height:0px;
	overflow: hidden;
	margin:0px;
	padding-bottom:0px;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaHeader {
		background:none;
		width:1050px;
		height:245px;
		margin:0px auto;
	}
		h1 {
		float:left;
		background-color:#ffffff;
		width:195px;
		height:89px;
		padding:10px 0px;
	}
	h1 a {
		background:url(../images/common/sitelogo.gif) left top no-repeat;
		width:195px;
		height:89px;
		margin:0px auto;
	}
	#areaHeader dl {
		float:right;
		display:block;
		width:661px;
		text-align:right;
		margin-top:29px;
	}
	#areaHeader dl dt {
		background:url(../images/common/txt_head01.gif) right top no-repeat;
		width:661px;
		height:32px;
		display:block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#areaHeader dl dd {
		background:url(../images/common/txt_head02.gif) left top no-repeat;
		width:661px;
		height:25px;
		display:block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	#area_headmenu {
		height:111px;
	}
	#pageSitetop #area_headmenu {
		height:136px;
	}
	ul#areaGnavi {
		width:1000px;
		height:111px;
		margin:0px auto;
	}
	ul#areaGnavi li {
		float:left;
		background:none;
		width:203px;
		padding-top:37px;
	}
	#areaGnavi li#gnaviBtn04 {
		width:204px;
	}
	#areaGnavi li a {
		background-image:url(../images/common/gnavi_image.gif);
		width:203px;
		height:62px;
	}
	
	#areaGnavi li#gnaviBtn01 a {
		background-position:0px 0px;
	}
	#areaGnavi li#gnaviBtn02 a {
		background-position:-203px 0px;
	}
	#areaGnavi li#gnaviBtn03 a {
		background-position:-406px 0px;
	}
	#areaGnavi li#gnaviBtn04 a {
		background-position:-609px 0px;
		width:204px;
	}
	#areaGnavi li#gnaviBtn01 a:hover {
		background-position:0px bottom;
	}
	#areaGnavi li#gnaviBtn02 a:hover {
		background-position:-203px bottom;
	}
	#areaGnavi li#gnaviBtn03 a:hover {
		background-position:-406px bottom;
	}
	#areaGnavi li#gnaviBtn04 a:hover {
		background-position:-609px bottom;
		width:204px;
	}
	.container-pankuzu {
		font-size:12px;
		text-align:left;
		margin-left:25px;
	}
}





#areaGnavi li#gnaviBtn03 {
	height:0px;
}


/* =========================================================== */
/* コンテンツエリア */
/* =========================================================== */
#areaContents {
	width:100%;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaContents {
		width:1000px;
		margin:0px auto;
	}
}

/* =========================================================== */
/* H2 */
/* =========================================================== */
h2 {
	width:95%;
	height:37px;
}
#areaNewrelease h2 {
	background:url(../images/common/title_newrelease.gif) left top no-repeat;
}
#areaReleased h2 {
	background:url(../images/common/title_released.gif) left top no-repeat;
	margin-bottom:7px;
}
#pageNews h2 {
	background:url(../images/news/title_news.gif) left top no-repeat;
}
#pageContact h2 {
	background:url(../images/contact/title_contact.gif) left top no-repeat;
}
#pageProduct h2 {
	background:url(../images/product/title_product.gif) left top no-repeat;
}
#areaNews h2 {
	height:0px;
	overflow: hidden;
}

@media screen and (min-width: 750px) {
	h2 {
		width:1000px;
	}
	#pageSitetop h2 {
		margin-bottom:47px;
	}
	#areaNews h2 {
		background:url(../images/common/title_news.gif) left top no-repeat;
		width:321px;
		height:38px;
		margin-bottom:0px;
	}
}

/* =========================================================== */
/* トップメインバナー */
/* =========================================================== */
#areaPickupbanner {
	width:100%;
}
#areaPickupbanner img {
	width:100%;
	max-width:634px;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaPickupbanner {
		float:left;
		width:634px;
	}
}

/* =========================================================== */
/* トップ　新着情報 */
/* =========================================================== */


/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaNews {
		float:right;
		width:321px;
		height:383px;
		margin-bottom:57px;
	}
	#areaNews dl {
		background-color:#ffffff;
		height:305px;
		text-align:left;
		border:#c6c4c4 1px solid;
		overflow:auto;
		padding:20px;
	}
	#areaNews dl dt {
		font-size:10px;
		font-weight:bold;
		color:#77797a;
		padding-bottom:0px;
	}
	#areaNews dl dd {
		font-size:10px;
		border-bottom:#c6c4c4 1px dotted;
		margin-bottom:12px;
		padding-bottom:8px;
	}
}

/* =========================================================== */
/* トップ　発売予定 */
/* =========================================================== */
#areaReleased {
	width:100%;
	margin-bottom:57px;
}

.container-bookinfo {
	clear:both;
	width:95%;
	max-width:600px;
	margin:0px auto;
	padding-top:30px;
}
.con-bookimage {
	float:left;
	width:30%;
	max-width:181px;
}
.con-bookimage img {
	width:100%;
}
.container-bookinfo dl {
	float:right;
	width:65%;
	text-align:left;
}
.container-bookinfo dl dt {
	font-size:16px;
	font-weight:bold;
	padding-right:5px;
}
.container-bookinfo dl dt span {
	font-size:12px;
}
.container-bookinfo dl dt strong {
	font-size:14px;
	font-weight:normal;
}
dd.bookinfo-01 {
	font-size:12px;
	margin-top:16px;
	line-height:160%;
}
dd.bookinfo-02 {
	font-size:12px;
	margin-top:3px;
	line-height:160%;
}



/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaReleased {
		clear:both;
		width:1000px;
	}
	
	.container-bookinfo {
		clear:none;
		float:left;
		width:500px;
		text-align:left;
		padding-top:0px;
	}
	
	.con-bookimage {
		float:left;
		width:181px;
		height:309px;
	}
	.container-bookinfo dl {
		float:right;
		width:290px;
	}
	.container-bookinfo dl dt {
		padding-right:20px;
	}
	dd.bookinfo-01 {
		font-size:14px;
		margin-top:16px;
		line-height:160%;
	}
	dd.bookinfo-02 {
		font-size:12px;
		margin-top:3px;
		line-height:160%;
	}
	
}



/* =========================================================== */
/* 下階層　既刊一覧 */
/* =========================================================== */





/* =========================================================== */
/* ニュース */
/* =========================================================== */
.news-container {
	width:84%;
	text-align:left;
	font-size:14px;
	border:1px solid #e1e1e1;
	margin:30px auto 30px;
	padding:20px;
}
.news-container span {
	color:#77797a;
	font-size:16px;
}
.news-container h3 {
	color:#f64803 ;
	font-size:20px ;
	font-family:"メイリオ",Meiryo ;
	line-height:1.3em;
	text-align:left;
	border-bottom:1px solid #e1e1e1;
	padding:14px 0px 12px 0px;
}
.news-info {
	line-height:1.8em;  /* 変更 */
	padding:25px 0px 0px 0px;
        font-family: "メイリオ", sans-serif;  /* 追加 */
        font-size: 12pt;  /* 追加 */
}
.news-info p {
      	line-height:1.8em;     /* 追加 */
	padding:0px 10px 15px 10px;
        font-family: "メイリオ", sans-serif;  /* 追加 */
        font-size: 11pt;  /* 追加 */
}
.news-cast {
	line-height:2.2em;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	.news-container {
		width:1000px;
		border:0;
		margin:48px 0px 80px 0px;
		padding:0px;
	}
	.news-container h3 {
		font-size:26px ;
	}
	.news-info {
		padding:36px 0px 0px 0px;
	}
	.news-info p {
		padding:0px 30px 18px 20px;
	}
}



/* =========================================================== */
/* お問い合わせ */
/* =========================================================== */
.contact-box {
	width:100%;
	text-align:center;
}

.contact-box p {
	font-size:14px;
	margin-bottom:100px;
}
p.btn-contact {
	width:263px;
	margin:80px auto 40px auto;
}
p.btn-contact a {
	background:url(../images/contact/contact_button.gif) left top no-repeat;
	width:263px;
	height:40px;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	.contact-box {
		width:1000px;
		text-align:center;
	}
	
	p.btn-contact {
		width:407px;
	}
	p.btn-contact a {
		background:url(../images/contact/btn_contact.gif) left top no-repeat;
		width:407px;
		height:62px;
		display:block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	p.btn-contact a:hover {
		background-position:left bottom;
	}
	
	
}



/* =========================================================== */
/* 製品ページ */
/* =========================================================== */
.product-box {
	width:95%;
	text-align:left;
	margin:20px auto 0px auto;
}
.product-box dl dt {
	text-align:center;
}
.product-box dl dd.product-info {
	width:100%;
}

.product-box dl dd.product-cast {
	clear:both;
}
.product-box dl dd .product-name {
	position:relative;
	padding-top:84px;
	padding-bottom:12px;
}
.product-box dl dd .product-name h3 {
	font-size:22px;
	font-weight:bold;
	color:#f64803;
}
.product-box dl dd .product-name h3 span {
	font-size:16px;
	display:block;
	padding-top:5px;
}
.product-box dl dd .product-name .product-series {
	width:100%;
	font-size:20px;
	text-align:right;
	color:#0086cd;
	border-bottom:#0086cd 2px solid;
	position:absolute;
	top:15px;
}
.product-box dl dd .product-name .product-type {
	font-size:14px;
	color:#f64803;
	position:absolute;
	top:57px;
}

.product-box dl dd .product-body {
	position:relative;
}
p.product-author {
	font-size:14px;
	padding-bottom:30px;
}
.product-box dl dd .product-body ul.product-otameshi {
	width:100%;
}
.product-data {
	clear:both;
	width:100%;
}
.product-data p {
	font-size:14px;
	padding-bottom:14px;
}

ul.product-otameshi li {
	float:left;
	width:180px;
}

ul.product-otameshi li a {
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

li.btn-read a {
	background:url(../images/product/read_btn.gif) left top no-repeat;
	width:171px;
	height:49px;
	margin-bottom:12px;
} 
li.btn-listen a {
	background:url(../images/product/view_btn.gif) left top no-repeat;
	width:171px;
	height:49px;
}

.product-cast,
.product-tokuten {
	padding-top:40px;
}
.product-cast ul {
	width:100%;
	margin-top:25px;
}
.product-cast ul li {
	clear:both;
	width:100%;
	max-width:510px;
	margin:0px auto;
	padding-bottom:20px;
}




.cast-img {
	float:left;
	width:35%;
	max-width:180px;
	font-size:12px;
	margin:0px auto;
	padding-bottom:20px;
}
.cast-img img {
	width:100%;
}
.cast-text {
	float:right;
	width:60%;
	font-size:12px;
	line-height:140%;
	color:#666666;
	margin:0px auto;
	padding-bottom:20px;
}
.cast-text span.cast-name {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:0px 0px 5px 0px;
}
/*
.cast-name {
	width:178px;
	font-size:14px;
	margin:0px auto;
	padding:8px 0px 3px 2px;
}
*/


/* h4設定 ===================== */
.product-data h4 {
	color:#f64803;
	font-size:14px;
	font-weight:bold;
	padding-bottom:4px;
}

.product-cast h4,
.product-tokuten h4 {
	clear:both;
	background-color:#0086cd;
	color:#ffffff;
	padding:8px 10px 5px 10px;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	.product-box {
		width:1000px;
		margin-top:44px;
	}
	.product-box dl dt {
		float:left;
	}
	.product-box dl dd.product-info {
		float:right;
		width:663px;
	}
	
	
	
	
	.product-box dl dd .product-name .product-series {
		top:0px;
	}
	.product-box dl dd .product-body ul.product-otameshi {
		float:left;
		width:171px;
	}
	.product-data {
		clear:none;
		float:right;
		width:450px;
	}
	ul.product-otameshi li {
		clear:both;
		width:171px;
	}
	
	
	.product-cast ul {
		width:1000px;
		margin-top:25px;
	}
	.product-cast ul li {
		clear:none;
		float:left;
		width:200px;
		padding-bottom:20px;
	}
	.cast-img {
		float:none;
		width:180px;
		font-size:12px;
		margin:0px auto;
		padding-bottom:0px;
	}
	.cast-text {
		float:none;
		width:180px;
		margin:0px auto;
		padding-bottom:0px;
	}
	.cast-text span.cast-name {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#333333;
		padding:10px 0px 5px 0px;
	}
	
	
	
}





/* =========================================================== */
/* フッター */
/* =========================================================== */
#areaFooter {
	clear:both;
	width:100%;
	border-top:#c6c4c4 1px solid;
	margin-top:35px;
	padding-bottom:20px;
}
#areaFooter ul {
	width:100%;
	margin:35px auto 10px auto;
}
#areaFooter ul li {
	padding-bottom:10px;
}

/* PC用ソース ===================== */
@media screen and (min-width: 750px) {
	#areaFooter {
		clear:both;
		width:1000px;
		margin:20px auto 0px auto;
		padding-bottom:37px;
	}
	#areaFooter ul {
		width:476px;
		margin:35px auto 20px auto;
	}
	#areaFooter ul li {
		float:left;
	}
	#areaFooter ul li a {
		padding:0px 18px;
	}
	
	p.txt-copyright {
		clear:both;
		font-size:14px;
		padding:20px 0px 0px 0px;
	}
}

/* =========================================================== */
/* 試聴 */
/* =========================================================== */
li.area-listen {
	height:0px;
	overflow:hidden;
}
.audiojs {
	width: 171px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;  
	-o-box-shadow: none;
	box-shadow: none;
	position: relative;
	overflow: visible;
}
.audiojs .scrubber {
	width:110px;
}
.audiojs .time {
	position: absolute;
	display:block;
	width:155px;
	height:30px;
	background-color:#454545;
	top:36px;
	left:0px;
	text-align:right;
	border-top:2px solid #333333;
	border-right:3px solid #333333;
	border-bottom:3px solid #333333;
	border-left:3px solid #333333;
}
.audiojs .time {
	font-size:14px;
	margin:0px;
	padding:0px 10px 0px 0px;
}




























?