@charset "utf-8";

/*--------------------------------------------*/
/* base.css over write
/*--------------------------------------------*/
body { background:url(../images/bg_body.gif) repeat-x 0 0 !important; }
#header {
	height:105px !important;
}
#mainContainer {
	margin-top:0 !important;
	float:none !important;
	width:auto !important;
}
p.goTop {
	float:right;
	width:40%;
}
#footer dl dt {
	margin:14px 13px 0 0;
	font-size:85%; }


/* ---------------------------------------
	tab, visiblebody
--------------------------------------- */
ul#tab {
	width:950px;
	margin:0 0 1px 0;
	background:#ccc;
	font-size:12px;
}
#tab li {
	float:left;
	text-align:center;
	border-right:1px solid #ffffff;
}
#tab li a {
	width:180px;
	padding:7px 0;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
}
#tab li a:hover {
	background:#c10012;	
}
.selected {
	background:#c10012;
}

/* ---------------------------------------
	page common
--------------------------------------- */
#page1,
#page2,
#page3,
#page4 {
	clear:both; width:950px;
	border-top:#c10012 solid 2px;
	padding-top:15px;
}


#page1_non{
	clear:both; width:950px;
}

p.read {
	height: 20px !important;
	padding-top: 4px;
	height /**/: 24px;
	float: right;
	font-size: 85%; }
.background {
	text-align: left;
	clear:both;
	background:url(../images/bg_top.gif) left top no-repeat #f7f7f7; }
	#page1 .background {
		padding: 9px 9px 0 9px;
		width:930px !important; width /**/:950px; }

	#page1_non .background {
		padding: 9px 9px 0 9px;
		width:930px !important; width /**/:950px; }		
		
	#page2 .background {
		padding: 9px 9px 0 9px;
		width:930px !important; width /**/:950px; }
		
	#page3 .background {
		padding: 9px 9px 0 9px;
		width:930px !important; width /**/:950px; }
		
	#page4 .background {
		padding:10px 0 0 0;
		width:950px !important; width /**/:950px; }
		
.background-end { width:950px; height:10px; background:url(../images/bg_bottom.gif); overflow:hidden; margin-bottom:30px;}

h4 { margin: 35px 0 26px 0; }

#page1 img, #page2 img, #page3 #page4 img { display: inline-block; vertical-align: bottom; }

#page1_non img { display: inline-block; vertical-align: bottom; }

/* ---------------------------------------------------------------------
	step page1, page2 common
--------------------------------------------------------------------- */
.step-end {
	clear: both; overflow: hidden;
	width: 457px; height: 10px;
	background: url(../images/step_end.gif); }
.step1, .step2, .step3, .step4, .step6{ 
	width: 457px;
	background: url(../images/step_bg.gif); }
	
.step1, .step3 { clear: both; float: left; }
.step2, .step4, .step6{ float: right; }
.step3, .step4, .step6 { margin-top: 20px; }

.step1 .img1-1,
.step1 .img2-1 {
	margin-left: 9px;
	float: left; }

.step1 .img1-1,
.step1 .img1-2 { margin: 19px 0 13px 16px; margin-left: 16px; }

.step1 .img2-1 { clear: both; }

.step2 .img1-1 { margin: 19px 0 13px 16px; margin-left: 16px; }

.step3 .img1-1,
.step4 .img1-1 { margin-top: 20px; margin-left: 16px;margin-bottom:18px;}

.step4 .img1-1non { margin-top: 20px; margin-left: 16px;margin-bottom:18px;}

/* ---------------------------------------------------------------------
	page1
--------------------------------------------------------------------- */
#page1 h2 { margin-bottom: 24px; }
#page1 .step3 .img2-1 { clear: both; margin-left: 89px; }
#page1 .step3 .img2-2 { clear: both; margin-left: 89px; margin-bottom: 65px; }
#page1 .step4 .img2-1 { margin-left: 16px; float: left; }
#page1 .step4 .img2-1,
#page1 .step4 .img2-2 { margin-bottom: 5px; }


/* ---------------------------------------------------------------------
	page1_non
--------------------------------------------------------------------- */
#page1_non h2 { margin-bottom: 24px; }
#page1_non .step3 .img2-1 { clear: both; margin-left: 89px; }
#page1_non .step3 .img2-2 { clear: both; margin-left: 89px; }
#page1_non .step4 .img2-1 { margin-left: 16px; float: left; }
#page1_non .step4 .img2-1,
#page1_non .step4 .img2-2 { margin-bottom: 5px; }

/* ---------------------------------------------------------------------
	page2
--------------------------------------------------------------------- */
#page2 p.read span { color: #c10012; }
#page2 .step3 .img2-1 { clear: both; margin-left: 16px; float: left; }
#page2 .step3 .img2-1,
#page2 .step3 .img2-2 { margin-top: 22px; margin-bottom: 18px;}
#page2 .step4 .img1-1 { margin-bottom: 18px;}

