/*----------------------- タイトル ------------------------*/

#title_area_naniwa {
	padding-bottom: 28px;
	background:url(../image/common/main/line.gif) repeat-x left bottom;
}
#contents_all_wide #title_area_naniwa,
#contents_all_wide #title_area_naniwa h2 {
	width: 728px;
}
#contents_all #title_area_naniwa,
#contents_all #title_area_naniwa h2 {
	width: 468px;
}
#title_area_naniwa h2 {
	text-indent:-1000em;
	height: 97px;
}
#title_area_naniwa p{
	padding: 15px 14px 0;
}
#contents_all_wide #title_area_naniwa p {
	width: 700px;
}
#contents_all #title_area_naniwa p {
	width: 440px;
}


#title_flow {		background: url(../image/contents/naniwa/title_flow.gif) left top no-repeat;	}
#title_faq {		background: url(../image/contents/naniwa/title_faq.gif) left top no-repeat;	}
#title_voice {		background: url(../image/contents/naniwa/title_voice.gif) left top no-repeat;	}
#title_estimate {	background: url(../image/contents/naniwa/title_estimate.gif) left top no-repeat;	}

/*----------------------- /タイトル ------------------------*/

/*----------------------- 見出し ------------------------*/

h3#flow_01 {		background: url(../image/contents/naniwa/h3_flow_01.gif) left top no-repeat;	}
h3#flow_02 {		background: url(../image/contents/naniwa/h3_flow_02.gif) left top no-repeat;	}
h3#flow_03 {		background: url(../image/contents/naniwa/h3_flow_03.gif) left top no-repeat;	}
h3#flow_04 {		background: url(../image/contents/naniwa/h3_flow_04.gif) left top no-repeat;	}
h3#flow_05 {		background: url(../image/contents/naniwa/h3_flow_05.gif) left top no-repeat;	}
h3#flow_06 {		background: url(../image/contents/naniwa/h3_flow_06.gif) left top no-repeat;	}
h3#flow_07 {		background: url(../image/contents/naniwa/h3_flow_07.gif) left top no-repeat;	}
h3#faq_01 {			background: url(../image/contents/naniwa/h3_faq_01.gif) left top no-repeat;	}
h3#faq_02 {			background: url(../image/contents/naniwa/h3_faq_02.gif) left top no-repeat;	}
h3#faq_03 {			background: url(../image/contents/naniwa/h3_faq_03.gif) left top no-repeat;	}
h3#estimate_01 {	background: url(../image/contents/naniwa/h3_estimate_01.gif) left top no-repeat;	}

#flow_h4_01 {		background: url(../image/contents/naniwa/h4_flow_01.gif) left top no-repeat;	}
#flow_h4_02 {		background: url(../image/contents/naniwa/h4_flow_02.gif) left top no-repeat;	}
#flow_h4_03 {		background: url(../image/contents/naniwa/h4_flow_03.gif) left top no-repeat;	}
#flow_h4_04 {		background: url(../image/contents/naniwa/h4_flow_04.gif) left top no-repeat;	}
#flow_h4_05 {		background: url(../image/contents/naniwa/h4_flow_05.gif) left top no-repeat;	}
#flow_h4_06 {		background: url(../image/contents/naniwa/h4_flow_06.gif) left top no-repeat;	}
#flow_h4_06_5 {		background: url(../image/contents/naniwa/h4_flow_06_5.gif) left top no-repeat;	}
#flow_h4_07 {		background: url(../image/contents/naniwa/h4_flow_07.gif) left top no-repeat;	}
#flow_h4_08 {		background: url(../image/contents/naniwa/h4_flow_08.gif) left top no-repeat;	}
#flow_h4_09 {		background: url(../image/contents/naniwa/h4_flow_09.gif) left top no-repeat;	}
#flow_h4_10 {		background: url(../image/contents/naniwa/h4_flow_10.gif) left top no-repeat;	}
#flow_h4_11 {		background: url(../image/contents/naniwa/h4_flow_11.gif) left top no-repeat;	}
#flow_h4_12 {		background: url(../image/contents/naniwa/h4_flow_12.gif) left top no-repeat;	}
#flow_h4_13 {		background: url(../image/contents/naniwa/h4_flow_13.gif) left top no-repeat;	}

/*----------------------- /見出し ------------------------*/

/*----------------------- テーブル ------------------------*/

/* 見積もりテーブル */

table#table_estimate {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top:1px solid #39c;
	text-align:left;
}
table#table_estimate th,
table#table_estimate td {
	padding: 8px 8px;
	border-bottom:1px solid #39c;
	line-height: 150%;
}
table#table_estimate th {
	background-color:#c6e3ff;
	width: 120px;
}

/*IE用CSS
thをautoに指定してサイズの固定を解除
*/
table#table_estimate th.colspan_2{
	width:auto;
}

table#table_estimate td.submit {
	text-align:center;
	background-color:#39c;
}

table#table_estimate td .clearfix{
	margin-bottom: 4px;
}

/* アンケートフォームテーブル */

table#table_enquete {
	width: 440px;
	margin:0 auto 25px;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 110%;
	border-top:1px solid #57A16C;
	text-align:left;
}
table#table_enquete th,
table#table_enquete td {
	padding: 8px 16px;
	border-bottom:1px solid #57A16C;
	border-right:1px dotted #57A16C;
	border-left:1px dotted #57A16C;
}
table#table_enquete th {
	background-color:#D4E8DA;
}
table#table_enquete td.submit {
	text-align:center;
	background-color:#D4E8DA;
}
table#table_enquete td.submit input {
	float: left;
	margin-right: 1em;
}

