@charset "shift_jis";


body#siteindex {
	background: url(../../../images/index_bg001.gif) repeat-x 0 65px;
}

body#siteindex #contents {
	margin:0 auto;
	background-image: none;
}

body#siteindex #flash {
	margin-top:10px;
}

body#siteindex #contents p.main-image{
	font-size:0;
	line-height:0;
}
/*\*/
html:\66irst-child body#siteindex #contents p.main-image{
	margin-top:-13px;
}/**/

body#siteindex #header p.lang-button {
	float:left;
	width:69px;
}

/*body#siteindex #header p.lang-button img {
	margin-top:20px;
}
*/
body#siteindex #header p.lang-button-eng {
	float:left;
	width:69px;
}

body#siteindex #header p.lang-button-eng img {
	margin-top:20px;
}

body#siteindex #header {
	font-size: 0;
}

body#siteindex #header #site-menu {
	float: right;
	width: 410px;
	padding: 8px 0 0;
}

body#siteindex #header #site-menu ul {
	width: 410px;
}
body#siteindex #header #site-menu li {
	float: left;
	padding: 0 0 0 15px;
}

body#siteindex div#header div#site-search {
	margin-top:10px;
}
body#siteindex div#header div#site-search p {
	width: 200px;
}
/*\*/
html:\66irst-child body#siteindex div#header div#site-search p {
	margin-top:-20px;
}/**/
body#siteindex #brand-lineup,
body#siteindex #brand-lineup-eng {
	width: 950px;
	margin: 30px 0 0;
	background: url(../../../images/index_bg004.gif);
}
body#siteindex #brand-lineup img,
body#siteindex #brand-lineup-eng img{
	vertical-align: top;
}

body#siteindex #brand-inner {
	width: 950px;
	background: url(../../../images/index_bg002.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	/*font-size: 0;*/
	line-height: 0:
}
body#siteindex #brand-inner dl {
	position: relative;
	width: 950px;
	background: url(../../../images/index_bg003.gif) no-repeat bottom left;
}
body#siteindex #brand-lineup dt,
body#siteindex #brand-lineup-eng dt {
	padding: 10px 10px 7px;
}
body#siteindex #brand-lineup dd,
body#siteindex #brand-lineup-eng dd {
	padding: 0 7px 7px;
}
body#siteindex #brand-lineup dd ul,
body#siteindex #brand-lineup-eng dd ul {
	width:936px;
	background: url(../../../images/index_bg006.gif) repeat top left;
}
body#siteindex #brand-lineup dd li,
body#siteindex #brand-lineup-eng dd li {
	float:left;
	padding:3px 4px 4px 3px;
}
body#siteindex #brand-lineup dd li.end
body#siteindex #brand-lineup-eng dd li.end {
	padding:3px 4px 4px 3px;
}

body#siteindex #brand-lineup #link-lineup,
body#siteindex #brand-lineup-eng #link-lineup {
	position: absolute;
	top: 16px;
	left: 15px;
	width: 920px;
}
body#siteindex #brand-lineup #link-lineup a,
body#siteindex #brand-lineup-eng #link-lineup a {
	display: block;
	float: right;
	color: #2f0000;
}
body#siteindex #brand-lineup #link-lineup a:hover,
body#siteindex #brand-lineup-eng #link-lineup a:hover {
	text-decoration: none;
}

body#siteindex #col-menu {
	width: 950px;
	margin: 20px 0 20px 0;
}
body#siteindex #col-menu-eng {
	width: 950px;
	margin: 0;
}
body#siteindex #col-menu .col-left {
	float: left;
	width: 480px;
}
body#siteindex #col-menu .col-right {
	float: right;
	width: 450px;
}

body#siteindex #col-menu .col-left ul {
	width: 480px;
}
body#siteindex #col-menu .col-left li.bn-l {
	float: left;
	width: 235px;
}
body#siteindex #col-menu .col-left li.bn-r {
	float: right;
	width: 235px;
}

body#siteindex #col-menu .col-left #topics,
body#siteindex #col-menu .col-left #osusume {
	margin: 15px 0 0;
}
body#siteindex #col-menu .col-left #topics,
body#siteindex #col-menu .col-left #osusume {
	position: relative;
	margin: 0;
}
body#siteindex #col-menu .col-left #topics .mb10,
body#siteindex #col-menu .col-left #osusume .mb10 {
	margin-bottom: 10px;
}
body#siteindex #col-menu .col-left #osusume .mb20 {
	margin-bottom: 20px;
}

body#siteindex #col-menu .col-left .back-number {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
body#siteindex #col-menu .col-left .back-number .link {
	display: block;
	float: right;
	font-weight: normal;
}

body#siteindex #col-menu .col-left .topics-detail {
	position: relative;
}
body#siteindex #col-menu .col-left .topics-detail dt {
	position: absolute;
	width:8.5em;
	padding: 12px 0;
}
body#siteindex #col-menu .col-left .topics-detail dd {
	padding: 12px 0 12px 9.5em;
	background: url(../../../images/index_bg005.gif) repeat-x bottom left;
	zoom: 1;
}
body#siteindex #col-menu .col-left .topics-detail dd span {
	display: block;
	padding:0 0 0 12px;
	background: url(../../images/com_ic001.gif) no-repeat left 0.35em;
	zoom: 1;
}

body#siteindex #col-menu .col-right ul.bn {
	width: 450px;
	margin-bottom: 15px;
}
body#siteindex #col-menu .col-right ul.bn li.bn-l {
	float: left;
	width: 220px;
}
body#siteindex #col-menu .col-right ul.bn li.bn-r {
	float: right;
	width: 220px;
}

body#siteindex #col-menu .col-right dd {
	width: 450px;
	margin: 0;
}
body#siteindex #col-menu .col-right dd img {
	vertical-align: top;
}

body#siteindex #col-menu .col-right dd ul.menu-l {
	float: left;
	width: 217px;
	font-size: 0;
}
body#siteindex #col-menu .col-right dd ul.menu-l li ul {
	text-align: right;
}

body#siteindex #col-menu .col-right dd ul.menu-r {
	float: right;
	width: 217px;
	font-size: 0;
}

body#siteindex .text-grey {
	color: #999999;
}



body#siteindex .important-box {
	clear: both;
	margin-top: 20px;
	padding: 10px;
	border: solid 1px #ceae8d;
}
body#siteindex .important-box .icon-link {
	float: none;
}

body#siteindex #col-menu .col-left #company-news {
	margin: 20px 0 0;
}







/* clearfix
=========================================*/
body#siteindex #header #site-menu:after,
body#siteindex #header #site-menu ul:after,
body#siteindex #col-menu:after,
body#siteindex #brand-lineup dd ul:after,
body#siteindex #brand-lineup #link-lineup:after,
body#siteindex #brand-lineup-eng dd ul:after,
body#siteindex #brand-lineup-eng #link-lineup:after,
body#siteindex #col-menu .col-left ul:after,
body#siteindex #col-menu .col-left .back-number:after,
body#siteindex #col-menu .col-right dd:after,
body#siteindex #col-menu .col-right ul.bn:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


body#siteindex #header #site-menu,
body#siteindex #header #site-menu ul,
body#siteindex #col-menu,
body#siteindex #brand-lineup dd ul,
body#siteindex #brand-lineup #link-lineup,
body#siteindex #brand-lineup-eng dd ul,
body#siteindex #brand-lineup-eng #link-lineup,
body#siteindex #col-menu .col-left ul,
body#siteindex #col-menu .col-left .back-number,
body#siteindex #col-menu .col-right,
body#siteindex #col-menu .col-right ul.bn {
	zoom: 1;
}