/************************************************

 PIERROT USER SITE 
 CSS No.01
 -Normal Ver-  

************************************************/

@charset "utf-8";



body {
	background: #ffffe6;
	text-align: left;
	FONT-SIZE: 9pt;
	line-height: normal;
	COLOR: #333333;
}



/*headerのスタイル定義*/
#header {
	width: 850px;
	height: 63px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	background: url(/images/header/bg.gif);
}

/*パンクズのスタイル定義*/
#pankuzu {
	width: 850px;
	height: 14px;
	padding: 0;
	margin: 0;
	background: url(/images/kaisou/bg.gif);
}

/*第１階層TOPページ*/
#indexnews_orange {
	width: 850px;
	height: 200px;
	padding: 0;
	margin: 0;
	background: url(/images/index_news/orange.gif);
}

#indexnews_blue {
	width: 850px;
	height: 200px;
	padding: 0;
	margin: 0;
	background: url(/images/index_news/blue.gif);
}


#indexnews_pink {
	width: 850px;
	height: 200px;
	padding: 0;
	margin: 0;
	background: url(/images/index_news/pink.gif);
}

#indexnews_green {
	width: 850px;
	height: 200px;
	padding: 0;
	margin: 0;
	background: url(/images/index_news/green.gif);
}




#indexnews_bn {
	float: left;
	width: 295px;
	height: 200px;
	padding: 0;
	margin: 0;
}

#indexnews_news {
  	float: right;
	width: 555px;
	height: 200px;
	padding: 0;
	margin: 0;
}


/*総合インデックスコンテンツ領域設定*/
#icontent {
  	float: left;
  	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/top/bg.gif);
	color: #333333;
}


#icontent-wrap {
	float: left;
	width: 560px;
	padding: 0; margin: 10px;
	background: #ffffff;
	color: #333333;
}

#irightmenu {
  	float: right;
  	width: 260px;
  	padding: 0; margin: 0;
}

#icontent-wrap .li01{
	background: url(/images/top/p_icicon04.gif) no-repeat 5px 5px;	
	padding: 0px 0 0px 25px;
	margin: 0 5px 0 0 ;
	list-style: none;
	text-align: left;
	text-decoration: none;
	color:#666;
}


#icontent-wrap .li02{
	background: url(/images/top/p_icicon.gif) no-repeat 5px 5px;	
	padding: 2px 0 2px 25px;
	margin: 0 5px 0 0 ;
	list-style: none;
	text-align: left;
	text-decoration: none;
	color:#666;
}




/*コンテンツ領域定義*/	
#content {
  	float: left;
  	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/menu_right/bg_orange.gif);
}

#content2 {
  	float: left;
  	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/menu_right/bg_blue.gif);
}

#content3 {
  	float: left;
  	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/menu_right/bg_green.gif);
}

#content4 {
  	float: left;
  	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: url(/images/menu_right/bg_pink.gif);
}



#content-wrap {
	float: left;
	width: 670px;
	padding: 0; margin: 10px;
	background: #ffffff;	
}




/*rightメニューのスタイル定義*/	
#rightmenu {
  	float: right;
  	width: 156px;
  	padding: 0; margin: 0;
	background: #FEC10A;
}

#rightmenu_blue {
  	float: right;
  	width: 156px;
  	padding: 0; margin: 0;
	background: #78A5FE;
}

#rightmenu_pink {
  	float: right;
  	width: 156px;
  	padding: 0; margin: 0;
	background: #FF9BBC;
}

#rightmenu_green {
  	float: right;
  	width: 156px;
  	padding: 0; margin: 0;
	background: #73CF43;
}