/* ---------------------------------------------------------------------
	page3
--------------------------------------------------------------------- */
#page3 p.read span { color: #c10012; }
#page3 .step3 .img2-1 { clear: both; margin-left: 16px; float: left; }
#page3 .step3 .img2-1,
#page3 .step3 .img2-2 { margin-top: 22px; margin-bottom: 18px;}
#page3 .step4 .img1-1 { margin-bottom: 18px;}

/* ---------------------------------------------------------------------
	page4
--------------------------------------------------------------------- */


/* ---------------------------------------------------------------------
	tables
--------------------------------------------------------------------- */
.tables { width: 930px; margin-left: 10px; }
.tables td,
.tables th {
	padding: 9px;
	border: 1px solid #cccccc;
}
.tables thead { background-color: #eeeeee; }
.tables thead th { font-weight: bold; }
.table-notes {
	width: 930px; margin-left: 10px; 
	color: #585858; font-size: 85%;
	padding: 5px 0 0 0 !important;
	text-align: right; }

/* ---------------------------------------
	Cnavi TOP
--------------------------------------- */
p.gocnaviTop {
	float:left;
	width:40%;
	text-align:left;
	padding-left:10px;
}
p.gocnaviTop span {
	background:transparent url(../images/ic_gocnavitop.gif) no-repeat left center;
	padding-left:12px;
}
p.gocnaviTop span a {
	color:#333333;
	text-decoration:none;
}
p.gocnaviTop span a:hover {
	text-decoration:underline;
}

/* ---------------------------------------
	 20091022_page1
--------------------------------------- */

.clearfix:after {
		content: ".";  /* 新しい要素を作る */
		display: block;  /* ブロックレベル要素に */
		clear: both;
		height: 0;
		visibility: hidden;
	}

	.clearfix {
		min-height: 1px;
	}

	* html .clearfix {
		height: 1px;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
	
	
	.fontsize-zero{
		font-size:0;
		line-height:0;
	}
	
	#boxleft-bgyellow-top{
			width:422px;
			margin:7px 12px 0 12px;
			padding:0 10px 0 0;
			height:25px;
			display:block;
			background-image:url(../images/navi_page1/boxleft_bg_top.gif);
			background-repeat:no-repeat;
			background-position:bottom;
	}

	#cont1{
		padding:7px;
		margin-top:20px;
		margin-bottom:21px;
		background-image:url(../images/navi_page1/mainbox_bg_top.gif);
		
	}
	
	#cont2{
		padding:8px;
		margin-top:20px;
		margin-bottom:30px;
		background-image:url(../images/navi_page1/mainbox_bg_top.gif);		
	}
	
	#cont2_st{
	width:701px;
		padding:8px;
		margin:20px auto 30px auto;
		background-image:url(../images/navi_page1/mainbox_bg_top.gif);		
	}
	

	#leftbox-bottom-b{
			padding-bottom:10px;
		}
	
	#leftbox-bottom-b li{
			float:left;
			width:137px;
		}

	#cont1-leftbox-main{
		padding:3px 10px 5px 10px;
		margin:0 12px 0 12px;
		width:412px;
		background:#fffcde;
	}
	
	#cont1-leftbox-box{
		margin:10px 0 10px 0;
		background-image:url(../images/navi_page1/box1_bg_middle.jpg);
		background-repeat:repeat-y;
		width:457px;
		float:left;
		font-size:0;
		line-height:0;
	}
	
	#leftbox-bottom-t{
		margin:0 0 0 12px;
		padding-top:14px;
		width:432px;
		background-image:url(../images/navi_page1/boxleft_bg_bottom.gif);
		background-position:top;
		background-repeat:no-repeat;
		font-size:12px;
		line-height:12px;
	}
	
	#leftbox-bottom-b{
		margin:5px 0px 0 0px;
		padding:0 12px 12px 12px;
		background-image:url(../images/navi_page1/box1_bg_bottom.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	#left-b-middle{
		padding:0 10px 0 10px;	
	}
	



	#cont1-rightbox-box{
		margin:10px 0 10px 0;
		width:457px;
		float:right;
		background-image:url(../images/navi_page1/box1_bg_middle.jpg);
		background-repeat:repeat-y;
		font-size:0;
		line-height:0;
	}
	
	#cont1-rightbox-box dd{
		padding:12px 30px 0 30px;
		background-image:url(../images/navi_page1/box1_bg_bottom.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	#rightbox-bottom-b{
		margin:12px 0 0 0px;
		padding:0 0 16px 0;
	}
	
	#rightbox-bottom-b li{
			float:left;
		}
	
	#rightbox-b-middle{
			padding:0 12px 0 12px;
		}
		
		
	
	#arrow-middle{
		margin:0 auto 0 auto;
		width:294px;
		clear:both;	
	}
	
	#middle-cont{
		margin:0 auto 0 auto;
		width:934px;	
	}
	
	
	#merit-box-1{
		border-right:1px dotted #666;
		padding:0 15px 0 15px;
		width:249px;
	}
	
	#merit-left{
		width:108px;
		float:left;
	}
	
	.merit-box1{
		padding-left:15px;
		padding-right:15px;
		width:249px;
		float:left;
	}
	
	.merit-box2{
		padding-left:25px;
		padding-right:25px;
		width:249px;
		float:left;
	}
	
	.merit-box3{
		width:249px;
		padding-right:20px;
		float:right;
	}
	
	.merit-box1 p{
		padding:0 0 0 28px;
		width:202px;
		display:block;
	}
	
	.merit-box2 p{
		padding:0 0 0 28px;
		width:202px;
		display:block;
	}
	
	.merit-box3 p{
		text-align:center;
	}
	
	.merit-box-in-wl{
		display:block;
		float:right;
	}
	
	.merit-box-in-lef{
		display:block;
		float:left;
	}
	
	.merit-bc-border{
		border-left:1px #666 dotted;
		border-right:1px #666 dotted;
	}

	.merit-bc-border2{
		border-right:1px #666 dotted;
	}
	
	#bottom-b{
		margin:0 auto 30px auto;
		width:245px;	
	}
	
	#bottom-b-left{
		float:left;
		width:245px;
	}
	
	#bottom-b-right{
		float:right;
		width:245px;
		height:120px;
		position:relative;
	}
	
	#bb-right{
		width:245px;
		height:59px;
		display:block;
		position:absolute;
	}
	
	#bb-words{
		width:345px;
		height:13px;
		display:block;
		top:65px;
		position:absolute;	
	}
	
