@charset "UTF-8";



/* ***************************************************

* CSS file For seo.cyberstar.co.jp/

	FileName: kwm.css

	data:2009/01/15 koma



■目次 ==========================================

■[00]:共通スタイル

■[01]:top

■[02]:select

■[03]:okoshi

■[04]:maido

■[05]:pettan

■[06]:consul

■[07]:free

**************************************************** */



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

■[00]:共通スタイル（）

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

div.detailBt{

	display: block;

	height: 28px;

	text-align: right;

	padding: 10px 0px 0px;

}



div.contactBt{

	clear: both;

	width: 670px;

	display: block;

	/* padding: 40px 0px 0px; */

}

div.underText{

	letter-spacing: 0px;

	font-size: 14px;

	line-height: 20px;

	padding: 5px 0px 0px;

}



/****** quickEstimate ******/

div.quickEstimate{

	margin: 10px 0px 60px;

	background: #666;

}

div.quickEstimate .systemBox{

	padding: 0px 10px 15px;

}

div.quickEstimate .bordBox{

	border: 1px solid #b3b3b3;

	padding: 7px 8px 7px 9px;

}

div.quickEstimate .inputBox{

	display: block;

	float: left;

	width: 214px;

}

div.quickEstimate .inputBox input{

	width: 212px;

	height: 21px;

	padding: 3px 0px 0px;

	font-size: 12px;

	border: 1px solid #CCC;

	color: #999;

}

div.quickEstimate .imageBox{

	display: block;

	float: left;

	width: 41px;

}

div.quickEstimate .startBt{

	display: block;

	float: right;

	width: 150px;

}



/****** error ******/

div.error{

	background: url(/img/kwm/okoshi_image_error.gif) no-repeat;

	padding: 0px 0px 0px 55px;

	margin: 3px 0px 0px;

	font-size: 12px;

	color: #F00;

}

div.resultBox .resutlError{

	background: #fff1f1;

	padding: 10px;
	
	margin: 0 0 40px;

}

div.resultBox .resutlError .left{

	display: block;

	float: left;

}

div.resultBox .resutlError .textBox{

	width: 545px;

	padding: 3px 0px 15px 3px;

}





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

■[01]:top

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

div.kwmCon_01,div.kwmCon_02{

	width: 670px;

	font-size: 14px;

	line-height: 20px;

	padding: 25px 0px;

}

div.kwmCon_02{ padding: 25px 0px 0px; }



/****** kwmCon_01 ******/

div.kwmCon_01 p{

	padding: 20px 0px 45px;

	margin: 0px;

}



/****** kwmCon_02 ******/

div.kwmCon_02 p{ padding: 20px 0px 0px; }

div.kwmCon_02 .toolBox{

	padding: 10px;

	font-size: 12px;

	line-height: 18px;

	margin:0 0 40px;
}

div.kwmCon_02 .toolBox .detailLeft,

div.kwmCon_02 .toolBox .detailRight{

	background: url(/img/kwm/top_dotted_001.gif) repeat-x bottom;

	width: 307px;

	display: block;

	padding: 0px 0px 5px;

}

div.kwmCon_02 .toolBox .detailLeft{ float: left; }

div.kwmCon_02 .toolBox .detailRight{ float: right; }



div.kwmCon_02 .toolBox h5{

	padding: 13px 0px 10px;

}

div.kwmCon_02 .toolBox .toolImage{

	width: 73px;

	display: block;

	float: left;

}

div.kwmCon_02 .toolBox dl{

	width: 217px;

	display: block;

	float: right;

}

div.kwmCon_02 .toolBox dt{

	width: 217px;

	display: block;

	padding: 0px 0px 10px;

}

div.kwmCon_02 .toolBox dd{ padding: 0px 3px 10px; }





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

■[02]:select

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

div.selectCon_01,div.selectCon_02{

	width: 670px;

	font-size: 14px;

	line-height: 20px;

	padding: 25px 0px;

}

