@charset "UTF-8";
/*====================================================================
INFORMATION
	file name	:	contents.css
	style info	:	iPhone＆Androidアプリ活用術 スマートフォンで賢い住まい探し！ページ
	written by monsterdive inc.

このスタイルシートの構成
	001::	基本設定:
	101::	#smartAppHeader
	102::	#introBody
	103::	#smartAppFooter
=================================================================== */
/* -----------------------------------------------------------
	001::	基本設定
----------------------------------------------------------- */
body #contents { font-size: 13px; *font-size: small; *font: x-small; line-height: 1.5; }
body #contents h1, body #contents h1 a { margin: 0 0 18px; background-image: url(../img/img_header.gif); background-repeat: no-repeat; display: block; }
body #contents h1#introTop a { width: 920px; height: 241px; background-position: 0 0; overflow: hidden; }
body #contents h1#introContents a { width: 920px; height: 121px; background-position: 0 -241px; overflow: hidden; }

body #contents p { margin-bottom: 1em; }
#contents .mb0 { margin-bottom: 0!important;}
#contents .mr0 { margin-right: 0!important;}
#contents .mT10 { margin-top: 10px!important;}

#contents ul.download { width:585px; margin:30px auto 0; clear:both; }
#contents .download li { float:left; }
#contents .linkAndroLib,#contents .linkitunes { font-size: 85%; text-align: center; }
#contents .linkitunes a { text-indent: -99999px; width: 286px; margin: 0 10px 0 0;  height: 44px; background-image: url(../img/btn_itunes.png); background-repeat: no-repeat; background-position: 0 0; display: block; }
#contents .linkitunes a:hover { background-position: 0 -44px; }
#contents .linkAndroLib a { text-indent: -99999px; width: 288px; margin: 0 auto;  height: 44px; background-image: url(../img/btn_androMarket.png); background-repeat: no-repeat; background-position: 0 -2px; display: block; }
#contents .linkAndroLib a:hover { background-position: 0 -49px; }

#contents .linkTwitter, #contents .linkFacebook { font-size: 85%; text-align: center; width:288px; margin: 30px 0 0; }
#contents .linkTwitter a { text-indent: -99999px; width: 288px; margin: 0 auto;  height: 47px; background-image: url(../img/btn_twitter.gif); background-repeat: no-repeat; background-position: 0 0; display: block; }
#contents .linkTwitter a:hover { background-position: 0 -47px; }
#contents .linkFacebook a { text-indent: -99999px; width: 288px; margin: 0 auto;  height: 47px; background-image: url(../img/btn_facebook.gif); background-repeat: no-repeat; background-position: 0 0; display: block; }
#contents .linkFacebook a:hover { background-position: 0 -47px; }
#introBody .chapterModule2 ul.cFix { margin:0 auto; }
#contents li.linkTwitter, #contents li.linkFacebook { float:left; margin:30px; }

.hideTxt { text-indent: -99999px; display: block; }
.imgL { float: left; margin: 0 18px 15px 0; }
.imgR { float: right; margin: 0 0 15px 18px; }

hr.divider { display:none; }





/* -----------------------------------------------------------
	101::	dl.introNavi
----------------------------------------------------------- */
dl.introNavi { margin: 0 0 12px; }
dl.introNavi dt { display: none; }
.introNavi li, .introNavi li a { text-indent: -99999px; height: 61px; background-image: url(../img/bg_introNavi.gif); background-repeat: no-repeat; display: block; float: left; }
.introNavi li a { overflow: hidden; }
.introNavi li.page01, .introNavi li.page01 a { width: 107px; background-position: 0 0; }
	.introNavi li.page01 a:hover, .introNavi li.page01 a.current { width: 107px; background-position: 0 -61px; }
.introNavi li.page02, .introNavi li.page02 a { width: 407px; background-position: -107px 0; }
	.introNavi li.page02 a:hover, .introNavi li.page02 a.current { width: 407px; background-position: -107px -61px; }
.introNavi li.page03, .introNavi li.page03 a { width: 406px; background-position: -514px 0; }
	.introNavi li.page03 a:hover, .introNavi li.page03 a.current { width: 406px; background-position: -514px -61px; }



