@charset "Shift_JIS";

/* ----  トップページ内タブブロックの設定 ------------------------------------- */
#TabPanelWrap {
	margin:0;
}
#rotator {
	background:#FFF no-repeat right top;
	margin:0px;
	padding: 0px;
	height: 375px;
}

/* タブのスタイル */
#rotator ul.ui-tabs-nav {
	overflow: hidden;
	height: 20px;
}

#rotator li.ui-tabs-nav-item,
#rotator li.ui-tabs-nav-item a:link,
#rotator li.ui-tabs-nav-item a:visited {
	line-height:1.2;
	text-decoration:none;
	list-style:none;
	font-size: 9px;
	display: inline;
	float: left;
	visibility: hidden;
}


/* タブコンテンツ部分共通の指定 */  
#rotator .ui-tabs-panel {
	clear:left;
	color:#000;
	padding:0px;
	height:355px;
	overflow: hidden;
}
#rotator .ui-tabs-hide {  
    display:none;  
}
/* タブコンテンツ内の共通設定 */  
#rotator h2 {
	font-weight:normal;
	margin:60px 0px 0px;
	line-height:1.2;
	font-size: 35px;
	border-width: 0px;
	border-style: none;
	padding: 0px;
	color: #FFF;
}
#rotator h2 em {
	margin:0;
	line-height:1.2;
	font-size: 18px;
	border-width: 0px;
	font-style: normal;
	display: block;
}

#rotator p {
	font-weight:normal;
	font-size: 14px;
	margin-top: 30px;
	margin-bottom: 10px;
	line-height: 1.5;
}

/*------------ 各タブコンテンツ内の指定 ------------ */
/*---- 「ステラ」タブコンテンツ内の指定 ----*/
#rotator #fragment-1 {
	background:transparent url(images/top_main_s2.jpg) no-repeat right top;
}
/*---- タブコンテンツ内の指定 ----*/
#rotator #fragment-2 {  
    background:transparent url(images/top_main_s3.jpg) no-repeat right top;  
}
/*---- タブコンテンツ内の指定 ----*/
#rotator #fragment-3 {  
    background:transparent url(images/top_main_s4.jpg) no-repeat right top;  
}
/*---- タブコンテンツ内の指定 ----*/
#rotator #fragment-4 {  
    background:transparent url(images/top_main_s5.jpg) no-repeat right top;  
}
/*---- タブコンテンツ内の指定 ----*/
#rotator #fragment-5 {  
    background:transparent url(images/top_main_s6.jpg) no-repeat right top;  
}
/*---- 製品一覧・検索タブコンテンツ内の指定 ----*/  
#rotator .ListPanel {  
    background:transparent url(images/top_main_s7.jpg) no-repeat right top;  
}
#rotator .ListPanel #RightBlock,
#rotator .ListPanel #CenterBlock,
#rotator .ListPanel #LeftBlock {
width: 270px;
}
#rotator .ListPanel #CenterBlock,
#rotator .ListPanel #LeftBlock {
	float: left;
	display: inline;
	padding: 0px;
}
#rotator .ListPanel #LeftBlock {
	margin-right: 18px;
}
#rotator .ListPanel #RightBlock {
	float: right;
	display: inline;
	padding: 0px;
}
#rotator .ListPanel h3 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	padding: 2px 10px;
	line-height: 110%;
	margin: 7px -1px 0px -2px;
	-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
behavior: url(../border-radius.htc);
}
#rotator .ListPanel dl {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding: 3px 0px 0px 3px;
}
#rotator .ListPanel .L-Box {
	float: left;
	width: 130px;
}
#rotator .ListPanel .R-Box {
	float: right;
	width: 130px;
}


#rotator .TextArea {
	height: 355px;
	display: block;
	padding: 0px 40px;
	overflow: hidden;
	float: left;
	margin-right: 545px;
}
#rotator #fragment-1 .TextArea {
	background-color: #8DC73F;
}
#rotator #fragment-2 .TextArea {
	background-color: #34B7D5;
}
#rotator #fragment-3 .TextArea {
	background-color: #EC5617;
}
#rotator #fragment-4 .TextArea {
	background-color: #E0C81F;
}
#rotator #fragment-5 .TextArea {
	background-color: #9D6C95;
}