@charset "Shift_JIS";

/* Link styles */
a:link{ color:#000099 !important;}
a:hover{ color:#FFCC33; text-decoration: none !important;}
a:visited{ color:#000099; text-decoration:none !important;} 
a:active{ color:#FFCC33; text-decoration:none !important;}

/* Standard elements */
body {
	height:auto;
	margin-top: 0px;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 14px;
	}
#layout {
	width: 702px;
	margin:0 auto;
	padding: 15px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
 }
h1,h2,h3,h4,h5,h6,p { margin:0px; font-size:12px;}
#n05 h2 { margin: 5px 0;}
.reform { list-style-type: none; margin-left: 0px; line-height: 18px;}
.case { font-size:11px; line-height:14px; margin-left:5px; margin-top: 2px; margin-bottom:10px;}
.case_u { font-size:11px; line-height:14px; margin-left:5px; margin-top: 2px; margin-bottom:0px;}
.casepict { margin-top: 5px; margin-bottom:15px;}
.linkpage { width: 370px; font-size: 12px; margin:10px; border: 1px solid #00CCFF;}

/* border class */
.gray { border-bottom: 1px solid #666666;}



/* iframe */
#wn {
	width: 410px;
	height: auto;
	margin-top: 4px;
	}
#wn dt {
	background: url(../images/arrow.gif) no-repeat;
	background-position: center left;
	margin-top: 3px;
	margin-left: 2px;
	text-indent: 1.5em;
	font-weight: bold;
	} 
#wn dd {
	margin-bottom: 5px;
	} 


/* box */
.planbox { width: 274px; height: auto; text-align: left; margin: 0 9px 12px 5px;}
.planbox p { margin-top: 10px;}
#footbox {
	width:702px;	height: auto;	text-align:left;	margin-top: 20px;	}
#topbannerbox {	width:702px;	height: auto;	text-align:left;	margin-top: 10px;	margin-bottom: 5px;	}
#topsidebox {	width:230px;	height: auto;	text-align:left;	margin-left: 17px;	margin-top: 0px;	}
#contents {	width:702px;	height: auto;	text-align:left;	margin-top: 5px;	}
.sidenavi {	width: 115px;	height: auto;	text-align:left;	margin-left: 10px;	}
.toplink {	width: 176px;	height: 17;	text-align:left;	margin-top: 17px;	}
#spli { margin: 5px 0;}
.sp { line-height: 16px; margin-bottom: 10px;}

#jigyou {	width: 340px;	margin-top: 5px;	margin-bottom: 10px;	text-align: left; line-height: 18px;}
		#jigyou dt { width: 322px; height: 14px; display:block;	text-align:left; text-indent: -9999px; overflow:hidden;	background: url('../html/images/service_list.gif') no-repeat; }
		#jigyou dd {	margin-top: 2px; margin-bottom:1px;}


/* image banner rollover */
#n02 h2 { width: 420px; height: 78px; text-indent: -9999px; background: url('../html/images/service_h2.gif') no-repeat; margin: 10px 0; }
#n02 h3 { width: 341px; height: 31px; text-indent: -9999px; background: url('../html/images/service_h3.gif') no-repeat; margin: 10px 0; }
#n03 h2  { width: 310px; height: 43px; text-indent: -9999px; background: url('../html/images/manual_h2.gif') no-repeat; margin: 10px 0; }

#top1 {	width: 316px;	height: 33px; display:block;	text-indent: -9999px; overflow:hidden;	background: url('../images/top_logo.gif') no-repeat;	margin-bottom:1px; margin-right: 87px;}
		#top1 a{	background-position:0px 0px;	}
		#top1:hover{	background-position:0px -0px;	}

#top {	width: 702px;	height: 17px; display:block;	text-indent: -9999px; overflow:hidden;	background: url('../images/top_logo2.gif') no-repeat;	}
	
#top2 {	width: 48px;	height: 34px; display:block;	text-indent: -9999px; overflow:hidden;	background: url('../images/top_dog.gif') no-repeat;	}
	
#footer {	width: 702px;	height: 25px;	text-indent: -9999px;	background: url('../images/foot.gif') no-repeat;	}

#mail {	width: 93px;	height: 19px; display:block;	text-indent: -9999px; overflow:hidden;	background: url('../images/toiawase.gif') no-repeat;	}
		#mail a{	background-position:0px 0px;	}
		#mail:hover{	background-position:0px -0px;	}

#tl01 {	width: 87px;	height: 17px; display:block;	text-indent: -9999px; overflow:hidden;	background: url('../images/toplink01.gif') no-repeat;	}
		#tl01 a{	background-position:0px 0px;	}
		#tl01:hover{	background-position:0px -17px;	}
		
#tl02 {	width: 130px;	height: 17px; display:block;	text-indent: -9999px; overflow:hidden;	background: url('../images/toplink02.gif') no-repeat;	}
		#tl02 a{	background-position:0px 0px;	}
		#tl02:hover{	background-position:0px -17px;	}

#tl03 {	width: 46px;	height: 17px; display:block;	text-indent: -9999px; overflow:hidden;	background: url('../images/toplink03.gif') no-repeat;	}
		#tl03 a{	background-position:0px 0px;	}
		#tl03:hover{	background-position:0px -17px;	}
		
#thanks_b {	width: 702px;	height: 62px; display:block; text-indent:-9999px; overflow:hidden;	background: url('../images/thanks_b.gif') no-repeat;	}
		#thanks_b a{	background-position:0px 0px;	}
		#thanks_b:hover{	background-position:0px 0px;	}

#yaruki_b {	width: 702px;	height: 278px; display:block; text-indent:-9999px; overflow:hidden;	background: url('../images/yaruki_b.jpg') no-repeat;	}
		#yaruki_b a{	background-position:0px 0px;	}
		#yaruki_b:hover{	background-position:0px 0px;	}
		
.sli01 {	width: 35px;	height: 45px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 30px; background:url('../html/images/s01.gif') no-repeat;}
.sli02 {	width: 35px;	height: 45px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 30px; background:url('../html/images/s02.gif') no-repeat;}
.sli03 {	width: 35px;	height: 45px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 30px; background:url('../html/images/s03.gif') no-repeat;}
.sli04 {	width: 35px;	height: 45px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 30px; background:url('../html/images/s04.gif') no-repeat;}
.sli05 {	width: 35px;	height: 45px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 30px; background:url('../html/images/s05.gif') no-repeat;}
.sli06 {	width: 35px;	height: 45px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 30px; background:url('../html/images/s06.gif') no-repeat;}

.ma01 {	width: 105px;	height: 82px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 10px; background:url('../html/images/manual_01.gif') no-repeat;}
.ma02 {	width: 105px;	height: 82px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 10px; background:url('../html/images/manual_02.gif') no-repeat;}
.ma03 {	width: 105px;	height: 82px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 10px; background:url('../html/images/manual_03.gif') no-repeat;}
.ma04 {	width: 105px;	height: 82px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 10px; background:url('../html/images/manual_04.gif') no-repeat;}
.ma05 {	width: 105px;	height: 82px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 10px; background:url('../html/images/manual_05.gif') no-repeat;}
.ma06 {	width: 105px;	height: 82px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 10px; background:url('../html/images/manual_06.gif') no-repeat;}
.ma07 {	width: 105px;	height: 82px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin-bottom: 10px; background:url('../html/images/manual_07.gif') no-repeat;}

#n04 .ci1 {width: 225px; height: 16px; text-indent: -9999px; background: url('../html/images/ci_01.gif') no-repeat; margin-bottom: 8px; margin-top: 10px;}
#n04 .ci2 {width: 225px; height: 16px; text-indent: -9999px; background: url('../html/images/ci_02.gif') no-repeat; margin-bottom: 8px; margin-top: 10px;}
#n04 .ci3 {width: 225px; height: 16px; text-indent: -9999px; background: url('../html/images/ci_03.gif') no-repeat; margin-bottom: 8px; margin-top: 10px;}
#n04 .ci4 {width: 225px; height: 16px; text-indent: -9999px; background: url('../html/images/ci_04.gif') no-repeat; margin-bottom: 8px; margin-top: 10px;}
#n04 .ci5 {width: 225px; height: 16px; text-indent: -9999px; background: url('../html/images/ci_05.gif') no-repeat; margin-bottom: 8px; margin-top: 10px;}
#n04 .ci6 {width: 225px; height: 16px; text-indent: -9999px; background: url('../html/images/ci_06.gif') no-repeat; margin-bottom: 8px; margin-top: 10px;}
#n04 .pa { padding-left:30px;}
#n04 .box { margin: 10px 0 30px 0;}
#n04 .boss { line-height: 18px;}

#n05 h3 {	width: 231px;	height: 19px; display:block;	text-indent: -9999px; overflow:hidden; margin-top: 0px;	margin: 0px; background:url('../html/images/case_h3.gif') no-repeat;}
#n05 h4 { text-indent: -9999px; }
#n05 .case1 {width: 230px; height: 76px; background: url('../html/images/case_h4_01.gif') no-repeat; margin-bottom: 1px; }
#n05 .case2 {width: 199px; height: 87px; background: url('../html/images/case_h4_02.gif') no-repeat; margin-bottom: 1px; }
#n05 .case3 {width: 253px; height: 80px; background: url('../html/images/case_h4_03.gif') no-repeat; margin-bottom: 1px; }
#n05 .case4 {width: 181px; height: 80px; background: url('../html/images/case_h4_04.gif') no-repeat; margin-bottom: 1px; }
#n05 .case5 {width: 307px; height: 87px; background: url('../html/images/case_h4_05.gif') no-repeat; margin-bottom: 1px; }

#sn05 h2 { width: 455px; height: 69px; text-indent: -9999px; background: url('../html/images/plan_bar.gif') no-repeat; margin: 7px 0; }
#sn05 h3 { width: 423px; height: 38px; text-indent: -9999px; background: url('../html/images/plan_h3.gif') no-repeat; margin-bottom: 5px; }
.p_yaji { width: 557px; height: 23px; text-indent: -9999px; background: url('../html/images/plan_p.gif') no-repeat; margin-bottom: 10px; }
hr { color:#000099;}

#sn01 h2 { width: 455px; height: 105px; text-indent: -9999px; background: url('../html/images/thanks_bar.gif') no-repeat; margin-right: 20px; }
#thanksbox { width: 455px; margin-right: 102px;} 
#thanksbox h3 { width: 475px; border-bottom: 1px solid #999999; margin-bottom: 10px;}
#thanksbox dd { margin-bottom: 5px;}
.tha_box { width: 475px; height: auto; margin-bottom:20px;}
.tha_pict { margin-right:20px;}

.arrow { float: left; margin-left: 10px;}

.prox { margin-top: 10px; margin-left: 3px;}
#product01 { width: 577px; height: auto; border-left: 4px solid #00CCFF;}
	#product01 h2 { width: 573px; height: 32px; text-indent: -9999px; background: url('../html/images/product01.gif') no-repeat; border-bottom: 1px solid #00CCFF;}
	#product01 .link { width: 260px; font-size: 12px; margin: 4px 0; border-top: 1px solid #00CCFF; border-right: 1px solid #00CCFF; border-bottom: 1px solid #00CCFF; padding-left: 5px;}
	#product01 h3 { width: 573px; height: 432px; text-indent: -9999px; background: url('../html/images/pro01_01.jpg') no-repeat; margin-top: 10px; margin-bottom: 5px; margin-left: 5px;}
		#product01 h4 { width: 573px; height: 361px; text-indent: -9999px; background: url('../html/images/pro01_02.jpg') no-repeat; margin-top: 10px; margin-bottom: 5px; margin-left: 5px;}
	#product01 .ps1 { width: 189px; height: 45px; text-indent: -9999px; background: url('../html/images/pro01_03.gif') no-repeat; margin-top: 15px; margin-bottom: 5px; margin-left: 5px;}
	#product01 .ps2 { width: 185px; height: 44px; text-indent: -9999px; background: url('../html/images/pro01_04.gif') no-repeat; margin-top: 15px; margin-bottom: 5px; margin-left: 5px;}
	#product01 .ps3 { width: 221px; height: 43px; text-indent: -9999px; background: url('../html/images/pro01_05.gif') no-repeat; margin-top: 15px; margin-bottom: 5px; margin-left: 5px; }
	#product01 h5 { width: 328px; height: 19px; text-indent: -9999px; background: url('../html/images/pro01_06.gif') no-repeat; margin-top: 20px; margin-bottom: 3px; margin-left: 5px; }	
 .prospec { font-size: 10px; margin-bottom:20px; margin-left: 10px;}
	
	
#product02 { width: 577px; height: auto; border-left: 4px solid #C98E9F;}
	#product02 h2 { width: 573px; height: 35px; text-indent: -9999px; background: url('../html/images/product02.gif') no-repeat; border-bottom: 1px solid #C98E9F;}
	#product02 h3 { width: 284px; height: 16px; text-indent: -9999px; background: url('../html/images/pro02_02.gif') no-repeat; margin-top: 10px; margin-bottom: 5px;}
		#product02 .link { width: 245px; font-size: 12px; margin: 4px 0; border-top: 1px solid #C98E9F; border-right: 1px solid #C98E9F; border-bottom: 1px solid #C98E9F;}
				#product02 .link2 { width: 270px; font-size: 12px; margin: 4px 0; border: 1px solid #C98E9F;}
				.pict1 {	float:left;	margin-right:5px;	margin-bottom:3px;	}
				.pp { margin: 5px 0; font-weight:bold; color:#666666;}
				.pp2 { margin: 5px 0; color:#666666;}
	
#product03 { width: 577px; height: auto; border-left: 4px solid #009999;}
	#product03 h2 { width: 573px; height: 60px; text-indent: -9999px; background: url('../html/images/product03.gif') no-repeat; border-bottom: 1px solid #009999;}
		#product03 .link { width: 260px; font-size: 12px; margin: 4px 0; border-top: 1px solid #009999; border-right: 1px solid #009999; border-bottom: 1px solid #009999;}
	#product03 .ap { width: 112px; height: 15px; text-indent: -9999px; background: url('../html/images/pro03_02.gif') no-repeat; margin-top: 30px;}
	#product03 .semi { width: 110px; height: 15px; text-indent: -9999px; background: url('../html/images/pro03_03.gif') no-repeat; }
	#product03 .sham { width: 270px; height: 18px; text-indent: -9999px; background: url('../html/images/pro03_05.gif') no-repeat; }
	#product03 .plus { width: 270px; height: 17px; text-indent: -9999px; background: url('../html/images/pro03_06.gif') no-repeat; }
 .spec { font-size: 10px; margin-bottom:10px; }
			
#product04 { width: 577px; height: auto; border-left: 4px solid #AC8D83;}
	#product04 h2 { width: 573px; height: 45px; text-indent: -9999px; background: url('../html/images/product04.gif') no-repeat; border-bottom: 1px solid #AC8D83;}
	#product04 .de45 { width: 217px; height: 18px; text-indent: -9999px; background: url('../html/images/pro04_02.gif') no-repeat; margin-top: 10px;}
	#product04 .de40 { width: 226px; height: 18px; text-indent: -9999px; background: url('../html/images/pro04_03.gif') no-repeat; margin-top: 10px;}
	#product04 .cp { width: 142px; height: 16px; text-indent: -9999px; background: url('../html/images/pro04_07.gif') no-repeat; border-bottom: 1px solid #666666; margin-top:45px;}
	#product04 .cf { width: 183px; height: 17px; text-indent: -9999px; background: url('../html/images/pro04_08.gif') no-repeat; border-bottom: 1px solid #666666; margin-top:45px;}
	#product04 .cr { width: 110px; height: 16px; text-indent: -9999px; background: url('../html/images/pro04_09.gif') no-repeat; margin-top:35px;}
	#product04 .de { width: auto; color:#FF0066; padding: 5px; border: 1px solid #FF0066; font-weight:bold;}
	#product04 .bx { margin: 5px 0 25px 0;}
		#product04 .link { width: 260px; font-size: 12px; margin: 4px 0; border-top: 1px solid #AC8D83; border-right: 1px solid #AC8D83; border-bottom: 1px solid #AC8D83;}
.propic { margin-top: 10px; margin-bottom: 5px;}

.pagetop { margin: 10px 0 50px 0;}


#sn04 h2 { width: 455px; height: 69px; text-indent: -9999px; background: url('../html/images/qa_bar.gif') no-repeat; margin: 7px 0; }
#qabox { width: 577px; margin-bottom: 15px;}
#qabox ul { float:left; font-size: 10px; margin: 0; line-height: 20px; list-style-image:url('../html/images/arrow.gif'); list-style-position:inside;	margin: 0;	padding:0;}
.qora {	margin-right:5px;}
.qline { line-height: 17px; margin-bottom: 15px;}

#sn05 h4 { text-indent: -9999px; }
#sn05 .t01 {width: 274px; height: 65px; background: url('../html/images/plan_p101.jpg') no-repeat; margin: 0; }
#sn05 .t02 {width: 274px; height: 65px; background: url('../html/images/plan_p201.jpg') no-repeat; margin: 0; }
#sn05 .t03 {width: 274px; height: 65px; background: url('../html/images/plan_p301.jpg') no-repeat; margin: 0; }
#sn05 .t04 {width: 274px; height: 65px; background: url('../html/images/plan_p401.jpg') no-repeat; margin: 0; }
#sn05 .t05 {width: 274px; height: 65px; background: url('../html/images/plan_p501.jpg') no-repeat; margin: 0; }
#sn05 .t06 {width: 274px; height: 65px; background: url('../html/images/plan_p601.jpg') no-repeat; margin: 0; }

#sn06 h2 { width: 455px; height: 69px; text-indent: -9999px; background: url('../html/images/afterfofollow_bar.gif') no-repeat; margin: 7px 0; }
#sn06 h3 { width: 455px; height: 48px; text-indent: -9999px; background: url('../html/images/afterfofollow_h3.gif') no-repeat; margin-top: 5px; }
#sn06 h4 { text-indent: -9999px; }
#sn06 .af01 {width: 155px; height: 148px; background: url('../html/images/f01.gif') no-repeat; margin: 0; }
#sn06 .af02 {width: 155px; height: 148px; background: url('../html/images/f02.gif') no-repeat; margin: 0; }
#sn06 .af03 {width: 145px; height: 148px; background: url('../html/images/f03.gif') no-repeat; margin: 0; }
#sn06 .af04 {width: 155px; height: 148px; background: url('../html/images/f04.gif') no-repeat; margin: 0; }
#sn06 .af05 {width: 155px; height: 148px; background: url('../html/images/f05.gif') no-repeat; margin: 0; }
#sn06 .af06 {width: 145px; height: 148px; background: url('../html/images/f06.gif') no-repeat; margin: 0; }
#sn06 .af07 {width: 155px; height: 148px; background: url('../html/images/f07.gif') no-repeat; margin-bottom: 20px; }
#sn06 .af08 {width: 155px; height: 148px; background: url('../html/images/f08.gif') no-repeat; margin-bottom: 20px;  }
#sn06 .af09 {width: 145px; height: 148px; background: url('../html/images/f09.gif') no-repeat; margin-bottom: 20px;  }


/* toppage side rollover */
#t_side_hint{
	margin-top: 0px;
	margin-bottom: 3px;
	background: url('../images/kurashi_hint_b.gif') no-repeat;
 display:block;
 width:230px;
 height:56px;
 text-indent:-9999px;
 overflow:hidden;
}
		#t_side_hint a{	background-position:0px 0px;	}
		#t_side_hint:hover{	background-position:0px -56px;	}

#t_side01{
	margin: 3px 0;
	background: url('../images/top_side01.gif') no-repeat;
 display:block;
 width:230px;
 height:85px;
 text-indent:-9999px;
 overflow:hidden;
}
		#t_side01 a{	background-position:0px 0px;	}
		#t_side01:hover{	background-position:0px -85px;	}

#t_side02{
	margin: 3px 0;
	background: url('../images/top_side02.gif') no-repeat;
 display:block;
 width:230px;
 height:85px;
 text-indent:-9999px;
 overflow:hidden;
}
		#t_side02 a{	background-position:0px 0px;	}
		#t_side02:hover{	background-position:0px -85px;	}

#t_side03{
	margin: 3px 0;
	background: url('../images/top_side03.gif') no-repeat;
 display:block;
 width:230px;
 height:85px;
 text-indent:-9999px;
 overflow:hidden;
}
		#t_side03 a{	background-position:0px 0px;	}
		#t_side03:hover{	background-position:0px -85px;	}