div.selectCon_02{ padding: 25px 0px 0px; }



/****** selectCon_01 ******/

div.selectCon_01 p{

	padding: 20px 0px 45px;

	margin: 0px;

}

div.selectCon_01 .capBox{

	padding: 0px 0px 20px;

}

div.selectCon_01 .textBox{

	width: 670px;

	border: 1px solid #CCC;

}

div.selectCon_01 .textBox p{

	padding: 18px;

}



/****** selectCon_02 ******/

div.selectCon_02 .detailBox01{

	width: 670px;

	padding: 20px 0px;

}

div.selectCon_02 .detailBox02{

	width: 670px;

	padding: 20px 0px 60px;

}

div.selectCon_02 .detailBox01 p,

div.selectCon_02 .detailBox02 p{

	padding: 15px 0px 0px;

}





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

■[03]:okoshi

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

div.okoshiCon_01{

	width: 670px;

	font-size: 14px;

	line-height: 20px;

	padding: 25px 0px;

}



div.okoshiCon_01 p{

	padding: 20px 0px 45px;

	margin: 0px;

}

div.okoshiCon_01 .okoshiSearch{

	width: 670px;

	padding: 0px 0px 40px;

}

div.okoshiCon_01 .okoshiSearch .searchBox{

	background: #e7e7e7;

	padding: 20px 15px 15px;

	border-top: 1px solid #FFF;

}

div.okoshiCon_01 .okoshiSearch p{

	padding: 0px 0px 15px;

}

div.okoshiCon_01 .searchBox .systemBox input{

	display: block;

	float: left;

	width: 355px;

	height: 30px;

	border: 1px solid #CCC;

	line-height: 30px;

	font-size: 14px;

}

div.okoshiCon_01 .searchBox .searchBt{

	display: block;

	float: right;

	width: 267px;

}

div.okoshiCon_01 .resultBox{

	width: 670px;

}

div.okoshiCon_01 .resultBox p{

	padding: 15px 0px 30px;

}

div.okoshiCon_01 .resultBox div.resultTbl{

	background: url(/img/kwm/okoshi_image_002.gif) no-repeat bottom;

	width: 670px;

	padding: 0px 0px 35px;

}


div.okoshiCon_01 .resultBox div.resultTbl table{

	width: 670px;

	display: block;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

	font-size: 14px;

}

div.okoshiCon_01 .resultBox th{

	background: url(/img/kwm/okoshi_th_bg.gif) repeat-x;

	padding: 12px 0px 9px;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	text-align: center;

	font-size: 14px;

	line-height: 16px;

}

div.okoshiCon_01 .resultBox th.wid01{ width: 52px; }

div.okoshiCon_01 .resultBox th.wid02{ width: 158px; }

div.okoshiCon_01 .resultBox th.wid03{ width: 138px; }

div.okoshiCon_01 .resultBox td{

	padding: 7px 10px 5px;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	text-align: right;

}

div.okoshiCon_01 .resultBox td.thBox{

	text-align: center;

}





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

■[04]:maido

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

div.maidoCon_01{

	width: 670px;

	font-size: 14px;

	line-height: 20px;

	padding: 25px 0px;

}



div.maidoCon_01 p{

	padding: 20px 0px 45px;

	margin: 0px;

}

div.maidoCon_01 .maidoSearch{

	width: 670px;

	padding: 0px 0px 40px;

}

div.maidoCon_01 .maidoSearch p{

	padding: 0px 0px 20px;

}

div.maidoCon_01 .searchBox{

	background: #e7e7e7;

	padding: 20px 15px 15px;

	border-top: 1px solid #FFF;

}

div.maidoCon_01 .searchBox .systemBox01{

	width: 320px;

	background: #01b3b3;

	color: #FFF;

	text-align: center;

	display: block;

	float: left;

}

