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

    ブランド　専用CSS

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

#content {
	background: url(../../products/brand/img/taru/bg.jpg);
}

/* ########## MAIN VISUAL ########## */
#mainVisual {
	height: 320px;
	top: 0;
}
body.taruIndex #mainVisual { /* for taru/index.html */
	height: 370px;
}
*: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/taru/title.png) no-repeat left top;
	width: 563px;
	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: 70px;
	background: url(../../products/brand/img/taru/nav_top.png) no-repeat left top;
}
#localNav li#localNav_about a {
	width: 114px;
	background: url(../../products/brand/img/taru/nav_about.png) no-repeat left top;
}
#localNav li#localNav_lineup a {
	width: 133px;
	background: url(../../products/brand/img/taru/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: #313219 url(../../products/brand/img/taru/bg_btm_f5ecd2.gif) no-repeat left bottom;
	color: #fff7e2;
}
/* [ABOUT] */
body.taruAbout #wrapContentBtm {
	background: #f5ecd2 url(../../products/brand/img/taru/bg_btm_313219.gif) no-repeat left bottom;
}
/* [LINEUP] */
body.taruLineup #wrapContentBtm {
	background: #313219 url(../../products/brand/img/taru/bg_btm_313219.gif) no-repeat left bottom;
}
body.taruHistory #wrapContentBtm {
	color: #F0E1AF;
}

/* ########## MAIN CONTENT ########## */
#mainContent {
	background: url(../../products/brand/img/taru/bg_mdl_313219.gif) repeat-y left top;
	padding: 360px 40px 25px 40px;
}
/* [INDEX] FLAME PADDING */
body.taruIndex #mainContent {
	padding: 390px 20px 25px 20px;
}
/* [ABOUT] BACKGROUND */
body.taruAbout #mainContent {
	background: url(../../products/brand/img/taru/bg_mdl_f5ecd2.gif) repeat-y left top;
}
/* [LINEUP] BACKGROUND */
body.taruLineup #mainContent {
	background: url(../../products/brand/img/taru/bg_mdl_f5ecd2.gif) repeat-y left top;
}
/* [INDEX] */
body.taruIndex #mainContent {
	background: url(../../products/brand/img/taru/bg_mdl_f5ecd2.gif) repeat-y left top;
}



/* ########## [INDEX] NEW INFORMATION ########## */
#btm_l li img, #cont_nav li img{
	vertical-align: bottom;
}
#cont_nav {
	overflow:hidden;
	width:860px;
	margin-bottom:30px;
}
#cont_nav li{
	float:left;
	margin-right:19px;
}
#cont_nav .fin{
	float:left;
	margin-right:0px;
}
#btm {
	clear:both;
	overflow:hidden;
}
#btm_l {
	float:left;
	width:420px;
}
#btm_l li{
	margin-bottom:8px;
	vertical-align: bottom;
}
.banner{
	margin-top:20px;
}
#s_banner {
	border-top:#aca287 solid 1px;
	overflow:hidden;
	padding-top:15px;
	margin-top:5px;
}
#btm_r {
	float:right;
	width:420px;
}
#youtube {
	margin-bottom:20px;
}

#global {
	margin-top:20px;
	overflow:hidden;
}
#global ul {
	overflow:hidden;
	margin-top:5px;
}
#global li {
	float:left;
}



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] ########## */
#taru, #aji, #kaori{
	padding-right: 300px;
	min-height: 170px;
}
#taru h2, #aji h2, #kaori h2 {
	float: left;
	margin-right: 10px;
}
#taru h3, #aji h3, #kaori h3 {
	float: left;
	width: 447px;
	margin: 22px 0 13px 0;
}
#taru p, #aji p, #kaori p{
	float: left;
	width: 447px;
	color:#313219;
}
#taru {
	background: url(../../products/brand/img/taru/img_taru.jpg) no-repeat right top;
}
#aji {
	background: url(../../products/brand/img/taru/img_aji.jpg) no-repeat right top;
}
#kaori {
	background: url(../../products/brand/img/taru/img_kaori.jpg) no-repeat right top;
}
.btn_more {
	margin-top:10px;
}

/* ########## [LINEUP] SPEC ########## */
.spec_set {
	overflow:hidden;
	margin-bottom:30px;
	color:#313219;
}
#spec_set_r {
	float:right;
	width:390px;
	padding-bottom:50px;
}
#spec {
	width: 390px;
	color:#313219;
}
.mgb20{
	margin-bottom:20px;
}
.product_photo{
	text-align:center;
}
#spec h2 {
	padding-top:20px;
	font-size: 14px;
}
#spec .detail{
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #c4bda8;
	border-top: 1px solid #c4bda8;
}

#spec dl {
	position:relative;
	margin-bottom: 10px;
}
#spec dt{
	position:absolute;
	padding: 5px 0 4px 0;
	left:0;
	width: 142px;
	padding-left: 1px;
}
#spec dd {
	padding: 5px 0 4px 143px;
	border-bottom: 1px solid #c4bda8;
	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/taru/bg_mdl_313219.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: #CDC3AA;
	background: url(../../products/brand/img/taru/sign_circle.gif) no-repeat left center;
	padding-left: 12px;
	margin-right: 15px;
}



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


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


#banner {
	padding-top:15px;
	margin:0 auto;
	width:900px;
	text-align:right;
}


