@charset "utf-8";
/* CSS Document */

/*---------------------------------------
Uniersal Selector
----------------------------------------*/
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

/*---------------------------------------
Common
----------------------------------------*/
body {
	height:100%;
	background-color:#EAEAEA;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:12px;
	*font-size:small;
	*font:x-small;
	text-align:center;
}
#wrapper {
	margin:0 auto;
	width:820px;
	background:#fff;
	text-align:left;
}


/*---------------------------------------
#contentsHikkoshi
----------------------------------------*/
#contentsHikkoshi input {
	padding:1px;
	font-size:110%;
}
#contentsHikkoshi select {
	padding:1px;
	font-size:110%;
}
#contentsHikkoshi option {
	padding:0 5px;
}

/*---------------------------------------
#contentsDandori
----------------------------------------*/
#contentsDandori a.dandoriSubmit {
	display:block;
	width:260px;
	height:43px;
	background:url(/images/sort/dandori/dandori_main_submit.gif) no-repeat left top;
	text-indent:-9999px
}
#contentsDandori a.dandoriSubmit:hover {
	background:url(/images/sort/dandori/dandori_main_submit.gif) no-repeat left bottom;
}
#contentsDandori ul li {
	list-style:none outside;
	padding:6px 0 6px 30px;
	font-weight:bold;
	color:#333;
}
#contentsDandori ul {
	margin:0;
	padding:0 0 0 10px;
}
#contentsDandori ul li.one {
	background:url(/images/sort/dandori/list_01.gif) no-repeat center left;
}
#contentsDandori ul li.two {
	background:url(/images/sort/dandori/list_02.gif) no-repeat center left;
}
#contentsDandori ul li.three {
	background:url(/images/sort/dandori/list_03.gif) no-repeat center left;
}
#contentsDandori ul li.four {
	background:url(/images/sort/dandori/list_04.gif) no-repeat center left;
	padding:12px 0 12px 30px;
}
#contentsDandori ul li.five {
	background:url(/images/sort/dandori/list_05.gif) no-repeat center left;
}

/*--------------------------------------------------------
.buttonDandori
--------------------------------------------------------*/
.buttonDandori {
	text-align:center;
	clear:both;
}
.buttonDandori a {
	display:block;
	margin:10px auto;
	width:375px;
	height:61px;
	background:url(/images/sort/dandori/button_dandori.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
.buttonDandori a:hover {
	background:url(/images/sort/dandori/button_dandori.gif) 0 -61px no-repeat;
}

/*--------------------------------------------------------
#hikkoshiCenter
--------------------------------------------------------*/
#hikkoshiCenter {
	background:url(/sort/hikkoshi_center/images/background_base.gif);
}
#hikkoshiCenter h1 {
	width:532;
	height:25px;
	background:url(/sort/hikkoshi_center/images/header_pic_01.gif) no-repeat;
	text-indent:-9999px;
}
#hikkoshiCenter h2 {
	width:710px;
	height:34px;
	background:url(/sort/hikkoshi_center/images/hikkoshi_estimate.gif) no-repeat;
	text-indent:-9999px;
}
#hikkoshiCenter h3 {
	margin-left:4px;
	padding:20px 0 10px;
	width:710px;
}
#hikkoshiCenter em {
	color:#f00;
}
#hikkoshiCenter option {
	padding-right:10px;
}
#hikkoshiCenter #wrapper {
	margin:0 auto;
	padding:10px 10px 20px;
	width:100%;
	background:none;
	text-align:center;
}

#hikkoshiCenter #header {
	margin:0 auto;
	padding:0 10px 7px;
	border-left:4px solid #016734;
	width:733px;
	background:#349901 url(/sort/hikkoshi_center/images/frame_right.gif) right top repeat-y;
	text-align:left;
	color:#fff;
}
#hikkoshiCenter #contents {
	margin:0 auto;
	padding:0 16px 15px 14px;
	border-left:4px solid #016734;
	width:723px;
	background:#fff url(/sort/hikkoshi_center/images/frame_right.gif) right top repeat-y;
	text-align:left;
}
#hikkoshiCenter .frame {
	padding-top:7px;
	width:718px;
	background:url(/sort/hikkoshi_center/images/main_pic.jpg) 505px 2px no-repeat;
}
#hikkoshiCenter .hikkoshiStep,#hikkoshiCenter .hikkoshi {
	float:left;
}
#hikkoshiCenter .hikkoshiStep {
	/*margin-right:10px;*/
	padding:0 16px 0 15px;
	width:323px;
}
#hikkoshiCenter .hikkoshi {
	padding:0;
	width:354px;
}
#hikkoshiCenter .hikkoshiDetail {
	padding:9px;
	width:331px;
}
#hikkoshiCenter .hikkoshiDetail table.company {
	margin:10px 0;
	padding:0;
	border:none;
	border-collapse:separate;
	border-spacing:2px;
	background:none;
}
#hikkoshiCenter .hikkoshiDetail table.company img {
	border:none;
}
#hikkoshiCenter .formHeader {
	margin-top:10px;
	padding:6px 4px 3px 4px;
	width:313px;
	background-color:#f60;
	text-align:center;
}
#hikkoshiCenter .formArea {
	margin:0 0 5px;
	padding:4px;
	width:313px;
	background:#FFFDC5;
}
#hikkoshiCenter .formArea table {
	width:305px;
}
#hikkoshiCenter .formArea table td {
	padding:2px 1px;
	vertical-align:middle;
}
#hikkoshiCenter .formArea table tr.form td img {
	vertical-align:bottom;
}
#hikkoshiCenter .formArea table tr.form td input {
	vertical-align:middle;
}

