@charset "utf-8";

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

	Header

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

div#header {
	background-color: #fff;
}

div#header p {
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------
	Header Content
-----------------------------------------------*/

div#header div.wrapper {
	margin-bottom: 13px;
	overflow: hidden;
	_overflow: visible;
}

div#headArea {
	background-color: #D6D6D6;
	margin-bottom: 20px;
}

div#headArea h1 {
	margin-left: auto;
	margin-right: auto;
	min-width: 950px;
	width: 950px;
	padding: 5px;
	line-height: 1em;
}

div#header div.content {
}


div#header div.content p#logo {
	float: left;
	height: 46px;
	width: 339px;
}

/* siteNav */
ul#siteNav li {
	background-image: url("/assets/images/icon/arrow_red.gif");
	background-position: 0 0.6em;
	background-repeat: no-repeat;
}

ul#siteNav li:last-child {
	margin: 0 14px 0 0;
}

ul#siteNav li a{
	background-image: url("/assets/images/bg/dotted_gray.gif");
	background-position: 100% 0;
	background-repeat: repeat-y;
	padding-right: 12px;
}
ul#siteNav li:last-child a {
	background-image: none;
	padding-right: 0;
}

/* div.function */

div#header div.content div.function {
	float: right;
	width:540px;
	*width:530px;
	overflow:hidden;
	text-align: right;
	*margin-bottom:-16px;
}
div#header_nav_under{
	margin-top: 8px;
	zoom:1;
}
div#yjSsSb {
	float:left;
}

div#header div.content div.function ul {
	margin: 0;
	line-height: 21px;
	*display: inline;
	*float: none;
}

div#header div.content div.function ul li {
	display: inline-block;
	font-size: 93%;
	margin: 0 10px 0 0;
	*display: inline;
	*float: none;
	padding-left: 10px;
}

div#header div.content div.function ul li:last-child {
	margin-right: 0;
}

/* Link Color */
div#header div.content div.function ul li a:link,
div#header div.content div.function ul li a:visited {
	color: #333;
}

div#header div.content div.function ul li a:hover,
div#header div.content div.function ul li a:active,
div#header div.content div.function ul li a:focus {
	color: #666;
	text-decoration: underline;
}

div#header div.content div.function div.search {
	background-image: url("/assets/images/bg/dotted_gray.gif");
	background-position: 0 0;
	background-repeat: repeat-y;
	float: right;
	margin-left: 6px;
	margin-top: 2px;
	padding-left: 10px;
	*display: inline;
	*float: none;
}

div#header div.content div.function div.search label {
}

div#header div.content div.function div.search input.inputField {
	border: 1px solid #CFCFCF;
	font-size: 85%;
	height: 17px;
	line-height: 17px;
	margin: 0 -4px 0 0;
	*margin: -1px -4px 0 0;
	padding: 0 3px;
	width: 117px;
}

div#header div.content div.function div.search input.button {
	border: none;
	margin: 0;
	padding: 0;
}

/* fontSizeController */
div#header dl#fontSizeController {
	margin-top: 0;
	text-align: right;
	width:189px;
	*width:176px;
	float:right;
}

div#header dl#fontSizeController dt {
	float: left;
	line-height: 1;
	font-size: 85%;
	vertical-align: middle;
	background-color: #e0e0e0;
	padding: 6px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	z-index: 1;
	behavior: url(/assets/css/ie-css3.htc);

}
div#header dl#fontSizeController dt:after {
	content: url(/assets/images/bg/site_balloon_arrow.gif);
	background-image: url("/assets/images/bg/site_balloon_arrow.gif");
	background-position: 100% 0;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	right: -4px;
	top: 0.7em;
}

div#header dl#fontSizeController dd {
	background-image: url("/assets/images/bg/site_fontsize.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	margin-left: 7px;
}

div#header dl#fontSizeController ul {
	height: 25px;
	list-style: none;
}

div#header dl#fontSizeController ul li {
	background-image: none;
	margin: 0;
	padding: 3px;
	float: left;
	width: 19px;
	height: 19px;
}

div#header dl#fontSizeController ul li a {
	background-repeat: no-repeat;
	display: block;
}

div#header dl#fontSizeController ul li a.small {
	background-image: url("/assets/images/button/site_fontsize_small_on.gif");
}

div#header dl#fontSizeController ul li a.medium {
	background-image: url("/assets/images/button/site_fontsize_medium_on.gif");
}

div#header dl#fontSizeController ul li a.large {
	background-image: url("/assets/images/button/site_fontsize_large_on.gif");
}

div#header dl#fontSizeController ul li a.textresizer-active img {
	visibility: hidden;
}


