@charset "utf-8";
/* ===================================================================
CSS information

 file name  :monitor.css
 author     :Mio satoh
 style info :挙式密着レポート特集ページCSS
=================================================================== */

/* -----------------------------------------------------------
	#contentArea
----------------------------------------------------------- */

#contentArea {
	width: 950px;
}

#contentArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* -----------------------------------------------------------
	挙式密着レポート特集ページ
----------------------------------------------------------- */

#Monitor{
	background-image: url(../monitor/images/MainBanner.jpg);
	background-repeat: no-repeat;
	clear: both;
	margin-top: 5px;
	padding-top: 140px;
	width: 950px;
}
#MonitorName{
float: right;
}
#Step {
	width: 743px;
	padding-left: 10px;
	float: left;
		
}
#MainImage {
	float: right;
	width: 197px;
		
}
#StepWrap {
	padding-top: 12px;
	padding-bottom: 20px;
	width: 950px;
	clear: both;
}
#Monitor #MonitorNavi ul{
}
#Monitor #MonitorNavi li{
	display:inline;
	list-style:none;
}
#Monitor #MonitorNavi li a{
	display:block;
	height:57px;
	float:left;
	text-indent:-9999px;
}
/* ナビ-個別設定--------*/
/* 現在のページは、セレクタの先頭にページIDをつける--------*/

#Monitor #MonitorNavi #Monitor_1_now a{
	background:url(../monitor/images/navi.jpg) no-repeat;
	width:238px;
}
#Monitor #MonitorNavi #Monitor_1 a{
	background:url(../monitor/images/navi_.jpg) no-repeat;
}
#Monitor #MonitorNavi #Monitor_1 a:hover{
	background:url(../monitor/images/navi.jpg) no-repeat;
}
#Monitor #MonitorNavi #Monitor_1 a,
#Monitor #MonitorNavi #Monitor_1 a:hover{
	width:238px;
}
#Monitor #MonitorNavi #Monitor_2_now a{
	background:url(../monitor/images/navi.jpg) no-repeat;
	width:238px;
	background-position:-238px 0px;
}
#Monitor #MonitorNavi #Monitor_2 a{
	background:url(../monitor/images/navi_.jpg) no-repeat;
	background-position:-238px 0px;
}
#Monitor #MonitorNavi #Monitor_2 a:hover{
	background:url(../monitor/images/navi.jpg) no-repeat;
	background-position:-238px 0px;
}
#Monitor #MonitorNavi #Monitor_2 a,
#Monitor #MonitorNavi #Monitor_2 a:hover{
	width:238px;
}
#Monitor #MonitorNavi #Monitor_3_now a{
	background:url(../monitor/images/navi.jpg) no-repeat;
	width:238px;
	background-position:-476px 0px;
}
#Monitor #MonitorNavi #Monitor_3 a{
	background:url(../monitor/images/navi_.jpg) no-repeat;
	background-position:-476px 0px;
}
#Monitor #MonitorNavi #Monitor_3 a:hover{
	background:url(../monitor/images/navi.jpg) no-repeat;
	background-position:-476px 0px;
}
#Monitor #MonitorNavi #Monitor_3 a,
#Monitor #MonitorNavi #Monitor_3 a:hover{
	width:238px;
}
#Monitor #MonitorNavi #Monitor_4_now a{
	background:url(../monitor/images/navi.jpg) no-repeat;
	width:236px;
	background-position:-714px 0px;
}
#Monitor #MonitorNavi #Monitor_4 a{
	background:url(../monitor/images/navi_.jpg) no-repeat;
	background-position:-714px 0px;
}
#Monitor #MonitorNavi #Monitor_4 a,
#Monitor #MonitorNavi #Monitor_4 a:hover{
	width:236px;
}
#Monitor #MonitorNavi #Monitor_4 a:hover{
	background:url(../monitor/images/navi.jpg) no-repeat;
	background-position:-714px 0px;
}
/* -----------------------------------------------------------
	モニター下部
----------------------------------------------------------- */
#MonitorNote {
	clear: both;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 25px;
	font-size: 12px;
	line-height: 152%;
}
#SubImage {
	padding-left: 10px;
	width: 310px;
	float: left;
}
/* -----------------------------------------------------------
	モニターFAQ　
----------------------------------------------------------- */
#MonitorFAQ {
	float: left;
	width: 630px;
}
#MonitorFAQ ul {
	
}
#MonitorFAQ li {
	font-size: 12px;
	background-repeat: no-repeat;
		padding-left: 45px;
}
#MonitorFAQ .Question {
	height: 18px;
	background-color: #EFEBEB;
	background-image: url(../monitor/images/Question.gif);
	background-position: 15px center;
	padding-top: 4px;
	color: #4D3B37;
}
#MonitorFAQ .Answer {
	background-image: url(../monitor/images/Answer.gif);
	background-position: 15px top;
	margin-top: 8px;
	padding-bottom: 15px;
	padding-top: 2px;
}
