@charset "utf-8";
/* CSS Document */



/*-------------------------------------------------*/
/*20080303 ジョン大暴走イベント*/
/*--------------------------------------------------*/

#daihon {
	color: #993300;
	background-color:#FFFFCC;
	padding: 10px;
	margin: 0px;
	font-size: 14px;
}

#daihon12 {
	color: #993300;
	background-color:#FFFFCC;
	padding: 10px 8px 10px 8px;
	margin: 0px;
	font-size: 12px;
	line-height: 130%;
}

#daihon dl,
#daihon12 dl {
	margin: 0 0 5px 0;
}

#daihon dt,
#daihon12 dt {
margin-bottom:-20;
font-weight: bold;
}

#daihon dd {
	margin-bottom: 8px;
	margin-left: 70px;
}

#daihon dd.ml200 {
	margin-left: 200px;
}

#daihon12 dd {
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 70px;
}

#daihon12 dd.ml200 {
	margin-left: 200px;
}

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

#f_John {
	background: url(../../images/devdiary/080303_fbg_John_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

#f_John p.oneline {
	color: #632100;
	padding: 28px 10px 18px 110px;
	text-align:center;
}

#f_John p.twoline {
	color: #632100;
	padding: 18px 10px 10px 110px;
	text-align:center;
}

#f_John p.threeline {
	color: #632100;
	padding: 12px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

#f_John p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}


#f_Shadow {
	background: url(../../images/devdiary/080303_fbg_Shadow_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

#f_Shadow p.oneline {
	color: #3C0173;
	padding: 28px 100px 18px 20px;
	text-align:center;
}

#f_Shadow p.twoline {
	color: #3C0173;
	padding: 18px 100px 10px 20px;
	text-align:center;
}

#f_Shadow p.threeline {
	color: #3C0173;
	padding: 12px 100px 5px 20px;
	line-height: 130%;
	text-align:center;
}
#f_Shadow p.f_name {
	color: #3C0173;
	padding: 0px 15px 0px 0px;
	text-align: right;
}

/*------------------------------------------------------------*/
/*フキダシ_ミニせりふ【左】*/
/*------------------------------------------------------------*/