/*-----------------------------------------------
	Global Navigation
-----------------------------------------------*/

div#globalNav {
	background-image: url("/assets/images/bg/gnav.gif");
	background-repeat: repeat-x;
	height: 51px;
}

div#globalNav ul {
	margin: 0 auto;
	width: 950px;
}

div#globalNav ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#globalNav ul li: first-child img{
	border-left: 1px solid #cccccc;
}

div#globalNav ul li img{
	border-right: 1px solid #cccccc;
}

div#globalNav ul li a {
	display: block;
	padding: 4px 0 0;
}

div#globalNav ul li a:hover,
div#globalNav ul li a:active {
	background-image: url("/assets/images/bg/gnav_on.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}

div#globalNav ul li.active a{
	background-image: url("/assets/images/bg/gnav_on.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}
/*-------------------------------------------------------------------

	Top Key Visual

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

div#topKeyvisual {
}

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

	div#container

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

div#container {
	background-color: #fff;
	padding-bottom: 20px;
}

/*-----------------------------------------------
	Container Content
-----------------------------------------------*/

div#container div.content {
	*vertical-align: top;
}

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

	Topic Path

-------------------------------------------------------------------*/
div#topicPath {
	background-image: url("/assets/images/bg/topic_path.gif");
	background-position: 0 0;
	background-repeat: repeat-x;
}
div#topicPath ul {
	width: 950px;
	font-size: 93%;
	height: 24px;
	line-height: 24px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 5px;
}

div#topicPath ul li {
	background-image: none;
	float: left;
	margin: 0;
	padding: 0;
}

div#topicPath ul li a {
	background-image: url("/assets/images/bg/topic_path_arrow.gif");
	background-position: 100% 0;
	background-repeat: no-repeat;
	display: block;
	padding: 0 20px 0 10px;
}

div#topicPath ul li span {
	background-image: url("/assets/images/bg/topic_path_active.gif");
	background-position: 100% 0;
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 24px;
	padding: 0 20px 0 10px;
	position: relative;
}

div#topicPath ul li span:before {
	content: url(/assets/images/bg/topic_path_arrow_active_left.gif);
	left: -9px;
	position: absolute;
	top: 0;
	vertical-align: top;
}

div#topicPath ul li span span.before {
	background: none;
	left: -9px;
	padding: 0;
	position: absolute;
	top: 0;
	vertical-align: top;
}

div#topicPath ul li span span.before img {
	left: auto !important;
	position: inherit !important;
	top: auto !important;
}

div#topicPath ul li span span.before span.after {
	display: none;
}

div#topicPath ul li span:after {
	content: url(/assets/images/bg/topic_path_arrow_active_right.gif);
	position: absolute;
	right: -9px;
	top: 0;
	vertical-align: top;
}

div#topicPath ul li span span.after {
	background: none;
	float: none;
	padding: 0;
	position: absolute;
	right: -9px;
	top: 0;
	vertical-align: top;
}

div#topicPath ul li span span.after img {
	position: inherit !important;
	right: 0 !important;
	top: auto !important;
}

div#topicPath ul li a:link,
div#topicPath ul li a:visited {
	color: #000;
	text-decoration: none;
}

div#topicPath ul li a:hover {
	text-decoration: underline;
}

/*-----------------------------------------------
	Global Navigation
-----------------------------------------------*/

div#globalNav {
	background-image: url("/assets/images/bg/gnav.gif");
	background-repeat: repeat-x;
	height: 51px;
}

div#globalNav ul {
	margin: 0 auto;
	width: 950px;
}

div#globalNav ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#globalNav ul li:first-child img{
	border-left: 1px solid #cccccc;
}

div#globalNav ul li img{
	border-right: 1px solid #cccccc;
}

div#globalNav ul li a {
	display: block;
	padding: 4px 0 0;
}

div#globalNav ul li a:hover,
div#globalNav ul li a:active {
	background-image: url("/assets/images/bg/gnav_on.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}

div#globalNav ul li.active a{
	background-image: url("/assets/images/bg/gnav_on.gif");
	background-repeat: repeat-x;
	background-position: 0 0;
}

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

	Main

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

div#main {
}

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

	Utility

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

div#utility {
}

/*-----------------------------------------------
	Utility Navigation
-----------------------------------------------*/

dl.utilityNav {
	width: 220px;
	*zoom: 100%;
}

