@charset "utf-8";
/* CSS Document */
html{
	}

body{
	font-size: small;
	line-height: 1.5em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	background-color: #FFFFFF;
	}
	
a:link,a:visited {color: #000000;}
a:hover,a:active{
	color: #000000; 
	text-decoration: none; 
	}


img{
	margin:0px;
	padding:0px;
	border:none;
	}
*{
	margin: 0px;
	padding: 0px;
	}
small{
	font-size:80%;
	}
strong{
	color:#FF3300;
	font-weight:normal;
	text-decoration: none; 
	}
em{
	font-weight:bold;
	text-decoration: none;
	font-style:normal;
	}
p{
	margin-bottom:1.5em;
	}


#container01{
	background:url(bg.gif) no-repeat center top;
	width:900px;
	margin:0 auto;
}
#head{
	background:url(main_photo.jpg) no-repeat center top;
	padding:0 50px;
	height:600px;
	position:relative;
}
#head img{
	vertical-align:baseline;
	}
#heada:hover,#heada:active{
	background:none;
	}
#head p{
	margin:0;
	padding:0;
	}

h1.book{
	position:absolute;
	top:87px;
	}
	
h1.dvd{
	position:absolute;
	top:291px;
	right:50px;
	}
p.day{
	position:absolute;
	top:53px;
	left:616px;
	}
p.bookdvd{
	position:absolute;
	top:259px;
	}
p.eventbanner{
	position:absolute;
	top:415px;
	right:50px;
	}
div.main{
	width:600px;
	margin-left:50px;
	position:relative;
	}
div.main h2{
	position:absolute;
	top: -65px;
	}

.main01,
.main02{
	float:left;
	width:690px;
	position:relative;
	}
.main01{
	background:url(bg_book.gif) no-repeat 60% 15%;
	}
.main02{
	background:url(bg_dvd.gif) no-repeat 52% 0%;
	}
.main01 h2,
.main02 h2{
	width:480;
	}
.main01 p,
.main02 p{
	margin:0 210px 0.5em 50px;
	}
.sub01{
	width:190px;
	position:absolute;
	top:-160px;
	right:0;
	}
.sub01 img,
.sub02 img{
	padding-bottom:2px;
	}

.sub02{
	width:190px;
	position:absolute;
	top:-40px;
	right:0;
	}

dl{
	margin:0 210px 0.5em 50px;
	padding:5px;
	border:1px dashed #FF6633;
	}	
dt{
	color:#0066CC;
	font-weight:bold;
	font-size:110%;
	}
dd{
	font-size:80%;
	line-height:120%;
	}
ul.data{
	margin:20px 210px 0 50px;
	list-style:none;
	line-height:100%;
	background:url(line02.gif) repeat-y left top;
	}
ul.data li{
	margin:0 0 0.3em 20px;
	}
	
/*サンプル写真*/
.samplephotos{
	float:left;
	width:160px;
	background:url(line02.gif) repeat-y 135px top;
	}
.samplephotos h4,
.samplephotos ul{
	margin-left:50px;
	list-style:none;
	background:none;
	}
.samplephotos li{
	margin-bottom:20px;
	margin-top:10px;
	}
.samplephotos li img{
	vertical-align:bottom;
	}
