/*--------------------------------------------------------------

	塾KAGU専用

--------------------------------------------------------------*/
body div#main {
	width: 733px;
	padding-left: 5px;
}

body ul#breadcrumb {
	margin-left: 13px;
}

div#main li {
	list-style: none;
}

/*--------menu--------*/

div.kagumenu {
	width: 195px;
	float: left;
}

div.kagumenu dl {
	padding: 7px;
	margin-bottom: 5px;
	background: #FFE2E2;
}

div.kagumenu dl img {
	vertical-align: middle;
}

div.kagumenu dt {
	background: #f90;
	margin-bottom: 1px;
	text-align: center;
}

div.kagumenu dd {
	margin-bottom: 1px;
	background: #999;
}

div.kagumenu div.select dd.menu01,
div.kagumenu div.desk dd.menu02,
div.kagumenu div.chair dd.menu03,
div.kagumenu div.part dd.menu04,
div.kagumenu div.board dd.menu05,
div.kagumenu div.shelf dd.menu06 {
	background: #f90;
}

div.kagumenu dd a:hover {
	background: #f90;
}

div.kagumenu dd.totop,
div.kagumenu dd.totop a:hover {
	background: transparent;
}

div.kagumenu dd.totop {
	text-align: right;
	font-size: 13px;
	padding: 3px;
}

/*--------main--------*/

div.kagumain {
	float: right;
	width: 525px;
}

/*---------------------------------------------------------------
	塾kaguTOP
---------------------------------------------------------------*/

div.topttl {
	padding: 10px 15px 330px;
	background: url(http://shijyukukai.biz/jukukagu/images/share/img_top.jpg) no-repeat bottom;
	border-bottom: 16px solid #2C5AB0;
	margin-bottom: 10px;
	overflow: hidden;
}

div.topttl h2 {
	float: left;
}

div.topttl p {
	float: left;
	padding: 50px 0 0 15px;
}

div.kagumain ul.pickup li {
	margin-bottom: 10px;
}

div.kagumain div.whatsnew {
	padding-left: 5px;
}

div.kagumain div.whatsnew dl {
	padding: 10px 25px;
	font-size: 12px;
}

div.kagumain div.whatsnew dt {
	width: 110px;
	float: left;
	clear: both;
}

div.kagumain div.whatsnew dd {
	margin-left: 110px;
}

/*---------------------------------------------------------------
	カテゴリTOP/詳細共通
---------------------------------------------------------------*/

div.pagettl {
	border-bottom: 1px solid #333;
	margin-bottom: 25px;
	width: 100%;
	float: left;
}

div.pagettl h2 {
	padding-left: 13px;
	margin-bottom: -15px;
	float: left;
}

div.pagettl ul {
	float: right;
	padding-top: 40px;
}

div.pagettl ul li {
	display: inline;
	padding: 0 3px;
}

div.pagettl ul li a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

div.kagumain dl.about img {
	vertical-align: top;
}

div.kagumain dl.about dt {
	width: 47px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	clear: both;
}

div.kagumain dl.about dd {
	margin-left: 57px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

div.kagumain dl.about dd span {
	font-size: 12px;
}

/*---------------------------------------------------------------
	カテゴリTOP
---------------------------------------------------------------*/

div.kagumain div.itemttl {
	width: 520px;
	padding-bottom: 30px;
	overflow: hidden;
}

div.kagumain div.itemttl h3 {
	float: left;
	padding-right: 25px;
}

div.kagumain div.itemttl p {
	float: left;
	padding-top: 2px;
}

div.kagumain ul.itemlist li {
	width: 240px;
	padding: 0 10px 50px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

* html div.kagumain ul.itemlist li {/*IE6*/ 
	display: inline;
}

*:first-child + html div.kagumain ul.itemlist li {/*IE7*/ 
	display: inline;
}

div.kagumain ul.itemlist li p.itemimg img {
	border: 1px solid #ccc;
}

div.kagumain ul.itemlist li p.todetail {
	text-align: right;
	margin-bottom: 15px;
}

/*---------------------------------------------------------------
	詳細ページ
---------------------------------------------------------------*/

div.kagumain div.tocart {
	border: 1px solid #999;
	margin-top: 15px;
	width: 230px;
	float: left;
}

div.kagumain div.tocart strong {
        color: #f00;
}

div.kagumain div.tocart dl.about dd {
	padding-top: 1px;
}

div.kagumain div.tocart div.choice {
	border: 1px solid #999;
	margin: 20px 5px 5px;
	padding: 3px;
}

div.kagumain div.tocart div.choice dl {
	padding: 5px;
	font-size: 12px;
}

div.kagumain div.tocart div.choice dt {
	font-weight: bold;
	color: #999;
	width: 35px;
	float: left;
	clear: both;
}

div.kagumain div.tocart div.choice dd {
	margin-left: 35px;
}

div.kagumain div.tocart div.choice dd input {
	margin: 0 2px 2px 0;
}

div.kagumain div.tocart div.choice dd.count input {
	width: 70px;
}

div.kagumain div.tocart div.choice p {
	clear: both;
	padding-top: 10px;
	text-align: center;
}

div.kagumain div.tocart div.choice p a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

div.kagumain div.comment {
	padding: 15px 0 20px 20px;
	font-size: 12px;
	width: 268px;
	float: left;
}

div.kagumain div.comment p.shipping {
	font-weight: bold;
	color: #f00;
}

div.kagumain div.comment table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #999;
	color: #999;
	caption-side: top;
}

div.kagumain div.comment table caption {
 	padding-top: 30px;
	text-align: left;
	font-weight: bold;
}

div.kagumain div.comment table th,
div.kagumain div.comment table td {
	padding: 3px 0;
	vertical-align: top;
	text-align: left;
}

div.kagumain div.comment table th {
	padding-right: 15px;
	white-space: nowrap;
}

/*---------------------------------------------------------------
	IE6用ハック
---------------------------------------------------------------*/

* html div.pagettl h2 {/*IE6*/ 
	position: relative;
}

* html div.topttl,
* html div.kagumain div.itemttl,
* html div.kagumain div.tocart div.choice { 
	zoom: 1;
}
