@charset "UTF-8";
/*
###################################

    ブランド　専用CSS

###################################
*/

#content {
	background: #fdedee;
}

/* ########## MAIN VISUAL ########## */
#mainVisual {
	height: 320px;
	top: 0;
}
body.horoyoiIndex #mainVisual { /* for honjou/index.html */
	height: 535px;
}
*:first-child+html #mainVisual h1 {
	margin-left: -1px;
}


/* ###### LOCAL NAVIGATION ###### */
#localNav {
	position:absolute;
	top: 10px;
	left: 50%;
	margin-left: -439px;
	width: 880px;
}
#localNav p {
	float: left;
	background: url(../../products/brand/img/horoyoi/title.png) no-repeat left top;
	width: 530px;
	height: 0;
	padding-top: 31px;
	overflow:hidden;
}
#localNav li {
	display: inline;
}
#localNav li a {
	float: left;
	overflow:hidden;
	height: 0px;
	padding-top: 31px;
}
* html #localNav li a { /* ie6 */
	cursor: pointer;
}

/* BUTTON WIDTH */
#localNav li#localNav_top a {
	width: 69px;
	background: url(../../products/brand/img/horoyoi/nav_top.png) no-repeat left top;
}
#localNav li#localNav_about a {
	width: 148px;
	background: url(../../products/brand/img/horoyoi/nav_about.png) no-repeat left top;
}
#localNav li#localNav_lineup a {
	width: 133px;
	background: url(../../products/brand/img/horoyoi/nav_lineup.png) no-repeat left top;
}


/* DEFAULT POSITION */
#localNav li a {
	background-position: 0 0;
}


/* HOVER MENU & CURRENT MENU */
#localNav li#localNav_top a:hover, #localNav li#localNav_top a.this,
#localNav li#localNav_about a:hover, #localNav li#localNav_about a.this,
#localNav li#localNav_lineup a:hover, #localNav li#localNav_lineup a.this,
#localNav li#localNav_history a:hover, #localNav li#localNav_history a.this {
	background-position: 0 -31px;
}

/* ########## BOTTOM CONTENT ########## */
#wrapContentBtm {
	padding: 0 0 5px 0;
	background: #dc6781 url(../../products/brand/img/horoyoi/bg_btm.gif) no-repeat left bottom;
	color: #ffffff;
}

/* [ABOUT] */
body.horoyoiAbout #wrapContentBtm {
	background: #dc6781 url(../../products/brand/img/horoyoi/bg_btm_ffffff.gif) no-repeat left bottom;
}

/* [LINEUP] */
body.horoyoiLineup #wrapContentBtm {
	background: #dc6781 url(../../products/brand/img/horoyoi/bg_btm.gif) no-repeat left bottom;
}


/* ########## MAIN CONTENT ########## */
#mainContent {
	background: url(../../products/brand/img/bg_mdl_dc6781.gif) repeat-y left top;
	padding: 360px 40px 25px 40px;
}
/* [INDEX] FLAME PADDING */
body.horoyoiIndex #mainContent {
	padding: 340px 30px 15px 30px;
}
/* [ABOUT] BACKGROUND */
body.horoyoiAbout #mainContent {
	background: url(../../products/brand/img/horoyoi/bg_mdl_ffffff.gif) repeat-y left top;
	color:#333333;
}

/* [LINEUP] BACKGROUND */
body.horoyoiLineup #mainContent {
	background: url(../../products/brand/img/horoyoi/bg_mdl_ffffff.gif) repeat-y left top;
	color:#333333;
}
/* [INDEX] */
body.horoyoiIndex #mainContent {
	padding-top: 555px;
}



/* ########## [INDEX] NEW INFORMATION ########## */
h2#titleNewinfo {
	float: left;
	width: 60px;
}
dl#infoHistory {
	width: 660px;
	padding-left: 85px;
}
* html dl#infoHistory {
	padding-left: 30px;
}
dl#infoHistory dt {
	float: left;
	width: 80px;
}
dl#infoHistory dd {
	width: 570px;
	float: left;
}
	dl#infoHistory:after {
		content: "";
		display: block;
		clear: both;
	}
	/*\*/
		* html dl#infoHistory {
		height: 1em;
		overflow: visible;
	}
	/**/



/* ########## [ABOUT] ########## */

#cal {
	width:390px;
	float:left;
}

#gaba {
	width:390px;
	float:right;
}

#umai {
	padding-right: 300px;
	min-height: 170px;
}
#cal h3, #gaba h3 {
	margin: 0 0 13px 0;
}
#umai h3 {
	float: left;
	width: 447px;
	margin: 0 0 13px 0;
}
#cal p {
	margin-bottom:20px;
	}
#umai p {
	float: left;
	width: 447px;
}

#umai {
	background: url(../../products/brand/img/horoyoi/img_umai.jpg) no-repeat right top;
}



/* ########## [LINEUP] SPEC ########## */
#spec {
	float: right;
	width: 390px;
	margin-bottom:50px;
}
#spec h2 {
	font-size: 14px;
}
#spec .detail{
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
#spec dl {
	margin-bottom: 10px;
}
#spec dt, #spec dd {
	float: left;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #cccccc;
}
#spec dt {
	width: 142px;
	padding-left: 1px;
}
#spec dd {
	width: 247px;
}
#spec dd span.smallcaps{
	font-size: 9px;
	vertical-align: top;
}
#spec p.cap {
	margin-bottom: 15px;
}

/* ########## [LINEUP] SPEC ########## */
#explanation {
	float: right;
	width: 390px;
}

/* ########## [LINEUP] RELATED CONTENTS ########## */
#relatedContents {
	clear: both;
	background: url(../../products/brand/img/horoyoi/bg_mdl_dc6781.gif) repeat-y left top;
	padding: 20px 40px 15px 40px;
	margin: 0 -40px -25px -40px;
}
#relatedContents h2 {
	margin-bottom: 15px;
}
#relatedContents li {
	display: inline;
}
#relatedContents li a {
	color: #ffffff;
	background: url(../../products/brand/img/horoyoi/sign_circle.gif) no-repeat left center;
	padding-left: 12px;
	margin-right: 15px;
}


/* ########## BRUSH LINE ########## */
body.horoyoiAbout .line_brush, body.honjouLineup .line_brush {
	clear: both;
	background: url(../../products/brand/img/horoyoi/line_brush.gif) no-repeat left top;
	width: 820px;
	height: 1px;
}
body.horoyoiAbout .line_brush {
	margin: 23px 0;
}
body.honjouLineup .line_brush {
	margin: 30px 0;
}


/* iepngfix */
#localNav li a , #localNav p {
	behavior: url(../../../common/js/iepngfix.htc)
}



