@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: Container
	2: Header
		:globalMenu
	3: Main
		:Excluding TOP
		:go page top
	4: Footer
		:footMenu
		:footLink


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


/*------------------------------
 // 1: Container
------------------------------ */
#container {
	width: 940px;
	margin: 0 auto;
}


/* ------------------------------
 // 2: Header
------------------------------ */
#header {
	height: 180px;
	margin-bottom: 20px;
	position:relative;
}

/* topHead
--------------------*/
#header .topHead {
	height: 24px;
	background-color:#DDD;
	position:relative;
	line-height: 0;
}

#header .topHead ul {
	list-style-type: none;
}

#header .topHead li {
	padding-right: 2px;
	float: left;
	background: url(img/topmenu_line.gif) top right no-repeat;
}

#header .topHead li img{
	display: block;
}

/* toolBox
--------------------*/
#header .toolBox {
	background-color: #F3F3F3;
}

/* sizeChange
--------------------*/
#header .toolBox .sizeChange {
	margin-left: 15px;
	float: left;
}

#header .toolBox .sizeChange p.textsizechange {
	margin-right: 10px;
	float: left;
}

#header .toolBox .sizeChange .standard,
#header .toolBox .sizeChange .big {
	width: 31px;
	margin-right: 5px;
	padding-top: 3px;
	float: left;
}

#header .toolBox .sizeChange .standard a,
#header .toolBox .sizeChange .big a {
	display: block;
	width: 31px;
	height: 18px;
}

#header .toolBox .sizeChange .ftxt {
	display: none;
}

/* sbookmarkBox
--------------------*/
#header .toolBox .sbookmarkBox {
	margin-left: 10px;
	padding-top: 3px;
	float: left;
}

/* siteSearch
--------------------*/
#header .toolBox .siteSearch {
	margin-left: 10px;
	float: left;
}

#header .toolBox .siteSearch .searchfield {
	width: 170px;
	padding-top: 1px;
	padding-right: 10px;
	float: left;
}

#header .toolBox .siteSearch .searchfield input{
	width: 170px;
	color: #666;
	voice-family:"\"}\""; voice-family:inherit; width:170px;
}	html>body input.searchfield{width:175px;}

#header .toolBox .siteSearch .searchbtn {
	float: left;
	padding-top: 2px;
	line-height: 0;
}

/* smenuBox
--------------------*/
#header .smenuBox {
        display: inline;
	margin-right: 19px;
	float: right;
        width:420px;
}

#header .smenuBox li {
	margin-right: 1px;
	float: left;
	line-height: 0;
}

#header .smenuBox p {
	display: inline;
	float: right;
	margin-top: 22px;
}

/* logo
--------------------*/
#header .logo {
	position: absolute;
	top: 35px;
	left: 20px;
}

#header .logo .headcopy {
	margin-bottom: 2px;
	color: #999;
	vertical-align: bottom;
}

/* globalMenu
--------------------*/
#header .globalMenu {
	height: 36px;
	padding:10px 12px 10px 12px;
	position: absolute;
	top: 125px;
	background: url(img/back_menubar.jpg) no-repeat;
	clear: both;
}

#header .globalMenu ul {
	margin-left: 0px;
	list-style-type: none;
}

#header .globalMenu li {
	float: left;
}

#header .globalMenu li.menu01,
#header .globalMenu li.menu02,
#header .globalMenu li.menu03,
#header .globalMenu li.menu04,
#header .globalMenu li.menu05,
#header .globalMenu li.menu06,
#header .globalMenu li.menu07{
	margin-right: 1px;
}

/*
#bookstoreLogin #header .globalMenu,
#bookstoreTop #header .globalMenu {
	background: url(img/bookstore_img/back_menubar_bookstore.jpg) no-repeat;
}
*/

/* ------------------------------
 // 3: Main
------------------------------ */
#main {
	clear: both;
}

/* Excluding TOP
--------------------*/
#main .mainNavi,
#main .mainContents {
	margin-top: 20px;
	float: left;
}

#main .mainNavi {
	width: 240px;
}

#main .mainContents {
	width: 700px;
}


/* go page top
--------------------*/
#main .pagetopBox {
	padding-top: 20px;
	text-align: right;
	clear: both;
}

/* ------------------------------
 // 4: Footer
------------------------------ */
#footer {
	margin-top: 5px;
	padding-bottom: 30px;
}

#footer ul {
	list-style-type: none;
}

/* footMenu
--------------------*/
#footer .footMenu {
	margin-bottom: 20px;
	height: 34px;
	text-align: center;
	background-color: #f3f3f3;
}

#footer .footMenu li {
	display: inline;
}

/* footLink
--------------------*/
#footer .flogo {
	width: 112px;
	float: left;
}

#footer .flogo .footcopy {
	padding-bottom: 3px;
	color: #999;
}

#footer .footLink {
	width: 828px;
	float: right;
}

#footer .footLink ul {
	border-left: 1px solid #ccc;
}

#footer .footLink li {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	border-right: 1px solid #ccc;
}

#footer .copyright {
	text-align: right;
	clear: both;
}

#footer .copyright .copyrightcopy {
	margin-bottom: 2px;
}