/*------------------
万次郎（通常）
------------------*/
.f_Manjiro {
	background: url(../../images/devdiary/080605_fbg_Manjiro_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_Manjiro p.oneline {
	color: #632100;
	padding: 28px 10px 18px 110px;
	text-align:center;
}

.f_Manjiro p.twoline {
	color: #632100;
	padding: 18px 10px 10px 110px;
	text-align:center;
}

.f_Manjiro p.threeline {
	color: #632100;
	padding: 12px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

.f_Manjiro p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}

/*------------------
万次郎（覚醒中）
------------------*/
.f_Manjiro_S {
	background: url(../../images/devdiary/080605_fbg_Manjiro_S_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_Manjiro_S p.oneline {
	color: #632100;
	padding: 28px 10px 18px 110px;
	text-align:center;
}

.f_Manjiro_S p.twoline {
	color: #632100;
	padding: 18px 10px 10px 110px;
	text-align:center;
}

.f_Manjiro_S p.threeline {
	color: #632100;
	padding: 12px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

.f_Manjiro_S p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}

/*------------------
シロップくん
------------------*/
.f_Syrup {
	background: url(../../images/devdiary/080605_fbg_Syrup_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_Syrup p.oneline {
	color: #632100;
	padding: 28px 10px 18px 110px;
	text-align:center;
}

.f_Syrup p.twoline {
	color: #632100;
	padding: 18px 10px 10px 110px;
	text-align:center;
}

.f_Syrup p.threeline {
	color: #632100;
	padding: 12px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

.f_Syrup p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}

/*------------------
さっちゃん
------------------*/
.f_Sacchan {
	background: url(../../images/devdiary/080605_fbg_Sacchan_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_Sacchan p.oneline {
	color: #632100;
	padding: 28px 10px 18px 110px;
	text-align:center;
}

.f_Sacchan p.twoline {
	color: #632100;
	padding: 18px 10px 10px 110px;
	text-align:center;
}

.f_Sacchan p.threeline {
	color: #632100;
	padding: 12px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

.f_Sacchan p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}

/*------------------
さっちゃん＋シロップ（ヨコ）
------------------*/
.f_Sacchan_Syrup_L70 {
	background: url(../../images/devdiary/080605_fbg_Sacchan+Syrup_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_Sacchan_Syrup_L70 p.oneline {
	color: #632100;
	padding: 28px 10px 18px 176px;
	text-align:center;
}

.f_Sacchan_Syrup_L70 p.twoline {
	color: #632100;
	padding: 18px 10px 10px 176px;
	text-align:center;
}

.f_Sacchan_Syrup_L70 p.threeline {
	color: #632100;
	padding: 12px 20px 5px 176px;
	line-height: 130%;
	text-align:center;
}

.f_Sacchan_Syrup_L70 p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}

/*------------------
さっちゃん＋シロップ（タテ）
------------------*/
.f_Sacchan_Syrup_S130 {
	background: url(../../images/devdiary/080605_fbg_Sacchan+Syrup_450_130.gif) top left no-repeat;
	height: 130px;
	width: 450px;

	margin: 0 0 15px 0;
}

.f_Sacchan_Syrup_S130 p.oneline {
	color: #632100;
	padding: 58px 10px 0 110px;
	text-align:center;
}

.f_Sacchan_Syrup_S130 p.twoline {
	color: #632100;
	padding: 48px 10px 10px 100px;
	text-align:center;
}

.f_Sacchan_Syrup_S130 p.threeline {
	color: #632100;
	padding: 42px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

.f_Sacchan_Syrup_S130 p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}


/*------------------
ジョン（通常）
------------------*/
.f_John_N {
	background: url(../../images/devdiary/080605_fbg_John_N_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_John_N p.oneline {
	color: #632100;
	padding: 28px 10px 18px 110px;
	text-align:center;
}

.f_John_N p.twoline {
	color: #632100;
	padding: 18px 10px 10px 110px;
	text-align:center;
}

.f_John_N p.threeline {
	color: #632100;
	padding: 12px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

.f_John_N p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}

/*------------------
ジョン（不機嫌）
------------------*/
.f_John_M {
	background: url(../../images/devdiary/080605_fbg_John_M_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_John_M p.oneline {
	color: #632100;
	padding: 28px 10px 18px 110px;
	text-align:center;
}

.f_John_M p.twoline {
	color: #632100;
	padding: 18px 10px 10px 110px;
	text-align:center;
}

.f_John_M p.threeline {
	color: #632100;
	padding: 12px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

.f_John_M p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}

/*------------------
ジョン（通常）4-5行
------------------*/
.f_John_N_5 {
	background: url(../../images/devdiary/080605_fbg_John_N_450_98.gif) top left no-repeat;
	height: 98px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_John_N_5 p.fourline {
	color: #632100;
	padding: 20px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

.f_John_N_5 p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}


/*------------------
ジョン（不機嫌）4-5行
------------------*/
.f_John_M_5 {
	background: url(../../images/devdiary/080605_fbg_John_M_450_98.gif) top left no-repeat;
	height: 98px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_John_M_5 p.fourline {
	color: #632100;
	padding: 20px 20px 5px 100px;
	line-height: 130%;
	text-align:center;
}

.f_John_M_5 p.f_name {
	color: #632100;
	padding: 0px 0px 0px 20px;
	text-align:left;
}

/*------------------------------------------------------------*/
/*フキダシ_ミニせりふ【右】*/
/*------------------------------------------------------------*/

/*------------------
万次郎（通常）
------------------*/
.f_Manjiro_r {
	background: url(../../images/devdiary/080605_fbg_Manjiro_r_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_Manjiro_r p.oneline {
	color: #632100;
	padding: 28px 100px 18px 20px;
	text-align:center;
}

.f_Manjiro_r p.twoline {
	color: #632100;
	padding: 18px 100px 10px 20px;
	text-align:center;
}

.f_Manjiro_r p.threeline {
	color: #632100;
	padding: 12px 100px 5px 20px;
	line-height: 130%;
	text-align:center;
}
.f_Manjiro_r p.f_name {
	color: #632100;
	padding: 0px 15px 0px 0px;
	text-align: right;
}

/*------------------
万次郎（覚醒中）
------------------*/
.f_Manjiro_S_r {
	background: url(../../images/devdiary/080605_fbg_Manjiro_S_r_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_Manjiro_S_r p.oneline {
	color: #632100;
	padding: 28px 100px 18px 20px;
	text-align:center;
}

.f_Manjiro_S_r p.twoline {
	color: #632100;
	padding: 18px 100px 10px 20px;
	text-align:center;
}

.f_Manjiro_S_r p.threeline {
	color: #632100;
	padding: 12px 100px 5px 20px;
	line-height: 130%;
	text-align:center;
}
.f_Manjiro_S_r p.f_name {
	color: #632100;
	padding: 0px 15px 0px 0px;
	text-align: right;
}

/*------------------
シロップくん
------------------*/
.f_Syrup_r {
	background: url(../../images/devdiary/080605_fbg_Syrup_r_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_Syrup_r p.oneline {
	color: #632100;
	padding: 28px 100px 18px 20px;
	text-align:center;
}

.f_Syrup_r p.twoline {
	color: #632100;
	padding: 18px 100px 10px 20px;
	text-align:center;
}

.f_Syrup_r p.threeline {
	color: #632100;
	padding: 12px 100px 5px 20px;
	line-height: 130%;
	text-align:center;
}
.f_Syrup_r p.f_name {
	color: #632100;
	padding: 0px 15px 0px 0px;
	text-align: right;
}

/*------------------
さっちゃん
------------------*/
.f_Sacchan_r {
	background: url(../../images/devdiary/080605_fbg_Sacchan_r_450_70.gif) top left no-repeat;
	height: 70px;
	width: 450px;
	margin: 0 0 15px 0;
}

.f_Sacchan_r p.oneline {
	color: #632100;
	padding: 28px 100px 18px 20px;
	text-align:center;
}

.f_Sacchan_r p.twoline {
	color: #632100;
	padding: 18px 100px 10px 20px;
	text-align:center;
}

.f_Sacchan_r p.threeline {
	color: #632100;
	padding: 12px 100px 5px 20px;
	line-height: 130%;
	text-align:center;
}
.f_Sacchan_r p.f_name {
	color: #632100;
	padding: 0px 15px 0px 0px;
	text-align: right;
}

/*------------------------------------------------------------*/
/*ふきだしスタイル　オレンジ【開発室メンバー用】
/*------------------------------------------------------------*/

table .f_staff {
	width: 450px;
	height: auto;
	margin: 5px 0 5px 0;
}

/*--------fukidashi_head--------*/
td .fhead_l {
	background: url(/images/devdiary/fukidashi_head_l.gif) repeat-y bottom right;
	width:103;
	height:35;
	margin: 0;
	padding: 0;
}
td .fhead_r {
	background: url(/images/devdiary/fukidashi_head_r.gif) repeat-y bottom left;
	width:347;
	height:35;
	margin: 0;
	padding: 0;
}


/*--------fukidashi_mid--------*/
td .fmid_l {
	background: url(/images/devdiary/fukidashi_mid_l.gif) repeat-y bottom right;
	width:103;
	height: auto;
	margin: 0;
	padding: 0;
}

td .fmid_r {
	background: url(/images/devdiary/fukidashi_mid_r.gif) repeat-y bottom left;
	width:347;
	height: auto;
	margin: 0;
	padding: 0;
}

td .fmid_r .fmid_r_txt {
	height: auto;
	margin: 0 2em 0 1em;
}

/*--------fukidashi_bottom--------*/

/*---さっちゃん---*/
td .fbottom_sacchan {
	background: url(/images/devdiary/fukidashi_bottom_sacchan.gif) no-repeat top right;
	width:103;
	height:140;
	margin: 0;
	padding: 0;
}

/*---ジョン---*/
td .fbottom_john {
	background: url(/images/devdiary/fukidashi_bottom_john.gif) no-repeat top right;
	width:103;
	height:140;
	margin: 0;
	padding: 0;
}

/*---万次郎---*/
td .fbottom_manjiro {
	background: url(/images/devdiary/fukidashi_bottom_manjiro.gif) no-repeat top right;
	width:103;
	height:140;
	margin: 0;
	padding: 0;
}

/*---万次郎（覚醒中）---*/
td .fbottom_manjiro_s {
	background: url(/images/devdiary/fukidashi_bottom_manjiro_s.gif) no-repeat top right;
	width:103;
	height:140;
	margin: 0;
	padding: 0;
}

/*---万次郎（覚醒中ニヤリ）---*/
td .fbottom_manjiro_sn {
	background: url(/images/devdiary/fukidashi_bottom_manjiro_sn.gif) no-repeat top right;
	width:103;
	height:140;
	margin: 0;
	padding: 0;
}

/*---シロップくん---*/
td .fbottom_syrup {
	background: url(/images/devdiary/fukidashi_bottom_syrup.gif) no-repeat top right;
	width:103;
	height:140;
	margin: 0;
	padding: 0;
}

td .fbottom_r {
	background: url(/images/devdiary/fukidashi_bottom_r.gif) no-repeat top left;
	width:347;
	height:140;
	margin: 0;
	padding: 0;
}

td .fbottom_r .fbottom_r_txt {
	margin: 0 0 0.5em 0;
}

/*--------fukidashi_txt--------*/
.fmid_r_txt p,
.fmid_r_txt li {
	font-size: 12px;
	line-height:140%;
	color: #660000;
	margin: 0;
}

.fbottom_r_txt p {
	font-size: 12px;
	line-height:140%;
	color: #F46C09;
	margin: 0;
}



/*------------------------------------------------------------*/
/*ふきだしスタイル　2008年8・9月北斗コスプレ【開発室メンバー用】
/*------------------------------------------------------------*/

div.f_staff_200809hokuto {
	width: 450px;
	height: auto;
	margin: 5px 0 5px 0;
}

/*---万次郎---*/
div.f_staff_200809hokuto div.f_head_manjiro {
	background: url(/images/devdiary/f_head_manjiro_200809hokuto.gif) no-repeat top right;
	width:450;
	height:200;
	margin: 0;
	padding: 0;
}

div.f_staff_200809hokuto div.f_mid {
	background: url(/images/devdiary/f_mid_200809hokuto.gif) repeat-y bottom left;
	width:450;
	height: auto;
	margin: 0;
	padding: 0;
}

div.f_staff_200809hokuto div.f_bottom {
	background: url(/images/devdiary/f_bottom_200809hokuto.gif) no-repeat top right;
	width:450;
	height:32;
	margin: 0;
	padding: 0;
}

div.f_staff_200809hokuto div.f_head_manjiro p,
div.f_staff_200809hokuto div.f_head_manjiro li,
div.f_staff_200809hokuto div.f_mid p,
div.f_staff_200809hokuto div.f_mid li {
	width:auto;
	font-size: 12px;
	line-height:140%;
	color: #660000;
	margin: 0;
}

div.f_staff_200809hokuto div.f_head_manjiro p,
div.f_staff_200809hokuto div.f_head_manjiro li {
	height:auto;
	padding: 31px 15px 0px 176px;
}

div.f_staff_200809hokuto div.f_mid p,
div.f_staff_200809hokuto div.f_mid li {
	height:auto;
	padding: 0px 15px 0px 176px;
	margin-top: -2px;
}

/*---シロップ君---*/
div.f_staff_200809hokuto div.f_head_syrup {
	background: url(/images/devdiary/f_head_syrup_200809hokuto.gif) no-repeat top right;
	width:450;
	height:200;
	margin: 0;
	padding: 0;
}

div.f_staff_200809hokuto div.f_mid {
	background: url(/images/devdiary/f_mid_200809hokuto.gif) repeat-y bottom left;
	width:450;
	height: auto;
	margin: 0;
	padding: 0;
}

div.f_staff_200809hokuto div.f_bottom {
	background: url(/images/devdiary/f_bottom_200809hokuto.gif) no-repeat top right;
	width:450;
	height:32;
	margin: 0;
	padding: 0;
}

div.f_staff_200809hokuto div.f_head_syrup p,
div.f_staff_200809hokuto div.f_head_syrup li,
div.f_staff_200809hokuto div.f_mid p,
div.f_staff_200809hokuto div.f_mid li {
	width:auto;
	font-size: 12px;
	line-height:140%;
	color: #660000;
	margin: 0;
}

div.f_staff_200809hokuto div.f_head_syrup p,
div.f_staff_200809hokuto div.f_head_syrup li {
	height:auto;
	padding: 31px 15px 0px 176px;
}

div.f_staff_200809hokuto div.f_mid p,
div.f_staff_200809hokuto div.f_mid li {
	height:auto;
	padding: 0px 15px 0px 176px;
	margin-top: -2px;
}

/*---さっちゃん---*/
div.f_staff_200809hokuto div.f_head_sacchan {
	background: url(/images/devdiary/f_head_sacchan_200809hokuto.gif) no-repeat top right;
	width:450;
	height:200;
	margin: 0;
	padding: 0;
}

div.f_staff_200809hokuto div.f_mid {
	background: url(/images/devdiary/f_mid_200809hokuto.gif) repeat-y bottom left;
	width:450;
	height: auto;
	margin: 0;
	padding: 0;
}

div.f_staff_200809hokuto div.f_bottom {
	background: url(/images/devdiary/f_bottom_200809hokuto.gif) no-repeat top right;
	width:450;
	height:32;
	margin: 0;
	padding: 0;
}

div.f_staff_200809hokuto div.f_head_sacchan p,
div.f_staff_200809hokuto div.f_head_sacchan li,
div.f_staff_200809hokuto div.f_mid p,
div.f_staff_200809hokuto div.f_mid li {
	width:auto;
	font-size: 12px;
	line-height:140%;
	color: #660000;
	margin: 0;
}

div.f_staff_200809hokuto div.f_head_sacchan p,
div.f_staff_200809hokuto div.f_head_sacchan li {
	height:auto;
	padding: 31px 15px 0px 176px;
}

div.f_staff_200809hokuto div.f_mid p,
div.f_staff_200809hokuto div.f_mid li {
	height:auto;
	padding: 0px 15px 0px 176px;
	margin-top: -2px;
}

/*---さっちゃん---*/
td .fbottom_sacchan {
	background: url(/images/devdiary/fukidashi_bottom_sacchan.gif) no-repeat top right;
	width:103;
	height:140;
	margin: 0;
	padding: 0;
}


td .fbottom_r {
	background: url(/images/devdiary/fukidashi_bottom_r.gif) no-repeat top left;
	width:347;
	height:140;
	margin: 0;
	padding: 0;
}

td .fbottom_r .fbottom_r_txt {
	margin: 0 0 0.5em 0;
}

/*--------fukidashi_txt--------*/
.fmid_r_txt p,
.fmid_r_txt li {
	font-size: 12px;
	line-height:140%;
	color: #660000;
	margin: 0;
}

.fbottom_r_txt p {
	font-size: 12px;
	line-height:140%;
	color: #F46C09;
	margin: 0;
}


/*------------------------------------------------------------*/
/*ふきだしスタイル　v3【開発室メンバー用】
/*------------------------------------------------------------*/

.f_bg {
position:relative;
/*left:0;*/
/*top:0;*/
width:450px;
height:auto;
}

.f_sacchan {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_sacchan.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_manjiro {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_manjiro.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_manjiro_s {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_manjiro_s.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_manjiro_s2 {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_manjiro_s2.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_john {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_john.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_syrup {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_syrup.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_nitama {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_nitama.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_aru {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_aru.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_character {
width:117px;
height:130px;
background:transparent;
position:absolute;
left:0;
bottom:0;
}

.f_kassino {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_kassino.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_kame {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_kame.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_chance {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_chance.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_komezo {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_komezo.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_pochi {
width:117px;
height:130px;
background:transparent url(/images/devdiary/f_pochi.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}

.f_comment {
background:#ffffff url(/images/devdiary/f_bg.gif) bottom left repeat-y;
/*margin:0px 12px 0px 116px;*/
margin:0px 3px 0px 106px;
padding:6px 20px 6px 20px;
color:#660000;
font-size:12px;
line-height:200%;
}

.f_head {
background:#ffffff url(/images/devdiary/f_head.gif) bottom left no-repeat;
height:14px;
font-size:0px;
line-height:0;
}

.f_foot {
background:#ffffff url(/images/devdiary/f_foot.gif) top left no-repeat;
height:30px;
font-size:0px;
line-height:0;
}

.f_sacchan2 {
width:117px;
height:170px;
background:transparent url(/images/devdiary/f_sacchan2.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}
.f_saya {
width:117px;
height:220px;
background:transparent url(/images/devdiary/f_saya.gif) bottom left no-repeat;
position:absolute;
left:0;
bottom:0;
}
/*-------------------------------------------------*/
/*アイテム告知用：さっちゃん
/*テーブルのborder:#FFA526
/*-------------------------------------------------*/

.f_sachan_i {
width:115px;
height:190px;
background:transparent url(/images/devdiary/f_sachan_i.gif) bottom left no-repeat;
position:absolute;
left:10px;
top:50px;
}

.f_comment_sachan_i {
background:#ffffff url(/images/devdiary/f_bg_sachan.gif) bottom left repeat-y;
/*margin:0px 12px 0px 116px;*/
margin:0px 00px 0px 0px;
padding:6px 25px 6px 140px;
color:#660000;
font-size:12px;
line-height:200%;
}

.f_head_sachan_i {
background:#ffffff url(/images/devdiary/f_head_sachan.gif) bottom left no-repeat;
height:25px;
}

.f_foot_sachan_i {
background:#ffffff url(/images/devdiary/f_foot_sachan.gif) top left no-repeat;
height:25px;
}



/*-------------------------------------------------*/
/*アイテム告知用：ポチ
/*テーブルのborder:#c9e8fe
/*-------------------------------------------------*/

.f_pochi_i {
width:115px;
height:150px;
background:url(/images/devdiary/f_pochi_i.gif) bottom left no-repeat;
position:absolute;
left:345px;
top:50px;
}

.f_comment_pochi_i {
background:#ffffff url(/images/devdiary/f_bg_pochi.gif) bottom left repeat-y;
/*margin:0px 12px 0px 116px;*/
margin:0px 3px 0px 0px;
padding:6px 30px 6px 35px;
color:#000066;
font-size:12px;
line-height:200%;
}

.f_head_pochi_i {
background:#ffffff url(/images/devdiary/f_head_pochi.gif) bottom left no-repeat;
height:25px;
}

.f_foot_pochi_i {
background:#ffffff url(/images/devdiary/f_foot_pochi.gif) top left no-repeat;
height:25px;
}







/*------------------------------------------------------------*/
/*ふきだしスタイル　v4【キャラ誰でもOKバージョン】
　※基本、キャラ画像は幅119px以内のGIFかJPEGで用意してください。
　　幅119px以上の画像でも問題はありませんが、画像の右が途切れます。
/*------------------------------------------------------------*/

.fukidashi_v4 {
width:460px;
height:auto;
position:relative;
margin:20px auto;
}

.fukidashi_v4 .f_img {
float:left;
width:119px;/*=460-341*/
height:auto;
margin:0;
padding:0;
z-index:1;
overflow:hidden;
}


/*
.fukidashi_v4 .f_img img {
max-width:119px;
overflow:hidden;
}
*/


/*
.fukidashi_v4 .f_img-aru {
background:url(/images/devdiary/f_aru.gif) bottom left no-repeat;
min-height:129px;
}
*/

.fukidashi_v4 .f_text {
float:left;
width:341px;
height:auto;
margin:0;
padding:0;
/*background:transparent url(/images/devdiary/f_bg.gif) bottom left repeat-y;*/
position:relative;
}

.fukidashi_v4 .f_message {
background:transparent url(/images/devdiary/f_bg.gif) bottom left repeat-y;
/*margin:9px 20px; /*6px 20px　でもOK*/
padding:9px 20px; /*6px 20px　でもOK*/
margin:0;
color:#660000;
font-size:12px;
line-height:200%;
}


.fukidashi_v4 .f_v4_kuchi {
background:transparent url(/images/devdiary/f_v4_kuchi.gif) bottom left no-repeat;
width:23px;
height:18px;
position:absolute;
/*top:22px;*/
top:27px;
/*top:49px;*/
/*bottom:56px;*/
left:-17px;
z-index:2;
}

.fukidashi_v4 .f_v4_kuchi_right {
background:transparent url(/images/devdiary/f_v4_kuchi_right.gif) bottom right no-repeat;
width:23px;
height:18px;
position:absolute;
/*top:22px;*/
top:27px;
/*top:49px;*/
/*bottom:56px;*/
left:335px;
z-index:2;
}


.fukidashi_v4 .f_v4_head {
background:transparent url(/images/devdiary/f_v4_head.gif) bottom left no-repeat;
height:11px;
font-size:0px;
line-height:0;
margin:0;
}

.fukidashi_v4 .f_v4_foot {
background:transparent url(/images/devdiary/f_v4_foot.gif) top left no-repeat;
height:11px;
font-size:0px;
line-height:0;
margin:0 0 10px 0;
}




/*------------------------------------------------------------*/
/*ふきだしスタイル　v5　キャラが下【キャラ誰でもOKバージョン】
　※基本、キャラ画像は幅119px以内の背景透過GIF（マット白またはマット無し）を用意してください。
　　幅119px以上の画像でも問題はありませんが、画像の右が途切れます。
/*------------------------------------------------------------*/

.fukidashi_v5 {
width:460px;
height:auto;
position:relative;
margin:20px auto 0px auto;/* margin-bottom = 20+(-28)なんだけどあえて0 */
}

.fukidashi_v5 .f_img {
/*width:119px;/*=460-341*/
width:119px;
height:auto;
/*margin:0;*/
padding:0;
z-index:1;
overflow:hidden;
position:relative;
top:-28px
}

.fukidashi_v5.chara_right .f_img {
left:170px;
}

.fukidashi_v5.chara_left .f_img {
left:-170px;
}


.fukidashi_v5 .f_text {
width:460px;
height:auto;
margin:0;
padding:0;

}

.fukidashi_v5 .f_message {
background:transparent url(/images/devdiary/f_bg_w460.gif) bottom left repeat-y;
/*margin:9px 20px; /*6px 20px　でもOK*/
padding:9px 20px; /*6px 20px　でもOK*/
margin:0;
/*color:#660000;*/
color:#303030;
font-size:12px;
line-height:200%;
text-align:left;
}


.fukidashi_v5.chara_right .f_v5_foot .f_v5_kuchi {
background:transparent url(/images/devdiary/f_v5_kuchi_right.gif) bottom left no-repeat;
width:18px;
height:23px;
position:relative;
/*top:22px;*/
top:5px;
/*top:49px;*/
/*bottom:56px;*/
left:100px;
z-index:2;
}


.fukidashi_v5.chara_left .f_v5_foot .f_v5_kuchi {
background:transparent url(/images/devdiary/f_v5_kuchi_left.gif) bottom left no-repeat;
width:18px;
height:23px;
position:relative;
/*top:22px;*/
top:5px;
/*top:49px;*/
/*bottom:56px;*/
left:-100px;
z-index:2;
}



.fukidashi_v5 .f_v5_head {
background:transparent url(/images/devdiary/f_v5_head.gif) bottom left no-repeat;
height:11px;
font-size:0px;
line-height:0;
margin:0;
}

.fukidashi_v5 .f_v5_foot {
background:transparent url(/images/devdiary/f_v5_foot.gif) top left no-repeat;
/*height:11px;*/
font-size:0px;
line-height:0;
margin:0;
}



/*------------------------------------------------------------*/
/*ふきだしスタイル　キャラ上　v6　キャラが下【キャラ誰でもOKバージョン】
　※基本、キャラ画像は幅119px以内の背景透過GIF（マット白またはマット無し）を用意してください。
　　幅119px以上の画像でも問題はありませんが、画像の右が途切れます。
/*------------------------------------------------------------*/
/*--20121022 moritomo--*/


.fukidashi_v6 {
width:460px;
height:auto;
position:relative;
margin:20px auto 0px auto;/* margin-bottom = 20+(-28)なんだけどあえて0 */
}

.fukidashi_v6 .f_img {
/*width:119px;/*=460-341*/
width:119px;
height:auto;
/*margin:0;*/
padding:0;
z-index:1;
overflow:hidden;
position:relative;
top:15px
}


.fukidashi_v6 .f_text {
width:460px;
height:auto;
margin:0;
padding:0;

}

.fukidashi_v6 .f_message {
background:transparent url(/images/devdiary/f_bg_w460.gif) bottom left repeat-y;
/*margin:9px 20px; /*6px 20px　でもOK*/
padding:9px 20px; /*6px 20px　でもOK*/
margin:0;
/*color:#660000;*/
color:#303030;
font-size:12px;
line-height:200%;
text-align:left;
}




.fukidashi_v6 .f_v6_head {
background:transparent url(/images/devdiary/f_v5_head.gif) bottom left no-repeat;
/*height:11px;*/
font-size:0px;
line-height:0;
margin:0;
}

.fukidashi_v6 .f_v6_foot {
background:transparent url(/images/devdiary/f_v5_foot.gif) top left no-repeat;
height:11px;
font-size:0px;
line-height:0;
margin:0;
}


.fukidashi_v6.chara_topright .f_img {
left:170px;
}

.fukidashi_v6.chara_topleft .f_img {
left:-170px;
}



.fukidashi_v6.chara_topright .f_v6_head .f_v6_kuchi {
background:transparent url(/images/777news/common/f_v6_kuchi_topright.gif) bottom left no-repeat;
width:18px;
height:23px;
position:relative;
/*top:22px;*/
top:-5px;
/*top:49px;*/
/*bottom:56px;*/
left:100px;
z-index:2;
}


.fukidashi_v6.chara_topleft .f_v6_head .f_v6_kuchi {
background:transparent url(/images/777news/common/f_v6_kuchi_topleft.gif) bottom left no-repeat;
width:18px;
height:23px;
position:relative;
/*top:22px;*/
top:-5px;
/*top:49px;*/
/*bottom:56px;*/
left:-100px;
z-index:2;
}


/* fukidashi_v7 共通 */
.fukidashi_v7 {
 display:inline-block;
 position: relative;
 padding:1em;
 border:1px solid #eaa33d;
 border-radius:5px;
 background: #ffedb2;
}
.fukidashi_v7:after, .fukidashi_v7:before {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
/* 右 */
.fukidashi_v7-right1 {
	left: 100%;
 	top: 30px;
	position: absolute;
    width: 0;
    height: 0;
    border-width: 12px 12px 0px 0px;
    border-style: solid;
    border-color: #eaa33d transparent transparent transparent;
    margin-top: -1px;
}
.fukidashi_v7-right2 {
	left: 100%;
 	top: 30px;
	position: absolute;
    width: 0;
    height: 0;
    border-width: 10px 10px 0px 0px;
    border-style: solid;
    border-color: #ffedb2 transparent transparent transparent;
}
/* 左 */
.fukidashi_v7-left1 {
	right: 100%;
 	top: 30px;
	position: absolute;
    width: 0;
    height: 0;
    border-width: 12px 0px 0px 12px;
    border-style: solid;
    border-color: #eaa33d transparent transparent transparent;
    margin-top: -1px;
}
.fukidashi_v7-left2 {
	right: 100%;
 	top: 30px;
	position: absolute;
    width: 0;
    height: 0;
    border-width: 10px 0px 0px 10px;
    border-style: solid;
    border-color: #ffedb2 transparent transparent transparent;
}






/*********************** fukidashi_v8 共通 ***********************/
/*20180820*/

.fukidashi_v8 {
width:700px;
height:auto;
position:relative;
margin:20px auto;
}

.fukidashi_v8 .f_img {
float:left;
width:160px;
height:auto;
padding:0;
margin-left:-20px;
z-index:1;
overflow:hidden;
}


.fukidashi_v8 .f_text {
float:left;
width:460px;
height:auto;
margin:0;
padding:0;
position:relative;
}

.fukidashi_v8 .f_message {
background:transparent url(/images/devdiary/f_bg_w460.gif) bottom left repeat-y;
padding:9px 20px;
margin:0;
color:#660000;
font-size:12px;
line-height:200%;
}


.fukidashi_v8 .f_v8_kuchi {
background:transparent url(/images/devdiary/f_v4_kuchi.gif) bottom left no-repeat;
width:23px;
height:18px;
position:absolute;
top:27px;
left:-17px;
z-index:2;
}

.fukidashi_v8 .f_v8_kuchi_right {
background:transparent url(/images/devdiary/f_v4_kuchi_right.gif) bottom right no-repeat;
width:23px;
height:18px;
position:absolute;
top:27px;
left:454px;
z-index:2;
}


.fukidashi_v8 .f_v8_head {
background:transparent url(/images/devdiary/f_v5_head.gif) bottom left no-repeat;
height:11px;
font-size:0px;
line-height:0;
margin:0;
}

.fukidashi_v8 .f_v8_foot {
background:transparent url(/images/devdiary/f_v5_foot.gif) top left no-repeat;
height:11px;
font-size:0px;
line-height:0;
margin:0 0 10px 0;
}
/*********************** fukidashi_v8 共通　ここまで ***********************/