@charset "utf-8";

/* ****************************************************
	layout.css
***************************************************** */

/*  common Settings
=========================================*/
#container {
	width: 100%;
	margin: 0;
	background: none;
	overflow: hidden;
}


/*  Header
=========================================*/
/* header */
#container #header {
	margin: 0;
	padding: 0;
	background: none;
}
#container #header #headContainer {
	width: 100%;
}
#container #header #headerTop {
	width: 100%;
	padding: 5px 0;
	background: url(../images_new/header_bg001.gif) repeat-x 0 100%;
	text-align: center;
}
#container #header #headerTop #tagline {
	width: 810px;
	margin: 0 auto;
	text-align: left;
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#container #header #headerUtilityArea {
	clear: both;
	float: none;
	width: 100%;
	margin: 0;
	padding: 9px 0 6px;
	background: url(../images_new/header_bg002.gif) repeat-x 0 100%;
	text-align: center;
}
#container #header #headerUtilityArea .inner {
	width: 810px;
	margin: 0 auto;
	text-align: left;
}
#container #header #headerUtilityArea .inner .logo {
	float: left;
	width: 194px;
	background: none;
}
#container #header #headerUtilityArea .inner .logo a {
	margin: 0;
	padding: 0;
}
#header div#headerUtilityArea ul.utility {
	margin-top: 16px !important;
}
#header div#headerUtilityArea ul.utility li {
	margin: 5px 0 0 0;
	padding-right: 13px;
}
#header div#headerUtilityArea ul.utility li a {
	background: url(../images_new/header_ic001.gif) no-repeat 0 0.3em;
	padding-left: 9px;
}
#header div#headerUtilityArea ul.utility .lastItem {
	margin: 0;
	padding: 0;
	font-size: 0;
}
#header div#headerUtilityArea ul.utility .lastItem a {
	padding: 0;
	background: none;
}









/*  Nav
=========================================*/
#container #navContainer {
	clear: both;
	width: 100%;
	height: 44px;
	background: url(../images_new/nav_bg001.gif) repeat-x 0 0;
	text-align: center;
}
#container #navContainer #grobalNav {
	width: 811px;
	margin: 0 auto;
	padding: 0;
	background: none;
	text-align: left;
}

#container #navContainer #grobalNav li a {
	display:block;
	height:44px;
	text-indent:-10000px;
	overflow:hidden;
	background-image: url(../images_new/nav_bt001.gif);
}
#container #navContainer #grobalNav li#gnavDomestic a {
	width:289px;
	background-position:0 0;
}
#container #navContainer #grobalNav li#gnavInternational a {
	width:290px;
	background-position:-289px 0;
}
#container #navContainer #grobalNav li#gnavCompany a {
	width:232px;
	background-position:-579px 0;
}

#container #navContainer #grobalNav li#gnavDomestic a:hover {
	background-position:0 -44px;
}
#container #navContainer #grobalNav li#gnavInternational a:hover {
	background-position:-289px -44px;
}
#container #navContainer #grobalNav li#gnavCompany a:hover {
	background-position:-579px -44px;
}

body#domestic #container #navContainer #grobalNav li#gnavDomestic a{
	background-position:0 -44px;
}
body#international #container #navContainer #grobalNav li#gnavInternational a{
	background-position:-289px -44px;
}
body#companyInformation #container #navContainer #grobalNav li#gnavCompany a{
	background-position:-579px -44px;
}






/*  content
=========================================*/
#container #content {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff url(../images_new/com_bg001.gif) no-repeat 50% 0;
	text-align: center;
}
#container #content #mainContainer {
	width: 816px;
	margin: 0 auto;
	padding: 0 0 60px;
	background: url(../images_new/com_bg02.gif) no-repeat 0 0;
	background-color: #ffffff;
	text-align: left;
}
#container #content #mainContainer #path {
	padding: 7px 25px 10px;
}

#container #content #mainContainer #wrapContents {
	padding: 0 28px 0;
}







/*  aside
=========================================*/
#container #content div#subContent h2 {
	border: none;
	background: none;
}
#container #content div#subContent h2 a {
	padding: 0;
	background: none;
}
#container #content div#subContent #asideNav {
	margin: 0;
	border: #acbfda 1px solid;
}

/* reset */
#container #content div#subContent #asideNav ul,
#container #content div#subContent #asideNav li,
#container #content div#subContent #asideNav li a,
#container #content div#subContent #asideNav li strong {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
#container #content div#subContent #asideNav li {
	margin: 1px;
	border-top: #acbfda 1px solid;
	background: url(../images_new/aside_bg01.gif) repeat-y 0 0;
}
#container #content div#subContent #asideNav li a,
#container #content div#subContent #asideNav li strong {
	display: block;
	padding: 7px 10px;
	font-weight: normal;
}
#container #content div#subContent #asideNav li a:link {
	background: url(../images_new/aside_bg01.gif) repeat-y 0 0;
	color: #0066cc;
}
#container #content div#subContent #asideNav li a:visited {
	background: url(../images_new/aside_bg01.gif) repeat-y 0 0;
	color: #6357d0;
}
#container #content div#subContent #asideNav li a:hover {
	background: url(../images_new/aside_bg03.gif) repeat-y 0 0;
	color: #00cccc;
	text-decoration: underline;
}
#container #content div#subContent #asideNav li strong a {
	padding: 0;
	border: none;
}
#container #content div#subContent #asideNav li.on {
	background-color: #f2f8ff;
	background: url(../images_new/aside_bg02.gif) repeat-y 0 0;
	color: #0066cc;
}






/*  footer
=========================================*/
#container #footer {
	width: 100%;
	margin: -32px 0 0;
	padding: 0;
	background: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#container #footer #pagetopArea {
	width: 100%;
	background: url(../images_new/footer_bg001.gif) repeat-x 0 100%;
	text-align: center;
}
#container #footer #pagetopArea .inner {
	width: 810px;
	margin: 0 auto;
	text-align: right;
}
#container #footer #pagetopArea .inner p {
	margin: 0 30px 0 0;
}

#container #footer #footerUtilityArea {
	border: none;
	margin: 0;
	padding: 0;
	background: #2f7ed2 url(../images_new/footer_bg002.gif) repeat-x 0 100%;
	text-align: center;
}
#container #footer #footerUtilityArea .inner {
	width: 810px;
	margin: 0 auto;
	padding: 10px 0 13px;
}
#container #footer #footerUtilityArea .inner a {
	color: #ffffff;
	white-space: nowrap;
}
#container #footer #footerUtilityArea .inner .pipe {
	padding: 0 12px;
	color: #6096d9;
}

#container #footer #copyArea {
	padding: 0 0 15px !important;
	background: none !important;
	background-color: #1b68c8 !important;
	text-align: center;
}
#container #footer #copyArea .inner {
	width: 810px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}
#container #footer #copyArea #copyright {
	float: none;
	text-align: right;
}














/*  extra
=========================================*/
/* clearfix */
#container:after,
#container #content #mainContainer:after,
#container #content #mainContainer #wrapContents:after,
#container #header #headerTop .inner:after,
#container #header #headerUtilityArea .inner:after,
#container #footer #footerUtilityArea .inner:after,
#container #footer #copyArea .inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

#container,
#container #content #mainContainer,
#container #content #mainContainer #wrapContents,
#container #header #headerTop .inner,
#container #header #headerUtilityArea .inner,
#container #footer #footerUtilityArea .inner,
#container #footer #copyArea .inner {
	zoom: 1;
}
