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

このスタイルシートの構成
	001::	基本設定:
	101::	#smartAppHeader
	102::	#smartAppBody
	103::	#smartAppFooter
=================================================================== */
/* -----------------------------------------------------------
	001::	基本設定
----------------------------------------------------------- */
body #contents { font-size: 13px; *font-size: small; *font: x-small; line-height: 1.4; }
body #contents p { margin-bottom: 1em; }
#contents .hide { display: none;}
#contents .mb0 { margin-bottom: 0!important;}
#contents .mr0 { margin-right: 0!important;}
#contents .linkTxt { text-align: right; }
	#contents .linkTxt a { mi-height: 11px; padding-left: 16px; background: url(/edit/smart_app/img/icon_linkTxt.gif) left center no-repeat; }
	#contents .linkTxt a:hover, #contents .linkTxt a:active { padding-left: 16px; background: url(/edit/smart_app/img/icon_linkTxt_cr.gif) left center no-repeat; }
#contents .itunesLink a, #contents .androidLink a { text-indent: -9999px; width: 286px; height: 44px; margin: 0 auto; background-image: url(/edit/smart_app/img/btn_link.gif); background-repeat: no-repeat; display: block; overflow: hidden; }
#contents .itunesLink a { background-position: 0 0; }
#contents .itunesLink a:hover { background-position: 0 -44px; }
#contents .androidLink a { background-position: -286px 0; }
#contents .androidLink a:hover { background-position: -286px -44px; }

hr.divider { display:none; }


.b {
	border: 0 none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
}

.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

.offLeft				{ text-indent: -9999px; overflow: hidden; }

.b						{ background: url(/edit/smart_app/img/btn_link.gif) no-repeat; }
.s						{ background: url(/edit/smart_app/img/ttl_gadget_full.gif) no-repeat; }

/* btn */
.windowsZuneLink		{ background-position: 0 -88px; width: 271px; height: 44px; }
.windowsZuneLink:hover,
.windowsZuneLink:active	{ background-position: 0 -132px; }

.windowsSuumoApLink		{ background-position: -271px -88px; width: 271px; height: 44px; }
.windowsSuumoApLink:hover,
.windowsSuumoApLink:active	{ background-position: -271px -132px; }

/* icon */
.icWindowsSuumo			{ background: url(/edit/smart_app/img/img_windowsphone.gif) no-repeat 0 0; height: 64px;  }
/* title */
.h4WindowsPhone			{ background-position: 0 -135px; width: 871px; height: 45px; }
.h5WindowsPhoneSS		{ background: url(/edit/smart_app/img/ttl_iphoneSUUMO.gif) no-repeat; width: 839px; height: 38px; }

/* style */
body #contents p.mB0	{ margin-bottom: 0px; }

.w562	{ width: 562px; }
.w743	{ width: 743px; }

.mT15	{ margin-top: 15px; }
.mT19	{ margin-top: 19px; }
.mT22	{ margin-top: 22px; }
.mT30	{ margin-top: 30px; }
.mT35	{ margin-top: 35px; }

.mL20	{ margin-left: 20px; }
.mR40	{ margin-right: 40px; }

.pB20	{ padding-bottom: 20px; }

.pT15	{ padding-top: 15px; }
.pT20	{ padding-top: 20px; }
.pT22	{ padding-top: 22px; }
.pL74	{ padding-left: 74px; }

.pH15	{ padding-left: 15px; padding-right: 15px; }
.mHA	{ margin-right: auto; margin-left: auto; }

.fs12	{ font-size: 12px; }
.fs14	{ font-size: 14px; }
.bld	{ font-weight: bold; }

.fr		{ float: right; }
.fl		{ float: left; }