div.maidoCon_01 .searchBox .systemBox01 input{

	width: 314px;

	height: 30px;

	font-size: 14px;

	line-height: 30px;

	border: 1px solid #CCC;

	text-align: center;

	color: #666;

}

div.maidoCon_01 .searchBox .systemBox02{

	width: 158px;

	background: #01b3b3;

	color: #FFF;

	text-align: center;

	display: block;

	float: left;

	margin: 0px 0px 0px 2px;

}

div.maidoCon_01 .searchBox .systemBox02 input{

	width: 152px;

	height: 30px;

	font-size: 14px;

	line-height: 30px;

	border: 1px solid #CCC;

	text-align: center;

	color: #666;

}

div.maidoCon_01 .searchBox .padd3{ padding: 3px; }

div.maidoCon_01 .searchBox .searchBt{ text-align: center; padding: 10px 0px 0px; }





div.maidoCon_01 .resultBox{

	width: 670px;

}

div.maidoCon_01 .resultBox p{

	padding: 15px 0px 30px;

}

div.maidoCon_01 .resultBox div.resultTbl{

	background: url(/img/kwm/okoshi_image_002.gif) no-repeat bottom;

	width: 670px;

	padding: 0px 0px 35px;

}

div.maidoCon_01 .resultBox table{

	width: 670px;

	display: block;

	border-top: 1px solid #999;

	border-left: 1px solid #5C5C5C;

	border-right: 1px solid #999;

	border-bottom: 1px solid #999;

	font-size: 14px;

	margin: 10px 0px 0px;

}

