@charset "utf-8";

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

	Heading

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

h1 {
	color: #000;
	font-size: 77%;
}

h2 {
	background-image: url("/assets/images/bg/h2.gif");
	background-repeat: repeat-x;
	font-size: 146.5%;
	font-weight: bold;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
	*zoom: 100%;
}

h2:before {
	background-image: url("/assets/images/bg/h2_corner_right.gif");
	background-position: right top;
	background-repeat: no-repeat;
	content: url(/assets/images/bg/h2_corner_left.gif);
	display: block;
	height: 3px;
	margin: 0 -20px 12px -20px;
}

h2:after {
	background-image: url("/assets/images/bg/h2_bottom.gif");
	background-repeat: repeat-x;
	content: url(/assets/images/bg/h2_bottom.gif);
	display: block;
	height: 3px;
	margin: 10px -20px 0;
}

h2 span {
	color: #898989;
	display: block;
	font-size: 65%;
	margin-bottom: 5px;
}

h2 span.before {
	background-image: url("/assets/images/bg/h2_corner_right.gif");
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	height: 3px;
	margin: 0 -20px 12px;
	vertical-align: top;
}

h2 span.before img {
	background: none !important;
	display: block !important;
	height: 3px !important;
	margin: 0 !important;
	vertical-align: top !important;
	width: 3px;
}

h2 span.after {
	background-color: red;
	background-image: url("/assets/images/bg/h2_bottom.gif");
	background-repeat: repeat-x;
	display: inline;
	float: left;
	height: 3px;
	margin: 10px -20px 0;
	vertical-align: top;
	overflow: hidden;
	*zoom:100%;
}

h2 span.after img {
	background: none !important;
	display: block !important;
	height: 3px !important;
	margin: 0 !important;
	vertical-align: top !important;
	width: 100%;
}

h3 {
	background-image: url("/assets/images/bg/h3.gif");
	background-repeat: repeat-x;
	font-size: 131%;
	font-weight: bold;
	padding: 10px 10px 0;
	*zoom: 100%;
}

form h3 {
	position: relative;
	z-index: 10;
	*margin-left: 0;
	_margin-left: -10px;
	*margin-right: 0;
	_margin-right: -10px;
	*zoom: normal;
	_zoom: 100%;
}

h4 {
	background-image: url("/assets/images/icon/arrow_h4.gif");
	background-position: 10px 0.55em;
	background-repeat: no-repeat;
	border: 3px solid #efefef;
	font-size: 131%;
	font-weight: bold;
	padding: 8px 10px 8px 25px;
	vertical-align: middle;
	*box-sizing: content-box;
	*overflow: hidden;
	_overflow: visible;
	*zoom: 100%;
}

h5 {
	background-image: url("/assets/images/bg/ptn_h5_gray.gif");
	font-size: 108%;
	font-weight: bold;
	padding: 5px 10px 5px 15px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
	behavior: url(/assets/css/ie-css3.htc);
}

h5:before {
}

h5:after {
	content: url(/assets/images/bg/balloon_tale_h5_gray.gif);
	left: -5px;
	*left: -4px;
	top: 11px;
	position: absolute;
	z-index: 10;
}

h5 * {
	_left: -19px !important;
}

h5.green {
	background-image: url("/assets/images/bg/ptn_h5_green.gif");
}

h5.green:after {
	content: url(/assets/images/bg/balloon_tale_h5_green.gif);
}

h5.green span.after {
	display: none;
}

h5.green span.after:last-child {
	display: inline;
	left: -5px;
	*left: -4px;
	top: 11px;
	position: absolute;
	z-index: 10;
}

h5.green span.after img {
	margin: 0;
	vertical-align: top;
}

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

	Composition

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

div.composition {
}

div.composition div.artwork > p,
div.composition div.artwork > ul {
}

/*-----------------------------------------------
	Artwork Layout
-----------------------------------------------*/

/* Option: Image Align Right */
div.imgRight div.artwork,
div.imgLeft div.imgRight div.artwork {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-right: 0;
}

/* Option: Image Align Left */
div.imgLeft div.artwork,
div.imgRight div.imgLeft div.artwork {
	display: inline;
	float: left;
	margin-left: 0;
	margin-right: 20px;
}

/*-----------------------------------------------
	div.text
-----------------------------------------------*/

div.composition div.text {
}

/* Option: Text No Wrap */
div.noWrap div.text {
	overflow: hidden;
	*zoom: 100%;
}

/*-----------------------------------------------
	Exception Rules
-----------------------------------------------*/

div:not([class=layout2col]) > div.composition {
	overflow: hidden;
}

div:not([class=layout2col]) > div.composition h3,
div:not([class=layout2col]) > div.composition h4 {
	margin-left: 0;
	margin-right: 0;
}

div.composition h3:first-child,
div.composition h4:first-child {
	margin-top: 15px;
}

/* First-child: ul.inline */
div.composition div.text ul.inline:first-child {
	margin-top: 15px;
}

div.composition div.text ol {
	margin-left: 2.2em;
}

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

	Composition Layout

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

/*-----------------------------------------------
	div.layout2col
-----------------------------------------------*/

div.layout2col {
}

div.layout2col div.composition {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 330px;
}

div.layout2col div.composition > h2 ~ *:last-of-type {
	*margin-bottom: -20px;
}

div.layout2col div.composition:last-child {
	margin-right: 0;
}

div.layout2col div.composition h3,
div.layout2col div.composition h4 {
	margin-left: 0;
	margin-right: 0;
}

/*-----------------------------------------------
	div.layout3col
-----------------------------------------------*/

div.layout3col {
}

div.layout3col div.composition {
	display: inline;
	float: left;
	margin-right: 19px;
	width: 214px;
}

div.layout3col div.composition:last-child {
	margin-right: 0;
}