/* ---------------------------------------
	 20091022_page2
--------------------------------------- */

	.min-height1{
		min-height:320px;
		height: auto !important;
		height: 320px;	
	}
	
	.step6{
		width:456px;
		height:399px;
		background:url(../images/navi_page2/step6bg.gif);
		text-align:center;
	}
	
	.step6 p{
		margin:80px 0 50px 0;	
	}
	
	.step6 a{
		display:block;
		margin:10px 0 0 0;	
	}
	
	
	
	
	.voice1{
		background:url(../images/navi_page3/p3_bg_bottom.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		padding:0 0 4px 0;
	}
	
	.voice1 dt{
		padding:30px 0 30px 30px;
		border-left:#cccccc 1px solid;
		border-right:#cccccc 1px solid;
		background:#ffffff;
	}
	
	.voice1 dd{
		padding:0 25px 30px 25px;
		border-left:#cccccc 1px solid;
		border-right:#cccccc 1px solid;
		background:#ffffff;
	}
	
	.voice-left{
		width:70%;
		float:left;
	}
	
	.voice-right{
		width:30%;
		float:right;
		text-align:right;
	}
	
	.h2-padding1{
		padding-bottom:20px;
	}
	
	
	
/* ---------------------------------------
	     20091210
--------------------------------------- */
	
	.cont-in-box{
		padding:0 0 25px 0;
	}
	
	.maker-small-box-l{
		padding:0 0 60px 0;
		width:285px;
		float:left;
	}
	
	.maker-small-box-r{
		width:285px;
		float:right;
	}
	
	.pd-l-12{
		padding-left:12px;
	}
	
	.pd-t-20{
		padding-top:20px;
	}
	
	.mg-l-24{
		margin-left:24px;
	}
	
	.cont-in-box dl .pd-bottom60{
		padding-bottom:60px;
	}
	
	.maker-box-ttl{
		padding:0 0 10px 0;
		width:285px;
		text-align:right;
	}
	
	.maker-box-ttl span{
		width:116px;
		height:20px;
		float:left;
		text-align:left;
		display:block;
	}
	
	
	.spec-small-box-l{
		padding:10px 0 10px 0;
		height:324px;
		width:276px;
		float:left;
		text-align:center;
		background:#f8f8f8;
	}
	
	.spec-small-box-r{
		padding:10px 0 10px 0;
		width:276px;
		height:324px;
		float:right;
		text-align:center;
		background:#f8f8f8;
	}
	
	.abc1836{
		width:1px;
		padding:1px;
		position:relative;
		display:block;
		_float:left;
	}
	
	.abc1836 img{
		position:absolute;
		top:130px;
		left:10px;
		width:467px;
		height:85px;
		display:block;
	}



.inner-box{
	text-align:center;

}



.top-title{
	_padding-bottom:14px;
	width:950px;
	height:107px;
	_height:128px;
	background:url(../images/common/misumi_top_ttl_bg1.jpg);
	background-repeat:repeat-x;
}

#top-ttl-left{
	padding:20px 0 0 25px;
	float:left;
}

#top-ttl-left img{
	margin-right:15px;

}



#top-ttl-right{
	padding:22px 25px 0 0;
	float:right;
}