@charset "utf-8";

/*
CSS information
	FileName    : assista.css
	Description : 電動アシスト用
	Version     : 2.0.0 (20100706)
	Author      : szk
*/

/* タブ振り分け */
#tabsArea {width: 672px;}
#tabsArea .ui-tabs-nav li a {width: 160px;	height: 40px; background: url(../images/assista_tabs.jpg) repeat 0 0;}

#tabsArea .ui-tabs-nav li a.tab01	{background-position: 0 -80px; margin-left: 16px;}
#tabsArea .ui-tabs-nav li a.tab02 {background-position: -160px -80px;}
#tabsArea .ui-tabs-nav li a.tab03	{background-position: -320px -80px;}
#tabsArea .ui-tabs-nav li a.tab04	{background-position: -480px -80px;}

#tabsArea .ui-tabs-nav li a.tab01:hover {background-position: 0 -40px;}
#tabsArea .ui-tabs-nav li a.tab02:hover {background-position: -160px -40px;}
#tabsArea .ui-tabs-nav li a.tab03:hover {background-position: -320px -40px;}
#tabsArea .ui-tabs-nav li a.tab04:hover {background-position: -480px -40px;}

#tabsArea .ui-tabs-nav li.ui-tabs-selected a.tab01 {background-position: 0 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.tab02 {background-position: -160px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.tab03 {background-position: -320px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.tab04 {background-position: -480px 0;}

#tabsArea .ui-tabs-nav li.ui-tabs-selected a.tab01:hover {background-position: 0 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.tab02:hover {background-position: -160px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.tab03:hover {background-position: -320px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.tab04:hover {background-position: -480px 0;}

#tab01, #tab02, #tab03, #tab04 {
	clear: both;
	min-height: 350px;
	_height: auto !important;
	_height: 350px;
} 

/* 電動アシスト
----------------------------------------*/
#contents .feature {
	margin: 10px auto 0;
	padding: 0 0 30px 0;
	_text-align: center;
	width: 780px;
}

#contents .feature .good-box {
	width: 390px;
	border-bottom: #cccccc 1px solid;
	float: left;
	margin-bottom: 40px;
}
#contents .feature .cost-box {
	width: 390px;
	border-bottom: #cccccc 1px solid;
	float: right;
	margin-bottom: 40px;
}

#contents .feature h3 {
	padding: 20px 0;
}
#contents .feature dt.toggle {
	clear:both;
}
#contents .feature dt.toggle img {
	margin: 10px 0 0;
}
#contents .feature dd {
	padding-bottom: 20px;
}
#contents .feature .cost-box dd {
	padding-bottom: 40px;
}
#contents .feature dd p {
	line-height: 1.5;
	_padding:0 0 0 1em;
}
#contents .feature .cost-box dd p {
	line-height: 1.8;
}

.feature .battery01 {float: left; width: 190px;}
.feature .battery01_01 {float: left; width: 110px;}
.feature .battery01_02 {float: right; width: 270px;}
.feature .battery02 {float: right; width: 190px;}
.feature .battery02_01 {width: 185px; font-size: 86%;}
.feature .battery02_02 {width: 185px; font-size: 86%;}
.feature .battery02_01 .ttl {margin-bottom:4px; padding:4px 4px 2px; background-color:#009944; color:#FFF;}
.feature .battery02_02 .ttl {margin-bottom:4px; padding:4px 4px 2px; background-color:#e7005c; color:#FFF;}
.feature .battery02_01 .color {color:#009944;}
.feature .battery02_02 .color {color:#e7005c;}

#contents .feature .enclosure {
	border: #cccccc 1px solid;
	clear: both;
	margin: 0;
	padding: 12px;
	font-size: 86%;
}
#contents .feature .enclosure .left-box {
	width: 360px;
	float: left;
}
#contents .feature .enclosure .right-box {
	width: 370px;
	float: right;
}

.w48p {width: 48%}