#hikkoshiCenter .formHikkoshiFooter {
	margin-left:4px;
	background:url(/sort/hikkoshi_center/images/hikkoshi_contents.gif) repeat-y;
}
#hikkoshiCenter .formHikkoshiFooter div {
	padding:0 20px 5px 0;
	text-align:right;
	background:url(/sort/hikkoshi_center/images/hikkoshi_footer.gif) left bottom no-repeat;
}

#hikkoshiCenter .formHikkoshiFooter div a {
	color:#06f;
}

#hikkoshiCenter .formHikkoshiFooter div a:hover {
	color:#639;
}

#hikkoshiCenter .hikkoshiContentsLeft,#hikkoshiCenter .hikkoshiContentsRight {
	float:left;
	width:345px;
}
#hikkoshiCenter .hikkoshiContentsLeft {
	margin:0 20px 0 4px;
}
#hikkoshiCenter .hikkoshiContentsLeft ul,#hikkoshiCenter .hikkoshiContentsRight ul {
	marign:0;
	padding:5px 0;
	border-top:1px solid #97CC04;
	border-left:6px solid #97CC04;
	list-style:none;
	width:336px;
	background:url(/sort/hikkoshi_center/images/background_contents.gif);
}
#hikkoshiCenter .hikkoshiContentsLeft ul li,#hikkoshiCenter .hikkoshiContentsRight ul li {
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	width:306px;
	background:url(/sort/hikkoshi_center/images/arrow_contents.gif) left center no-repeat;
}
#hikkoshiCenter .hikkoshiContentsLeft ul li a,#hikkoshiCenter .hikkoshiContentsRight ul li a {
	font-size:105%;
	font-weight:bold;
	color:#06f;
}
#hikkoshiCenter .hikkoshiContentsLeft ul li a:hover,#hikkoshiCenter .hikkoshiContentsRight ul li a:hover {
	color:#639;
}
#hikkoshiCenter .hikkoshiContentsLeft div,#hikkoshiCenter .hikkoshiContentsRight div {
	margin:0;
	padding:5px 5px 10px;
	width:335px;
}
#hikkoshiCenter .operatingCompany {
	margin-left:4px;
	width:710px;
	text-align:right;
}
#hikkoshiCenterFooter {
	margin:0 auto;
	padding:10px 0 0;
	border-left:4px solid #016734;
	width:753px;
	background:#349901 url(/sort/hikkoshi_center/images/frame_right.gif) right top repeat-y;
	color:#fff;
}

/*--------------------------------------------------------
#hikkoshiCost
--------------------------------------------------------*/
#hikkoshiCost {
	background:url(/sort/hikkoshi_center/images/background_base.gif);
}
#hikkoshiCost #wrapper {
	margin:0 auto;
	padding:10px 10px 20px;
	width:100%;
	background:none;
	text-align:center;
}

#hikkoshiCost #header {
	margin:0 auto;
	padding:0 4px;
	width:749px;
	background:#349901 url(/images/sort/hikkoshi_cost/frame_middle.gif) repeat-y;
	text-align:left;
}
#hikkoshiCost #header div {
	padding:5px 0 0 0;
	width:749px;
	background:url(/images/sort/hikkoshi_cost/background_title.jpg) no-repeat;
}
#hikkoshiCost #header div h1 {
	margin:0 0 10px 18px;
	width:692px;
	height:54px;
	background:url(/images/sort/hikkoshi_cost/title.gif) no-repeat;
	text-indent:-9999px;
}
#hikkoshiCost #header div ul {
	list-style:none;
}

#hikkoshiCost #header div ul li {
	float:left;
	height:38px;
}
#hikkoshiCost #header div .order {
	margin:0 0 0 18px;
	padding:0;
	width:710px;
	height:128px;
	background:url(/images/sort/hikkoshi_cost/background_order.gif) 0 38px no-repeat;
}
#hikkoshiCost #header div .order div {
	padding:22px 0 0 179px;
	clear:both;
	width:531px;
	background:none;
}
#hikkoshiCost #header div .order div a {
	display:block;
	width:356px;
	height:56px;
	background:url(/images/sort/hikkoshi_cost/button_order.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#hikkoshiCost #header div .order div a:hover {
	background:url(/images/sort/hikkoshi_cost/button_order.gif) 0 -56px no-repeat;
}

