@charset "utf-8"; 

/*---------------------------------------------------------
 * タイトル用　共通
 *---------------------------------------------------------*/

#flash {
	height:280px;
	width:100%;
	background-image:url(../base/bg_flashin.jpg);
	background-repeat:repeat-x;
	z-index:5;
	background-color:#FDFDFC;	
}

#flash-line {
	width:960px;
	height:280px;
	margin:0 auto;
	z-index:6;
	outline:none;
}

/*---------------------------------------------------------
 * 商品内容用CSS 各種
 *---------------------------------------------------------*/

.main-box .box {
	padding:20px 0 0 30px;
}

#opening-box {
	background-image:url(../product/img/bg_op.jpg);
	background-repeat:no-repeat;
}

#opening-box h2 {
	background-image:url(../product/img/title_op.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:83px;
	width:260px;
	text-indent:-9999px;
	padding:40px 0 0 160px;
	margin-bottom:40px;
}

#guest-box {
	background-image:url(../product/img/bg_guest.jpg);
	background-repeat:no-repeat;
}

#guest-box h2 {
	background-image:url(../product/img/title_guest.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:83px;
	width:260px;
	text-indent:-9999px;
	padding:40px 0 0 160px;
	margin-bottom:40px;
}

#msg-box {
	background-image:url(../product/img/bg_msg.jpg);
	background-repeat:no-repeat;
}

#msg-box h2 {
	background-image:url(../product/img/title_msg.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:83px;
	width:260px;
	text-indent:-9999px;
	padding:40px 0 0 160px;
	margin-bottom:40px;
}

#opening-box h3,
#guest-box h3,
#msg-box h3 {
	margin:0 0 20px 0px;
}

.product-box .btn-product {
	width:100px;
	height:30px;
	background-image:url(../base/bt_product_on.jpg);
	float:right;
	margin:-80px 50px 80px 0;
}

/*---------------------------------------------------------
 * 各スタイル詳細情報　各種
 *---------------------------------------------------------*/

.product-box .photo-img {
	float:left;
	width:222px;
	background-image:url(../base/bg_photo206.jpg);
	background-position:top;
	background-repeat:no-repeat;
	font-size:10px;
	color:#917D91;
}

.product-box .sub-box p,
.product-box .data p {
	padding:0 5px 15px;
}

.product-box .photo-img img,
.product-box .photo-img img,
.product-box .photo-img img {
	padding:7px 11px;
}

#opening-box .product-img1,
#opening-box .product-img2,
#opening-box .product-img3,
#guest-box .product-img1,
#msg-box .product-img1 {
	background-repeat:no-repeat;
	background-position:11px 7px;
	display:block;
	width:214px;
	height:121px;
}
#opening-box .product-img1 {
	background-image:url(../base/img_op_jazz_on.jpg);
}
#opening-box .product-img2 {
	background-image:url(../base/img_op_slow_on.jpg);
}
#opening-box .product-img3 {
	background-image:url(../base/img_op_rhythm_on.jpg);
}
#guest-box .product-img1 {
	background-image:url(../base/img_guest_on.jpg);
}
#msg-box .product-img1 {
	background-image:url(../base/img_message_on.jpg);
}

.product-box .photo-img p {
	font-size:10px;
	margin:20px 0 0 0;
	padding:0 0 0 20px;
	background-image:url(../base/icon_copy.gif);
	background-repeat:no-repeat;
	color:#F69;
}

/*---------------------------------------------------------
 * 各スタイル詳細情報　共通
 *---------------------------------------------------------*/

.product-box .info {
	float:right;
	width:400px;
}

.product-box .info ul {
	width:340px;
}

