@charset "utf-8";

/* ****************************************************
layout.css
Define container layout.
***************************************************** */


/* common settings
=================================*/

html {
height: 100%;
overflow-y: scroll;
}

/* page-wrapper */
#page-wrapper {
	margin: 0 auto;
}


/* header
---------------------------------*/

/* -- header utility -- */
#header-container {
	width: 100%;
	position: relative;
	padding-top: 93px;
}
#header {
	position: relative;
	width: 950px;
	margin: 0 auto;
}
#header-wrapper {
	position: fixed;
	top: 0;
	width: 950px;
	min-height: 44px;
	background: #ffffff url(/common/images/hd_bg01.gif) repeat-x fixed 0 0;
	z-index: 5;
}
#logo {
	position: absolute;
	width: 136px;
	top: 0;
	left: -1px;
	z-index: 10;
}
#header-utility {
	float: right;
	height: 37px;
}
#header-utility #language {
	float: left;
	width: 61px;
	margin-right: -1px;
}
#header-utility #search-box {
	float: left;
	width: 187px;
	height: 21px;
	padding: 8px 0 0;
}
#header-utility #search-box input {
	display: block;
	float: left;
	border: none;
	height: 21px;
}
#header-utility #search-box #MF_form_phrase {
	width: 125px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg02.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
#header-utility #search-box #MF_form_phrase1 {
	width: 125px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg02.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
#header-utility #search-box #MF_form_phrase2 {
	width: 125px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg02.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
#header-utility #search-box #MF_form_phrase3 {
	width: 125px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg02.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
#header-utility #search-box #MF_form_phrase4 {
	width: 125px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg02.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
#header-utility #search-box #MF_form_phrase5 {
	width: 125px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg02.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
#header-utility #search-box #search-btn {
	width: 29px;
}
.search #search-box input {
	display: block;
	float: left;
	border: none;
	height: 21px;
}
.search #search-box #MF_form_phrase {
	width: 300px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg_search.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
.search #search-box #MF_form_phrase1 {
	width: 300px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg_search.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
.search #search-box #MF_form_phrase2 {
	width: 300px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg_search.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
.search #search-box #MF_form_phrase3 {
	width: 300px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg_search.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
.search #search-box #MF_form_phrase4 {
	width: 300px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg_search.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
.search #search-box #MF_form_phrase5 {
	width: 300px;
	padding: 0 12px;
	padding: 4px 12px\9; /* for IE8 hack */
	background: url(/common/images/hd_bg_search.gif) no-repeat 0 0;
	color: #555555;
	font-size: 12px;
}
.search #search-box #search-btn {
	width: 29px;
}
.search form  {
	padding-bottom: 18px;
	padding-top: 18px;
}


#header-utility #connected {
	float: left;
	width: 112px;
	padding: 13px 15px 0 0;
}
#header-utility ul {
	float: left;
	padding: 14px 0 0;
	font-size: 90%;
}
#header-utility ul li {
	display: inline-block;
	padding: 0 15px 0 0;
}
#header-utility ul a:before {
	padding: 0 5px 0 0;
	content:url(/common/images/com_icn01.png);
}

/* -- global navi -- */
#header #gNavi {
	clear: both;
	width: 712px;
	height: 56px;
	margin: 0 0 0 238px;
}
#header #gNavi li {
	float: left;
	height: 56px;
	padding: 0 0 0 4px;
}

/* -- path -- */
#header #path {
	padding: 20px 0 0;
}

#header #path a {
    line-height: 1.1;
}

#header #path li {
	display: inline;
	font-size: 90%;
}
#header #path li:before {
	padding: 0 3px;
	content:" > ";
}
#header #path li:first-child:before {
	padding: 0;
	content: "";
}


/* mainContainer
---------------------------------*/
#contentsContainer {
	width: 950px;
	margin: 14px auto 0;
	padding: 0 0 65px;
	line-height: 1.4;
}

/* sideContainer
---------------------------------*/
#aside {
	float: right;
	width: 220px;
}
/* -- local navi -- */
#rNavi > ul > li:first-child,
#rNavi > ul > li.active + li {
	border-top: none;
}
#rNavi > ul > li > a {
	display: block;
	border: 1px solid #b2b2b2;
	border-top: none;
	text-decoration: none;
}
#rNavi > ul > li:first-child > a {
	border-top: 1px solid #b2b2b2;
}
#rNavi > ul > li > a > span {
	display: block;
	width: 176px;
	border-bottom: 1px solid #ffffff;
	padding: 16px 20px 14px 22px;
	background: url(/common/images/rNavi_bg02.gif) no-repeat 0 0;
	font-weight: bold;
	color: #333333;
	font-size: 116%;
	line-height: 1.1;
	text-decoration: none;
}
#rNavi > ul > li > a:hover > span,
#rNavi > ul > li > a:active > span {
	background: url(/common/images/rNavi_bg01.gif) no-repeat 0 0;
}

#rNavi > ul > li.active > a > span {
	background: url(/common/images/rNavi_bg01.gif) no-repeat 0 0;
}

/* 4th level */
#rNavi li ul {
	border: 1px solid #d1d1d1;
	border-top: none;
	border-bottom-color: #b2b2b2;
}
#rNavi li:last-child ul {
	border-bottom-color: #d1d1d1;
}
#rNavi li li {
	background: #f8f8f8 url(/common/images/rNavi_bg03.gif) repeat-x 0 0;
	line-height: 1.4;
}
#rNavi li li:first-child {
	background-image: none;
}
#rNavi li li a {
	display: block;
	padding: 9px 5px 9px 25px;
	background: url(/common/images/com_icn01.png) no-repeat 10px 1.1em;
	color: #333333;
	text-decoration: none;
}
#rNavi li li a:hover {
	text-decoration: underline;
}
#rNavi li li.blank-link a:hover {
	text-decoration: none;
}
#rNavi li li.blank-link a span:hover {
	text-decoration: underline;
}

