@charset "UTF-8";

#pageContainer {
	background: url(../images/com_bg02_2.gif) repeat-x 0 top;
}
#pageContainer #contentsContainer {
	position: relative;
	width: 944px;
	margin: 0 auto;
	background:url(../images/com_bg03.gif) repeat-y 0 0;
}
#pageContainer #contentsContainer .contentsContainerInner {
	background:url(../images/com_bg04.gif) no-repeat 0 0;
}

/* --------------------------------------------------
	headerContainer
-------------------------------------------------- */
#pageContainer #headerContainer {
	position: relative;
	padding: 0 2px;
	height: 138px!important;
	background: url(../images/com_bg05_2.gif) no-repeat 0 0;
	z-index: 1;
}
#pageContainer #headerContainer .logo {
	position: absolute;
	top: 0;
	left: 2px;
	width: 266px;
	z-index: 2;
}

/* ----------- language ----------- */
#pageContainer #headerContainer .language {
	float: right;
	height: 27px;
	margin-top: 5px;
	text-align: right;
	font-size: 8pt;
}
* html #pageContainer #headerContainer .language {
	width: 243px;
}
#pageContainer #headerContainer .language a:link,
#pageContainer #headerContainer .language a:visited {
	color: #ffffff;
	text-decoration: underline;
}
#pageContainer #headerContainer .language a:hover,
#pageContainer #headerContainer .language a:active {
	color: #ffffff;
	text-decoration: none;
}
#pageContainer #headerContainer .language dt {
	float: left;
	color: #FFFFFF;
	font-weight: bold;
}
#pageContainer #headerContainer .language dd {
	float: right;
	padding-right: 10px;
	text-align: right;
}
* html #pageContainer #headerContainer .language dd {
	float: left;
	width: 168px;
	padding-right: 0px;
}
#pageContainer #headerContainer .language dd ul {
	float: right;
	text-align: right;
}
* html #pageContainer #headerContainer .language dd ul {
	width: 168px;
}
#pageContainer #headerContainer .language dd ul li {
	float: left;
	margin-left: 13px;
	padding-left: 22px;
	text-align: right;
}
* html #pageContainer #headerContainer .language dd ul li.first {
	margin-left: 8px;
}
#pageContainer #headerContainer .language dd ul li.lang01 {
	background: url(../images/com_ic01.gif) no-repeat 0 0.3em;
}
#pageContainer #headerContainer .language dd ul li.lang02 {
	background: url(../images/com_ic02.gif) no-repeat 0 0.3em;
}
#pageContainer #headerContainer .language dd ul li.lang03{
	background: url(../images/com_ic03.gif) no-repeat 0 0.3em;
}
#pageContainer #headerContainer .language dd ul li.lang04 {
	background: url(../images/com_ic04.gif) no-repeat 0 0.3em;
}
#pageContainer #headerContainer .language dd ul li.lang05 {
	background: url(../images/com_ic05.gif) no-repeat 0 0.3em;
}
#pageContainer #headerContainer .language dd ul li.lang06 {
	background: url(../images/com_ic06.gif) no-repeat 0 0.3em;
}
#pageContainer #headerContainer .language dd ul li.lang07 {
	background: url(../images/com_ic07.gif) no-repeat 0 0.3em;
}


/* ----------- utility ----------- */
#pageContainer #headerContainer .utility {
	float: right;
	width: 450px;
	height: 45px;
	margin-top: 8px;
}
#pageContainer #headerContainer .utility .search {
	position: absolute;
	top: 44px;
	right: 163px;
	width: 300px;
}
#pageContainer #headerContainer .utility .search dl dt {
	float: left;
	padding: 6px 8px 0 0;
	font-size: 0;
}
#pageContainer #headerContainer .utility .search dl dd {
	float: left;
}
#pageContainer #headerContainer .utility .search dl dd .input-form {
	width: 145px;
	height: 19px;
	margin-right: 1px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
* html #pageContainer #headerContainer .utility .search dl dd.button {
	margin-top: 1px;
}
#headerContainer .utility .search2 {
	position: absolute;
	top: 44px;
	right: 151px;
	width: 350px;
}
#headerContainer .utility .search2 dl dt {
	float: left;
	padding: 6px 8px 0 0;
	font-size: 0;
}
#headerContainer .utility .search2 dl dd {
	float: left;
}
#headerContainer .utility .search2 dl dd .input-form {
	width: 145px;
	height: 19px;
	margin-right: 1px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
* html #headerContainer .utility .search dl dd.button {
	margin-top: 1px;
}
#pageContainer #headerContainer .utility .contact {
	position: absolute;
	top: 39px;
	right: 12px;
	width: 131px;
}