/* -----------------------------------------------------------
	102::	#introBody
----------------------------------------------------------- */
#introBody {}
#introBody h2 { text-indent: -99999px; width: 920px; margin: 0; padding: 0; background-image: url(../img/ttl.gif); background-repeat: no-repeat; z-index: 100; }
	#introBody h2#section01 { height:120px; background-position: 0 0; }
	#introBody h2#section02 { height:120px; background-position: 0 -120px; }
	#introBody h2#section03 { height:70px; background-position: 0 -240px; }
	#introBody h2#section04 { height:120px; background-position: 0 -310px; }
	#introBody h2#section05 { height:120px; background-position: 0 -430px; }
#introBody .chapterModule { margin: 0 0 35px; padding: 18px 33px 40px; background: url(../img/bg_chapter.gif) left bottom no-repeat; z-index:1; }
#introBody .chapterModule2 { margin: 0; padding: 18px 33px 40px; background: url(../img/bg_chapter_2.gif) left bottom no-repeat; z-index:1; }

#introBody .main { margin: 0 0 30px; }

#introBody .chapterModule h3 { color: #f60; font-size: 123.1%; font-weight: bold; margin: 0 0 20px; }
#introBody .chapterModule .mainTxt { width: 585px; float: right; }
#introBody .chapterModule .mainTxtL { width: 550px; float: left; }

#introBody .captureModule { background: url(../img/bg_captureModule.gif) left top no-repeat; padding: 65px 0 0; }
#introBody .captureModule .section { background: url(../img/bg_capSec.gif) left bottom no-repeat; margin: 0 0 25px; padding: 0 0 18px; }
#introBody .captureModule .secTxt { width: 640px; float: right; }
#introBody .captureModule h3, #introBody .capGroup h3 { color: #f60; font-size: 123.1%; font-weight: bold; margin: 0 0 20px; padding: 0 0 0 28px; background: url(../img/icon_suumo.gif) left center no-repeat; }

#introBody .capGroup li { width: 194px; display: inline; float: left; margin: 20px 22px 0 0; }
	#introBody .capGroup li.lastChild { margin-right: 0!important; }
#introBody .capGroup img { margin: 0 0 8px; dispaly: block; }
#introBody .capGroup h3 { margin: 0 0 8px; }
#introBody .capGroup span { font-size: 85%; line-height: 1.3; display: block; }


#introBody .secTxt h4 { color: #f60; font-size: 108%; font-weight: bold; margin: 0 0 12px; padding: 0 0 0 28px; }
	#introBody .secTxt h4.no1 { background: url(../img/icon_no1.gif) left center no-repeat; }
	#introBody .secTxt h4.no2 { background: url(../img/icon_no2.gif) left center no-repeat; }
	#introBody .secTxt h4.no3 { background: url(../img/icon_no3.gif) left center no-repeat; }
	#introBody .secTxt h4.no4 { background: url(../img/icon_no4.gif) left center no-repeat; }
#introBody .secTxt p { margin: 0 0 2em; }



#introBody .linkTxt { font-weight: bold; }
#introBody .linkTxt .next a { float: right; padding: 0 20px 0 0; background: url(../img/icon_next.gif) right center no-repeat; display: block; }
	#introBody .linkTxt .next a:hover { background: url(../img/icon_next_cr.gif) right center no-repeat; }
#introBody .linkTxt .prev a { float: left; padding: 0 0 0 20px; background: url(../img/icon_prev.gif) left center no-repeat; display: block; }
	#introBody .linkTxt .prev a:hover { background: url(../img/icon_prev_cr.gif) left center no-repeat; }



#introBody h3#suumoTwitter { text-indent: -99999px; width: 711px; height: 46px; margin: 0 0 12px; background: url(../img/ttl_suumoTwitter.gif) left top no-repeat; display: block; }
#introBody h3#suumoHotpepper { text-indent: -99999px; width: 609px; height: 56px; margin: 0 0 12px; background: url(../img/ttl_suumoHotpepper.gif) left top no-repeat; display: block; }