div.maidoCon_01 .resultBox th{ padding: 8px; border-right: 1px solid #FFF; border-bottom: 1px solid #999; }

div.maidoCon_01 .resultBox td{ padding: 6px; border-right: 1px solid #FFF; text-align: center; color: #333; font-size: 12px; }



div.maidoCon_01 .resultBox th.tab01{ background: #666; }

div.maidoCon_01 .resultBox th.tab02{ background: #ffcd82; }

div.maidoCon_01 .resultBox th.tab03{ background: #eb9f9f; }

div.maidoCon_01 .resultBox th.tab04{ background: #fffb8b; }

div.maidoCon_01 .resultBox th.tab05{ background: #ffad32; }

div.maidoCon_01 .resultBox th.tab06{ background: #8ec7c7; }

div.maidoCon_01 .resultBox th.tab07{ background: #CCC; }

div.maidoCon_01 .resultBox th.tab08{ background: #e37878; }

div.maidoCon_01 .resultBox th.tab09{ background: #CCC; border-right: none; }



div.maidoCon_01 .resultBox td.tab01{ background: #999 url(/img/kwm/maido_tab_001.gif) repeat-x bottom; color: #FFF; font-size: 14px; }

div.maidoCon_01 .resultBox td.tab02{ background: #fff0d9 url(/img/kwm/maido_tab_002.gif) repeat-x bottom; }

div.maidoCon_01 .resultBox td.tab03{ background: #f7dada url(/img/kwm/maido_tab_003.gif) repeat-x bottom; }

div.maidoCon_01 .resultBox td.tab04{ background: #fffed9 url(/img/kwm/maido_tab_005.gif) repeat-x bottom; }

div.maidoCon_01 .resultBox td.tab05{ background: #ffdca8 url(/img/kwm/maido_tab_006.gif) repeat-x bottom; }

div.maidoCon_01 .resultBox td.tab06{ background: #eaf5f5 url(/img/kwm/maido_tab_007.gif) repeat-x bottom; }

div.maidoCon_01 .resultBox td.tab07{ background: #fff url(/img/kwm/maido_tab_008.gif) repeat-x bottom; text-align: right; }

div.maidoCon_01 .resultBox td.tab08{ background: #f1b9b9 url(/img/kwm/maido_tab_009.gif) repeat-x bottom; text-align: right; }

div.maidoCon_01 .resultBox td.tab09{ background: #fff url(/img/kwm/maido_tab_010.gif) repeat-x bottom; text-align: right; border-right: none; }



div.maidoCon_01 .resultBox td.tab11{ background: #666; padding: 3px;}

div.maidoCon_01 .resultBox td.tab12{ background: #ffcd82;}

div.maidoCon_01 .resultBox td.tab13{ background: #eb9f9f;}

div.maidoCon_01 .resultBox td.tab14{ background: #fffb8b;}

div.maidoCon_01 .resultBox td.tab15{ background: #ffad32;}

div.maidoCon_01 .resultBox td.tab16{ background: #8ec7c7;}

div.maidoCon_01 .resultBox td.tab17{ background: #ccc; text-align: right;}

div.maidoCon_01 .resultBox td.tab18{ background: #e37878; text-align: right;}

div.maidoCon_01 .resultBox td.tab19{ background: #ccc; text-align: right; border-right: none;}







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

■[05]:pettan

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

div.pettanCon_01,

div.pettanCon_02,

div.pettanCon_03{

	width: 670px;

	font-size: 14px;

	line-height: 20px;

	padding: 25px 0px;

}



/****** pettanCon_01 ******/

div.pettanCon_01 h4{

	padding: 20px 0px 40px;

	display: block;

}

div.pettanCon_01 .image{

	clear: both;

	width: 236px;

	display: block;

	float: left;

}

div.pettanCon_01 p{

	width: 415px;

	display: block;

	float: right;

}



/****** pettanCon_02 ******/

div.pettanCon_02 h3{ padding: 0px 0px 25px 0px; }

div.pettanCon_02 div{

	width: 218px;

	display: block;

	float: left;

}

div.pettanCon_02 div.padd{

	padding: 0px 0px 0px 8px;

}



/****** pettanCon_03 ******/

div.pettanCon_03 p{

	padding: 20px 0px 40px;

	margin: 0px;

}



div.pettanCon_03 .image01,

div.pettanCon_03 .image02{

	display: block;

	float: left;

	padding: 0px 0px 60px;

}

div.pettanCon_03 .image01{ width: 507px; }

div.pettanCon_03 .image02{ width: 163px; }



div.pettanCon_03 .detailData01{

	width: 670px;

	display: block;

	padding: 0px 0px 40px;

}

div.pettanCon_03 .detailData02{

	width: 670px;

	display: block;

	padding: 0px 0px 10px;

}

div.pettanCon_03 h4{ padding: 0px 0px 10px }



div.pettanCon_03 table.tabData{

	width: 670px;

	background: url(/img/kwm/pettan_tab_bg.gif) repeat-y;

}

div.pettanCon_03 .tabTop,

div.pettanCon_03 .tabBottom{

	width: 670px;

	height: 6px;

	font-size: 0px;

	line-height: 0px;

}

div.pettanCon_03 .tabMiddle{

	width: 670px;

	height: 8px;

	font-size: 0px;

	line-height: 0px;

}

div.pettanCon_03 .tabData .dataLeft{

	width: 110px;

	padding: 0px 0px 0px 20px;

}

div.pettanCon_03 .tabData .dataRight{

	font-size: 14px;

	line-height: 20px;

	padding: 10px 10px 10px 25px;

}

div.pettanCon_03 .tabData .dataRight table{

	font-size: 14px;

	line-height: 20px;

}

div.pettanCon_03 .tabData .dataRight td{

	vertical-align: top;

	padding-right: 8px;

}



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

■[06]:consul

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

div.consulCon_01,

div.consulCon_02{

	width: 670px;

	font-size: 14px;

	line-height: 20px;

	padding: 25px 0px;

}



div.consulCon_02{

	padding: 35px 0px 25px;

}



/****** consulCon_01 ******/

div.consulCon_01 .stepBox{

	width: 670px;

	display: block;

	padding: 20px 0px 30px;

}



div.consulCon_01 .stepBox .step01,

div.consulCon_01 .stepBox .step02,

div.consulCon_01 .stepBox .step03,

div.consulCon_01 .stepBox .step04{

	width: 670px;

	display: block;

	text-align: center;

}

div.consulCon_01 .stepBox .step01{

	background: url(/img/kwm/consul_image_001.gif) no-repeat;

	height: 64px;

}

div.consulCon_01 .stepBox .step01 p{ padding: 35px 0px 0px; font-weight: bold; }

div.consulCon_01 .stepBox .step02{

	background: url(/img/kwm/consul_image_002.gif) no-repeat;

	height: 61px;

}

div.consulCon_01 .stepBox .step02 p{ padding: 32px 0px 0px; font-weight: bold; }

div.consulCon_01 .stepBox .step03{

	background: url(/img/kwm/consul_image_003.gif) no-repeat;

	height: 62px;

}

div.consulCon_01 .stepBox .step03 p{ padding: 33px 0px 0px; font-weight: bold; }

div.consulCon_01 .stepBox .step04{

	background: url(/img/kwm/consul_image_004.gif) no-repeat;

	height: 91px;

}

div.consulCon_01 .stepBox .step04 p{ padding: 33px 0px 0px; font-weight: bold; }



div.consulCon_01 .detailData{

	width: 670px;

	display: block;

	margin: 25px 0px 0px;

}

div.consulCon_01 .detailData .dataBox{

	height: 95px;

	display: block;

	background: #FFF;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	padding: 0px 15px;

}

div.consulCon_01 .detailData .dataBox strong{

	display: block;

	padding: 15px 0px 0px;

}

div.consulCon_01 .detailData .dataBox div{

	padding: 0px 0px 5px;

}

div.consulCon_01 .detailData .dataBox span{

	color: #01b3b3;

}



/****** consulCon_02 ******/

div.consulCon_02 .detailData{

	width: 670px;

	display: block;

	margin: 25px 0px 0px;

}

div.consulCon_02 .detailData .dataBox{

	height: 200px;

	display: block;

	background: #ECECEC;

	border-left: 1px solid #CCC;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	padding: 0px 15px;

}

div.consulCon_02 .detailData .dataBox strong{

	display: block;

	padding: 15px 0px 0px;

}

div.consulCon_02 .detailData .dataBox div{

	padding: 0px 0px 5px;

}

div.consulCon_02 .detailData .dataBox span{

	color: #01b3b3;

}



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

■[07]:free

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

div.freeCon_01{

	width: 670px;

	font-size: 14px;

	line-height: 20px;

	padding: 25px 0px;

}

div.freeCon_01 p{

	padding: 20px 0px 40px;

	margin: 0px;

}



div.freeCon_01 .detailData{

	background: #ececec;

	margin: 15px 0px 0px;

	width: 664px;

}

div.freeCon_01 .detailData .dataLeft{

	width: 76px;

	display: block;

	float: left;

}

div.freeCon_01 .detailData .dataRight{

	width: 580px;

	display: block;

	float: right;

}

div.freeCon_01 .detailData p{

	padding: 10px 0px;

	letter-spacing: 0px;

}

div.freeCon_01 .dataBox01,

div.freeCon_01 .dataBox02,

div.freeCon_01 .dataBox03{

	padding: 6px 0px 6px 6px;

	border-bottom: 1px solid #FFF;

}

div.freeCon_01 .dataBox01 h5,

div.freeCon_01 .dataBox02 h5,

div.freeCon_01 .dataBox03 h5{

	width: 580px;

	padding: 6px 0px 5px 5px;

	font-size: 14px;

	font-weight: bold;

	color: #FFF;

}

div.freeCon_01 .dataBox01 h5{ background: url(/img/kwm/free_capbg_001.gif) no-repeat; }

div.freeCon_01 .dataBox02 h5{ background: url(/img/kwm/free_capbg_002.gif) no-repeat; }

div.freeCon_01 .dataBox03 h5{ background: url(/img/kwm/free_capbg_003.gif) no-repeat; }