dl.utilityNav dt {
	color: #fff;
	width: 180px;
	background-image: url("/assets/images/bg/utilitynavi_top.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #8a8a8a;
	font-weight: bold;
	padding: 5px 30px 5px 10px;
	position: relative;
}

dl.utilityNav dt:after {
	content: url(/assets/images/bg/utilitynavi_top_gradation.gif);
	height: 7px;
	width: 220px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

dl.utilityNav dt img {
	position: absolute;
	right: 10px;
	top: 6px;
}

dl.utilityNav dt span.after {
	height: 7px;
	width: 220px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

dl.utilityNav dt span.after img {
	position: relative !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0;
	top: 0;
}

dl.utilityNav dt a:link,
dl.utilityNav dt a:visited {
	color: #fff;
	text-decoration: none;
}

dl.utilityNav dt a:hover,
dl.utilityNav dt a:active {
	color: #fff;
	text-decoration: underline;
}

dl.utilityNav dd {
	border-right: 1px solid #d4d4d4;
	font-size: 93%;
	padding: 0 0 4px;
	position: relative;
}

dl.utilityNav dd:after {
	content: url(/assets/images/bg/utilitynavi_bottom.gif);
	display: block;
	height: 4px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 220px;
}

dl.utilityNav dd span.after {
	display: block;
	height: 4px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 220px;
}

dl.utilityNav dd span.after img {
	position: relative !important;
}

/* Search Box */
div#utility dl.search dd form {
	display: block;
}

div#utility dl.search dd input.inputField {
	width: 198px !important;
	vertical-align: top !important;
}

div#utility dl.search dd div.composition {
	padding-bottom: 10px !important;
}

div#utility dl.search dd div.composition div.artwork {
	width: 80px;
}

div#utility dl.search dd div.composition div.text {
	text-align: right !important;
	padding-top: 2px !important;
	*padding-top: 4px !important;
}

dl[class*="utilityNav search"] dt {
	background-color: #de8585;
	background-image: url("/assets/images/bg/utilitynavi_search_top.gif");
	padding-bottom: 6px;
}

dl[class*="utilityNav search"] dt:after {
	content: url(/assets/images/bg/utilitynavi_search_top_gradation.gif);
}

dl[class*="utilityNav search"] dt span.after {
	display: none;
}

dl[class*="utilityNav search"] dt span.after:last-child {
	display: block;
	overflow: hidden;
}

dl[class*="utilityNav search"] dd {
	background-image: url("/assets/images/bg/ptn_dot_slash_gray.gif");
	border-right: none;
}

dl[class*="utilityNav search"] dd:after {
	content: url(/assets/images/bg/utilitynavi_search_bottom.gif);
}

dl[class*="utilityNav search"] dd p {
	margin-top: 0;
	padding: 10px 8px 0;
}

dl[class*="utilityNav search"] dd p .mValue {
	width: 170px;
}

dl[class*="utilityNav search"] dd p.moreBtn {
	margin-top: 0;
	padding-bottom: 10px;
	text-align: right;
}

dl[class*="utilityNav search"] dd p.more a {
	background-image: url("/assets/images/icon/arrow_red.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 14px;
}

/* Menu List */
dl.utilityNav * {
	*zoom: 100%;
}

dl.utilityNav dd ul {
	margin: 0;
}

dl.utilityNav dd ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

dl.utilityNav dd ul li p {
	border-bottom: 1px solid #d4d4d4;
	margin-top: 0;
}

dl.utilityNav dd ul li:last-child p {
	border-bottom: none;
}

dl.utilityNav dd ul li p a {
	background-color: #efefef;
	border-right: 3px solid #e0e0e0;
	display: block;
	overflow: hidden;
	padding: 7px 10px 7px 10px;
	position: relative;
	*zoom: 100%;
	outline: none;
}

dl.utilityNav dd ul li p a canvas,
dl.utilityNav dd ul li p a img {
	/* content: url(/assets/images/bg/utilitynavi_arrow.gif); */
	/* height: 30px; */
	width: 11px;
	position: absolute;
	right: -11px;
	top: 0;
	padding: 0;
	margin: 0;
}

/* Second Level */
dl.utilityNav dd ul li ul li p {
	border-bottom: 0;
}

dl.utilityNav dd ul li ul li p a {
	background-color: #fff;
	background-image: url("/assets/images/bg/arrow_gray.gif");
	background-position: 11px 1em;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #ababab;
	border-right-color: #f2f2f2;
	display:block;
	position:relative;
	overflow: hidden;
	padding: 7px 10px 7px 18px;
}

/* Third Level */
dl.utilityNav dd ul li ul li ul li p {
}

dl.utilityNav dd ul li ul li ul li p a {
	background-image: url("/assets/images/icon/square_gray.gif");
	background-position: 24px 1.1em;
	padding-left: 35px;
}

/* Link style */
dl.utilityNav dd ul li p a:hover {
	background-color:#d4d4d4;
	overflow: visible;
}

/* Link style */
dl.utilityNav li a:link,
dl.utilityNav li a:visited {
	color: #333333;
	text-decoration: none;
}

/* Current */
dl.utilityNav dd ul li.current > p a {
	background-color:#d4d4d4;
	overflow: visible;
}

/*-----------------------------------------------
	Banner List
-----------------------------------------------*/

div#utility ul.banner {
	margin-top: 15px;
}

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

	Custom Search Style

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