/* 5th level */
#rNavi li li.active {
	padding: 9px 0 9px 10px;
	background-color: #d2d5d7;
	background-image: none;
}
#rNavi li li.active > a {
	padding: 0 5px 0 15px;
	background: url(/common/images/com_icn15.png) no-repeat 0 0.45em;
	font-weight: bold;
}
#rNavi li li.active ul {
	padding: 7px 0 0;
}
#rNavi li li.active li {
	border-top: 1px solid #d1d1d1;
	background-image: none;
	background-color: #ffffff;
}
#rNavi li li.active ul a {
	display: block;
	padding: 5px 5px 5px 22px;
	background: url(/common/images/com_icn03.png) no-repeat 12px 0.8em;
}
#rNavi li li.active li.active a {
	background: url(/common/images/com_icn20.png) no-repeat 12px 0.8em;
}

#rNavi li.under-arrow a {
	background-image: url(/common/images/com_icn02.png);
}
#rNavi li li.active li.active {
	padding: 0;
}


/* side contents */
.col-side {
	border: 1px solid #d1d1d1;
	border-top: none;
	border-radius: 3px;
}
.col-side dt {
	margin-left: -1px;
	padding: 10px 0 0;
	background: url(/common/images/rNavi_bg05.png) no-repeat 0 0;
}
.col-side dt span {
	display: block;
	padding: 0 0 0 25px;
	background: url(/common/images/rNavi_icn01.png) no-repeat 10px 0.5em;
	font-weight: bold;
}
.col-side dt a {
	display: block;
	padding: 0 0 0 33px;
	min-height: 19px;
	background: url(/common/images/com_icn43.gif) no-repeat 9px 0;
	font-weight: bold;
}

.col-side dd {
	margin: 6px 0 0;
	padding: 8px 10px 12px;
	background: url(/common/images/rNavi_bg04.png) no-repeat 50% 0;
}
.col-side dd + dd {
	margin-top: 0;
}
.col-side dd .link-list li {
	margin-top: 3px;
}
.col-side dd .icon-link a,
.col-side dd .link-list li a {
	background-position: 0 0.4em;
}

.col-side dd.col-side-inner .img-l {
	float: left;
	width: 90px;
}
.col-side dd.col-side-inner .text-r {
	float: right;
	width: 108px;
}

/* sizeSwitcher */
#sizeSwitcher {
	height: 33px;
	position: relative;
	border-radius: 3px;
	background-color: #d0d8e0;
}
.fontsize-switch dt {
	position: absolute;
	left: 0;
	width: 79px;
	height: 12px;
	margin: 11px 0 0 24px;
	text-indent: -9999px;
	background: url(/common/images/rNavi_tx01.gif) no-repeat 0 0;
}
.fontsize-switch dd {
	position: absolute;
	width: 43px;
	margin: 6px 0 0;
}
.fontsize-switch dd span {
	height: 24px;
	display: block;
	text-indent: -9999px;
}
.fontsize-switch #font-medium {
	right: 62px;
}
.fontsize-switch #font-medium span {
	background: url(/common/images/rNavi_btn02.gif) no-repeat 0 0;
}
.fontsize-switch #font-medium span.hover,
.fontsize-switch #font-medium span.current-fontsize {
	background: url(/common/images/rNavi_btn02on.gif) no-repeat 0 0;
}
.fontsize-switch #font-large {
	right: 17px;
}
.fontsize-switch #font-large span {
	background: url(/common/images/rNavi_btn01.gif) no-repeat 0 0;
}
.fontsize-switch #font-large span.hover,
.fontsize-switch #font-large span.current-fontsize {
	background: url(/common/images/rNavi_btn01on.gif) no-repeat 0 0;
}

.current-fontsize {
	cursor: default;
}
.uncurrent-fontsize {
	cursor: pointer;
}



/* contents
---------------------------------*/
#contents {
	float: left;
	width: 700px;
	line-height: 1.8;
}


/* section
---------------------------------*/

/* for h2 bottom section */


/* for h3 bottom section */

/* for h4 bottom section */

/* for table section */

/* pageTop
---------------------------------*/


/* supplierNavi
---------------------------------*/



/* footer
---------------------------------*/
#footer-container {
	width: 100%;
}
#footer {
	width: 910px;
	min-height: 67px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(/common/images/ft_bg01.gif) no-repeat 0 0;
}
#footer #footer-utility {
	float: left;
	width: 570px;
	padding: 20px 0 0;
	font-size: 90%;
}
#footer #footer-utility li {
	float: left;
	padding:0 15px 0 0;
}
#footer #footer-utility a:before {
	padding: 0 5px 0 0;
	content:url(/common/images/com_icn01.png);
}
#footer #footer-utility li:first-child {
	padding-left: 0;
	border-left: none;
}
#footer #footer-utility a {
	color: #d8d8d8;
	padding-bottom:1px;
	display:block;
	text-decoration: underline;
}
#footer #footer-utility a:hover {
	text-decoration: none;
}

/* -- utility -- */
#footer #utility {
	float: right;
	margin-top:18px;
	width: 309px;
}
#footer #utility ul li {
	float: left;
	margin-right:15px;
}
#footer #footer-up {
	position: fixed;
	bottom: 34px;
	right: 0;
}

/* clearFix
=================================*/
#header,
#header #header-utility,
#contentsContainer,
#footer,
#footer #footer-utility {
	zoom: 1;
	overflow: hidden;
}