/* CSS Document */

/* 01. body
----------------------------------------------------------------------- */
body{color:#666;}

/* 02. a element
----------------------------------------------------------------------- */
a{color:#644196;}
a:visited{color:#a184c91;}

/* 03. Page Title area (div#pageTitle)
----------------------------------------------------------------------- */
div#pageTitle{
	width:862px;
	margin-left:15px;
}
div#pageTitle h1{
	padding:12px 0 8px;
	color:#000;
	font-size:2.2em;
}
div#pageTitle p#breadcrumbs{
	border-bottom:1px solid #ebebeb;
	color:#666;
	font-size:0.9em;
	line-height:32px;
}
div#pageTitle p#breadcrumbs a{
	text-decoration:underline;
}
div#pageTitle p#breadcrumbs a:hover{
	text-decoration:none;
}

/* 04. Column area (div#columnArea)
----------------------------------------------------------------------- */

div#columnArea{
	width:862px;
	margin-left:15px;
}
div#columnArea:after{
	display:block;
	clear:both;
	content:"";
}
div#columnArea div#mainColumn{
	width:862px;
}
div#columnArea div#mainColumn:after{
	display:block;
	clear:both;
	content:"";
}
div#columnArea div#mainColumn div#mainArea{
	float:right;
	width:671px;
	margin:0 0 40px 0;
	text-align:left;
}
div#columnArea div#mainColumn div#localArea01{
	width:176px;
}


/* 05. Module localNavi
----------------------------------------------------------------------- */
ul#localNavi{
	width:176px;
	margin-bottom:15px;
}
ul#localNavi li#current{
	display:block;
	padding:0;
	border:1px solid #c5c5c5;
	background:#E5E5E5;
	font-weight:bold;
}
ul#localNavi li#current span{
	display:block;
	padding-left:16px;
	background:transparent url(../images/arrow_right_localnavi01.gif) no-repeat 4px 5px scroll;
}
ul#localNavi li{
	display:block;
	width:174px;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	vertical-align:top;
}
ul#localNavi li a{
	display:block;
	width:174px;
	padding:5px 0;
}
ul#localNavi li a span{
	display:block;
	padding:0 0 0 16px;
	background:transparent url(../images/arrow_right.gif) no-repeat 4px 5px scroll;
}
ul#localNavi li#on{
	padding:5px 0;
	color:#fff;
	background-image:none;
	background-color:#644196;
}
ul#localNavi li.top{
	border-top:1px solid #e5e5e5;
}
ul#localNavi li#on span{
	display:block;
	padding:0 0 0 16px;
	font-weight:bold;
}

/* 06. Top categoly
----------------------------------------------------------------------- */
div.catg{
	float:left;
	width:671px;
	padding:0 0 50px 0;
}
/*div.catg div.col1,
div.catg div.col2{
	float:left;
	width:328px;
}
div.catg div.col1{
	margin:0 15px 0 0;
}
*/
div.catg h2{
	margin:0;
	padding:18px 0 10px 9px;
	background:url(../images/bg_h2_title.jpg) left top repeat-x;
	font-size:1.3em;
	text-decoration: none;
}

/*div.catg h2 a img {
	margin:0 0 0 12px;
	text-decoration: none;
}*/

div.catg ul{
	display:block;
	/*width:316px;*/
	margin:0 0 0 9px;
}
div.catg ul li{
	display:block;
	float:left;
	width:165px;
	margin:0 0 10px 0;
}
div.catg ul li a{
	width:150px;
	padding:0 0 0 16px;
	background:transparent url(../images/arrow_right.gif) no-repeat 0 3px scroll;
}

div.catg ul li a.thum{
	width:43px;
	padding:0;
	background:none;
}

div.catg ul li img{
	margin-right:7px;
	vertical-align:middle;
}


/* 07. List
----------------------------------------------------------------------- */
div.list{
	float:left;
	width:671px;
}
div.list h2{
	margin:0 0 20px 0;
	color:#333333;
	font-size:1.4em;
	font-weight:bold;
}
div.navi {
	margin:0 0 20px 0;
}
div.navi a{
	text-decoration:underline;
}
div.list table.stripes {
	width: 100%;
	margin:0 0 20px 0;
	border-top:#e5e5e5 solid 1px;
	border-right:#e5e5e5 solid 1px;
/*	border-collapse: separate;
	border-spacing: 2px;*/
}
div.list table.stripes tr.bgRow{
	background-color: #f2f2f2;
}
div.list table.stripes th{
	padding:10px 11px;
	border-bottom:#e5e5e5 1px solid;
	border-left:#e5e5e5 1px solid;
	background-color: #f2f2f2;
	text-align:center;
	vertical-align:middle;
}
div.list table.stripes td{
	width: 23%;
	padding:10px 40px 10px 11px;
	border-bottom:#e5e5e5 1px solid;
	border-left:#e5e5e5 1px solid;
	text-align:right;
	vertical-align: top;
}
div.list table.stripes td.name{
	width: 31%;
	padding:10px 11px;
	text-align:left;
}
div.list table.stripes td.name a{
	text-decoration:underline;
}

/* 08. Detail
----------------------------------------------------------------------- */
div.detail{
	float:left;
	width:671px;
}
div.detail h2{
	margin:0 0 20px 0;
	color:#333333;
	font-size:1.4em;
	font-weight:bold;
}
div.detail img{
	margin:0 0 20px 0;
	border:#e5e5e5 1px solid;
}
div.detail table.stripes {
	width: 100%;
	margin:0 0 20px 0;
	padding:0;
	border-top:#e5e5e5 solid 1px;
	border-right:#e5e5e5 solid 1px;
/*	border-collapse: separate;
	border-spacing: 2px;*/
}
div.detail table.stripes tr.bgRow{
	background-color: #f2f2f2;
}
div.detail table.stripes th{
	padding:9px 5px 9px 10px;
	border-bottom:#e5e5e5 1px solid;
	border-left:#e5e5e5 1px solid;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
div.detail table.stripes th.col{
	width:94px;
}
div.detail table.stripes td{
	width:50%;
	padding:9px 14px;
	border-bottom:#e5e5e5 1px solid;
	border-left:#e5e5e5 1px solid;
	text-align:left;
	vertical-align: top;
}


/* 09. seriesList
----------------------------------------------------------------------- */

ul#seriesList{
	float:left;
	width:669px;
	margin-bottom:30px;
	padding-bottom:10px;
	background:#F9F9F9;
	border:1px solid #E5E5E5;
}


ul#seriesList li{
	float:left;
	margin-top:10px;
	margin-left:20px;
	white-space: nowrap;
}

ul#seriesList li a{
	padding:0 0 0 16px;
	background:transparent url(../images/arrow_anchor.gif) no-repeat 0 2px scroll;
}


/* 10. others
----------------------------------------------------------------------- */
#contentArea #mainArea .notes{
	float:left;
	width:671px;
	/*width:669px;*/
	margin-bottom:30px;
	padding-bottom:10px;
	background:#EFEFEF;
	/*border:1px solid #E5E5E5;*/
}

#contentArea #mainArea .notes p{
	margin-top:10px;
	margin-left:2.5em;
	margin-right:1.5em;
	text-indent:-1.5em;
}

#contentArea #mainArea .notes p span{
	margin-right:0.5em;
	}