form#ajaxSearch_form {
	border-bottom: 1px dotted #000000;
	display: block;
	padding: 15px 0;
}

input#ajaxSearch_input {
	font-size: 131%;
	padding: 0 5px;
}

input#ajaxSearch_submit {
	font-size: 116%;
	vertical-align: top;
}

span.ajaxSearch_highlight {
	background-color: #fff100;
}

span.ajaxSearch_highlight1 {
}

p.ajaxSearch_resultsInfo {
}

/*-----------------------------------------------
	span.ajaxSearch_paging
-----------------------------------------------*/

span.ajaxSearch_paging {
	display: block;
	margin-top: 20px;
	text-align: center;
}

span.ajaxSearch_paging span.ajaxSearch_currentPage {
	font-weight: bold;
}

/*-----------------------------------------------
	div.ajaxSearch_result
-----------------------------------------------*/

div.ajaxSearch_result {
	line-height: 1.3;
	margin-top: 20px;
}

div.ajaxSearch_result a.ajaxSearch_resultLink {
	background-image: url("/assets/images/icon/arrow_box_black.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	font-size: 131%;
	padding-left: 15px;
}

div.ajaxSearch_result div.ajaxSearch_resultExtract {
	margin-left: 15px;
}

div.ajaxSearch_result div.ajaxSearch_resultExtract p {
	font-size: 100% !important;
	margin-top: 0 !important;
}

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

	Footer

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

div#footer {
	border-top: 1px solid #cacaca;
	background-color: #efefef;
}

/*-----------------------------------------------
	Content
-----------------------------------------------*/

div#footer div.content {
	overflow: hidden;
}

/*-----------------------------------------------
	Footer Navigation
-----------------------------------------------*/

div#footerNav {
	background-image:url("/assets/images/bg/footer.gif");
	background-position:0 0;
	background-repeat:repeat-y;
	border-top: 1px solid #FFFFFF;
	margin: 0 auto;
	vertical-align: top;
	width: 950px;
}

div#footerNav div.wrapper {
	margin: 0 auto;
	padding: 0 0 40px;
	width: 920px;
}

div#footerNav div.wrapper dl {
	float: left;
	margin: 0 20px 0 0;
	width: 210px;
}

div#footerNav div.wrapper dl:last-child {
	margin-right: 0;
}

div#footerNav div.wrapper dl dt {
	font-weight: bold;
	padding: 15px 0 0 0;
}

div#footerNav div.wrapper dl ul.linkList {
	margin-top: 0;
}

/* Link Color */
div#footerNav a:link,
div#footerNav a:visited {
	color: #515151;
}

div#footerNav a:hover,
div#footerNav a:active,
div#footerNav a:focus {
	color: #808080;
	text-decoration: underline;
}

/*-----------------------------------------------
	Copyrights
-----------------------------------------------*/

div#footer div#copyrights {
	background-color: #d4d4d4;
	background-image:url("/assets/images/bg/copyright.gif");
	background-position:0 0;
	background-repeat:repeat-x;
}

div#footer div#copyrights div.wrapper{
	color: #333333;
	margin: 0 auto;
	width: 920px;
	padding: 9px 18px 8px;
}

div#footer div#copyrights ul.inline {
	float: left;
	margin-top: 0;
	_width: 550px;
}

div#footer div#copyrights ul.inline li {
	background-image:url("/assets/images/icon/arrow_gray.gif");
	background-position:0 0.4em;
	background-repeat:no-repeat;
	border-bottom:medium none;
	display: inline;
	margin-right:10px;
	margin-top:0;
	padding-left:10px;
}

div#footer div#copyrights ul.inline li:last-child {
	margin-right: 0;
}

div#footer div#copyrights p {
	color: #484848;
	float: right;
	margin-top: 0 !important;
}

/* Link Color */
div#footer div#copyrights a:link,
div#footer div#copyrights a:visited{
	color: #333;
}

div#footer div#copyrights a:hover,
div#footer div#copyrights a:active,
div#footer div#copyrights a:focus {
	color: #999;
	text-decoration: none;
}

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

	Clearfix

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

ul#siteNav:after,
div#globalNav ul:after,
div#header:after,
div#topicPath ul:after,
div.content:after,
div.wrapper:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}