@charset "utf-8";



/*

======== table of content. =================================



summary:nagare用レイアウト定義





============================================================

*/



p.h2-ttl{

	width:630px;

	text-align:right;

	margin:-35px 0 0 0;

}



div#header{

	width:764px;

	background: #FFFFFF url(../images/common/bg_header_nagare.jpg) no-repeat left top;

	padding: 0 0 0 216px;

}



/*メインコンテンツ*/

div#content div.main-wrapper div#main div.step{

	width: 630px;

	margin: 19px 0 0 0;

	padding: 6px 0 0 0;

	background:#F0F0F0 url(../images/nagare/bg_step_top.gif) no-repeat left top;

}



/*STEP1*/

div#content div.main-wrapper div#main div.step p.tit{

	margin: 14px 0 0 20px;

}



div#content div.main-wrapper div#main div.step div.step01{

	width: 590px;

	margin: 0 0 0 20px;

	background:#FFF url(../images/nagare/bg_step01_middle.gif) repeat-y;

}



div#content div.main-wrapper div#main div.step div.step01 dl.price{

	width: 381px;

	padding: 15px 0 0 20px;

}



div#content div.main-wrapper div#main div.step div.step01 dl.price dt{
	
	font-size:14px;
	font-weight: bold;
	color: #990000;
	margin-bottom: 5px;
	

}



div#content div.main-wrapper div#main div.step div.step01 dl.price dd span{

	color: #666666;

	font-weight: bold;

	margin: 5px 0 0 0;

}



div#content div.main-wrapper div#main div.step div.pan{

	width: 380px;

	margin: 15px 0 0 20px;

	padding: 0 0 13px 0;

	float: left;

	background: url(../images/nagare/bg_pan_bottom.gif) no-repeat left bottom;

	display: inline;

}



div#content div.main-wrapper div#main div.step div.pan p{

	width: 380px;

	padding: 10px 0 0 0;

	text-align: center;

	background: url(../images/nagare/bg_pan_top.gif) no-repeat left top;

}



div#content div.main-wrapper div#main div.step div.pan dl.tel{

	width: 352px;

	background: url(../images/nagare/bg_tel.gif) no-repeat right top;

	margin: 0 0 0 13px;

}



div#content div.main-wrapper div#main div.step div.pan dl.tel dt{

	float: left;

	clear: both;

	padding: 3px 0 3px 0;

}



div#content div.main-wrapper div#main div.step div.pan dl.tel dd{

	width: 280px;

	padding: 3px 0 3px 10px;

	float: left;

	font-weight: bold;

}



div#content div.main-wrapper div#main div.step div.pan p.chui{

	width: 359px;

	text-align: left;

	margin: 0 0 0 13px;

	clear: both;

}



div#content div.main-wrapper div#main div.step p.photo{

	margin: 15px 0 0 32px;

	float: left;

}



/*STEP2*/

div#content div.main-wrapper div#main div.step p.tit2{	

	padding: 48px 0 0 0;

	margin: 0 0 0 20px;

	background: url(../images/nagare/bg_step1_bottom.gif) no-repeat left top;

	clear: both;

}



div#content div.main-wrapper div#main div.step div.step01 p.henso{

	width: 381px;

	padding: 15px 0 0 20px;

}



div#content div.main-wrapper div#main div.step p.pan{

	margin: 15px 0 0 32px;

	float: left;

}



div#content div.main-wrapper div#main div.step p.photo2{

	margin: -20px 0 0 32px;

	float: left;

}



div#content div.main-wrapper div#main div.step p.photo3{

	margin: -55px 0 0 32px;

	float: left;

}



div#content div.main-wrapper div#main div.step p.gaku{

	padding: 0 0 0 20px;

	margin: 5px 0 0 20px;

	background: url(../images/nagare/ic.gif) no-repeat left center;

}



div#content div.main-wrapper div#main h3{

	background: url(../images/nagare/bg_step_bottom.gif) no-repeat left top;

	padding: 55px 0 0 0;

}



div#content div.main-wrapper div#main dl.takuhai{

	width: 470px;

	margin: 18px 0 0 22px;

	float: left;

	display: inline;

}



div#content div.main-wrapper div#main dl.ginko{

	width: 608px;

	margin: 10px 0 20px 0;

	padding: 15px 0 15px 22px;

	float: left;

	border-top: #CCCCCC 1px solid;

	border-bottom: #CCCCCC 1px solid;

}



div#content div.main-wrapper div#main dl.takuhai dt,

div#content div.main-wrapper div#main dl.ginko dt{

	width: 152px;

	float: left;

}



div#content div.main-wrapper div#main dl.takuhai dd,

div#content div.main-wrapper div#main dl.ginko dd{

	padding: 0 0 0 152px;

}



div#content div.main-wrapper div#main dl.takuhai dd span,

div#content div.main-wrapper div#main dl.ginko dd span{

	color: #990000;

	font-weight: bold;

	font-weight: bold;

}



div#content div.main-wrapper div#main dl.takuhai dd ul{

	margin: 5px 0 0 0;

}



div#content div.main-wrapper div#main p.ecollect{

	margin: 18px 0 0 22px;

}



div#content div.main-wrapper div#main p.card{

	padding: 10px 0 0 172px;

	clear: both;

}

 

/*ボタン*/

div#content div.main-wrapper div#main p.btn-otoiawase{

	width: 495px;

	height: 61px;

	padding: 9px 0 0 135px;

	clear: both;

	background: url(../images/common/bg_btn.gif) no-repeat left top;

}




