@charset "utf-8";
/*==============================================
	PHANTASY STAR UNIVERSE イルミナスの野望
	URI http://phantasystaruniverse.jp/
------------------------------------------------
	description: outline用スタイルシート
	edit: 2009-06-18
	update:	
==============================================*/
#body h2 span{
	background:url(../image/headding_outline.gif) no-repeat;
}


#outlinePage #body #h3Outline01{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_outline.gif) no-repeat;
	margin-top:20px;
	clear:both;
}	

#outlinePage #body #h3Outline02{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_outline02.gif) no-repeat;
	margin-top:20px;
}	


#outlinePage #body #h3Outline03{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_outline03.gif) no-repeat;
	margin-top:20px;
	clear:both;
}	

#outlinePage #body #h3Outline04{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_outline04.gif) no-repeat;
	margin-top:20px;
}	


#outlinePage #body #h3Attention{
	width: 750px;
	height: 36px;
	text-indent: -9999px;
	background: url(../image/h3_attention.gif) no-repeat;
	margin-top:20px;
}	

#outlinePage #story {
	width: 750px;
	height: 354px;
	text-indent: -9999px;
	background: url(../image/ice_story.jpg) no-repeat;
}

p span{
	background:url(../image/title01.gif) no-repeat;  
	background-position:left top;   
	background-repeat:no-repeat;   
	height:25px;   
	display: block;   
	text-indent:-9999px;
	margin-bottom:20px;
}



#orderlist{
	width:720px;
	margin:0 auto;
	clear:both;
}


#orderlist li{
	display:inline;
  float:left;
 	width:355px;
	height:172px;
	margin-bottom:10px;
}


#orderlist li.orderleft{
	margin-right:10px;
}


p.center{
	width:750px;
	margin:0 auto;
}

table.tablecenter{
	width:720px;
	margin:0 auto;
}

/*
	missionBox
================================*/
.missionBox{
	position: relative;
	width: 750px;
	height: 170px;
	padding-bottom:3px;
	background: url(../image/bg_missionbox.jpg) no-repeat;
}

.missionBox dt.mission01{
	position: absolute;
	top: 13px;
	left: 14px;
	width: 183px;
	height: 30px;
	text-indent: -9999px;
	background: url(../image/title_mission_01.gif) no-repeat;
}


.missionBox dt.mission02{
	position: absolute;
	top: 13px;
	left: 14px;
	width: 183px;
	height: 30px;
	text-indent: -9999px;
	background: url(../image/title_mission_02.gif) no-repeat;
}

.missionBox dt.mission03{
	position: absolute;
	top: 13px;
	left: 14px;
	width: 183px;
	height: 30px;
	text-indent: -9999px;
	background: url(../image/title_mission_03.gif) no-repeat;
}


.missionBox dt.mission04{
	position: absolute;
	top: 13px;
	left: 14px;
	width: 183px;
	height: 30px;
	text-indent: -9999px;
	background: url(../image/title_mission_04.gif) no-repeat;
}

.missionBox dt.mission05{
	position: absolute;
	top: 13px;
	left: 14px;
	width: 183px;
	height: 30px;
	text-indent: -9999px;
	background: url(../image/title_mission_05.gif) no-repeat;
}

.missionBox dt.mission06{
	position: absolute;
	top: 13px;
	left: 14px;
	width: 183px;
	height: 30px;
	text-indent: -9999px;
	background: url(../image/title_mission_06.gif) no-repeat;
}

.missionBox .status{
	position: absolute;
	top: 27px;
	left: 341px;
	width: 184px;
	height: 17px;
	text-indent: -9999px;
	background: url(../image/mission_status_mission_01.gif) no-repeat;
}

.missionBox .statusone{
	position: absolute;
	top: 27px;
	left: 341px;
	width: 184px;
	height: 17px;
	text-indent: -9999px;
	background: url(../image/mission_status_mission_02.gif) no-repeat;
}

.missionBox .statusfour{
	position: absolute;
	top: 27px;
	left: 341px;
	width: 184px;
	height: 17px;
	text-indent: -9999px;
	background: url(../image/mission_status_mission_03.gif) no-repeat;
}

.missionBox .statusAll{
	position: absolute;
	top: 27px;
	left: 341px;
	width: 184px;
	height: 17px;
	text-indent: -9999px;
	background: url(../image/mission_status_mission_all.gif) no-repeat;
}

.missionBox .statusOther{
	position: absolute;
	top: 27px;
	left: 341px;
	width: 184px;
	height: 17px;
	text-indent: -9999px;
	background: url(../image/mission_status_mission_04.gif) no-repeat;
}

.missionBox .date{
	position: absolute;
	top: 59px;
	left: 14px;
	font-size: 10px;
	color:#a3114f;
}

.missionBox .counter{
	position: absolute;
	top: 78px; /* 78 */
	left: 13px; /* 14 */
	font-size: 10px;
	color:#a3114f;
}

.missionBox .text{
	position: absolute;
	top: 95px;/* 95 */
	left: 14px; /* 14 */
	width:510px;
	line-height: 18px;
}

.missionBox .text span{
	display:block;
	margin-top:10px;
	text-align:right;
	margin-right:10px;
	color:#003399;
	
}


.missionBox .ss{
	position: absolute;
	top: 10px;
	left: 535px;
	width: 200px;
}

.itemBox {
	width:740px;
	margin:20px 0px;
}

.itemBox .txt {
	width: 505px;
	padding-right:5px;
	float:left;
}

.itemBox .ph {
	width:225px;
	float:left;
}

.itemBox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.itemBox h4 {
	background:transparent url(../../common/image/element/icon_infolist.jpg) no-repeat scroll left -1px;
	display:block;
	font-size:12px;
	color:#043776;
	margin-bottom:10px;
	padding-left:20px;
}

.itemBox h4.attention {
	margin-top:20px;
}