/* div.single */
div.single div.layout3col {
	margin-left: -10px;
	margin-right: -10px;
}

div.single div.layout3col div.composition {
	width: 304px;
}

/*-----------------------------------------------
	div.layout4col
-----------------------------------------------*/

div.layout4col {
}

div.layout4col div.composition {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 155px;
}

div.layout4col div.composition:last-child {
	margin-right: 0;
}

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

	Function Link

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

/*-----------------------------------------------
	p.goTop
-----------------------------------------------*/

p.goTop {
	text-align: right;
}

p.goTop a {
	background-image: url("/assets/images/icon/page_top.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 19px;
	*padding-top: 1px;
}

/*-----------------------------------------------
	p.goNext
-----------------------------------------------*/

p.goNext {
	text-align: right;
}

p.goNext a {
	background-image: url("/assets/images/icon/page_next.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 19px;
	*padding-top: 1px;
}

/*-----------------------------------------------
	p.goList
-----------------------------------------------*/

p.goList {
	float: right;
	margin-top: -20px;
	position: relative;
}

p.goList a {
	background-image: url("/assets/images/icon/page_next.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 19px;
	*padding-top: 1px;
}

h2 + p.goList {
	margin-top: -35px;
}

/*-----------------------------------------------
	p.goAnchor
-----------------------------------------------*/

p.goAnchor {
	text-align: right;
}

p.goAnchor a {
	background-image: url("/assets/images/icon/page_anchor.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 19px;
}

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

	Button Area

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

ul.buttonArea {
	margin-top: 25px;
	text-align: center;
}

ul.buttonArea li {
	background-image: none;
	display: inline;
	margin: 0 10px;
	padding: 0;
}

ul.buttonArea li input {
	vertical-align: top;
}

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

	Pager

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

ul.pager {
	border-top: 1px dashed #ababab;
	margin: 15px -10px 0;
	padding-top: 15px;
	text-align: center;
}

ul.pager li {
	background-image: none;
	display: inline;
	margin: 0 2px;
	padding-left: 0;
}

ul.pager li a,
ul.pager li span {
	background-position: 0 100%;
	background-repeat: repeat-x;
	border: 1px solid #bfbfbf;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	font-size: 93%;
	font-weight: bold;
	padding: 4px 10px 3px;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	*zoom: 100%;
}

ul.pager li a:link,
ul.pager li a:visited {
	background-color: #fff;
	background-image: url("/assets/images/bg/pager_default.gif");
	color: #727272;
	text-decoration: none;
}

ul.pager li.prev a:link,
ul.pager li.prev a:visited {
	color: #333;
	font-weight: normal;
	padding-right: 15px;
}

ul.pager li.next a:link,
ul.pager li.next a:visited {
	color: #333;
	font-weight: normal;
	padding-left: 15px;
}

ul.pager li.prev a:after {
	content: url(/assets/images/icon/arrow_prev.gif);
	position: absolute;
	right: 5px;
	top: 45%;
}

ul.pager li.next a:before {
	content: url(/assets/images/icon/arrow_next.gif);
	left: 5px;
	position: absolute;
	top: 45%;
}

ul.pager li a:hover,
ul.pager li a:active,
ul.pager li.prev a:hover,
ul.pager li.prev a:active,
ul.pager li.next a:hover,
ul.pager li.next a:active,
ul.pager li span {
	background-color: #ababab;
	background-image: url("/assets/images/bg/pager_active.gif");
	border-color: #919191;
	color: #fff;
	text-decoration: none;
}

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

	Banner

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

ul.banner {
}

ul.banner li {
	background-image: none;
	padding-left: 0;
}

/* inline style */
ul[class*="banner inline"] {
	margin-left: -10px;
	margin-right: -10px;
}

ul[class*="banner inline"] li {
	margin-right: 14px;
	width: 224px;
}

ul[class*="banner inline"] li:last-child {
	margin-right: 0;
}

/* Separate */
ul.banner li.separate {
	border-bottom: 1px dashed #ababab;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

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

	Balloon Box

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

div.balloonBox {
	background-color: #eaeaea;
	padding: 10px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
	behavior: url(/assets/css/ie-css3.htc);
}

div.balloonBox:after {
	content: url(/assets/images/bg/balloon_tale_balloonbox.gif);
	left: -5px;
	*left: -8px;
	top: 11px;
	position: absolute;
	z-index: 10;
}

div.balloonBox span.after {
	left: -5px;
	*left: -8px;
	top: 11px;
	position: absolute;
	z-index: 10;
}

div.balloonBox span.after img {
	left: 0 !important;
	top: 0 !important;
	position: relative !important;
}

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

	Category Chip

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

ul.category {
	margin-left: 0;
}

ul.category li {
	background-color: #eee;
	background-image: none;
	border: 1px solid #ccc;
	font-size: 85%;
	list-style: none;
	margin: 0;
	padding: 2px 3px;
}

ul[class*="category inline"] li {
	margin-right: 5px;
	*margin-right: 4px;
	margin-top: 3px;
	white-space: nowrap;
	_width: 1em;
}

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

	Faq

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

h2 + dl.faq,
h3 + dl.faq {
	margin-top:20px;
}

dl.faq{
	border-bottom: 1px dashed #ababab;
	margin-top:10px;
	*zoom: 100%;
}

dl.faq dt {
	background-image: url("/assets/images/icon/faq.gif");
	background-repeat: no-repeat;
	font-weight: bold;
	min-height: 22px;
	padding: 3px 10px 7px 35px;
}

dl.faq dd {
	background-color: #e9e9e9;
	margin-bottom: 10px;
	margin-top: 5px;
	padding:15px;
	*zoom: 100%;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
}

dl.faq dd:before {
	content: url(/assets/images/bg/balloon_tale_top.gif);
	height: 9px;
	position: absolute;
	top: -8px;
}

dl.faq dd div p:first-child {
	margin-top: 0;
}

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

	Feedback

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

ul.feedback {
}

ul.feedback li {
	background-image: url("/assets/images/bg/feedback_figure.gif");
	background-position: 0 0;
	min-height: 75px;
	_height: 75px;
	padding: 15px 15px 0 148px;
	position: relative;
}

ul.feedback li:after {
	content: url(/assets/images/bg/feedback_close.gif);
	position: absolute;
	right: 0;
}

ul.feedback li p:first-child {
	margin-top: 0;
}

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

	Separate List

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

ul.separate > li {
	background-position: 10px 0.5em;
	border-bottom: 1px dashed #ababab;
	padding-bottom: 5px;
	padding-left: 24px;
	padding-right: 10px;
}

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

	linkList

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

ul.linkList {
}

ul.linkList > li {
	background-image: url("/assets/images/icon/arrow_red.gif");
	background-position: 0 0.4em;
	overflow: hidden;
}

ul[class*="linkList separate"] > li {
	background-position: 10px 0.4em;
}

ul[class*="linkList inline"] {
}

ul[class*="linkList inline"] li {
	background-image: url("/assets/images/bg/separater_dot.gif");
	background-position: 100% 50%;
	margin-right: 15px;
	*overflow: visible;
	padding: 0 15px 0 0;
	white-space: nowrap;
}

ul[class*="linkList inline"] li:last-child {
	background-image: none;
	margin-right: 0;
	padding-right: 0;
}

ul[class*="linkList inline"] li a[href^="#"] {
	background-image: url("/assets/images/icon/page_anchor.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 19px;
	*padding-bottom: 1px;
	*zoom: 100%;
}

ul[class*="linkList inline center"] {
	text-align: center;
}

ul[class*="linkList inline center"] li {
	display: inline-block;
	*display: inline;
	float: none;
}

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

	More Button

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

p.moreBtn {
	overflow: hidden;
	*zoom: 100%;
}

p.moreBtn a {
	background-position: 7px 50%;
	background-repeat: no-repeat;
	display: block;
	float: right;
	padding: 2px 5px 2px 16px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

p.moreBtn a:link,
p.moreBtn a:visited {
	background-color: #e0e0e0;
	color: #333;
	text-decoration: none;
}

p.moreBtn a:hover,
p.moreBtn a:active {
	background-color: #d41519;
	color: #fff;
	text-decoration: none;
}

p[class*="moreBtn open"] a:link,
p[class*="moreBtn open"] a:visited {
	background-image: url("/assets/images/icon/arrow_gray_down.gif");
}

p[class*="moreBtn open"] a:hover,
p[class*="moreBtn open"] a:active {
	background-image: url("/assets/images/icon/arrow_white_down.gif");
}

p[class*="moreBtn close"] a:link,
p[class*="moreBtn close"] a:visited {
	background-image: url("/assets/images/icon/arrow_gray_up.gif");
}

p[class*="moreBtn close"] a:hover,
p[class*="moreBtn close"] a:active {
	background-image: url("/assets/images/icon/arrow_white_up.gif");
}

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

	inquiry

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

.inquiryFlow {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

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

	Caption

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

p.caption {
	overflow: hidden;
	padding-left: 1em;
	text-indent: -1em;
}

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

	Thumbnail Image

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

img.cover {
	background-color: #fff;
	border: 1px solid #cfcfcf;
	padding: 2px;
}

a:hover img.cover {
	border-color: #d41519;
}

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

	PDF Link

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

span.pdfFile img {
	margin-left: 5px;
}

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

	Message

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

div.message {
}

/*-----------------------------------------------
	Error
-----------------------------------------------*/

.error {
	color: #c00000;
	font-weight: bold;
	margin-top: 5px;
}

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

	Table Module

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

table.fixed th {
	width: 80px;
}

table td.button {
	padding-bottom: 10px;
	padding-top: 10px;
}

table td.button ul.buttonArea {
	margin-top: 0;
}

/*-----------------------------------------------
	table.form
-----------------------------------------------*/

table.form tbody th {
	width: 150px;
}
table.form tbody ul {
	margin-top: 10px;
}

table.form tbody li {
	background-image: none;
	padding-left: 0;
}

table.form tbody td span {
	padding-left: 0.3em;
}

table.form tbody label strong {
	margin-right: 0.3em;
}

table.form tbody dl.index {
	margin-top: 10px;
}

table.form tbody dl.index dt {
	width: 150px;
}

table.form tbody input.lValue,
table.form tbody input.mValue,
table.form tbody input.sValue,
table.form tbody textarea.lValue {
	border: solid 1px #aaa;
	margin: 1px;
	padding: 5px 3px;
}

/*-----------------------------------------------
	table.multiple
-----------------------------------------------*/

table.multiple th,
table.multiple td {
	border-bottom-style: dotted;
}

table.multiple th {
	background-color: #f1f5f6;
}

table.multiple tbody tr:last-child th,
table.multiple tbody tr:last-child td {
	border-bottom-style: solid;
}

table.multiple tbody tr:first-child th:first-child {
	background-color: #e0e7e9;
	border-bottom-style: solid;
}

/*-----------------------------------------------
	Exception Rules
-----------------------------------------------*/

.imgLeft div.artwork table,
.imgRight div.artwork table {
	width: auto;
}

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

	scrollBox

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

div.scrollBox {
	border: 1px solid #D8D8D8;
	overflow-y: scroll;
	padding: 13px 16px;
	margin-top: 15px;
	height: 160px;
}

div.scrollBox table {
	width: auto;
}

form div.scrollBox h4 {
	*overflow: visible;
	*zoom: normal;
}

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

	Key Visual

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

.keyVisual {
}

#mergeContainer.separate .keyVisual {
	margin-top: 0;
}

#main .keyVisual {
	margin-left: -10px;
	margin-right: -10px;
}

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

	Article Data

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

dl.articleData {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-top: -1px;
	*zoom: 100%;
}

dl.articleData + dl.articleData {
	border-top: none;
}

dl.articleData dt {
	display: inline;
	font-weight: normal;
	padding: 5px 5px 5px 0;
	position: relative;
}

dl.articleData dt:empty {
	visibility: hidden;
}

dl.articleData dt:after {
	content: "：";
	position: absolute;
	right: 0;
}

dl.articleData dt span.after {
	display: inline;
	position: absolute;
	right: 0;
}

dl.articleData dd {
	display: inline;
	float: left;
	font-weight: bold;
	padding: 5px 0 5px 5px;
}

dl.baseInfo + dl.articleData {
	margin-top: 30px;
}

dl.articleData + dl.articleData {
	margin-top: 0;
}

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

	Border Index

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

dl.border {
	border-bottom: 1px dashed #ababab;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	zoom:100%;
}

dl.border + dl.border {
	margin-top: 0;
	padding-top: 10px;
}

dl.border dt {
	padding-right: 10px;
	*padding-right: 7px;
	width: 95px;
}

dl.border dd {
}

dl.border p:first-of-type,
dl.border ul:first-of-type,
dl.border li:first-of-type {
	margin-top: 0;
}

dl.border div.composition {
}

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

	Borderless Index

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

dl.borderless {
	zoom:100%;
}

dl.borderless dt {
	padding-right: 10px;
	*padding-right: 7px;
	width: 90px;
}

dl.borderless p:first-of-type,
dl.borderless ul:first-of-type,
dl.borderless li:first-of-type {
	margin-top: 0;
}

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

	Book List

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

ul.bookList {
	*zoom: 100%;
}

ul.bookList + ul.bookList {
	border-top: 1px dashed #ababab;
	padding-top: 10px;
}

ul.bookList li {
	background: none;
	border-right: 1px dashed #ababab;
	margin: 0 32px 0 0;
	padding: 0 33px 0 0;
	*zoom: 100%;
}

ul.bookList li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

ul.bookList li p {
	margin-top: 8px;
	width: 120px;
}

ul.bookList li p:first-child {
	margin-top: 3px;
}

ul.bookList li p:last-child {
	margin-bottom: 3px;
}

ul.bookList li .title {
	_padding-bottom: 1px;
}

ul.bookList li .title img {
	margin-right: 5px;
}

/* in div.layout2col */
div.layout2col ul.bookList {
	margin-left: 10px;
}

div.layout2col ul.bookList li {
	margin-right: 34px;
	padding-right: 35px;
}

div.layout2col ul.bookList li:last-child {
	margin-right: 0;
	padding-right: 0;
}

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

	External Link

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

a.external:after {
	content: url(/assets/images/icon/target_blank.gif);
	padding-left: 5px;
}

a.external span.after img {
	*vertical-align: middle;
}

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

	Value Size

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

.sValue {
	width: 3em;
}

.mValue {
	width: 175px;
}

.lValue {
	width: 90%;
}

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

	Corporate Color

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

.cpColor {
	color: #d41519;
}

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

	Required

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

.required {
	color: #ed1c24;
	margin-left: 0.5em;
}

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

	Arrow Box Item

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

.arrow {
	background-image: url("/assets/images/icon/arrow_box.gif");
	background-position: 0 0.35em;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 28px;
}

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

	TinyMCE

-------------------------------------------------------------------*/
.justifyleft {
	text-align: left;
}

.justifyright {
	text-align: right;
}

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

	Tab Menu

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

div.tabMenu {
	margin: 25px -10px 0;
	zoom:1;
}

div.tabMenu ul.inline {
	background-image: url("/assets/images/bg/tab_menu_footer.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	margin-top: 0;
	padding-bottom: 3px;
	padding-left: 5px;
	zoom: 100%;
}

div.tabMenu ul.inline li {
	background: none;
	border-bottom: 1px solid #d37b7b;
	margin: 0 6px 0 0;
	padding: 0;
	width: 226px;
}

div.tabMenu ul.inline li:last-child {
	margin-right: 0;
}

div.tabMenu ul.inline li a {
	background-image: url("/assets/images/bg/tab_menu_item_off.gif");
	background-repeat: no-repeat;
	color: #333;
	display: block;
	font-size: 108%;
	font-weight: bold;
	padding: 5px 10px;
}

div.tabMenu ul.inline li a:hover {
	background-image: url("/assets/images/bg/tab_menu_item_on.gif");
}

div.tabMenu ul.inline li.current {
	border-bottom-color: #ee9e9e;
}

div.tabMenu ul.inline li.current a {
	background-image: url("/assets/images/bg/tab_menu_item_on.gif");
}

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

	Tab Menu Footer

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

div.tabMenuFooter {
	background-image: url("/assets/images/bg/tab_menu_footer_header.gif");
	background-repeat: repeat-x;
	margin: 15px -10px 0;
	padding-top: 4px;
}

div.tabMenuFooter ul.inline {
	margin-top: 5px;
}

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

	Feature Index

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

div.featureIndex {
	border: 3px solid #efefef;
	margin-top: 25px;
	padding: 10px;
}

div.featureIndex h4 {
	background-position: 0 0;
	border: none;
	margin-top: 0;
	padding: 0 0 0 15px;
}

div.featureIndex h5 {
	background-image: url("/assets/images/bg/ptn_h5_orange.gif");
	margin-top: 10px;
}

div.featureIndex h5:after {
	content: url(/assets/images/bg/balloon_tale_h5_orange.gif);
}

div.featureIndex h5 span.after {
	display: none;
}

div.featureIndex h5 span.after:last-child {
	display: inline;
	left: -5px;
	*left: -4px;
	top: 11px;
	position: absolute;
	z-index: 10;
}

div.featureIndex h5 span.after img {
	margin: 0;
	vertical-align: top;
}

div.featureIndex h5:first-child,
div.featureIndex dl:first-child {
	margin-top: 0;
}

div.featureIndex h5 img {
	margin-right: 17px;
	vertical-align: middle;
}

div.featureIndex p {
	border-bottom: 1px dashed #ababab;
	padding-bottom: 10px;
}

div.featureIndex p:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

div.featureIndex h4 + h5,
div.featureIndex p + h5 {
	margin-top: 15px;
}

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

	Search Box

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

div.searchBox {
	border: 3px solid #efefef;
	font-size: 93%;
	margin: 25px -10px 0;
	padding: 10px;
	*zoom: 100%;
}

/* p.moreBtn */
div.searchBox p.moreBtn:last-child {
	margin-top: 0;
}

/* dl.index */
div.searchBox dl.index {
	border-top: 1px dashed #ababab;
	*zoom: 100%;
}

div.searchBox dl.index dt {
	background: none;
	display: inline;
	font-weight: bold;
	margin-right: 15px;
	padding: 10px 10px 0;
	width: 80px;
}

div.searchBox dl.index dd {
	float: left;
	width: 559px;
}

div.searchBox dl.index p {
	float: left;
	*padding-bottom: 1px;
	*zoom: 100%;
}

div.searchBox dl.index p:first-child {
	margin-top: 10px;
}

div.searchBox dl.index ul:first-child {
	margin-top: 5px;
}

div.searchBox dl.index p.expBalloon {
	background-color: #e0e0e0;
	display: block;
	margin: 10px 0 0 10px;
	padding: 3px 10px;
	text-decoration: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	z-index: 100;
}

div.searchBox dl.index p.expBalloon:after {
	content: url(/assets/images/bg/balloon_tale_exp.gif);
	height: 7px;
	position: absolute;
	left: -4px;
	top: 7px;
}

div.searchBox dl.index ul.inline li {
	background-image: none;
	display: inline;
}

div.searchBox dl.index ul[class*="align3col inline"] li {
	margin-right: 16px;
	width: 169px;
}

div.searchBox dl.index ul[class*="align3col inline"] li:nth-child(3n) {
	margin-right: 0 !important;
}

div.searchBox dl.index ul[class*="align4col inline"] li {
	margin-right: 13px;
	width: 125px;
}

div.searchBox dl.index ul[class*="align4col inline"] li:nth-child(4n) {
	margin-right: 0 !important;
}

/* dl.keyword */
div.searchBox dl.keyword {
	border-top: none !important;
	margin-top: 0 !important;
}

div.searchBox dl.keyword dt {
	background-color: #e0e0e0;
	font-weight: normal;
	padding: 2px 0;
	text-align: center;
	width: 100px;
	top: 0;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
	behavior: url(/assets/css/ie-css3.htc);
}

div.searchBox dl.keyword dt:after {
	content: url(/assets/images/bg/balloon_tale_keyword.gif);
	height: 7px;
	position: absolute;
	right: -4px;
	top: 7px;
}

div.searchBox dl[class*="keyword index"] p {
	margin-top: 0 !important;
}

div.searchBox dl.keyword p.moreBtn {
	float: right;
	margin-top: 3px;
}

/* ul.buttonArea */
div.searchBox ul.buttonArea {
	border-top: 1px dashed #ababab;
	margin-top: 10px;
	padding-top: 10px;
}

/* div#refineSearch */
div.searchBox div#refineSearch {
	position: relative;
	z-index: 1;
	*zoom: 100%;
}

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

	inquiryBox

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

div.inquiryBox {
	border: 3px solid #efefef;
	margin: 25px -10px 0;
	overflow: hidden;
	padding: 10px;
	*zoom: 100%
}

div.inquiryBox div.composition div p:first-of-type {
	margin-top: 0;
}

div.inquiryBox div.composition div.artwork {
	margin-right: 10px !important;
}

div.inquiryBox div.composition div.artwork p {
	width: auto;
}

div.inquiryBox div.composition div.artwork dl.index {
	font-weight: bold;
	margin-top: 10px;
	width: 187px;
}

div.inquiryBox div.composition div.artwork dl.index dt {
	margin-right: 10px;
}

div.inquiryBox div.composition div.artwork dl.index dd {
	color: #d41519;
}

div.inquiryBox div.composition div.text {
	padding-left: 10px;
}

div.inquiryBox div.balloonBox {
	font-size: 85%;
	padding-bottom: 12px;
	padding-top: 12px;
}

div.inquiryBox div.balloonBox:after {
	top: 14px;
}

div.inquiryBox div.balloonBox span.after {
	_left: -18px;
}

div.inquiryBox div.composition div p.caption {
	font-size: 85%;
	margin-top: 5px;
}

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

	Relate Box

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

div.relateBox {
	margin: 25px -10px 0;
}

div.relateBox ul.separate {
}

div.relateBox ul.separate li {
	background-image: none;
	padding-left: 10px !important;
}

div.relateBox ul.separate li dl {
	margin-top: 0;
}

div.relateBox ul.separate li dl dt {
	background-image: url("/assets/images/icon/arrow_red.gif");
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 210px;
}

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

	certification

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

.certification {
	text-align: right;
}

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

	Recommended Books

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

dl.recommendBook {
	background-color: #efefef;
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
}

dl.recommendBook > dt {
	background-image: url("/assets/images/icon/book.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 0 0 10px 30px;
}

dl.recommendBook div.composition {
	background-color: #fff;
	margin-right: 10px;
	padding: 8px;
	width: 319px;
}

dl.recommendBook div.composition p,
dl.recommendBook div.composition dl {
	margin-top: 0;
}

dl.recommendBook div.composition dl dt {
	background-image: url("/assets/images/icon/arrow_gray.gif");
	background-position: 5px 0.4em;
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 0 5px 5px 15px;
	border-bottom: 1px dashed #ababab;
}

dl.recommendBook div.composition dl dd {
	padding: 5px;
}

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

	Search Result Supplement

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

div.searchSupplement {
	font-size: 93%;
	margin: 20px -10px 0;
	overflow: hidden;
	*zoom:100%;
}

div.searchSupplement dl.sort {
	float: right;
	*padding-bottom: 1px;
}

div.searchSupplement dl.sort dt {
	display: inline;
}

div.searchSupplement dl.sort dd {
	display: inline;
}

div.searchSupplement p.display {
	overflow: hidden;
}

div.searchSupplement + ul.pager {
	margin-top: 10px;
}

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

	Search Result List

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

ul.searchResult {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: 40px;
}

ul.searchResult > li {
	background-image: none;
	border-bottom: 1px dashed #ababab;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

ul.searchResult > li:first-child {
	margin-top: 0;
}

ul.searchResult > li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

/* div.composition */
ul.searchResult div.composition {
}

ul.searchResult div.composition div.artwork ul.category {
	margin-top: 5px;
	width: 120px;
}

ul.searchResult div.composition div.artwork ul.category li {
	margin-right: 3px;
}

ul.searchResult div.composition div.text {
	float: left;
	position: relative;
	width: 540px;
}

/* dl.baseInfo */
ul.searchResult dl.baseInfo {
	overflow: hidden;
	*zoom: 100%;
}

ul.searchResult dl.baseInfo dt {
	float: left;
}

ul.searchResult dl.baseInfo dt img {
	margin-right: 10px;
}

ul.searchResult dl.baseInfo dd:not([class="more"]) {
	clear: both;
	padding-top: 10px;
	*zoom: 100%;
}

ul.searchResult dl.baseInfo dd.more {
	float: right;
}

ul.searchResult dl.baseInfo dd.more a {
	background-image: url("/assets/images/icon/arrow_gray.gif");
	background-position: 7px 50%;
	background-repeat: no-repeat;
	display: block;
	font-size: 85%;
	padding: 2px 5px 2px 16px;
	text-decoration: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

ul.searchResult dl.baseInfo dd.more a:link,
ul.searchResult dl.baseInfo dd.more a:visited {
	background-color: #e0e0e0;
}

ul.searchResult dl.baseInfo dd.more a:hover,
ul.searchResult dl.baseInfo dd.more a:active {
	background-color: #d41519;
	color: #fff;
}

/* dl.index */
ul.searchResult dl.articleData dt {
	width: 65px;
}

ul.searchResult dl.articleData dd {
	width: 195px;
}

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

	Publication Series

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

p.publicationSeries {
	border-bottom: 1px dashed #ababab;
	padding-bottom: 10px;
}

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

	Publication Detail

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

div.publicationDetail {
}

div.publicationDetail div.composition div.artwork {
	_margin-right: 17px !important;
	width: 200px;
}

div.publicationDetail div.composition div.artwork p.browse {
	margin-top: 20px;
}

div.publicationDetail div.composition div.artwork ul.category {
	margin-top: 5px;
}

div.publicationDetail div.composition div.artwork ul.category li {
	margin-right: 3px;
	margin-top: 3px;
	white-space: nowrap;
}

div.publicationDetail div.composition div.artwork div.balloonBox {
	background-color: #e0e0e0;
	margin-top: 15px;
	padding: 8px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
	behavior: url(/assets/css/ie-css3.htc);
}

div.publicationDetail div.composition div.artwork div.balloonBox:after {
	content: url(/assets/images/bg/balloon_tale_top_caption.gif);
	left: 95px;
	*left: 90px !important;
	top: -5px;
	position: absolute;
	z-index: 10;
}

div.publicationDetail div.composition div.artwork div.balloonBox span.after {
	display: none;
	left: 95px;
	*left: 90px !important;
	top: -5px;
	position: absolute;
	z-index: 10;
}

div.publicationDetail div.composition div.artwork div.balloonBox span.after:last-child {
	display: block;
}

div.publicationDetail div.composition div.artwork div.balloonBox span.after img {
	left: 0 !important;
	top: 0 !important;
	position: relative !important;
}

div.publicationDetail div.composition div.artwork p.caption {
	font-size: 85%;
	margin-top: 0;
}

/* dl.index */
div.publicationDetail dl.articleData dt {
	width: 65px;
}

div.publicationDetail dl.articleData dd {
	width: 155px;
}

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

	Publication Menu

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

div.publicationMenu {
	margin: 25px -10px 0;
	*zoom:1;
}

div.publicationMenu ul.inline {
	background-image: url("/assets/images/bg/publication_menu_footer.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	padding-bottom: 3px;
	padding-left: 5px;
	zoom: 100%;
}

div.publicationMenu ul.inline li {
	background: none;
	border-bottom: 1px solid #b1b1b1;
	margin: 0 5px 0 0;
	padding: 0;
	width: 134px;
}

div.publicationMenu ul.inline li:last-child {
	margin-right: 0;
}

div.publicationMenu ul.inline li a {
	background-image: url("/assets/images/bg/publication_menu_item_off.gif");
	background-repeat: no-repeat;
	color: #333;
	display: block;
	font-size: 108%;
	font-weight: bold;
	padding: 5px 10px;
}

div.publicationMenu ul.inline li a:hover {
	background-image: url("/assets/images/bg/publication_menu_item_on.gif");
}

div.publicationMenu ul.inline li.current {
	border-bottom-color: #cecece;
}

div.publicationMenu ul.inline li.current a {
	background-image: url("/assets/images/bg/publication_menu_item_on.gif");
}

/* div#redTabMenu */
div#redTabMenu ul.inline {
	background-image: url("/assets/images/bg/tab_menu_footer.gif");
}

div#redTabMenu ul.inline li {
	border-bottom-color: #d37b7b;
}

div#redTabMenu ul.inline li a {
	background-image: url("/assets/images/bg/publication_menu_item_red_tab_off.gif");
}

div#redTabMenu ul.inline li a:hover {
	background-image: url("/assets/images/bg/publication_menu_item_red_tab_on.gif");
}

div#redTabMenu ul.inline li.current {
	border-bottom-color: #ee9e9e;
}

div#redTabMenu ul.inline li.current a {
	background-image: url("/assets/images/bg/publication_menu_item_red_tab_on.gif");
}

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

	Publication Content

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

div.publicationContent {
	background-image: url("/assets/images/bg/publication_menu_footer_header.gif");
	background-position: 0 100%;
	background-repeat: repeat-x;
	margin-left: -10px;
	margin-right: -10px;
	padding: 0 10px 15px;
}

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

	Purchase Guide

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

div.purchaseGuide {
	margin-left: -10px;
	margin-right: -10px;
}

div.purchaseGuide div.composition {
	width: 340px;
}

div.purchaseGuide p {
	margin-top: 0;
}

div.purchaseGuide ul.buttonArea {
	margin-top: 5px;
	*margin-top: 0;
	overflow: hidden;
	text-align: left;
	*zoom: 100%;
}

div.purchaseGuide ul.buttonArea li {
	display: block;
	float: left;
	margin-left: 0;
	margin-right: 20px;
}

div.purchaseGuide ul.buttonArea li:last-child {
	float: right;
	margin-right: 0;
}

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

	Fax Order

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

div.faxOrder {
}

div.faxOrder div.text {
	float: left;
	width: 323px;
}

div.faxOrder div.download {
	float: left;
	margin-left: 7px;
	margin-top: 3px;
}

div.faxOrder div.getReader {
	border-top: 1px dashed #ababab;
	_margin-bottom: -10px;
	margin-top: 10px;
	overflow: hidden;
	_padding-bottom: 10px;
	padding-top: 10px;
	*zoom: 100%;
}

div.faxOrder div.getReader div.artwork {
	padding-left:10px;
	display: block;
}

div.faxOrder div.getReader div.text {
	font-size: 85%;
	padding-top: 4px;
	width: 480px;
}

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

	newsRelease

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

ul.newsRelease {
	zoom: 100%;
}

ul.newsRelease li {
	background: none;
	padding-left: 0 !important;
}

ul.newsRelease dl {
	margin-top: 0;
	zoom: 100%;
}

ul.newsRelease dl dt {
	margin-right: 13px;
	padding:0;
	width: 120px;
}

ul.newsRelease dl dd {
	background-image: url("/assets/images/icon/arrow_red.gif");
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	padding: 0 0 0 14px;
}

ul.newsRelease dl.index {
	background: none;
}

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

	Blue Box

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

div.blueBox {
	background-repeat: repeat-y;
	margin-top: 20px;
}

div.blueBox ul {
	background-repeat: no-repeat;
	margin: 0;
	vertical-align: top;
	*zoom: 100%;
}

div.blueBox li {
	background: none;
	margin-top: 0;
	padding: 0;
}

div.blueBox li:last-child {
	margin-right: 0;
}

div.blueBox dl {
	margin-top: 0;
}

div.blueBox dl dt {
	background-position: 10px 10px;
	background-repeat: no-repeat;
	font-size: 108%;
	font-weight: bold;
	padding: 10px 10px 0;
}

div.blueBox dl dt.consultant {
	background-image: url("/assets/images/icon/pickup_consultant.gif");
	padding-left: 80px;
}

div.blueBox dl dt.mentalHealth {
	background-image: url("/assets/images/icon/pickup_mental_health.gif");
	padding-left: 70px;
}

div.blueBox dl dt.consultation {
	background-image: url("/assets/images/icon/pickup_consultation.gif");
	background-position: 10px 7px;
	padding-left: 70px;
}

div.blueBox dl dd {
	font-size: 93%;
	padding: 10px;
}

/* blueBox2col */
div.blueBox2col {
	background-image: url("/assets/images/bg/blue_box_2col_body.gif");
}

div.blueBox2col ul {
	background-image: url("/assets/images/bg/blue_box_2col_header.gif");
}

div.blueBox2col:after {
	content: url(/assets/images/bg/blue_box_2col_footer.gif);
	display: block;
	height: 2px;
}

div.blueBox2col li {
	margin-right: 20px;
	width: 330px;
}

/* blueBox3col */
div.blueBox3col {
	background-image: url("/assets/images/bg/blue_box_3col_body.gif");
}

div.blueBox3col ul {
	background-image: url("/assets/images/bg/blue_box_3col_header.gif");
}

div.blueBox3col:after {
	content: url(/assets/images/bg/blue_box_3col_footer.gif);
	display: block;
	height: 2px;
}

div.blueBox3col li {
	margin-right: 16px;
	width: 216px;
}

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

	Pickup Service

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

div.pickupService {
	border: 3px solid #efefef;
	margin-top: 20px;
	padding: 10px;
}

div.pickupService div.blueBox {
	margin-top: 0;
}

/* blueBox3col */
div.pickupService div.blueBox3col {
	background-image: url("/assets/images/bg/blue_box_inside_3col_body.gif");
	overflow: hidden;
	vertical-align: top;
	*zoom: 100%;
}

div.pickupService div.blueBox3col ul {
	background-image: url("/assets/images/bg/blue_box_inside_3col_header.gif");
}

div.pickupService div.blueBox3col:after {
	content: url(/assets/images/bg/blue_box_inside_3col_footer.gif);
}

div.pickupService div.blueBox3col span.after {
	display: none;
	float: left;
	height: 2px;
}

div.pickupService div.blueBox3col span.after:last-child {
	display: block;
}

div.pickupService div.blueBox3col span.after img {
	display: block;
	height: 2px;
	width: 100%;
}

div.pickupService div.blueBox li:last-child {
	margin-right: 0;
}

div.pickupService div.blueBox3col li {
	margin-right: 12px;
	width: 210px;
}

div.pickupService h5 {
	margin-top: 15px;
}

/* div.layout2col */
div.pickupService div.layout2col {
	*zoom: 100%;
}

div.pickupService div.layout2col div.composition {
	width: 315px;
}

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

	Visitor Navigation

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

#visitorNavi {
	background-color: #eeeeed;
	margin-top: 5px;
	padding: 0 0 10px 10px;
	*zoom: 100%;
}

#visitorNavi li {
	margin: 10px 10px 0 0;
	*margin-right: 6px;
	*zoom: 100%;
}

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

	Service List Information

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

#serviceListInfo {
	border: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

#serviceListInfo div.balloonBox {
	font-size: 100%;
}

#serviceListInfo div.balloonBox span.after {
	*left: -5px;
	_left: -15px;
}

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

	Latest Publication

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