.product-box .info li {
	background-image:url(../base/line_dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px 0;
}

.product-box .info span {
	background-repeat:no-repeat;
	padding:0 0 5px 25px;
	background-position:0 4px;
	width:80px;
	display:block;
	float:left;
}

.product-box .info .photo-num span {
	background-image:url(../product/img/icon_pic.gif);
	
}

.product-box .info .time-num span {
	background-image:url(../product/img/icon_time.gif);
}

.product-box .info .sound-num span {
	background-image:url(../product/img/icon_sound.gif);
}

.product-box .info .price-num {
	height:30px;
}
.product-box .info .price-num span {
	background-image:url(../product/img/icon_price.gif);
}

.product-box .info .price-num .price-yen {
	background-image:none;
	color:#F69;
	font-size:30px;
	padding:5px 10px 5px 0;
	height:30px;
	width:auto;
}


/*---------------------------------------------------------
 * お申し込みのメインBOX用のバナー
 *---------------------------------------------------------*/
.main-box .bnr-order-b {
	padding:0 0 20px 0px;
	background-image:url(../base/bt_quest-b_on.jpg);
	background-repeat:no-repeat;
}

/*---------------------------------------------------------
 * デフォBOX
 *---------------------------------------------------------*/
.main-box .jacket,
.main-box .sound,
.main-box .data {
	background-image:url(../base/bg_defo.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:40px;
	padding:44px 0 0 30px;
}

.main-box .jacket h2,
.main-box .sound h2,
.main-box .data h2 {
	background-position:left bottom;
	background-repeat:no-repeat;
	height:28px;
	margin-bottom:30px;
	padding:0;
	text-indent:-9999px;
	width:100%;
}

.main-box .jacket h2 {
	background-image:url(../product/img/title_jacket.gif);
}

.main-box .sound h2 {
	background-image:url(../product/img/title_music.gif);
}

.main-box .data h2 {
	background-image:url(../product/img/title_media.gif);
}

/*---------------------------------------------------------
 * 取扱いデータテーブル
 *---------------------------------------------------------*/
 
.data ul {
	width:630px;
	margin-bottom:20px;
	border: solid #CAC0CB;
	border-width: 1px 1px 0px 1px;
    border-collapse: collapse;
    border-spacing: 0;
}

.data li {
	padding:5px 10px;
	background-color:#FFF;
	border: solid #CAC0CB;
    border-width: 0 0 1px 0px;
	vertical-align:top;
	white-space: nowrap;
}

.data .odd {
	background-color:#FCFAFC;
}

/*---------------------------------------------------------
 * 提供音楽について
 *---------------------------------------------------------*/

.sound-box {
	margin:20px 0;
}
.sound-box h3 {
	background-color:#F2ECF2;
	margin:0 0 10px;
	padding:2px 0px 2px 30px;
	width:600px;
	background-image:url(../product/img/icon_sound.gif);
	background-position:10px 7px;
	background-repeat:no-repeat;
	font-weight:bold;
}

.sound-box p {
	padding-bottom:10px;
}


/*---------------------------------------------------------
 * DVDジャケットについて
 *---------------------------------------------------------*/

.jacket p {
	padding-bottom:20px;
}

.jacket li {
	float:left;
	margin:0 20px 20px 0;
}

.jacket li img {
	border:1px solid #CAC0CB;
	padding:8px 10px 10px;
	background-color:#FFF;
}

/*---------------------------------------------------------
 * 共通の無料サービスです
 *---------------------------------------------------------*/

.main-box .service {
	background-image:url(../base/bg_defo.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:20px;
	margin-bottom:40px;
}

.service h2 {
	margin:40px 20px 20px;
}

.service li {
	background-repeat:no-repeat;
	padding:0 0 40px 110px;
}

.service li p {
	background-color:#F2ECF2;
	padding:2px 5px;
	margin:0 0 10px 0;
	width:96%;
}

.service .service1 {
	background-image:url(../product/img/icon_free1.jpg);
    background-position:14px 0;
}
.service .service2 {
	background-image:url(../product/img/icon_free2.jpg);
	background-position:left top;
}
.service .service3 {
	background-image:url(../product/img/icon_free3.jpg);
	background-position:15px 0;
}

/*---------------------------------------------------------
 * TOP
 *---------------------------------------------------------*/
 
 
.tab-box {
	background-image:url(../base/bg_product.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding:10px 0;
}

.main-box .tab-box .content {
	padding:20px 0 0 20px;
}

.tab-box h2 {
	float:left;
	padding:10px 0 0 10px;
	width:390px;
}

.tab-box .btn-product {
	background-image:url(../base/bt_product_on.jpg);
	float:right;
	height:30px;
	margin: 0 10px 0 0;
	width:100px;
}
 
.product-box .tab-box ul#tabs {
	margin:0;
	padding:0 0 0 75px;
	height:40px;
}

.product-box .tab-box ul#tabs li {
	float:left;
	margin-right:12px;
	display:block;
	height:40px;
	width:120px;
	text-indent:-9999px;
	cursor: hand;
}

.product-box .tab-box #tabs a {
	outline:none;
	display:block;
	height:40px;
	width:120px;
}

.product-box .tab-box #tabs #opn a:hover,
.product-box .tab-box #tabs #opn .active {
	background-image:url(../base/bt_opening_on.jpg);
}

.product-box .tab-box #tabs #gst a:hover,
.product-box .tab-box #tabs #gst .active {
	background-image:url(../base/bt_guest_on.jpg);
}

.product-box .tab-box #msg a:hover,
.product-box .tab-box #tabs #msg .active {
	background-image:url(../base/bt_message_on.jpg);
}

.tab-box #opening-boxs ul,
.tab-box #guest-boxs ul,
.tab-box #message-boxs ul {
	padding:12px 0;
}
.tab-box #opening-boxs li,
.tab-box #guest-boxs li,
.tab-box #message-boxs li {
	float:left;
	width:222px;
	margin:10px 0 20px;
	background-image:url(../base/bg_photo206.jpg);
	background-position:top;
	background-repeat:no-repeat;
	font-size:10px;
	color:#917D91;
}

.tab-box #opening-boxs li img,
.tab-box #guest-boxs li img,
.tab-box #message-boxs li img {
	padding:7px 11px;
}

.tab-box #opening-boxs li p,
.tab-box #guest-boxs li p,
.tab-box #message-boxs li p {
	font-size:12px;
	padding:15px 0 0;
	font-weight:bold;
}

.tab-box .product-text {
	padding:0 10px;
}

.tab-box #opening-boxs .product-img,
.tab-box #guest-boxs .product-img,
.tab-box #message-boxs .product-img {
	background-repeat:no-repeat;
	background-position:11px 7px;
}

.tab-box #opening-boxs .product-img1 {background-image:url(../base/img_op_jazz_on.jpg);}
.tab-box #opening-boxs .product-img2 {background-image:url(../base/img_op_slow_on.jpg);}
.tab-box #opening-boxs .product-img3 {background-image:url(../base/img_op_rhythm_on.jpg);}
.tab-box #guest-boxs .product-img1 {background-image:url(../base/img_guest_on.jpg);}
.tab-box #message-boxs .product-img1 {background-image:url(../base/img_message_on.jpg);}

.tab-box #guest-boxs,
.tab-box #message-boxs { display:none; }
.title-inbox {
	height:30px;
}
/*-- ends here --*/