@charset "shift_jis";

/* -----------------------------------------------------------------------------
**
** アパマンショップ cm CSS
**
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
** siteContents 大枠CSS
----------------------------------------------------------------------------- */

/* h2CmBlock01
各CMタイトル
*/
div#siteContents div#contentsBlock div#contents div.h2CmBlock01 {
	background: url(/images/cm/bg_h2_01.gif) no-repeat left top;
	padding: 5px 0;
	margin-bottom: 2px;
	}
div#siteContents div#contentsBlock div#contents div.h2CmBlock01 h2 {
	margin: 0;
	padding: 0 0 2px 0;
	background: url(/images/cm/bg_h2_01.gif) no-repeat left bottom;
	}
div#siteContents div#contentsBlock div#contents div.h2CmBlock01 h2 span {
	background: url(/images/cm/icon_h2_01.gif) no-repeat left top;
	color: #0099cc;
	font-size: 116%;
	padding-left: 20px;
	margin-bottom: 10px;
	}
div#siteContents div#contentsBlock div#contents div.h2CmBlock02 {
	background: url(/images/cm/bg_h2_02.gif) no-repeat left top;
	padding: 5px 0;
	margin-bottom: 2px;
	}
div#siteContents div#contentsBlock div#contents div.h2CmBlock02 h2 {
	margin: 0;
	padding: 0 0 2px 0;
	background: url(/images/cm/bg_h2_02.gif) no-repeat left bottom;
	}
div#siteContents div#contentsBlock div#contents div.h2CmBlock02 h2 span {
	background: url(/images/cm/icon_h2_02.gif) no-repeat left top;
	color: #339933;
	font-size: 116%;
	padding-left: 20px;
	margin-bottom: 10px;
	}

/* h3
各CM サブタイトル
*/
div#siteContents div#contentsBlock div#contents h3.title01 {
	margin: 13px 0 6px 0;
	padding: 0 0 2px 0;
	background: url(/images/cm/bg_h2_01.gif) no-repeat left bottom;
	}
div#siteContents div#contentsBlock div#contents h3.title01 span {
	color: #0099cc;
	font-size: 100%;
	padding: 2px 0 0 10px;
	border-left: 6px solid #0099cc;
	margin-bottom: 10px;
	}
div#siteContents div#contentsBlock div#contents h3.title02 {
	margin: 13px 0 6px 0;
	padding: 0 0 2px 0;
	background: url(/images/cm/bg_h2_02.gif) no-repeat left bottom;
	}
div#siteContents div#contentsBlock div#contents h3.title02 span {
	color: #339933;
	font-size: 100%;
	padding: 2px 0 0 10px;
	border-left: 6px solid #339933;
	margin-bottom: 10px;
	}