#t_side04{
	margin: 3px 0;
	background: url('../images/top_side04.gif') no-repeat;
 display:block;
 width:230px;
 height:85px;
 text-indent:-9999px;
 overflow:hidden;
}
		#t_side04 a{	background-position:0px 0px;	}
		#t_side04:hover{	background-position:0px -85px;	}

#t_main01{
	margin: 2px 0;
	background: url('../images/banner_q&areform.gif') no-repeat;
 display:block;
 width:455px;
 height:69px;
 text-indent:-9999px;
 overflow:hidden;
}
		#t_main01 a{	background-position:0px 0px;	}
		#t_main01:hover{	background-position:0px -69px;	}

#t_main02{
	margin: 2px 0;
	background: url('../images/banner_medamaplan.gif') no-repeat;
 display:block;
 width:455px;
 height:69px;
 text-indent:-9999px;
 overflow:hidden;
}
		#t_main02 a{	background-position:0px 0px;	}
		#t_main02:hover{	background-position:0px -69px;	}

#t_main03{
	margin: 2px 0;
	background: url('../images/banner_afterfollow.gif') no-repeat;
 display:block;
 width:455px;
 height:69px;
 text-indent:-9999px;
 overflow:hidden;
}
		#t_main03 a{	background-position:0px 0px;	}
		#t_main03:hover{	background-position:0px -69px;	}

#t_main04{
	margin-top: 2px;
	background: url('../images/banner_good.gif') no-repeat;
 display:block;
 width:455px;
 height:55px;
 text-indent:-9999px;
 overflow:hidden;
}
		#t_main04 a{	background-position:0px 0px;	}
		#t_main04:hover{	background-position:0px -55px;	}