/* お客様の声テーブル */

table.table_voice {
	background: url(../image/contents/naniwa/voice_table_body.gif) left top repeat-y;
	width: 440px;
	margin:0 auto 25px;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 110%;
	text-align:left;
}
table.table_voice thead {
	background: #3F9614 url(../image/contents/naniwa/voice_table_head.gif) left top no-repeat;
}
table.table_voice thead th{
	padding: 8px 16px;
	color: #FFE362;
	font-size: 1.2em;
}
table.table_voice tfoot {
	background: url(../image/contents/naniwa/voice_table_foot.gif) left bottom no-repeat;
	height: 14px;
	text-indent:-1000em;
}
table.table_voice tbody {
}
table.table_voice tbody tr.voice_profile th,
table.table_voice tbody tr.voice_profile td {
	padding: 2px 8px;
	border-bottom:1px solid #3F9614;
}
table.table_voice tbody tr td.voice_point {
	padding: 8px 2px 0px 8px;
	width: 100px;
	vertical-align:top;
}
table.table_voice tbody tr th.voice_smile {
	text-align: right;
}
table.table_voice tbody tr td.voice_point p {
	margin-bottom: 8px;
}
table.table_voice tbody tr td.voice_comment {
	padding: 8px 8px 0px;
	vertical-align:top;
}
table.table_voice tbody tr td.voice_comment p {
	margin: 4px 0 1em;
}
table.table_voice tbody h4.comment_good {
	color: #000;
}
table.table_voice tbody h4.comment_bad {
	color: #9E0B0E;
}
table.table_voice tbody h4.naniwa_comment {
	color: #028760;
}

/*----------------------- /テーブル ------------------------*/

.img_and_form {
	width: 163px;
	float: left;
	padding: 0 3px;
}
.option_list {
	clear: both;
	margin-bottom: 0.5em;
}
.option_list_name {
	width: 120px;
	float: left;
}

/* ボタン */
	button.submitBtn { clear: both; display:block; border:0; cursor:pointer; font-weight:bold; padding:20px 20px 20px 0; float:left; text-align:center;  width: auto; }
	button.submitBtn span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
	
	/*blue buttons*/
	button.submitBtn { background:url(../image/contents/btn/btn_blue_right.gif) right no-repeat; font-size:1.8em; font-weight: bold; }
	button.submitBtn span { height:50px; line-height:50px;background:url(../image/contents/btn/btn_blue_left.gif) left no-repeat;color:#fff; }
	button.submitBtn:hover {background:url(../image/contents/btn/btn_blue_right_hover.gif) right no-repeat; }
	button.submitBtn:hover span {background:url(../image/contents/btn/btn_blue_left_hover.gif) left no-repeat; }

		/* style exceptions for all IE browsers */
	*html button.submitBtn { width:auto; overflow:visible; }
	*html button.submitBtn span { margin-top:1px; }



#work_area {
	width: 700px;
	height: 800px;
	background: url(../image/contents/naniwa/drag_drop.gif) left top no-repeat;
}
#truck_area {
	width: 200px;
	height: 600px;
	float: right;
	margin-bottom: 16px;
}
#truck {
	width: 200px;
	height: 400px;
	float: right;
	border-top: 1px solid #CCC;
	padding-top: 4px;
	margin-top: 6px;
	overflow: auto;
	overflow-x: hidden; 
}
#home {
	width: 440px;
	height: 600px;
	float: left;
}
.tab_body {
	width: 438px;
	height: 498px;
	border: 1px solid #3B546A;
	background-color: #D4E8DA;
}
.kagu {
	width: 50px;
	height: 90px;
	font-size: 85%;
	line-height: 120%;
	float: left;
	margin: 4px;
	padding: 0 2px;
	background-color: #FFF;
}
.droppable-hover{
  background-color : #aaa ; 
}


/*----------------------- スライダー ------------------------*/

		.stripViewer { /* スライダーのウィンドウ枠（自動生成される） */
			position: relative;
			overflow: auto;
			overflow-x: hidden; 
			border: 3px solid #39c;
			margin: auto;
			width: 694px;
			height: 670px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* これは、機能を実装するのに重要な指定です。幅は、JSによって計算されて、指定されます  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools.
										これは、CSS確認、しかし、停留所を偶然に壊します（そして、意図的な - 注意してください）Firefoxを中でハイライトしているパネル。一部の人々は、この役に立つ、狂った馬鹿を見つけるかもしれません。 */
		}
		
		.stripViewer .panelContainer .panel { /* 各々のパネルは、端と端をつないで配置されます */
			float:left;
			height: 100%;
			position: relative;
			width: 694px; /* .stripViewer と合わせる必要があります。 */
		}
		
		/* タブ */
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* あなたがこれを変えるならば、必ずslideviewer.jsでnavWidthの初期値を調節するようにしてください */
		}
		.stripNav a { /* The nav links */
			font-size: 100%;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 8px;
		}
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
		}
		/* /タブ */
		
		/* 右と左の矢印 */
		.stripNavL, .stripNavR {
			display: none;
		}
		
		/* ページリンク */
		a.cross-link {
			margin: 3px;
			padding: 2px 6px;
			border: 1px solid #000;
			background-color: #EEE;
			color: #000;
		}