/* infoBlock
映像を見るボックス
*/
div#siteContents div#contentsBlock div#contents div.infoBlock01 {
	padding-bottom: 24px;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock01 p.block01 {
	float: left;
	width: 132px;
	background: url(/images/cm/ueto_cleaning.jpg) no-repeat left top;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock01 div.block02 {
	float: left;
	width: 448px;
	line-height: 2.0;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock02 {
	padding-bottom: 24px;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock02 p.block01 {
	float: left;
	width: 132px;
	background: url(/images/cm/musical.jpg) no-repeat left top;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock02 p.block02 {
	float: left;
	width: 132px;
	background: url(/images/cm/dtv.jpg) no-repeat left top;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock02 p.block03 {
	float: left;
	width: 132px;
	background: url(/images/cm/card.jpg) no-repeat left top;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock02 div.block04 {
	float: left;
	width: 448px;
	line-height: 2.0;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock02 p.block05 {
	float: left;
	width: 132px;
	background: url(/images/cm/takara1.jpg) no-repeat left top;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock02 p.block06 {
	float: left;
	width: 132px;
	background: url(/images/cm/takara2.jpg) no-repeat left top;
	}

/* infoBlock
映像を見るボックス
*/
div#siteContents div#contentsBlock div#contents p.attTxt03 {
	margin: 26px 0 0 0;
	padding: 10px 0 0 0;
	background: url(/images/cm/bg_line.gif) no-repeat left top;
	font-size: 93%;
}


/* movieBlock
CM詳細画面
*/
div#siteContents div#contentsBlock div#contents div#movieBlock {
	margin-top: 11px;
	background: url(/images/cm/bg_line.gif) no-repeat left bottom;
	padding-bottom: 1px;
	width: 600px;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block01 {
	width: 350px;
	float: left;
	text-align: left;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block01 p.cmFlash {
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block01 p.attTxt {
	margin-top: 8px;
	padding-left: 10px;
	font-size: 93%;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 {
	width: 250px;
	float: left;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 p.comment {
	text-indent:-1em;
	margin-left: 1em;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 h4 {
	margin: 25px 0 10px 0;
	padding: 0 0 2px 0;
	color: #0099cc;
	background: url(/images/cm/bg_h2_01.gif) no-repeat left bottom;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 h4 span {
	color: #0099cc;
	font-size: 100%;
	padding: 2px 0 0 10px;
	border-left: 6px solid #0099cc;
	margin-bottom: 10px;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 p.pic01 {
	margin-top: 15px;
	text-align: right;
	background: url(/images/cm/ueto_cleaning/sample_ueto_cleaning.jpg) no-repeat right top;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 p.pic02 {
	margin-top: 15px;
	text-align: right;
	background: url(/images/cm/musical/sample_musical.jpg) no-repeat right top;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 p.pic03 {
	margin-top: 15px;
	text-align: right;
	background: url(/images/cm/dtv/sample_dtv.jpg) no-repeat right top;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 p.pic04 {
	margin-top: 15px;
	text-align: right;
	background: url(/cm/card/images/sample.jpg) no-repeat right top;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 p.pic05 {
	margin-top: 15px;
	text-align: right;
	background: url(/images/cm/takara2010/sample_takara.jpg) no-repeat right top;
	}
div#siteContents div#contentsBlock div#contents div#movieBlock div.block02 p.pic06 {
	margin-top: 15px;
	text-align: right;
	background: url(/images/cm/takara2010_pirate/sample_takara2.jpg) no-repeat right top;
	}
	
/* cmFooter
CM詳細画面 下部
*/
div#siteContents div#contentsBlock div#contents p.profBtn {
	margin-top: 9px;
	}
	
/* cmFooter
CM詳細画面 下部
*/	
div#siteContents div#contentsBlock div#contents div#cmProfBlock {
	padding: 3px 0 10px 0;
	width: 599px;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock p.pic {
	float: left;
	width: 220px;
	background: url(/images/cm/ueto_prof_pht2010.jpg) no-repeat left top;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 {
	float: right;
	width: 379px;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dl {
	width: 379px;
	padding: 5px 0 6px 0;
	margin-bottom: 2px;
	background: url(/images/cm/bg_h2_01.gif) no-repeat left bottom;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dl.last {
	background: none;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dt {
	float: left;
	width: 75px;
	color: #0099cc;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dd {
	float: left;
	width: 304px;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dd.actionList {
	font-size: 93%;
	line-height: 1.4;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dd.actionList p.title {
	font-size: 120%;
	color: #0099cc;
	padding-bottom: 6px;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dd.actionList p.txt {
	padding-bottom: 10px;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dd.actionList ul.upper {
	margin: 0 0 10px 0;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dd.actionList li.topicList {
	color: #ff6666;
	margin: 0;
	padding: 0 0 8px 0;
	}
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dd.actionList li.topicList span {
	padding: 0 0 0 60px;
	}
div#siteContents div#contentsBlock div#contents p.backBtn {
	padding: 10px 0 0 0;	
	background: url(/images/cm/bg_line.gif) no-repeat left top;
	}

/* -----------------------------------------------------------------------------
** main side
----------------------------------------------------------------------------- */

div#siteContents div#contentsBlock div#sideNavi ul.first li.cm01 a {
	padding-left: 13px;
	background: url(/images/common/icon_valuable_side_06.gif) no-repeat left 50%;
	}
div#siteContents div#contentsBlock div#sideNavi ul.first li p.title01 {
	text-indent: 9px;
	background: url(/images/common/icon_valuable_side_03.gif) no-repeat left 50%;
	}
div#siteContents div#contentsBlock div#sideNavi ul.first li.cm02 a {
	padding-left: 13px;
	background: url(/images/common/icon_valuable_side_04.gif) no-repeat left 50%;
	}
div#siteContents div#contentsBlock div#sideNavi ul.first li.title02 {
	line-height: 0;
	}
div#siteContents div#contentsBlock div#sideNavi ul.first li p.title02 {
	padding: 5px 0 5px 9px;
	line-height: 1.5;
	background: url(/images/common/icon_valuable_side_05.gif) no-repeat left 9px;
	}
div#siteContents div#contentsBlock div#sideNavi ul.first li.cm01.current a,
div#siteContents div#contentsBlock div#sideNavi ul.first li.cm02.current a {
	color: #ff6600;
	background: url(/images/common/icon_valuable_side_01.gif) no-repeat left 5px;
	}
		
/* -----------------------------------------------------------------------------
** clearfix
----------------------------------------------------------------------------- */
div#siteContents div#contentsBlock div#contents div.infoBlock01,
div#siteContents div#contentsBlock div#contents div.infoBlock02,
div#siteContents div#contentsBlock div#contents div#cmProfBlock,
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dl,
div#siteContents div#contentsBlock div#contents div#movieBlock,
div#siteContents div#contentsBlock div#contents div#cmFooter {
	overflow: hidden;
	}
div#siteContents div#contentsBlock div#contents div.infoBlock01:after,
div#siteContents div#contentsBlock div#contents div.infoBlock02:after,
div#siteContents div#contentsBlock div#contents div#cmProfBlock:after,
div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dl:after,
div#siteContents div#contentsBlock div#contents div#movieBlock:after,
div#siteContents div#contentsBlock div#contents div#cmFooter:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	}
* html div#siteContents div#contentsBlock div#contents div.infoBlock01,
* html div#siteContents div#contentsBlock div#contents div.infoBlock02,
* html div#siteContents div#contentsBlock div#contents div#cmProfBlock,
* html div#siteContents div#contentsBlock div#contents div#cmProfBlock div.block01 dl,
* html div#siteContents div#contentsBlock div#contents div#movieBlock,
* html div#siteContents div#contentsBlock div#contents div#cmFooter {
	height: 1em;
	overflow: visible;
	}