@charset "UTF-8";

/*	bonusCSS
	
		■コンテンツ設定
		■特典段落
		■文とサムネイル
----------------------------------------------------------------------------------------------------------------------------------*/


/*	コンテンツ設定（各コンテンツ上書き）
----------------------------------------------------------------------------------------------------------------------------------*/

div#content {
width:840px;
margin:0 auto;
padding:40px 0 10px 0;
}


div.sttl {
background-image:url(../Images/sttl_bonus.png);
background-repeat:no-repeat;
width:833px;
height:35px;
text-indent:-9999px;
font-size:1px;
margin:0px auto 10px 0px;
}

/*	特典段落
----------------------------------------------------------------------------------------------------------------------------------*/

div#content div.bonus{
width:820px;
margin:0 auto 45px auto;
}

div.bonus div.pic {
width:570px;
margin:30px auto 20px auto;
}

div.bonus div.pic img {
margin:0 25px 0 25px;
}

div#content div.bonus p {
font-size:13px;
line-height:160%;
text-align:justify;
text-justify:distribute;
}


/*	文とサムネイル
----------------------------------------------------------------------------------------------------------------------------------*/

div#content div.character {
width:820px;
margin:0 auto;
}


/*右段落*/
div#content div.character div.right {
float:right;
width:420px;
}

/* 小見出し */

div.character div.pttl {
width:395px;
height:60px;
background-repeat:no-repeat;
background-position:center left;
text-indent:-9999px;
}

div.character div.p1 {
background-image:url(../Images/pttl_bonus_grace.png);
margin:10px 0 0 0;
}

div.character div.p2 {
background-image:url(../Images/pttl_bonus_casta.png);
margin:35px 0 0 0;
}

div.character div.text {
padding:0 0 0 6px;
}

/* 文頭 */
div.character span img {
float:left;
margin:0 3px 0 0;
}

/* 文章 */
div.character span {
font-size:13px;
line-height:160%;
text-align:justify;
text-justify:distribute;
}

div.character div.hbr {
height:8px;
font-size:1px;
line-height:1px;
}

/* 写真 */

div.character div.left {
float:left;
}

div.character div.pht img {
position:absolute;
top:4px;
left:2px;
}

div.character div.pht {
position:relative;
width:396px;
height:328px;
background-repeat:no-repeat;
margin:20px 0 0 0;
background-image:url(../Images/bonus_pic_bg.gif);
}