@charset "utf-8";

/*
CSS information
	FileName    : option.css
	Description : オプションパーツレイアウト用
	Version     : 2.0.2 (20100713)
	Author      : ymo,szk
*/

/*====================================================================================================
	オプションパーツ
====================================================================================================*/

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

#tabsArea .ui-tabs-nav li a.rear	{background-position: 0 -80px; margin-left: 16px;}
#tabsArea .ui-tabs-nav li a.basket {background-position: -160px -80px;}
#tabsArea .ui-tabs-nav li a.cover	{background-position: -320px -80px;}
#tabsArea .ui-tabs-nav li a.helmet	{background-position: -480px -80px;}
#tabsArea .ui-tabs-nav li a.other	{background-position: -640px -80px;}

#tabsArea .ui-tabs-nav li a.rear:hover {background-position: 0 -40px;}
#tabsArea .ui-tabs-nav li a.basket:hover {background-position: -160px -40px;}
#tabsArea .ui-tabs-nav li a.cover:hover {background-position: -320px -40px;}
#tabsArea .ui-tabs-nav li a.helmet:hover {background-position: -480px -40px;}
#tabsArea .ui-tabs-nav li a.other:hover {background-position: -640px -40px;}

#tabsArea .ui-tabs-nav li.ui-tabs-selected a.rear {background-position: 0 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.basket {background-position: -160px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.cover {background-position: -320px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.helmet {background-position: -480px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.other {background-position: -640px 0;}

#tabsArea .ui-tabs-nav li.ui-tabs-selected a.rear:hover {background-position: 0 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.basket:hover {background-position: -160px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.cover:hover {background-position: -320px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.helmet:hover {background-position: -480px 0;}
#tabsArea .ui-tabs-nav li.ui-tabs-selected a.other:hover {background-position: -640px 0;}


/* 共通 */
#container {
  line-height: 1.5;
  }
#opShell {
	padding: 35px 35px 0;
	_text-align: center;
  }
#contents {
	color: #221815;
  }
#contents h2 {
	margin-bottom: 10px;
  }

#contents #rear,
#contents #basket,
#contents #cover,
#contents #helmet,
#contents #other {
	clear: both;
	width: 890px;
	margin: 0;
	padding: 20px 0 0 0;
	}
#contents div.panel {
	min-height: 400px;
	_height: auto !important;
	_height: 400px;
	margin: 0;
	padding: 0 5px;
}
#contents div.panel h3 {
	font-weight: bold;
 line-height: 1.2;
}


/* リヤシート */
#contents #rear .cutie {
	width: 450px;
}
#contents #rear .cutie_R{
width:410px;
}
#contents #rear .cutie_R h4{font-weight:bold;}
#contents #rear .cutie_R dl{font-size:85%; line-height:1.3;}
#contents #rear .cutie_R dl dt img{margin:0 5px 0 0; vertical-align:middle;}
#contents #rear .cutie_R dl dt{padding:0 0 5px 0; font-weight:bold; color:#666666; float:left;}
#contents #rear .cutie_R dl dd{padding:0 0 5px 0; padding-left:10em;}

#contents #rear .angel {
	width: 350px;
}
#contents #rear .royalTxt {
	width: 260px;
}
#contents #rear .royalImg { width: 592px;}
#contents #rear .jushi{
width:500px;
}



/* バスケット */
#contents #basket .angel { width: 400px;}
#contents #basket .angel .flLet { width: 200px;}
#contents #basket .angel .flRit {	width: 195px; text-align: right;}

#contents #basket .stylish {
	width: 660px;
}
#contents #basket .stylish .flLet {	width: 190px;}
#contents #basket .stylish .flRit { width: 195px; text-align: right;}


/* カバー */
#contents #cover .angelino {
	width: 390px;
	margin-bottom:15px;
}
#contents #cover .angelino .flLet h3 { width: 125px;}
#contents #cover .angelino .flRit { width:200px;}

#contents #cover .angel { margin-left:25px; width:145px;}

#contents #cover .windshield {
	width:290px;
  }
#contents #cover .windshield .flRit { width: 130px;}

#contents #cover .stychi {/* width: 400px;*/ text-align: right;}
#contents #cover .stylish {/* width: 195px;*/ text-align: left;}
#contents #cover .child { width: 201px; text-align: left;}
#contents #cover .cycle { width: 466px; text-align: left;}
#contents #cover .cycle .flRit { width:245px;}

/* ヘルメット */
#contents #helmet .helmet {
	width: 390px;
  }
#contents #helmet .raincoat {
	width: 440px;
  }
#contents #helmet dl {
	clear: both;
	width: 190px;
  }
#contents #helmet dl dt {
	clear: both;
	width: 20px;
  float: left;
  white-space: nowrap;
  }
#contents #helmet dl dd {
  float: right;
	width: 165px;
  }


/* その他 */
#contents #other .mirror {
	width: 120px;
	padding-right: 20px;
  }
#contents #other .pomp{width: 250px;}
#contents #other .battery {
	width: 350px;
  }
#contents #other .key {
	width: 120px;
  }
#contents #other .guard {
	width: 430px;
	padding-top: 20px;
  }
#contents #other .lock {
	width: 420px;
	padding-top: 20px;
}

.redcap { padding:3px; color:#C00; border:solid 1px #C00; margin-bottom:10px; }