@charset "Shift_JIS";

/*================

Information

Site URL:	http://www.fujitv.co.jp/game/planets/dreamdp/
File type:	css
File name:	layout.css
			(http://www.fujitv.co.jp/game/planets/dreamdp/css/layout.css)
Summary:	layout css files
Create:		September.2009

================*/



/*=============

基本設定

=============*/

body {
	text-align:center;
	background:url(../img/bg.gif) repeat;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳＰゴシック",Verdana,Helvetica,Arial;
	color:#333333;
	line-height:1.2;
}
/*
h3{
	text-indent:-10000px;
	font-size:1px;
		}
		
*/
/*=============

レイアウト設定

=============*/


#wrapper{
width:990px;
background:#fff url(../img/bg_shadow.gif) repeat-y;
margin:0 auto;
padding:0;
}

#contents{
width:980px;
background:#fff;
margin:0 auto;
text-align:center;
}


#footer{
width:980px;
height:166px;
background:url(../img/gra_footer.gif) no-repeat left bottom;
text-align:center;
clear:both;
margin:0 auto;
}

/*--------------

デパート　TOP

--------------- */

#ttl_osusume{
	text-align:left;
	margin:20px 10px 0 15px;
}

/*---　アイコン説明 ---*/

#icn_set{
	margin:10px 10px 0 15px;
width:930px;
padding:10px 10px;
text-align:left;
background:#fef2cd;
}

#icn_set p img{
vertical-align:top;
}

#cam_area img{
margin:15px auto;
}

/*---　各キャンペーン ---*/

#cam{
clear:both;
}

.cam_cell{
width:312px;
height:380px;
float:left;
margin-top:15px;
margin-left:10px;
}

#cam h3{
width:312px;
height:29px;
background:url(../img/ttl_cam_name.gif) no-repeat;
text-align:left;
}

#cam h3 p,#cam h3 p a{
text-decoration:none;
padding-top:6px;
padding-left:5px;
font-size:14px;
font-weight:bold;
color:#fff;
}

#cam h3 p a:hover{
text-decoration:underline;
padding-top:6px;
padding-left:5px;
font-size:14px;
font-weight:bold;
color:#fff;
}

.cam_contents{
margin:0;
padding-top:5px;
width:310px;
border-left:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
}

.cam_cell div.dream_coin p.dream{
padding-top:2px;
padding-left:33px;
font-size:11px;
color:#FF0000;
font-weight:bold;
}
.cam_cell div.dream_coin p.coin{
padding-top:2px;
padding-left:33px;
font-size:11px;
color:#FF0000;
font-weight:bold;
}

.cam_cell div.dream_coin{
width:93px;
height:32px;
margin-top:2px;
background:url(../img/bg_dream_coin.gif) no-repeat left top;
}

dl.cam_info{
clear:both;
margin:10px 0 0 5px;
text-align:left;
}

dl.cam_info dt{
clear:both;
width:120px;
float:left;
margin:0;
}

dl.cam_info dd{
width:180px;
float:left;
min-height:20px;
margin:0;
padding-top:4px;
}

.cam_lcell{
width:93px;
float:left;
margin-left:5px;
}

.staff_com{
clear:both;
margin:5px auto 10px;
width:265px;
padding:10px 10px 5px;
background:#ffffea;
border:1px solid #f6e07b;
}

.staff_com p.md_staff{
font-size:14px;
font-weight:bold;
color:#c52226;
text-align:left;
}

.staff_com p.comment{
margin:5px 0;
text-align:left;
line-height:1.3;
}


/*--------------

各キャンペーン　詳細ページ

--------------- */

/*---　パンくず ---*/

#pan{
margin:10px 15px;
text-align:left;
}

/*---　リード ---*/

h2#cam_lead{
width:865px;
margin:15px auto;
text-align:left;
font-size:18px;
font-weight:bold;
padding:5px 15px;
background:#fcec82;
}

/*---　詳細情報 ---*/

dl.dinfo{
margin:15px auto;
width:660px;
text-align:left;
}

dl.dinfo dt{
clear:both;
width:120px;
float:left;
margin:0;
padding:5px 0;
border-top:1px #fb71ac dotted;
}

dl.dinfo dd{
width:520px;
float:left;
min-height:20px;
margin:0;
padding:10px;
border-top:1px #fb71ac dotted;
}

/*-- ステップ --*/

#step{
	clear:both;
	width:600px;
	text-align:left;
	margin:15px auto;
	}


/*---　ボタン ---*/

.btn_info{
clear:both;
margin:10px auto;
width:540px;
text-align:left;
line-height:1.3em;
}

.btn_atten{
font-weight:bold;
clear:both;
margin:20px auto 5px;
width:540px;
text-align:left;
line-height:1.3em;
}

/*---　注意事項　atten  ---*/

#atten{
clear:both;
width:810px;
margin:10px auto;
background:url(../img/bg_atten_mdl.gif) repeat-y;
line-height:1.3em;
}

#atten p{
	text-align:left;
	margin-bottom:10px;
	}

#atten h3{
width:810px;
height:31px;
text-indent:-10000px;
font-size:1px;
background:url(../img/bg_atten_top.gif) no-repeat left top;
}

#atten #atten_bg{
width:810px;
background:url(../img/bg_atten_btm.gif) no-repeat left bottom;
}

#atten ul {
    list-style: none;
    width: 760px;
	margin:5px auto 20px;
	text-align:left;
	line-height: 1.3;
	padding-bottom:15px;
}
 
#atten li {
    margin-bottom: 3px;
    padding-left: 2em; 
    text-indent: -1.5em; 
}

/*endページ用*/

#endtxt ul {
	background:#fff;
	padding:15px;
	margin:20px auto;
    list-style: none;
	width:560px;
	text-align:left;
	line-height: 1.3;
}
 
#endtxt li {
    margin-bottom: 3px;
    padding-left: 1em; 
    text-indent: -1.5em; 
}


/*--- TOPへもどる   ---*/

#backto{
margin-top:30px;
clear:both;
}

/*--------------

footer内

--------------- */
#cx_copy img{
margin-top:130px;
}
		
/*--------------

その他

--------------- */

.txtnone{display:none;}

.nenmatsu{
	margin:5px 0 10px;
	padding:5px;
	border:2px dotted #FFCCCC;
	background:#ffe8e8;
}