#latestPublication {
	overflow: hidden;
	*zoom: 100%;
}

#latestPublication dl {
	background-color: #efefef;
	padding: 10px;
	position: relative;
}

#latestPublication dl dt {
	font-size: 108%;
	font-weight: bold;
	padding-bottom: 10px;
}

#latestPublication dl dt img {
	margin-right: 5px;
	*vertical-align: middle;
}

#latestPublication dl dd {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 10px;
	padding-top: 10px;
	*zoom: 100%;
}

#latestPublication dl dd.search {
	background-color: transparent;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 7px;
}

#latestPublication dl dd.more {
	background-color: transparent;
	padding: 10px 0 0 0;
	text-align: right;
}

#latestPublication dl dd.more a {
	background-image: url("/assets/images/icon/arrow_red.gif");
	background-position: 0 0.4em;
	background-repeat: no-repeat;
	padding: 0 0 0 14px;
}

#latestPublication .bookList {
	margin-top: 0;
}

/* .magazine */
#latestPublication .magazine {
	float: left;
}

/* .book */
#latestPublication .book {
	float: right;
}

/*-----------------------------------------------
	in #mergeContainer
-----------------------------------------------*/

/* .magazine */
div.single #mergeContainer #latestPublication .magazine {
	float: left;
	width: 172px;
}

