/* /////////////// GLOBAL /////////////// */

HTML {
	font-family: '¥á¥¤¥ê¥ª', Meiryo, sans-serif;
}

body {
	font-size: 12px;
}

.audiojs {
	height: 0;
	width: 0;
}

P.clearspace {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 10px;
}

P.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* defaults for ie6 */
A, A:hover, A:active, A:focus {
	outline:0;
	font-weight:normal;
}

#sidebartop, #sidebar_ab_sub, #sidebar_banner, #sidebar_ab_beginner {
	display: block;
}

#sidebartop {
    display: none;
}

/* /////////////// TOP BANNER /////////////// */

#digigi-main-image-wrapper {
	width: 100%; clear: both; text-align: center; display: block; margin-top: 10px;
}

#digigi-main-image-container {
	width: 950px; margin: 0 auto; padding: 30px 0 0 0;
}

#banner-wrapper {
	width: 650px;
	float: left;
}

#banner-Container {
	position: relative;
	width: 650px;
	height: 300px;
}

.digigi-main-image {
	width: 650px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
	display:none;
}

#b-prev {
	display: none;
	position: absolute;
	top: 115px;
	left: 10px;
}

#b-next {
	display: none;
	position: absolute;
	top: 115px;
	left: 570px;
}

.banner-pointer {
	margin: 10px 0 0 0;
	text-align: center;
	color: #dcdcdc;
	font-size: 11px;
}

#bannerListContainer {
	margin: 10px 0 0 0;
	width: 650px;
	height: 70px;
	background: #fff;
	overflow: hidden;
	text-align: left;
	position: relative;
}

#banListBox {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
}

#banListPrev {
	position: absolute;
	top: 23px;
	left: 5px;
	display: none;
}

#banListNext {
	position: absolute;
	top: 23px;
	right: 5px;
	display: none;
}


#tophelp {
    width: 950px;
    margin: 40px auto 0 auto;
}

#tophelp P {
    text-align: left;
    margin: 5px 0 0 0;
    padding: 0;
    color: rgb(100,100,100);
}

#tophelp P SPAN.hajimete {
    color: rgb(232,134,37);
    font-weight: bold;
    margin: 0 10px 0 0;
}

#tophelp P A {
    color: rgb(60,60,60);
}

#tophelp P SPAN.line {
    margin: 0 10px;
}


#slideBannerContainer {position: relative; width: 950px; height: 300px; margin: 20px auto 0 auto; overflow: hidden; background: #fff;}
.slideBanner {display: none;}
.slideBannerMain {position: absolute; top: 0; left: 150px; width: 650px;}
.slideBannerLeft {position: absolute; top: 0; left: -500px; width: 150px; height: 300px; opacity: 0.2;}
.slideBannerRight {position: absolute; top: 0; left: 800px; width: 150px; text-align: left; opacity: 0.2;}
.slideBannerText {position: absolute; top: 305px; left: 150px; width: 650px; height: 20px; }
.slideBannerText P {margin: 0; padding: 0; color: rgb(120,120,120); text-align: left; height: 20px; font-size: 11px;}
#slideBanner-prev { position: absolute; top: 115px; left: 30px; z-index: 10; display: none; }
#slideBanner-next { position: absolute; top: 115px; right: 30px; z-index: 10; display: none; }

/* /////////////// AUDIOBOOKPLAYER ENTRANCE /////////////// */

#audiobookPlayerEnter {
	position: fixed;
	top: 225px;
	right: -270px;
	background: rgba(0, 0, 0, 0.7);
}

#audiobookPlayerEnterIn {
	float: left;
	width: 220px;
}

#audiobookPlayerEnterTitle {
	padding: 0;
	margin: 20px;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
}

#audiobookPlayerEnterTxt {
	padding: 0;
	margin: 0 20px;
	color: #ffffff;
	line-height: 1.5em;
	font-size: 12px;
}

#audiobookPlayerEnterEnter {
	padding: 0;
	margin: 20px;
	color: #ffffff;
	line-height: 1.5em;
	font-size: 14px;
	text-align: center;
}

#audiobookPlayerEnterEnter A {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#audiobookPlayerEnterEnter A:hover {
	text-decoration: underline;
}

#audiobookPlayerEnterWarn {
	padding: 0;
	margin: 20px;
	color: #ffffff;
	line-height: 1.5em;
	font-size: 10px;
}

#audiobookPlayerEnterBtns {
	float: left;
	width: 50px;
	text-align: center;
}

#audiobookPlayerEnterBtns P {
	margin: 10px 0 10px 0;
	padding: 0;
}

/* /////////////// PICKUP /////////////// */

.pickup {
    width: 715px;
    margin: 0 0 50px 0;
}

.pickup H2 {
    margin: 0;
    background: url(../../images/pickup-headline.gif) top left no-repeat;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 20px;
    color: #b72f2f;
}

.pickup TABLE {
    background: rgb(250,250,250);
    padding: 20px 0;
}

.pickup TABLE TD.leftImg {
    width: 200px;
    text-align: center;
}

.pickup TABLE P.img {
    margin: 0;
    padding: 0;
}

.pickup TABLE P.sample {
	width: 200px;
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 12px;
	padding: 0;
}

.pickup TABLE P.sample A {
	background: url(../../images/sample-audio-listen.gif) top left no-repeat;
	display: block;
	width: 160px;
	margin: 0 0 0 20px;
	height: 25px;
	text-indent: -5000px;
}