/* ----------- glovalNavi ----------- */
#pageContainer #headerContainer #glovalNavi {
	position: absolute;
	right: 2px;
	top: 85px;
	width: 700px;
}
#pageContainer #headerContainer #glovalNavi ul li {
	float: left;
}
#pageContainer #headerContainer #glovalNavi ul li .subNavi {
	display: none;
 border: 3px solid #222222;
}
#pageContainer #headerContainer #glovalNavi ul li .subNavi li {
	clear: both;
}
#pageContainer #headerContainer #glovalNavi ul li#gNavi01,
#pageContainer #headerContainer #glovalNavi ul li#gNavi02,
#pageContainer #headerContainer #glovalNavi ul li#gNavi03,
#pageContainer #headerContainer #glovalNavi ul li#gNavi04 {
	position: relative;
}
#pageContainer #headerContainer #glovalNavi ul li#gNavi01 #subNavi01 {
	position: absolute;
	top: 46px;
	left: 10px;
}
#pageContainer #headerContainer #glovalNavi ul li#gNavi02 #subNavi02,
#pageContainer #headerContainer #glovalNavi ul li#gNavi03 #subNavi03,
#pageContainer #headerContainer #glovalNavi ul li#gNavi04 #subNavi04 {
	position: absolute;
	top: 46px;
	left: 0px;
}


/* ----------- glovalNavi ----------- */
#flashAreaContainer {
	background: url(../../images/index_bg03_2.gif) repeat-x 0 0;
}
#flashAreaContainer #flashAreaInner {
	width: 940px;
	height: 360px;
	margin: 0 auto;
}
#flashAreaContainer #flashAreaInner #flashArea {
	position: relative;
	width: 940px;
	height: 360px;
	margin: 0 auto;
}
#flashAreaContainer #flashAreaInner #flashArea .substitution {
	position: relative;
	z-index: 1;
}
#flashAreaContainer #flashAreaInner #flashArea .substitution ul {
	position: absolute;
	top: 33px;
	left: 8px;
}
#flashAreaContainer #flashAreaInner #flashArea .substitution ul li {
	float: left;
}
#flashAreaContainer #flashAreaInner #flashArea .substitution dl {
	position: absolute;
	top: 275px;
	left: 152px;
}
#flashAreaContainer #flashAreaInner #flashArea .substitution dl dt {
	float: left;
}
#flashAreaContainer #flashAreaInner #flashArea .substitution dl dd {
	margin-left: 170px;
	color:#FFFFFF;
}
#flashAreaContainer #flashAreaInner #flashArea .substitution dl dd a:link,
#flashAreaContainer #flashAreaInner #flashArea .substitution dl dd a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#flashAreaContainer #flashAreaInner #flashArea .substitution dl dd a:hover,
#flashAreaContainer #flashAreaInner #flashArea .substitution dl dd a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi {
	position: absolute;
	top: 0px;
	right: 0px;
}
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li {
	float: left;
}
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li .subNavi {
	z-index: 10;
	display: none;
	border: 3px solid #222222;
}
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li .subNavi li {
	clear: both;
}
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li#gNavi01,
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li#gNavi02,
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li#gNavi03,
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li#gNavi04 {
	position: relative;
}
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li#gNavi01 #subNavi01 {
	position: absolute;
	top: 46px;
	left: 10px;
}
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li#gNavi02 #subNavi02,
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li#gNavi03 #subNavi03,
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi ul li#gNavi04 #subNavi04 {
	position: absolute;
	top: 46px;
	left: 0px;
}




/* --------------------------------------------------
	contentsContainer
-------------------------------------------------- */
#contentsContainer {
	/*margin-top: -3px;*/
	background: url(../images/com_bg01.gif) repeat 0 0;
}
#contentsContainer .contentsContainerInner {
	background: url(../../images/index_bg07.gif) repeat-x 0 top;
}
#contentsContainer .contentsContainerInner .contentsWrapper {
	width: 944px;
	margin: 0 auto;
	background:url(../../images/index_bg05.gif) repeat-y 0 0;
}
#contentsContainer .contentsContainerInner .contentsWrapper .contentsInner {
	padding: 18px 19px 8px;
	background:url(../../images/index_bg06.gif) no-repeat 0 0;
}
#contentsContainer .colLeft {
	float: left;
	width: 586px;
}
#contentsContainer .colLeft .newProducts {
	margin-bottom: 10px;
	padding: 13px 14px;
	background-color: #e3e3e3;
	border: 1px solid #b6b6b6;
}
#contentsContainer .colLeft .newProducts dl {
	float: left;
	width: 120px;
	margin-right: 12px;
}
#contentsContainer .colLeft .newProducts dl.last {
	margin-right: 0px;
}
#contentsContainer .colLeft .newProducts dl dd.link {
	margin: 7px 0 3px;
	padding-left: 10px;
	background: url(../images/com_ic09.gif) no-repeat 0 0.4em;
	font-size: 120%;
	font-weight: bold;
}
#contentsContainer .colLeft .newProducts dl dd.description {
	font-size: 94%;
}
#contentsContainer .colLeft .newProducts dl dd.link a:link,
#contentsContainer .colLeft .newProducts dl dd.link a:visited {
	color: #444444;
	text-decoration: underline;
}
#contentsContainer .colLeft .newProducts dl dd.link a:hover,
#contentsContainer .colLeft .newProducts dl dd.link a:active {
	color: #444444;
	text-decoration: none;
}
#contentsContainer .colLeft .linkButton li {
	float: left;
	margin-right: 10px;
}
#contentsContainer .colRight {
	float: right;
	width: 307px;
}
#contentsContainer .colRight .textBox {
	margin-bottom: 20px;
	background: #e3e3e3 url(../../images/index_bg10.gif) no-repeat 0 bottom;
}
#contentsContainer .colRight .textBox .textBoxInner {
	padding: 13px;
	background: url(../../images/index_bg09.gif) no-repeat 0 top;
}
#contentsContainer .colRight .textBox .textBoxInner .title {
	margin-bottom: 15px;
}
#contentsContainer .colRight .textBox .textBoxInner .titleLogo {
	float: left;
	width: 74px;
}
#contentsContainer .colRight .textBox .textBoxInner .titleText {
	float: right;
	width: 191px;
	/*
	padding-bottom: 8px;
	font-size: 130%;
	font-weight: bold;
	color: #1F1F1F;
	line-height: 1.2;
	*/
}
#contentsContainer .colRight .textBox .textBoxInner .text {
	clear: both;
	font-size: 94%;
	letter-spacing: 0.04em;
}

