@charset "shift_jis";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  東京創元社
	URL:  http://www.tsogen.co.jp/


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px


 // CSS Index //

	1: common
	2: genreMenu
	3: booksearch
	4: bannerBox
	5: mobileBox

=======================================================
*/

/*------------------------------
 // 1: common
------------------------------ */
/* columnbox and listbox
--------------------*/
#main .columntitle {
	width: 220px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top: 2px solid #004c99;
	position:relative; /* RSSアイコンがある場合のために指定 */
}

#main .columnBox,
#main .listBox{
	width: 200px;
	margin-bottom: 20px;
	background-color: #f3f3f3;
}

#main .columnBox {
	padding: 5px 10px 0;

}

#main .listBox {
	padding: 0 10px;
	border-top: 2px solid #004c99;
}

#main .columnBox li,
#main .listBox li{
	line-height: 1.1;
	background: url(img/top-line200px.gif) bottom no-repeat;
}

#main .columntitle .rss02 {
	position: absolute;
	left: 206px;
}

/* morelink
--------------------*/
#main .morelink,
#main .morelinkR {
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#main .morelinkR {
	text-align: right;
}

/*------------------------------
 // 2: genreMenu
------------------------------ */
#main .genreMenu {
	width: 220px;
	margin-bottom: 20px;
}

#main .genreMenu dt {
	margin-top: 5px;
	line-height: 1.1;
}

#main .genreMenu dd {
	padding: 5px 10px;
	background: url(img/line.gif) #f3f3f3 bottom no-repeat;
}

#main .genreMenu dd a {
	padding-left: 15px;
	background: url(img/arrow03.gif) 0 0.2em no-repeat;
}


/*------------------------------
 // 3: booksearch
------------------------------ */

#main .columnBox .booksrchForm {
	margin-top: 5px;
	padding-bottom: 5px;
	position:relative;
	background: url(img/line.gif) bottom no-repeat;
}

#main .columnBox .booksrchForm .searchfield input {
	width: 150px;
	color: #666;
	voice-family:"\"}\""; voice-family:inherit; width:150px;
}	html>body input.searchfield{width:155px;}

#main .columnBox .booksrchForm .searchbtn {
	position: absolute;
	top: 3px;
	left: 160px;
}


/*------------------------------
 // 4: bannerBox
------------------------------ */
#main .bannerBox {
	margin-bottom: 20px;
}

#main .bannerBox li {
	line-height: 1.2;
}

#main .bannerBox_r {
	margin-bottom: 5px;
}


/*------------------------------
 // 5: mobileBox
------------------------------ */
#main .mobileBox {
	width: 200px;
	margin-bottom: 20px;
	padding: 10px 10px 0;
	border-top: 2px solid #004c99;
	background-color: #f3f3f3;
}

#main .mobileBox .qr,
#main .mobileBox .mobiletitle,
#main .mobileBox .mobiletext {
	float: left;
}

#main .mobileBox .qr {
	width: 88px;
	padding-bottom: 10px;
}

#main .mobileBox .mobiletitle {
	width: 112px;
	margin-bottom: 5px;
}

#main .mobileBox .mobileurl {
	padding-bottom: 5px;
	background: url(img/line.gif) bottom no-repeat;	
	clear: both;
}

/*------------------------------
 // 6: originalgoods
------------------------------ */
#goods{
	width:220px;
	height:152px;
	margin-bottom:5px;}

#goods img{
	float:right;}

#originalgoods{
	width:97px;
	height:152px;
	background: url(img/bg_originalgoods.gif) top left no-repeat;	
	}

#originalgoods img.pict{
	margin:10px 0 0 7px;
	border:1px solid #FFF;
}