@charset "shift_jis";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  “Œ‹ž‘nŒ³ŽÐ
	URL:  http://www.tsogen.co.jp/


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px


 // CSS Index //

	1: editorBox

=======================================================
*/


/*------------------------------
 // 1: bookstoreLogin
------------------------------ */
#bookstoreLogin #main {
	padding-top: 20px;
	background: url(img/bookstore_img/line_contents_l.gif) no-repeat;
}

#bookstoreLogin .bookstoreintro {
	margin-bottom: 10px;
}

#bookstoreLogin .bookstoreintro li {
	padding-left: 15px;
	background: url(img/bookstore_img/ic_square.gif) 0 0.3em no-repeat;	
}

#bookstoreLogin .loginguideBox {
	width: 700px;
	margin: 40px 120px 20px;
	padding: 30px 0 10px;
	text-align: center;
	background-color: #EBEDED;
}

#bookstoreLogin .loginguideBox form {
	margin-bottom: 20px;
}

#bookstoreLogin .loginguideBox input.password {
	width: 400px;
	margin: 20px 0 10px;
	color: #666;
	voice-family:"\"}\""; voice-family:inherit; width:400px;
}	html>body input.password{width:405px;}

#bookstoreLogin .loginguideBox .backTop {
	margin-top: 10px;
	margin-right: 20px;
	text-align: right;
}

#bookstoreLogin .storeTopics {
	margin: 40px 0 20px;
	padding-top: 10px;
	border-top: 2px solid #004c99;
}

#bookstoreLogin .storeTopics table {
	margin-top: 20px;
	border-top: 1px solid #ccc;
}

#bookstoreLogin .storeTopics th {
	width: 20%;
	padding: 10px;
	color: #666;
	vertical-align: top;
	background: url(img/line.gif) #f3f3f3 bottom repeat-x;
}

#bookstoreLogin .storeTopics td {
	width: 80%;
	padding: 10px 20px;
	background: url(img/line.gif) bottom repeat-x;
}

/*------------------------------
 // 1: bookstoreTop
------------------------------ */
#bookstoreTop .dllinkBox {
	margin-bottom: 20px;
}

#bookstoreTop .dllinkBox .dllinkL {
	width: 315px;
	margin-right: 20px;
	float: left;
}

#bookstoreTop .dllinkBox .dllinkL p {
	margin-bottom: 15px;
}

#bookstoreTop .dllinkBox .dllinkR {
	width: 585px;
	padding: 10px;
	float: left;
	position: relative;
	background-color: #f1f1f1;
}

#bookstoreTop .dllinkBox .dllinkR .textBN {
	width: 310px;
	position: absolute;
	top: 35px;
	left: 283px;
}

#bookstoreTop .dllinkBox .dllinkR .dlbacknum {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

#bookstoreTop .dllinkBox .dllinkR .dlbacknum dl {
	padding: 2px 10px;
	background-color: #f3f3f3;
}

#bookstoreTop .dllinkBox .dllinkR .dlbacknum dt {
	padding-right: 10px;
	border-right: 1px solid #999;
	display: inline;
}

#bookstoreTop .dllinkBox .dllinkR .dlbacknum dd {
	padding-left: 10px;
	display: inline;
}

#bookstoreTop .serviceBox {
	padding-top: 20px;
}

#bookstoreTop .dllistBox {
	width: 565px;
	margin-right: 20px;
	padding-top: 10px;
	float: left;
	border-top: 3px solid #6A96D2;
}

#bookstoreTop .dllistBox .selectBox {
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
}

#bookstoreTop .dllistBox .dldataBox {
	margin-top: 20px;
}

#bookstoreTop .dllistBox .dldata {
	width: 343px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

#bookstoreTop .dllistBox .dldata .dltype {
	margin-right: 10px;
	padding: 0 5px;
	color: #FFF;
	float: left;
	background-color: #B989E3;
	border: 1px solid #934DD2;
}

#bookstoreTop .dllistBox .dldata .dldate {
	color: #666;
	float: left;
}

#bookstoreTop .dllistBox .dldata .dltitle {
	padding: 10px 0;
}

#bookstoreTop .dllistBox .thumbnail {
	width: 202px;
	margin-bottom: 20px;
	float: left;
	color: #666;
	text-align: center;
}

#bookstoreTop .dllistBox .thumbnail img {
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

#bookstoreTop .dllistBox .lineDot565 {
	width: 565px;
	height: 1px;
	background: url(img/dotline.gif) repeat-x;
}

#bookstoreTop .dllistBox .lineDot565 hr {
	display:none;
}

#bookstoreTop .storeTopics {
	width: 355px;
	margin-bottom: 20px;
	padding-top: 10px;
	float: left;
	border-top: 2px solid #004c99;
}

#bookstoreTop .storeTopics table {
	margin-top: 20px;
	border-top: 1px solid #ccc;
}

#bookstoreTop .storeTopics th {
	width: 20%;
	padding: 10px;
	color: #666;
	vertical-align: top;
	background: url(img/line.gif) #f3f3f3 bottom repeat-x;
}

#bookstoreTop .storeTopics td {
	width: 80%;
	padding: 10px 20px;
	background: url(img/line.gif) bottom repeat-x;
}
