@charset "utf-8";

/* ==================================================================
	Site Name: ハローローン
	Version: 0.1

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS	
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品	
	modules.css		個別指定用CSS	
	print.css		印刷用CSS
	
	* 細かくなりそうな場合は別にCSSを作成
	
   ■CSS適用箇所
   　ケータイ小説
	
=================================================================== */


/* --------------------------------
   ◇ title
-------------------------------- */

#mobile #main h2.mobile_h2{
	text-align:left;
	margin:-8px 0 6px 11px;
	position:relative;
}

#mobile #main p.text{
	margin:0 0 25px 24px;
}

#mobile #main p.img{
	margin:0 0 0 20px;
}

#mobile #main p#img2{
	margin:-32px 0 10px 20px;
	position:relative;
}


/* --------------------------------
   ◇ box
-------------------------------- */

#mobile #main .section{
	text-align:left;
	width:497px;
}

/* --------------------------------
   ◇ frame
-------------------------------- */
#mobile #main div.frame-body{
	background-image:url(../../images/novel/frame-body.gif);
	padding:3px 16px 0 16px;
	width:517px;

}

html > #mobile #main div.frame-body{
	width:485px;

}

#mobile #main .frame-footer{
	background-image:url(../../images/novel/frame-footer.gif);
	height:25px;
}

#mobile #main .blue-header,
#mobile #main .blue-body,
#mobile #main .blue-footer{
	width:497px;
}

#mobile #main .blue-body{
	background-color:#DCEEED;
	padding:13px 8px;
}

#mobile #main .blue-body p{
	margin:0;
}

html > #mobile #main .blue-body{
	width:481px;
}

#mobile #main .blue-header{
	background:url(../../images/novel/blue-header.gif) 0 0 no-repeat;
	height:8px;
}

#mobile #main .blue-footer{
	background:url(../../images/novel/blue-footer.gif) 0 0 no-repeat;
	height:9px;
	margin-bottom:3px;
}

/* -------------------------------
   ◇ keitai-box
-------------------------------- */
#mobile #main #keitai-box h4{
	font-size:114%;
	margin-bottom:8px;
}

#mobile #main #keitai-box h4 span{
	color:#358E02;
}

#mobile #main #keitai-box .contents{
	margin-bottom:29px;
}

#mobile #main #keitai-box p{
	margin-bottom:0;
}

#mobile #main #keitai-box p a{
	color:#000000;
	font-weight:700;
	text-decoration:none;
}
#mobile #main #keitai-box p a:hover{
	text-decoration:underline;
}

#mobile #main #keitai-box #qr-box .sub-contents,
#mobile #main #keitai-box #qr-box p.image{
	float:left;
	display:inline;
}

#mobile #main #keitai-box #qr-box .sub-contents{
	margin-top:9px;
}
#mobile #main #keitai-box #qr-box p.image{
	margin-left:25px;
}