.samplephotos a:link img,
.samplephotos a:visited img {border:4px solid #FFCCFF;}
.samplephotos a:hover img,
.samplephotos a:active img{border:4px solid #ED9B19; background:none;}

/*サンプルページ戻るボタン*/
.samplephotos p{
	margin-left:60px;
	}
.samplephotos p a:link,
.samplephotos p a:visited{
	display:block;
	background:url(back_b.gif) no-repeat left top;
	width:63px;
	height:19px;
	border:none;
	}
.samplephotos p a:hover,
.samplephotos p a:active{
	background:url(back_b.gif) no-repeat left bottom;
	}
.samplephotos p a span{
	display:none;
	}

/*プロフィール　イベント プレゼント*/
#main03{
	clear:both;
	margin:0 50px 0 50px;
	padding:80px 0 10px 160px;
	background:url(line02.gif) repeat-y 85px top;
	
	}
h4{
	background:url(line01.gif) repeat-x left center;
	}
	
.present h2{
	margin:10px 0;
	font-size:110%;
	}
.present .present_kome{
	font-size:90%;
	margin-bottom:30px;
	}
.event-txt{
	border:3px dotted #ED9B19;
	padding:10px;
	margin:10px 0;
	background:url(bg03.jpg) repeat-x left bottom;
	}
.event-txt h2{
	font-size:110%;
	color:#FFFFFF;
	background:#ED9B19;
	padding:2px;
	}
.event-txt h2 span,
.present h2 span{
	font-size:80%;
	color:#FFFFFF;
	background:#F9634A;
	padding:2px 5px;
	margin:2px 5px;
	vertical-align:middle;
	}
.event-txt dl{
	margin:0 20px 10px 20px;
	padding:5px;
	border:none;
	}	
.event-txt dt{
	color:#000;
	font-weight:bold;
	font-size:100%;
	}
.event-txt dd{
	font-size:100%;
	line-height:120%;
	margin-left:3em;
	}

.eventlink{
	margin:0 0 0 490px;
	}
.eventlink a:link,
.eventlink a:visited{
	display:block;
	background: url(event_b.gif) no-repeat left top;
	width:119px;
	height:26px;
	border:none;
	}
.eventlink a:hover,
.eventlink a:active{
	background:url(event_b.gif) no-repeat left bottom;
	}
.eventlink a span{
	display:none;
	}

/*関連商品*/
.banner{
	margin-bottom:0;
	}

.footer{
	clear:both;
	background:url(footer_bg.gif) no-repeat center top;
	margin:20px 50px;
	padding-top:20px;
	}
.footer .copyright{
	display:block;
	width:50%;
	float:left;
	}
.footer .menu{
	display:block;
	width:40%;
	float:right;
	text-align:right;
}


/* cartjs ----------------*/
.cartjs_box{
}
/*form*/
form.cartjs_product_form{
}

/*table*/
.cartjs_product_table{
}
.cartjs_product_table table{
	width:100%;
	margin:0;
	padding:0;
	color:#333;
}
.cartjs_product_table th{
	text-align:right;
	font-weight:normal;
	background:#D2E4F0;
}
.cartjs_product_table td{
	background:#F8F9ED;

}
.cartjs_product_table td,
.cartjs_product_table th{
	padding:1px 3px;
}
.cartjs_cart_in input{
	width:190px;
	height:22px;
	border:none;
	background-color:#FFED96;
	border:2px solid #016AA2;
	color: #016AA2;
	font-weight:bold;
	font-size:12px;
}

/*カートを見る
.showcart{
	margin:3px 0;
}
.showcart a{
	display:block;
	width:186px;
	height:16px;
	background-color:#4F97C5;
	border:2px solid #016AA2;
	color: #FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}*/
	

/*オーダーテーブル*/
form.odertable {
	margin:0 0 5px 0;
	line-height: 1.2em;
	}
.oder,
.cart{
	width:73px;
	height:20px;
	background-color:#FFED96;
	border:2px solid #016AA2;
	color: #016AA2;
	font-weight:bold;
	font-size:12px;
	}
.cart{
	width:73px;
	height:20px;
	border:none;
	background-color:#4F97C5;
	border:2px solid #016AA2;
	color: #FFFFFF;
	font-weight:bold;
	font-size:12px;
	margin-left:2px;
	}
form.odertable p{
	margin:0 0 10px 0;
	padding:0 2px;
	font-size:100%;
	text-align:center;
	background-color:#4F97C5;
	border:2px solid #016AA2;
	color:#FFF;
}
/*---------------------------*/

/*サンプルページ用*/
#container_sample{
	background:url(footer_bg.gif) no-repeat center 10px;
	width:580px;
	margin:0 auto;
}
#container_sample h1{
	padding-top:35px;

	}
.samplemain{
	}
.sample_photo{
	text-align:center;
	}
	
#container_sample .footer{
	margin:20px 0;
	padding-top:10px;
	}