@charset "UTF-8";

/* top */
#main_flash {
	width: 100%;
	height: 649px;
	background: url(../../images/top/flash_bg.png) repeat-x;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#main_flash object {
	position: absolute;
	left: 50%;
	top: 0%;
	margin-left: -640px;
}


/* main title */
#main_title {
	width: 100%;
}

#maintitle h2 {
	height: 125px;
	text-indent: -9999px;
}

.company_title_bg {background: url(../../images/company/company_titlebg.jpg) repeat-x;}
.company_title {background: url(../../images/company/main_title.jpg) center no-repeat;}
.brand_title_bg {background: url(../../images/brand/brand_titlebg.png) repeat-x;}
.brand_title {background: url(../../images/brand/main_title.jpg) center no-repeat;}
.recruit_title_bg {background: url(../../images/recruit/recruit_titlebg.png) repeat-x;}
.recruit_title {background: url(../../images/recruit/main_title.jpg) center no-repeat;}
.contact_title_bg {background: url(../../images/contact/contact_titlebg.png) repeat-x;}
.contact_title {background: url(../../images/contact/main_title.jpg) center no-repeat;}
.sitemap_title_bg {background: url(../../images/sitemap/sitemap_titlebg.png) repeat-x;}
.sitemap_title {background: url(../../images/sitemap/main_title.jpg) center no-repeat;}


/* pankuzu */
#pankuzu {
	width: 100%;
	background-color: #ECECEC;
	padding: 8px 0px;
	text-align: right;
	font-size: x-small;
}

#pankuzu p {
	width: 900px;
	text-align: right;
	margin: 0 auto;	
}

#pankuzu a {
	text-decoration: none;
}

/* sub title */
#main h3{
	width: 670px;
	height: 55px;
	text-indent: -9999px;
}

#other_main h3{
	width: 900px;
	height: 55px;
	text-indent: -9999px;
}

.brand_top {background: url(../../images/brand/title.png) no-repeat;}
.contact_top {background: url(../../images/contact/title.png) no-repeat;}
.sitemap_top {background: url(../../images/sitemap/title.png) no-repeat;}


/* sub menu */
aside {
	width: 200px;
	float: right;
	padding-top: 69px;	
}
aside div { margin-top: 15px;}

.company_submenu {background: url(../../images/company/menu_title.png) no-repeat;}
.brand_submenu {background: url(../../images/brand/menu_title.png) no-repeat;}
.recruit_submenu {background: url(../../images/recruit/menu_title.png) no-repeat;}

aside ul {
	padding: 15px 0px 0px 17px;
	border-bottom: 1px solid #D9D9D9;  
}

aside li {
	padding: 0px 0px 15px 15px; 
	background: url(../../images/common/submenu_icon.png) left 4px no-repeat;
}
aside li#iconnone {
	padding: 0 0 15px 0; 
	background: initial;
}
.submenu_on {
	background: url(../../images/common/submenu_icon_in.png) left 4px no-repeat;
	color: #F00;
}

#submenu a {
	text-decoration: none;
}


/* error */
#main_error {
	width: 100%;
	height: 649px;
	background: url(../../images/error/error_bg.png) repeat-x;
}

#main_error h2{
	width: 346px;
	height: 376px;
	background: url(../../images/error/error404.png) bottom no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
}

#main_error h3{
	width: 405px;
	height: 63px;
	background: url(../../images/error/error_txt.png) bottom no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
}

#main_error div{
	width: 405px;
	margin: 20px auto;
}

#main_error p{
	margin-bottom: 20px;
}

#main_error li{
	background: url(../../images/error/icon.png) left 5px no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
}

#main_error a {
	text-decoration: none;
}