@charset "utf-8";
/*=============================================
	PHANTASY STAR PORTABLE 2
	http://phantasystar.sega.jp/psp2/
-----------------------------------------------
=============================================*/




/*
	headding
--------------------------------------------*/

#collaboPizzahutPage #conts #collaboBox #main #block #h3Pizzahut{
	width: 532px;
	height: 25px;
	margin: 0 auto;
	padding-bottom:	10px;
	background: url(../image/h3_pizzahut.gif) no-repeat;
}

#collaboPizzahutPage #conts #collaboBox #main #block #h3Newshop{
	width: 532px;
	height: 25px;
	background: url(../image/h3_newshop.gif) no-repeat;
	clear:both;
}

#collaboPizzahutPage #conts #collaboBox #main #block #h3MyroomItem{
	width: 532px;
	height: 25px;
	background: url(../image/h3_myroom_item.gif) no-repeat;
	margin-top:10px;
	clear:both;
}

#collaboPizzahutPage #conts #collaboBox #main #block #h3PizzaBox{
	width: 532px;
	height: 25px;
	background: url(../image/h3_pizzabox.gif) no-repeat;
	margin-top:10px;
	clear:both;
	position:relative;
}

#collaboPizzahutPage #conts #collaboBox #main #block #h4PizzahutShop{
	width: 154px;
	height: 16px;
	background:url(../image/h4_pizzahut_shop.gif) no-repeat;
	text-indent:-9999px;
	margin: 0px 0px 10px 5px;
	clear:both;
}

#collaboPizzahutPage #conts #collaboBox #main #block #h4PizzahutItem{
	width: 169px;
	height: 16px;
	background:url(../image/h4_pizzahut_item.gif) no-repeat;
	text-indent:-9999px;
	margin: 10px 0px 10px 5px;
	clear:both;
}

#collaboPizzahutPage #conts #collaboBox #main #block #h4PizzahutHowto{
	width: 222px;
	height: 16px;
	background:url(../image/h4_pizzahut_howto.gif) no-repeat;
	text-indent:-9999px;
	margin: 15px 0px 10px 5px;
	clear:both;
}
	
#collaboPizzahutPage #conts #collaboBox #main #block #h4PizzahutCampagin{
	width: 272px;
	height: 17px;
	background:url(../image/h4_pizzahut_cheese_campaign.gif) no-repeat;
	text-indent:-9999px;
	margin: 10px 0px 10px 5px;
	clear:both;
}

#collaboPizzahutPage #conts #collaboBox #main #block #h4PizzaBoxItem{
	width: 289px;
	height: 16px;
	background:url(../image/h4_pizzabox_item.gif) no-repeat;
	text-indent:-9999px;
	margin: 15px 0px 10px 5px;
	clear:both;
	position:relative;
}

#collaboPizzahutPage #conts #collaboBox #main #block #h3PizzaBox span{
	position:absolute;
	width:25px;
	height:15px;
	top:-5px;
	left:-22px;
	background:url(../../../../common/image/element/icon_new.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}



/*
	topimage
--------------------------------------------*/
#collaboBox{
	width: 545px;
	background: url(../image/pizzahut_visual.jpg) no-repeat;
	padding: 262px 0 0 0;
}

/*
	link
--------------------------------------------*/
p a:hover{
	color: #CC6600;
}


/*
	conts
--------------------------------------------*/


* html #collaboBox{
	padding-top: 262px;
}

#main{
	width: 545px; /* 545 */
	margin: 0 auto;
	background: url(../image/pizzahut_main.gif) repeat-y;
}


#block{
	width: 532px;
	margin: 0 auto;
}

#main p{
	margin: 0 10px;
	color: #000;
}

#collaboBoxBottom{
	width: 545px;
	height: 22px;
	margin: 0;
	text-indent: -9999px;
	background: url(../image/pizzahut_bottom.gif) no-repeat;
}

.section{
	width: 520px;
	margin: 0 auto;
}


.leftArea{
	width: 272px;
	padding-left: 0;
	margin: 0;
}

#collaboPizzahutPage .section .leftArea p{
	margin-bottom: 6px;
	margin-left: 0;
	padding: 0;
}

.rightArea{
	width: 248px;
}

.leftSSArea{
	width:272px;
	float:left;
}

.rightSSArea{
	width:248px;
	float:left;

}

.attentionList{
	width: 520px;
	margin: 0 auto;
}

#collaboPizzahutPage .linkRelation:hover{
	color: #CC6600;
}

#posDate {
	padding:25px 0;
	clear:both;
}




#lineBox{
	width: 516px; /* 520 */
	margin: 0 auto;
	padding: 2px;
	border: #C51002 solid 1px;
	
}

table {
	width: 516px;
	border: #C51002 solid 1px;	
}

table th{
	width: 140px;
	color: #fff;
	background: #E47356;
	border: #C51002 solid 1px;
	vertical-align: middle;
	line-height: 24px;
}

table td{
	color: #000;
	border: #C51002 solid 1px;
	vertical-align: middle;
	line-height: 24px;
	padding-left: 10px;
}


#btnPizzahut{
	display: block;
	width: 520px;
	height: 15px;
	margin: 5px auto;
	text-indent: -9999px;
	text-decoration: noen;
	outline: none;
	background: url(../image/btn_pizzahut.gif) no-repeat;
	
}

#btnPizzahut:hover{
	background-position: 0 -16px;
}


#collaboPizzahutPage .ssList{
	width: 510px;
	margin: 0 auto 10px;
}


#collaboPizzahutPage .ssList li{
	width: 262px;
}

#collaboPizzahutPage .ssList li span{
	color: #a33201;

}


#collaboPizzahutPage .ssList li.lastChild{
	width: 248px;
}






ol.present {
	width:495px;
	margin:0px 0px 10px 5px;
}

.present li {
	color: #000000;
	padding-left: 18px;
}

.present li.no01 {
	background:url(../image/no_01.gif) no-repeat 0 2px;
}

.present li.no02 {
	background:url(../image/no_02.gif) no-repeat left center;
}

.present li.no03 {
	background:url(../image/no_03.gif) no-repeat left center;
}

.present li.no04 {
	background:url(../image/no_04.gif) no-repeat 0 2px;
}

#collaboPizzahutPage p.attention{
	color: #CC3300;
	margin-bottom: 10px;
}


#collaboPizzahutPage .attentionList{
	margin-bottom: 0;
}

#collaboPizzahutPage .attentionList li{
	color: #e20c0c;
	padding-left: 0;
	background: none;
	
}




.ssList li.txt {
	color:#000000;
}

p#code {
	margin:0px 30px;
	clear:both;
}

p#code span {
	color: #a33201;
}


#collaboPizzahutPage ul.ssListText{
	width: 520px;
	overflow: hidden;
}


#collaboPizzahutPage ul.ssListText li {
	float:left;	
}

#collaboPizzahutPage ul.ssListText li.txt{
	color: #000000;
	width: 300px;
	padding-right:10px;
	padding-bottom:10px;
}

#collaboPizzahutPage ul.ssListText li span{
	color: #a33201;
}


#collaboPizzahutPage ul.ssListText li.lastChild{
	width: 200px;
	padding-top:10px;
}

.attentionList{
	padding-bottom: 10px;
}


.attentionList li {
	margin-bottom:6px;
}

.quote{
	width: 490px;
	padding: 10px;
	margin: 0 auto 10px;
	border: #CC0000 double 3px;
}

#collaboPizzahutPage .quote p{
	color: #CC3300;
}