/* border */
.bdGrayL	{ border-left: 1px solid #CCCCCC; }
.bdGrayR	{ border-right: 1px solid #CCCCCC; }
.bdGrayB	{ border-bottom: 1px solid #CCCCCC; }

/* -----------------------------------------------------------
	101::	#smartAppHeader
----------------------------------------------------------- */
#smartAppHeader { margin: 0 0 25px; }
#smartAppHeader #topLead { font-size: 108%; line-height: 1.5; margin-top: 10px; padding: 16px; background-color: #fefed1; }

#smartAppHeader dl.cNavi { margin-top:20px; }
dl#cNavi dt { display: none; }
#cNavi li, #cNavi li a { text-indent: -9999px; width: 228px; height: 60px; float: left; background-image: url(/edit/smart_app/img/btn_cNavi.gif); background-repeat: no-repeat; display: block; }
#cNavi li#tab01, #cNavi li#tab01 a { padding-right: 1px; background-position: 0 0;}
	#cNavi li#tab01 a:hover, #cNavi li#tab01 a.current { background-position: 0 -60px;}
#cNavi li#tab02, #cNavi li#tab02 a { padding-right: 1px; background-position: -230px 0;}
	#cNavi li#tab02 a:hover, #cNavi li#tab02 a.current { background-position: -230px -60px;}
#cNavi li#tab03, #cNavi li#tab03 a { padding-right: 1px; background-position: -461px 0;}
	#cNavi li#tab03 a:hover, #cNavi li#tab03 a.current { background-position: -461px -60px;}
#cNavi li#tab04, #cNavi li#tab04 a { background-position: -692px 0;}
	#cNavi li#tab04 a:hover, #cNavi li#tab04 a.current { background-position: -692px -60px;}
	
dl#cNaviF dt { display: none; }
#cNaviF li, #cNaviF li a { text-indent: -9999px; width: 228px; height: 60px; float: left; background-image: url(/edit/smart_app/img/btn_cNavi.gif); background-repeat: no-repeat; display: block; }
#cNaviF li#tabF01, #cNaviF li#tabF01 a { padding-right: 1px; background-position: 0 0;}
	#cNaviF li#tabF01 a:hover, #cNaviF li#tabF01 a.current { background-position: 0 -60px;}
#cNaviF li#tabF02, #cNaviF li#tabF02 a { padding-right: 1px; background-position: -230px 0;}
	#cNaviF li#tabF02 a:hover, #cNaviF li#tabF02 a.current { background-position: -230px -60px;}
#cNaviF li#tabF03, #cNaviF li#tabF03 a { padding-right: 1px; background-position: -461px 0;}
	#cNaviF li#tabF03 a:hover, #cNaviF li#tabF03 a.current { background-position: -461px -60px;}
#cNaviF li#tabF04, #cNaviF li#tabF04 a { background-position: -692px 0;}
	#cNaviF li#tabF04 a:hover, #cNaviF li#tabF04 a.current { background-position: -692px -60px;}



/* -----------------------------------------------------------
	102::	#smartAppBody
----------------------------------------------------------- */
#smartAppBody {}
#smartAppBody h2 { text-indent: -9999px; width: 920px; height:94px; margin: 0; padding: 0; background-image: url(/edit/smart_app/img/ttl.gif); background-repeat: no-repeat; z-index: 100; }
	#smartAppBody h2#menu01 { background-position: 0 0; }
	#smartAppBody h2#menu02 { background-position: 0 -94px; }
	#smartAppBody h2#menu03 { background-position: 0 -188px; }
	#smartAppBody h2#menu04 { background-position: 0 -282px; }
#smartAppBody .chapterModule { margin: 0 0 50px; padding: 0 20px 40px 23px; background: url(/edit/smart_app/img/bg_chapter.gif) left bottom no-repeat; z-index:1; }
#smartAppBody .chapterModule h3.chapterTtl { color: #f60; font-size: 123.1%; font-weight: bold; width: 500px; margin-top: -10px; }
#smartAppBody .chapterModule h3.appGenre { font-size: 123.1%; font-weight: bold; margin: 0 0 10px; padding: 3px 0 3px 8px; border-left: 12px solid #2c8f12; border-bottom: 1px solid #2c8f12; }
#smartAppBody .chapterModule .lead { font-size: 100%; margin: 0 0 35px; }
#smartAppBody .chapterModule .lead span { color: #999; font-size: 93%; margin: 10px 0 0; display: block; }

#smartAppBody .chapterModule .fullModule { width: 871px; }
#smartAppBody .chapterModule .halfModule { width: 425px; }
#smartAppBody .chapterModule .left { float: left; }
#smartAppBody .chapterModule .right { float: right; }
#smartAppBody .chapterModule .bdrBox { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
#smartAppBody .chapterModule .appList .fullModule h4 { text-indent: -9999px; height: 45px; margin: 0; padding: 0; background-image: url(/edit/smart_app/img/ttl_gadget_full.gif); background-repeat: no-repeat; display: block; }
	#smartAppBody .chapterModule .appList .fullModule h4.iphone { background-position: 0 0; }
	#smartAppBody .chapterModule .appList .fullModule h4.android { background-position: 0 -45px; }
	#smartAppBody .chapterModule .appList .fullModule h4.ipad { background-position: 0 -90px; }
#smartAppBody .chapterModule .appList .halfModule h4 { text-indent: -9999px; width: 425px; height: 45px; margin: 0; padding: 0; background-image: url(/edit/smart_app/img/ttl_gadget.gif); background-repeat: no-repeat; display: block; }
	#smartAppBody .chapterModule .appList .halfModule h4.iphone { background-position: 0 0; }
	#smartAppBody .chapterModule .appList .halfModule h4.android { background-position: 0 -45px; }
	#smartAppBody .chapterModule .appList .halfModule h4.ipad { background-position: 0 -90px; }

.appList { margin: 0 0 30px; }
.appList .article { margin: 0 0 30px; padding: 0 15px 10px; }
.appList .fullModule .article { margin: 0 0 30px; padding: 15px 15px 0; }
.appList .article .imageBox { margin: 0 15px 15px 0; float: left; }
.appList .article .imageBox img { margin: 0 0 7px; display: block; }
.appList .article .imageBox span { font-size: 85%; }
.appList .article h5 { font-size: 100%; margin: 0; }
.appList dl.appDetail {}
.appList dl.appDetail.suumo { width: 310px; float: right; }
.appList dl.appDetail dt { color: #333; font-size: 108%; font-weight: bold; }
.appList dl.appDetail dt span { color: #333; font-size: 85%; font-weight: normal; margin-left: 20px; }
.appList dl.appDetail#suumoApp { width: 564px; float: right;}
.appList dl.appDetail#suumoApp dt { height: 64px; padding: 20px 0 0 75px; background: url(/edit/smart_app/img/img_iphone.gif) left top no-repeat;}
.appList dl.appDetail#suumoApp2 { width: 524px; float: right;}
.appList dl.appDetail#suumoApp dd, .appList dl.appDetail#suumoApp dd *, .appList dl.appDetail#suumoApp p, .appList dl.appDetail#suumoApp2 dd, .appList dl.appDetail#suumoApp2 dd *, .appList dl.appDetail#suumoApp2 p { font-size: 100%; }
.appList dl.appDetail#suumoApp dd p { margin: 0 0 30px; }
.appList dl.appDetail dd, .appList dl.appDetail dd *, .appList dl.appDetail p { font-size: 93%; }
.appList .appDetailExtra { margin-top: 10px; clear: both; }
.appList p.note { color: #666; font-size: 85%!important; }

.appDetailExtra h5#iPhoneSUUMO { text-indent: -9999px; width: 839px; height: 39px; margin: 0 0 20px; background: url(/edit/smart_app/img/ttl_iphoneSUUMO.gif) left top no-repeat; display: block; }
.appDetailExtra ul#iPhoneSS li { font-size: 85%; width: 200px; margin: 0 13px 15px 0; float: left; display: inline;  }
.appDetailExtra ul#iPhoneSS li img { margin-bottom: 7px; display: block; }
.appDetailExtra ul#sekaicameraSS { padding: 0 11px; }
.appDetailExtra ul#sekaicameraSS li { font-size: 85%; width: 405px; margin: 0 7px 15px 0; float: left; display: inline;  }
.appDetailExtra ul#sekaicameraSS li img { margin-bottom: 7px; display: block; }



/* -----------------------------------------------------------
	103::	#smartAppFooter
----------------------------------------------------------- */
#smartAppFooter {}
#smartAppFooter p.txt01 a { text-indent: -9999px; width: 611px; height: 60px; background-image: url(/edit/smart_app/img/btn_prev.gif); background-repeat: no-repeat; background-position: 0 0; display: block; }
	#smartAppFooter p.txt01 a:hover { background-position: 0 -60px; }
#smartAppFooter p.txt02 a { text-indent: -9999px; width: 859px; height: 60px; background-image: url(/edit/smart_app/img/btn_next.gif); background-repeat: no-repeat; background-position: 0 0; display: block; }
	#smartAppFooter p.txt02 a:hover { background-position: 0 -60px; }

#smartAppFooter dl.cNavi { margin-top:0; }
dl.cNavi dt { display: none; }
.cNavi li, .cNavi li a { text-indent: -9999px; width: 228px; height: 60px; float: left; background-image: url(/edit/smart_app/img/btn_cNavi.gif); background-repeat: no-repeat; display: block; }
.cNavi a { overflow: hidden; }
.cNavi li.tab01, .cNavi li.tab01 a { padding-right: 2px; background-position: 0 0;}
	.cNavi li.tab01 a:hover, .cNavi li.tab01 a.current { background-position: 0 -60px;}
.cNavi li.tab02, .cNavi li.tab02 a { padding-right: 3px; background-position: -230px 0;}
	.cNavi li.tab02 a:hover, .cNavi li.tab02 a.current { background-position: -230px -60px;}
.cNavi li.tab03, .cNavi li.tab03 a { padding-right: 3px; background-position: -461px 0;}
	.cNavi li.tab03 a:hover, .cNavi li.tab03 a.current { background-position: -461px -60px;}
.cNavi li.tab04, .cNavi li.tab04 a { background-position: -692px 0;}
	.cNavi li.tab04 a:hover, .cNavi li.tab04 a.current { background-position: -692px -60px;}

#smartAppFooter p.contentscredit { color: #666; font-size: 85%; margin: 15px 0; }