/* --------------------------------------------------
	footerContainer
-------------------------------------------------- */
#footerContainer {
	clear: both;
	background-color: #818181;
	border-top: 1px solid #676767;
	border-bottom: 1px solid #aaaaaa;
}
#footerContainer .footerInner {
	width: 940px;
	margin: 0 auto;
	background-color: #818181;
	color: #FFFFFF;
}
#footerContainer .footerInner ul {
	padding: 10px 0 15px;
	padding: 0 auto;
	line-height: 1;
	text-align: center;
}
#footerContainer .footerInner ul li {
	display: inline;
	padding: 0 3px 0 8px;
	border-left: 1px solid #FFFFFF;
	font-size: 95%;
}
#footerContainer .footerInner ul li a:link,
#footerContainer .footerInner ul li a:visited {
	color: #ffffff;
	text-decoration: underline;
}
#footerContainer .footerInner ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}
#footerContainer .footerInner ul .first {
	border-left: none;
}
#copyrightContainer {
	background-color: #555555;
}
#copyrightInner {
	width: 940px;
	margin: 0 auto;
	padding: 10px 0 30px;
	text-align: right;
}


/* ==================================
Clear fix
================================== */
#headerContainer:after,
#headerContainer .language:after,
#headerContainer .language dd ul:after,
#headerContainer .utility:after,
#headerContainer .utility .search dl:after,
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi:after,
#contentsContainer .contentsContainerInner .contentsWrapper .contentsInner:after,
#contentsContainer .colLeft .newProducts:after,
#contentsContainer .colLeft .linkButton:after,
#flashAreaContainer #flashAreaInner #flashArea .substitution ul:after,
#flashAreaContainer #flashAreaInner #flashArea .substitution dl:after,
#contentsContainer .colRight .textBox .textBoxInner .title:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#headerContainer,
#headerContainer .language,
#headerContainer .language dd ul,
#headerContainer .utility,
#headerContainer .utility .search dl,
#flashAreaContainer #flashAreaInner #flashArea #glovalNavi,
#contentsContainer .contentsContainerInner .contentsWrapper .contentsInner,
#contentsContainer .colLeft .newProducts,
#contentsContainer .colLeft .linkButton,
#flashAreaContainer #flashAreaInner #flashArea .substitution ul,
#flashAreaContainer #flashAreaInner #flashArea .substitution dl,
#contentsContainer .colRight .textBox .textBoxInner .title {
	min-height: 1px;
}

/* for IE6 */
* html #headerContainer,
* html #headerContainer .language,
* html #headerContainer .language dd ul,
* html #headerContainer .utility,
* html #headerContainer .utility .search dl,
* html #flashAreaContainer #flashAreaInner #flashArea #glovalNavi,
* html #contentsContainer .contentsContainerInner .contentsWrapper .contentsInner,
* html #contentsContainer .colLeft .newProducts,
* html #contentsContainer .colLeft .linkButton,
* html #flashAreaContainer #flashAreaInner #flashArea .substitution ul,
* html #flashAreaContainer #flashAreaInner #flashArea .substitution dl,
* html #contentsContainer .colRight .textBox .textBoxInner .title {
	height: 1px;
}

/* for IE7 */
*:first-child+html #headerContainer,
*:first-child+html #headerContainer .language,
*:first-child+html #headerContainer .language dd ul,
*:first-child+html #headerContainer .utility,
*:first-child+html #headerContainer .utility .search dl,
*:first-child+html #flashAreaContainer #flashAreaInner #flashArea #glovalNavi,
*:first-child+html #contentsContainer .contentsContainerInner .contentsWrapper .contentsInner,
*:first-child+html #contentsContainer .colLeft .newProducts,
*:first-child+html #contentsContainer .colLeft .linkButton,
*:first-child+html #flashAreaContainer #flashAreaInner #flashArea .substitution ul,
*:first-child+html #flashAreaContainer #flashAreaInner #flashArea .substitution dl,
*:first-child+html #contentsContainer .colRight .textBox .textBoxInner .title {
	zoom: 1;
}