div.single #mergeContainer #latestPublication .magazine dd {
	padding-left: 25px;
}

/* .book */
div.single #mergeContainer #latestPublication .book {
	width: 718px;
}

div.single #mergeContainer #latestPublication .book dd {
	padding-left: 30px;
}

div.single #mergeContainer #latestPublication .book .bookList li {
	margin-right: 29px;
	padding-right: 29px;
}

div.single #mergeContainer #latestPublication .book .bookList li:last-child {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

/*-----------------------------------------------
	in #main
-----------------------------------------------*/

#main #latestPublication {
	margin-left: -10px;
	margin-right: -10px;
}

/* .magazine */
#main #latestPublication .magazine {
	float: left;
	width: 135px;
}

#main #latestPublication dl dt {
	font-size: 100%;
}

#main #latestPublication .magazine dd {
	padding-left: 7px;
}

/* .book */
#main #latestPublication .book {
	width: 515px;
}

#main #latestPublication [class*="book wide"] {
	width: 680px;
}

#main #latestPublication .book dd {
	padding-left: 25px;
}

#main #latestPublication .book .bookList li {
	margin-right: 25px;
	padding-right: 25px;
}

#main #latestPublication .book .bookList li:last-child {
	margin-right: 0;
	padding-right: 0;
}

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

	Wide Banner

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

