@charset "UTF-8";

/*------------------------------------------------------------
	パピー
-------------------------------------------------------------*/
.mainSection {
	position: relative;
	background: url(images/mainBg.jpg) no-repeat;
	width: 910px;
	height: 730px;
}

.mainSection h2.title {
	position: absolute;
	top: 35px;
	left: 39px;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
	display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
	display: none;
}
}

/*------------------------------------------------------------
 カテゴリ別 メニュー
-------------------------------------------------------------*/
ul.catMenu {
	position: absolute;
	top: 25px;
	right: 10px;
}

ul.catMenu li{
	float: left;
}

ul.catMenu li.type{
	padding: 0 10px 0 0;
}

ul.catMenu li.stage{
	padding: 0 0 0 0;
}

#reciprSubmenu li {
	float: left;
	display: block;
}

ul.catMenu li a {
	width: 270px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

/* nomal */
ul.catMenu .type a{
	background: url(images/btn_type.jpg) no-repeat 0px 0px;
}
ul.catMenu li.stage a{
	background: url(images/btn_life.jpg) no-repeat 0px 0px;
}
/* hover */
ul.catMenu .type a:hover{
	background: url(images/btn_type.jpg) no-repeat 0px -60px;
}
ul.catMenu li.stage a:hover{
	background: url(images/btn_life.jpg) no-repeat 0px -60px;
}

/* fix */
ul.catMenu .type a.selected{
	background: url(images/btn_type.jpg) no-repeat 0px -120px;
}
ul.catMenu li.stage a.selected{
	background: url(images/btn_life.jpg) no-repeat 0px -120px;
}

/*------------------------------------------------------------
	共通
-------------------------------------------------------------*/
#container {
	padding: 93px 0 0 10px;
}
.tabSection	{
	width: 890px;
	background: url(images/tabSectionbg_top.gif) no-repeat;
	margin-bottom: 20px;
	padding-top: 0;
}
.tabSection .inner	{
	background: url(images/tabSectionbg.gif) no-repeat bottom;
	padding: 0 10px 10px;
}

/*関連コンテンツ*/
#subContents img.tit {
	padding: 20px 0 10px 0 ;
	_padding: 20px 0 5px 0 ;
}

*:first-child+html #subContents img.tit {
	padding: 10px 0 5px 0 ;
}

#subContents ul li{
	float: left;
	padding: 0 7px 0 0;
}
#subContents ul li.lastitem{
	padding: 0px;
}
.tabSection .inner .left,
.tabSection .inner .right,
.tabSection .inner .center {
	float: left;
}

/*------------------------------------------------------------
	製品タイプ別
-------------------------------------------------------------*/
#typeTab .left {
	width: 430px;
}
.tabSection .inner #typeTab .center {
	width: 210px;
	margin: 0 10px;
}
#typeTab .right {
	width: 210px;
}
#typeTab .center ul li.mb10,#typeTab .right ul li.mb10 {
	padding-bottom: 10px;
	_padding-bottom: 7px;
}

*:first-child+html #typeTab .center ul li.mb10{
	padding-bottom: 7px;
}

*:first-child+html #typeTab .right ul li.mb10 {
	padding-bottom: 7px;
}

/*------------------------------------------------------------
	ライフステージ
-------------------------------------------------------------*/
#lifeStageTab ul li{
	float: left;
	position: relative;
}
.parts1,.parts2,.parts3,.round1,.round2 {
	position: absolute;
}
.tabSection .inner #lifeStage .left {
	width: 283px;
}
.tabSection .inner #lifeStage .center {
	width: 283px;
	margin: 0 10px;
}
.tabSection .inner #lifeStage .right {
	width: 283px;
}
.tabSection .inner #lifeStage .center ul li{
	margin-bottom: 10px;
	_margin-bottom: 7px;
}

*:first-child+html .tabSection .inner #lifeStage .center ul li{
	margin-bottom: 7px;
}

.tabSection .inner #lifeStage .center ul li.lastitem{
	margin-bottom: 0px;
}

/*パーツ*/
.round1 {
	top: 93px;
	left: 10px;
	_left: 11px;
}
.round2 {
	top: 93px;
	left: 890px;
	_left: 890px;
}
.parts1 {
	top: 88px;
	left: 41px;
}
.parts2 {
	top: 74px;
	left: 309px;
}
.parts3 {
	top: 78px;
	left: 609px;
}