@charset "utf-8";

@import "/css/common.css";
@import "/css/contents.css";

/*----------------------------------------------------------------

トップページ用CSS

----------------------------------------------------------------*/

/*--------------------------------------------------------
コンテンツ
--------------------------------------------------------*/
#contentsWrapper .mastheadBlock {
	margin:0 auto 18px;
	width:900px;
}

#contentsWrapper .masthead {
	padding:7px 11px 0 14px;
	border-right:5px solid #005F34;
	border-left:5px solid #005F34;
	width:865px;
}

#contentsWrapper .masthead p {
	padding:14px 0 0 84px;
	background:url(/images/top/main_pic_01.gif) no-repeat #FFF;
}

#contentsWrapper .masthead .featureBox {
	margin:-200px 0 0 452px;
	overflow:hidden;
	width:413px;
}

#contentsWrapper .masthead .featureBox .left {
	margin-bottom:5px;
	clear:both;
	float:left;
	width:204px;
}

#contentsWrapper .masthead .featureBox .right {
	margin-bottom:5px;
	float:right;
	width:204px;
}

#contentsWrapper .mainIcon {
	margin:-45px 5px 0 auto;
	display:block;
	width:41px;
	height:41px;
	position:relative;
}




#contents h2.recommend {
	position:relative;
}

#contents h2.flow {
	display:inline;
}

#contents h3 {
	padding-left:5px;
	display:inline;
}

#contentsWrapper .recommendBlock {
	margin:5px auto;
	width:650px;
}

#contentsWrapper .recommendBlock table {
	margin-top:5px;
	width:650px;
}

#contentsWrapper .recommendBlock table strong {
	color:#005F33;
}

#contentsWrapper .recommendBlock td {
	padding-left:90px;
	width:225px;
	height:95px;
}

#contentsWrapper .recommendBlock td img {
	margin-bottom:5px;
}

#contentsWrapper .recommendBlock .rmdCost {
	padding-right:20px;
	background:url(/images/top/rmd_pic_01.gif) no-repeat;
}

#contentsWrapper .recommendBlock .rmdSelect {
	background:url(/images/top/rmd_pic_02.gif) no-repeat;
}

#contentsWrapper .recommendBlock .rmdDeliver {
	padding-right:20px;
	background:url(/images/top/rmd_pic_03.gif) no-repeat;
}

#contentsWrapper .recommendBlock .rmdIso {
	background:url(/images/top/rmd_pic_04.gif) no-repeat;
}

#contentsWrapper .recommendBlock .rmdBudget {
	padding-right:20px;
	background:url(/images/top/rmd_pic_05.gif) no-repeat;
}

#contentsWrapper .recommendBlock .rmdOrder {
	background:url(/images/top/rmd_pic_06.gif) no-repeat;
}

#contentsWrapper .recommendBlock td img {
	vertical-align:middle;
}



#contentsWrapper .flowArea {
	margin:5px auto 25px;
	padding-bottom:8px;
	width:660px;
	background:url(/images/top/flw_bottom.gif) no-repeat right bottom;
	overflow:hidden;
}

#contentsWrapper .flowArea p {
	margin:0 auto;
	width:650px;
}

#contentsWrapper .flowArea .flowBlock {
	float:left;
	width:660px;
	background:url(/images/top/flw_bg_02.gif) repeat-y right top;
}

#contentsWrapper .flowArea .flowBlock .flowBox {
	float:left;
	width:660px;
	min-height:85px;
	height:auto !important;
	height:85px;
	background:url(/images/top/flw_bg_01.gif) no-repeat 10px 48px;
}

#contentsWrapper .flowArea .flowBlock .flowBox .step1 {
	float:left;
	width:160px;
}

#contentsWrapper .flowArea .flowBlock .flowBox .step2 {
	padding-left:6px;
	float:left;
	width:160px;
}

#contentsWrapper .flowArea .flowBlock .flowBox .step3 {
	padding-left:7px;
	float:left;
	width:160px;
}

#contentsWrapper .flowArea .flowBlock .flowBox .step4 {
	padding-left:7px;
	float:left;
	width:160px;
}

#contentsWrapper .flowArea .flowBlock .flowBox .step1 p,
#contentsWrapper .flowArea .flowBlock .flowBox .step2 p,
#contentsWrapper .flowArea .flowBlock .flowBox .step3 p,
#contentsWrapper .flowArea .flowBlock .flowBox .step4 p {
	margin:8px 10px 3px 23px;
	width:auto;
	line-height:1.4;
}

.pageBack .backTop {
	margin:0 0 0 700px;
}