p.wideBanner {
	margin-left: -10px;
	margin-right: -10px;
}

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

	Three Strength

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

#threeStrength {
	margin-left: -10px;
	margin-right: -10px;
}

#threeStrength div.composition {
	margin-right: 20px;
	width: 220px;
}

#threeStrength div.composition:nth-of-type(3n) {
	margin-right: 0;
}

#threeStrength dl.bundle {
	border: none;
	padding: 0;
}

#threeStrength dl.bundle dt {
	background-color: #fff;
	background-image: url("/assets/images/bg/three_strength_heading.gif");
	background-position: 0 4px;
	*background-position: 0 3px;
	background-repeat: repeat-x;
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	margin: 0;
	padding: 14px 10px 10px;
	position: relative;
	vertical-align: top;
	*zoom: 100%;
}

#threeStrength dl.bundle dt:before {
	content: url(/assets/images/bg/three_strength_header.gif);
	display: block;
	height: 4px;
	left: -1px;
	position: absolute;
	top: 0;
	width: 220px;
}

#threeStrength dl.bundle dt * {
}

#threeStrength dl.bundle dt a {
	background-image: url("/assets/images/icon/arrow_box.gif");
	background-position: 0 0.3em;
	background-repeat: no-repeat;
	display: block;
	margin-left: -10px;
	padding-left: 24px;
}

#threeStrength dl.bundle dd {
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	overflow: hidden;
	padding: 10px;
	*zoom: 100%;
}

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

	div.singleInquiry form,fieldset

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

div.singleInquiry form,
div.singleInquiry fieldset {
	position: relative;
}

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

	Clearfix

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

div.layout2col,
div.layout3col,
div.layout4col,
.composition {
	*zoom: 100%;

	/* Only Mac IE \*//*/
	height: auto;
	overflow: hidden;
	/**/
}

div.layout2col:after,
div.layout3col:after,
div.layout4col:after,
.composition:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}