table
	{font-size: 9pt; color: #333333; line-height: 1.5}


.s 
	{font-size: 8pt; line-height: 1.2}



.m
	{font-size: 12px; line-height: 1.5}



.l
	{font-size: 14pt; line-height: 1}



.ll
	{font-size: 16pt; line-height: 2}


.skaisou 
	{font-size: 9pt; line-height: 1}





.stepgoodsname
	 {font-size: x-small; font-weight: bold; color: #333333}

.stepgoodprice
	 {font-size: x-small; font-weight: bold; color: #990000}




.pointG
	{color: #597322}


.pointR
	{color: #990000}


.pointO
	{color: #FF9900}


.pointGray
	{FONT-SIZE: 9pt; COLOR: #666666; LINE-HEIGHT: 11pt}


.pointGrayS
	{FONT-SIZE: 7pt; COLOR: #666666; LINE-HEIGHT: 8pt}





.textBIG
	{font-weight: bold}





.TDgreen01
	{background: #669900}


.TDgreen02
	{background: #afd75e}


.TDgreen03
	{background: #d6eaaa}


.TDgreen04
	{background: #f3f9e8}


.TDblack01
	{background: #666666}


.TDblack02
	{background: #eeeeee}


.TDblack03
	{background: #cccccc}


.TDbrown01
	{background: #e2e2cc}


.TDblue01
	{background: #3366FF}


.TDblue02
	{background: #8EB4FD}


.TDpink01
	{background: #FF99CC}


.TDpink02
	{background: #FFD7EB}


.TDorange01
	{background: #FFC411}


.TDorange02
	{background: #FFDD72}


.TDwhite
	{background: #FFFFFF}






a{text-decoration:none}

a:link{color:#0066FF;text-decoration:none}

a:visited{color:#0066FF;text-decoration:none}

a:hover{color:#FF3366;text-decoration:underline}

a:active{color:#FF3366;text-decoration:underline}






a.title{text-decoration:none}

a.title:link{color:#FFFFFF;text-decoration:none}

a.title:visited{color:#FFFFFF;text-decoration:none}

a.title:hover{color:#FFFFFF;text-decoration:underline}

a.title:active{color:#FFFFFF;text-decoration:underline}






a.kaisou{text-decoration:none}

a.kaisou:link{color:#3333FF;text-decoration:none}

a.kaisou:visited{color:#3333FF;text-decoration:none}

a.kaisou:hover{color:#3333FF;text-decoration:underline}

a.kaisou:active{color:#3333FF;text-decoration:underline}







a.infomation{text-decoration:none}

a.infomation:link{color:#0066FF;text-decoration:none}

a.infomation:visited{color:#0066FF;text-decoration:none}

a.infomation:hover{color:#FF6699;text-decoration:underline}

a.infomation:active{color:#FF6699;text-decoration:underline}





a.category{text-decoration:none; font-weight: bold; font-size: 8pt}

a.category:link{color: #990000; font-size: 8pt; text-decoration:none}

a.category:visited{color:#990000;text-decoration:none}

a.category:hover{color:#990000;text-decoration:underline}

a.category:active{color:#990000;text-decoration:underline}







.menuselect{width: 187px}


.menuselect200
	{width: 200px}





.shopping1 {

	 BORDER-RIGHT: #cccccc 1px solid;


	 BORDER-TOP: #cccccc 1px solid;


	 FONT-SIZE: 10pt;


	 BACKGROUND: #FEFBEF;


	 BORDER-LEFT: #cccccc 1px solid;


	 COLOR: #333333;


	 BORDER-BOTTOM: #cccccc 1px solid;


	 SCROLLBAR-3DLIGHT-COLOR: #666666;


	 SCROLLBAR-ARROW-COLOR: #666666;


	 SCROLLBAR-BASE-COLOR: #cccccc;


	 SCROLLBAR-DARKSHADOW-COLOR: #cccccc;


	 SCROLLBAR-FACE-COLOR: #cccccc;


	 SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;


	 SCROLLBAR-SHADOW-COLOR: #666666;


}





.shopping2 {

	 BORDER-RIGHT: #cccccc 1px solid;


	 BORDER-TOP: #cccccc 1px solid;


	 FONT-SIZE: 9pt;


	 BACKGROUND: #FEFBEF;


	 BORDER-LEFT: #cccccc 1px solid;


	 COLOR: #333333;


	 BORDER-BOTTOM: #cccccc 1px solid;


	 SCROLLBAR-3DLIGHT-COLOR: #666666;


	 SCROLLBAR-ARROW-COLOR: #666666;


	 SCROLLBAR-BASE-COLOR: #cccccc;


	 SCROLLBAR-DARKSHADOW-COLOR: #cccccc;


	 SCROLLBAR-FACE-COLOR: #cccccc;


	 SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;


	 SCROLLBAR-SHADOW-COLOR: #666666;


}





.shopping3 {

	 BORDER-RIGHT: #ffffff 1px solid;



	 BORDER-TOP: #ffffff 1px solid;



	 FONT-SIZE: 9pt;



	 BACKGROUND: #ffffff;



	 BORDER-LEFT: #ffffff 1px solid;



	 COLOR: #333333;



	 BORDER-BOTTOM: #cccccc 1px solid;



	 SCROLLBAR-3DLIGHT-COLOR: #666666;



	 SCROLLBAR-ARROW-COLOR: #666666;



	 SCROLLBAR-BASE-COLOR: #cccccc;



	 SCROLLBAR-DARKSHADOW-COLOR: #cccccc;



	 SCROLLBAR-FACE-COLOR: #cccccc;



	 SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;



	 SCROLLBAR-SHADOW-COLOR: #666666;



}





.shoppingButton {

	 BORDER-RIGHT: #cccccc 1px solid;



	 BORDER-TOP: #cccccc 1px solid;



	 FONT-SIZE: 10pt;



	 BACKGROUND: #FFCC00;



	 BORDER-LEFT: #cccccc 1px solid;



	 COLOR: #333333;



	 BORDER-BOTTOM: #cccccc 1px solid;



	 SCROLLBAR-3DLIGHT-COLOR: #666666;



	 SCROLLBAR-ARROW-COLOR: #666666;



	 SCROLLBAR-BASE-COLOR: #cccccc;



	 SCROLLBAR-DARKSHADOW-COLOR: #cccccc;



	 SCROLLBAR-FACE-COLOR: #cccccc;



	 SCROLLBAR-HIGHLIGHT-COLOR: #cccccc;



	 SCROLLBAR-SHADOW-COLOR: #666666;



}


/*インフォメーションのスタイル定義*/	
 .informationbg{
	 background:url(/images/information/index_bg.gif);
 }


 .listsquare {
list-style: square;
}


/*イベント名のスタイル定義*/	
.event-name {
	width: 100%;
	font-weight: bold;
	font-size: 110%;
	color: #0066FF;
	background: url(/images/top/index_pink_h.gif) no-repeat 1px 10%;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 20px;
	line-height: 18px;
	padding-bottom: 10px;
}