.pickup TABLE TD.rightTxt {
    width: 515px;
}

.pickup TABLE P.title {
    margin: 0 0 10px 0;
    font-size: 14px;
}

.pickup TABLE P.title A {
    color: rgb(0,0,0);
    text-decoration: none;
}

.pickup TABLE P.title A:hover {
    text-decoration: underline;
}

.pickup TABLE P.author {
    margin: 0 0 10px 0;
    color: rgb(60,60,60);
    font-size: 12px;
}

.pickup TABLE P.price {
    margin: 0 0 10px 0;
    color: rgb(60,60,60);
    font-size: 12px;
}

.pickup TABLE p.chath {
    margin: 0 0 10px 0;
    font-size: 13px;
    font-weight: bold;
    color: rgb(60,60,60);
}

.pickup TABLE P.desc {
    margin: 0 0 10px 0;
    color: rgb(60,60,60);
    font-size: 12px;
    line-height: 1.5em;
    padding: 0 20px 0 0;
}

.pickup TABLE P.bottom {
    margin: 0;
    color: #b72f2f;
    font-size: 14px;
    font-weight: bold;
}

/* /////////////// NEW ARRIVAL /////////////// */

#infobody-wrapper {
}

#new-arrival-wrapper {
	clear: both; width: 715px;
}

#new-arrival-headline {
	width: 715px;
	height: 45px;
	background: url(../../images/new-arr.gif) top left no-repeat;
}

#new-arrival-headline H2 {
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -5000px;
}

#new-arrival-headline P {
	float: right;
	height: 45px;
	line-height: 45px;
	color: rgb(80,80,80);
	margin: 0 50px 0 0;
}

#new-arrival-headline P A {
	color: rgb(80,80,80);
	text-decoration: none;
}

#new-arrival-headline P A:hover {
	text-decoration: underline;
}

.new-arrival-continer {
	width: 715px; clear:both;
}

.new-arrival-box {
	position: relative;
	width: 160px;
	padding: 30px 0 10px 0;
	float: left;
	margin: 0 9px;
}

.new-arrival-img {
	width: 160px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: #ffffff;
	height: 200px;
}

P.withItemIcon {
	position: absolute;
	top: 180px;
	left: 0;
	margin: 0;
	padding: 0;
}

.new-arrival-title {
	width: 160px;
	margin: 0;padding: 0;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	height: 4em;
}

.new-arrival-title A {
	text-decoration: none;
	font-weight: normal;
}

.new-arrival-title A:hover {
	text-decoration: underline;
}

.new-arrival-price {
height: 4em;
	margin: 10px 0 10px 0;
	text-align: left;
	font-size: 12px;
	padding: 0px 0 0px 10px;
	background-color: rgb(245,245,245);
	line-height: 2em;
}

.new-arrival-price SPAN {
	font-weight: normal;
	border-left: 0px dotted #808080;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	color: rgb(60,60,60);
}

.new-arrival-audio {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

.new-arrival-sample {
	width: 160px;
	margin: 0;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.new-arrival-sample A {
	background: url(../../images/sample-audio-listen.gif) top left no-repeat;
	display: block;
	width: 160px;
	height: 25px;
	text-indent: -5000px;
}

/* /////////////// REVIEW /////////////// */

#review-wrapper {
	width: 715px;
	clear: both;
}

#review-container {
	padding: 50px 0 0 0;
}

#review-container H2 {
	margin: 0;
	padding: 0;
}

.review-box {
	padding: 0;
	margin: 0;
}

.review-img {
	float: left;
	width: 120px;
	clear: both;
	margin: 0;
	padding: 30px 0 0 0;
}

.review-text {
	padding: 30px 0 30px 150px;
	border-bottom: 1px dotted rgb(120,120,120);
	margin: 0;
	text-align: left;
	color: rgb(60,60,60);
	line-height: 1.5em;
}

/* /////////////// FEATURE /////////////// */

#feature-wrapper {
	width: 715px;
	clear: both;
}

#feature-container {
	padding: 50px 0 0 0;
}

#feature-container H2 {
	margin: 0;
	padding: 0;
}

.feature-box {
	margin: 30px 0 0 0;
}

.feature-box-left {
	float: left;
	width: 350px;
	text-align: left;
}

.feature-box-right {
	float: right;
	width: 350px;
	text-align: left;
}

.feature-box-left A, .feature-box-right A {
	text-decoration: none;
}

.feature-box-left P, .feature-box-right P {
	color: rgb(80,80,80);
	margin: 5px 0 0 0;
}

.brclear {
	clear: both;
}

/* /////////////// INFOBODY BOTTOM HELP /////////////// */

DIV#bottomhelp {
	width: 715px;
	margin: 100px 0 100px 0;
	background-color: #f5f5f5;
	font-size: 12px;
	text-align: left;
}

DIV.bottomhelpbox {
	width: 33%;
	padding: 15px 0;
	float: left;
}

DIV.bottomhelpbox P {
	margin: 0;
	padding: 0 15px;
	line-height: 20px;
	color: #696969;
}

DIV.bottomhelpbox A, DIV.bottomhelpbox A:visited {
	color: #696969;
}

DIV.bottomhelpbox A:hover, DIV.bottomhelpbox A:active {
	color: #000;
}