#hikkoshiCost .clear {
	clear:both;
}

#hikkoshiCost #contents {
	margin:0 auto;
	padding:0 25px 0 22px;
	width:710px;
	background:url(/images/sort/hikkoshi_cost/frame_middle.gif) top repeat-y;
	text-align:left;
}

/* .reason */
#hikkoshiCost #contents .reason {
	margin-bottom:12px;
	width:710px;
	background:url(/images/sort/hikkoshi_cost/frame_chapter_middle.gif) repeat-y;
}
#hikkoshiCost #contents .reason h2 {
	width:710px;
	height:33px;
	background:url(/images/sort/hikkoshi_cost/chapter_reason.gif) no-repeat;
	text-indent:-9999px;
}

#hikkoshiCost #contents .reason ul {
	padding:11px 20px 0;
	width:670px;
	list-style:none;
}
#hikkoshiCost #contents .reason ul li {
	float:left;
	width:325px;
}
#hikkoshiCost #contents .reason ul li.point01,
#hikkoshiCost #contents .reason ul li.point03 {
	margin-right:20px;
}
#hikkoshiCost #contents .reason ul li.point03 {
	clear:both;
}

#hikkoshiCost #contents .reason ul li.point01 p,
#hikkoshiCost #contents .reason ul li.point02 p {
	padding:4px 0 10px;
}
#hikkoshiCost #contents .reason ul li.point03 p,
#hikkoshiCost #contents .reason ul li.point04 p {
	padding:4px 0;
}

/* .select */
#hikkoshiCost #contents .select p {
	margin:0 40px 2px;
	width:630px;
	background:url(/images/sort/hikkoshi_cost/line_dotted.gif) left center repeat-x;
}
#hikkoshiCost #contents .select p span {
	padding-right:3px;
	background-color:#fff;
	font-weight:bold;
	color:#4BA451;	
}
#hikkoshiCost #contents .select table {
	margin:0 auto;
}
#hikkoshiCost #contents .select div {
	margin:8px 40px 11px;
	padding:4px 9px;
	width:612px;
	background-color:#FFFEEB;
}
#hikkoshiCost #contents .select div .notes-s-b strong {
	font-weight:bold;
	color:#f00;
}

/* .flow */
#hikkoshiCost #contents .flow {
	margin-bottom:20px;
	width:710px;
	background:url(/images/sort/hikkoshi_cost/frame_chapter_middle.gif) repeat-y;
}
#hikkoshiCost #contents .flow h2 {
	width:710px;
	height:33px;
	background:url(/images/sort/hikkoshi_cost/chapter_flow.gif) no-repeat;
	text-indent:-9999px;
}

#hikkoshiCost #contents .flow ul {
	padding:11px 45px 0;
	width:620px;
	list-style:none;
}
#hikkoshiCost #contents .flow ul li.flow01,
#hikkoshiCost #contents .flow ul li.flow02,
#hikkoshiCost #contents .flow ul li.flow03 {
	float:left;
}
#hikkoshiCost #contents .flow ul li.flow01,
#hikkoshiCost #contents .flow ul li.flow02 {
	padding-right:25px;
	width:191px;
	background:url(/images/sort/hikkoshi_cost/arrow_flow.gif) 195px 65px no-repeat;
}
#hikkoshiCost #contents .flow ul li.flow03 {
	width:188px;
}

/* .step : /include/form_contents.html */
#hikkoshiCost .step {
	padding-bottom:42px;
	width:710px;
	text-align:center;
}
#hikkoshiCost .step .mb4 {
	margin-bottom:4px;
}
#hikkoshiCost .step .mb4 .base-m-b {
	font-size:115%;
	font-weight:bold;
}
#hikkoshiCost .step .mb4 .base-m-b .red {
	font-weight:bold;
	color:#f00;
}
#hikkoshiCost .step .mb16 {
	margin:0 auto;
	width:570px;
}
#hikkoshiCost .step .mb16 table td table {
	padding:0;
	text-align:left;
}

/*フォーム*/
form {
	margin: 0;
}
/*form文字用*/
.form-text-s {font: 12px/125% "ＭＳ Ｐゴシック"; color: #333;}
.form-text-m-b {font: bold 14px/125% "ＭＳ Ｐゴシック"; color: #333;}

input{
	margin-right:2px;
	font:14px/125% "ＭＳ Ｐゴシック";
	color:#000;
}
select{
	margin-right:2px;
	font:14px/125% "ＭＳ Ｐゴシック";
	color:#000;
}
option {
	padding-right:10px;
}
label{
	padding:0px 6px 0px 0px;
	font:12px/125% "ＭＳ Ｐゴシック";
	color:#333;
}

/*--------------------------------------------------------
#footer
--------------------------------------------------------*/
#footer {
	clear:both;
	background:#333;
	padding:5px;
	width:810px;
	text-align:right;
	color:#fff;
}
#footer a {
	color:#fff;
}