@charset "shift_jis";
/* ****************************************
*Site Name : 特殊清掃のプロフェッショナル [Truth]トゥルース
*Style Name : style.css
*Description : 共通CSS
*Version : 1.00
*Last Update : 2007/05/28
**************************************** */

/* ----------------------------------------
*	ブラウザ初期化スタイル
---------------------------------------- */

*,th,td,form,fieldset{
	margin:0 ;
	padding:0 ;
	font-style:normal ;
	font-weight:normal ;
	font-family:Geneva, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px ;
	line-height:1.5;
	border:0 ;
	list-style:none ;
}
table{
	border-collapse:collapse;
}


/* ----------------------------------------
*	汎用要素スタイル 
---------------------------------------- */
a{
	text-decoration:none;
	color:#3300FF;
}
a:hover{
	text-decoration:underline;
	color:#FF0000;
}
input,select{
	border:solid 1px #999999;
	line-height:1.2;
}


/* ----------------------------------------
*	汎用クラススタイル
---------------------------------------- */
.marker_red,
.sun,
.error{
	color:#FF0000;
}
.marker_black,
.day{
	color:#000000;
}
.marker_blue{
	color:#0000FF;
}
.error{
	clear:both;
}

/* ----------------------------------------
*	ワイヤーフレーム部位別スタイル 
---------------------------------------- */
body{
	background:url(images/common/body_back.png) repeat-y center;
}
div#wrapper{
	width:750px;
	margin:auto;
	border:solid 1px #333333;
	border-width:0px 1px;
}
div#header{
	width:750px;
}
div#contents{
	width:510px;
	float:right;
	padding:15px 20px;
}
div#navigation{
	width:200px;
	float:left;
}
div#footer{
	clear:both;
	width:750px;
}


/* ----------------------------------------
*	カテゴリ別スタイル
---------------------------------------- */
/*	見出しスタイル
---------------------------------------- */

/*	ヘッダースタイル
---------------------------------------- */
div#header{
	border-bottom:solid 1px #333333;
}

h1 {
	font-size: 12px;
	text-indent: 10px;
	margin: 0px;
	padding: 0px;	
	background:url(images/index/top_gline.gif) repeat-y center;	
}

div#header h2 a{
	display:block;
	text-indent:-9999px;
	outline:none;
}
div#header,
div#header h2 a{
	background:url(images/common/truth_logo.png) no-repeat top left;
	width:750px;
	height:160px;
}
div#header h1 a{
	width:360px;
}

/*	ナビゲーションスタイル
---------------------------------------- */
div#navigation{
	/*background-color:#b4C4C9;*/
	padding:2px 0px 20px 0px;
}
div#navigation ul{
	margin-bottom:15px;
	border-bottom:solid 1px #333333;
	width:186px;
}
div#navigation li{
	width:185px;
	height:30px;
	border-right:solid 1px #333333;
}
div#navigation li#nav_mobile{
}
div#navigation li a{
	display:block;
	width:185px;
	height:30px;
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div#navigation li a:hover{
	background-position:bottom;
}
li#nav_top a{ background-image:url(images/common/title_top.png);}
li#nav_summary a{ background-image:url(images/common/title_summary.png);}
li#nav_area a{ background-image:url(images/common/title_area.png);}
li#nav_flow a{ background-image:url(images/common/title_flow.png);}
li#nav_charge a{ background-image:url(images/common/title_charge.png);}
li#nav_estimate a{ background-image:url(images/common/title_estimate.png);}
li#nav_faq a{ background-image:url(images/common/title_faq.png);}
li#nav_inquiry a{ background-image:url(images/common/title_inquiry.png);}
li#nav_contract a{ background-image:url(images/common/title_contract.png);}
li#nav_trader a{ background-image:url(images/common/title_trader.png);}
li#nav_company a{ background-image:url(images/common/title_company.png);}
li#nav_link a{ background-image:url(images/common/title_link.png);}
li#nav_mobile a{ background-image:url(images/common/title_mobile.png);}
li#nav_mobile{
	background:url(images/common/qr_code.jpg) no-repeat bottom;
	padding-bottom:90px;
}

/*	フッタースタイル
---------------------------------------- */
div#footer{
	background:#B4C4C9 url(images/common/footer_back.png) repeat-x top;
	padding-top:5px;
}
div#footer p{
	text-align:right;
	font-size:12px;
	padding:10px;
}

div#footer .footertxt a{
	font-size: 10px;
	line-height: 14px;
	padding: 2px;
	text-align: center;
}

/*	コンテンツスタイル
---------------------------------------- */
/* index トップページ */
body#index div#contents{
	background:url(images/index/main_image1.jpg) no-repeat top;
	padding-top:215px;
}
div#site_summary01,
div#site_summary02,
div#possible_area{
	background:#B8F0FD url(images/index/index_boxback.png) no-repeat bottom;
	padding-bottom:15px;
	margin-bottom:20px;
}
div#receipt_service{
	margin-bottom:20px;
}
div#site_summary01 h2,
div#site_summary02 h2,
div#possible_area h2,
div#receipt_service h2{
	width:510px;
	height:35px;
	text-indent:-9999px;
}
div#site_summary01 h2{	background:url(images/index/index_title01.png) no-repeat top left;}
div#site_summary02 h2{	background:url(images/index/index_title02.png) no-repeat top left;}
div#possible_area h2{	background:url(images/index/index_title03.png) no-repeat top left;}
div#receipt_service h2{ background:url(images/index/title_receipt.png) no-repeat top left; margin-bottom:10px;}
div#site_summary01 p{
	width:250px;
	padding:10px 230px 10px 10px;
	margin:0 auto;
	text-align:justify;
	background:#FFFFFF url(images/index/fi-wm_b14-1.png) no-repeat right bottom;
	border:inset 1px #999999;
}
div#site_summary02 ul{
	width:310px;
	padding:10px 10px 10px 170px;
	margin:0 auto;
	background:#FFFFFF url(images/index/fi-wm_b14.gif) no-repeat left top;
	border:inset 1px #999999;
}
div#site_summary02 li{
	background:url(images/index/710.jpg) no-repeat left;
	padding-left:25px;
}
div#possible_area p{
	width:490px;
	height:231px;
	margin:0 auto;
	background:#FFFFFF url(images/index/708.jpg) no-repeat right top;
	border:inset 1px #999999;
}
div#receipt_service p#receipt_summary01,
div#receipt_service p#receipt_summary02{
	background-image:url(images/common/underline.png);
	line-height:24px;
	text-indent:1em;
}
div#receipt_service p#receipt_summary01 img{
	float:right;
	margin-left:15px;
}
div#receipt_service p#receipt_summary02 img{
	margin:0 25px;
}
div#receipt_service table{
	border-collapse:collapse;
	border-spacing:0;
	width:90%;
	margin:0 auto;
	border:solid 1px #ff9900;
}
div#receipt_service table th{
	background:url(images/charge/bg_total.jpg) repeat-x bottom;
	padding:3px 0;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:solid 1px #ff9900;
	border-right:solid 1px #ffffff;
}
div#receipt_service table td{
	border:solid 1px #FF9900;
	border-width:0px 0px 1px 1px;
	text-align:center;
}


/* service 遺品整理とは */
body#service div#contents{
	background:url(images/index/ban_service.jpg) no-repeat top;
	padding-top:135px;
}
div#service_summary h2{
	background:url(images/service/title_disin-deo.png) no-repeat top;
	width:431px;
	height:29px;
	text-indent:-9999px;
	margin:0 auto 15px auto;
}
div#service_box01,
div#service_box02{
	margin-bottom:30px;
}
div#service_box01 h3,
div#service_box02 h3{
	width:510px;
	height:34px;
	text-indent:-9999px;
	margin-bottom:10px;
}
div#service_box01 h3{ background:url(images/service/title_disinfection.png) no-repeat top left;}
div#service_box02 h3{ background:url(images/service/title_deodrant.png) no-repeat top left;}
div#service_box01 p{
	margin:0 auto 15px auto;
	background:url(images/common/underline.png) top left;
	line-height:24px;
}
div#service_box01 p img{
	float:right;
	margin-left:10px;
}
div#service_box01 dt{
	border:solid 1px #CC0000;
	border-width:1px 0px 0px 10px;
	padding:1px 10px 0px 10px;
	color:#CC0000;
	font-weight:bold;
	background:url(images/common/bg_td1.jpg) repeat-x top;
}
div#service_box01 dd{
	width:90%;
	margin:5px auto 0 auto;
}
div#service_box02 dl dt{
	height:34px;
	text-indent:-9999px;
	margin-bottom:10px;
}
div#service_box02 dl#ozon_01 dt{	background:url(images/service/title_oz01.png) no-repeat left top;}
div#service_box02 dl#ozon_02 dt{	background:url(images/service/title_oz02.png) no-repeat left top;}
div#service_box02 dl#ozon_03 dt{	background:url(images/service/title_oz03.png) no-repeat left top;}
div#service_box02 dd{
	background:url(images/common/underline.png) top left;
	line-height:24px;
	padding:0px 7px;
	margin-bottom:30px;
}
div#service_box02 dl#ozon_01 dd p,
div#service_box02 dl#ozon_02 dd p{
	float:right;
	padding-left:15px;
}
div#service_box02 dl#ozon_03 dd img{
	margin:0 4px;
}


/* area 遺品整理可能エリア */
body#area div#contents{
	background: url(images/map/area_l.png) no-repeat top;
	padding-top:385px;
}
dl#possible_area dt{
	width:510px;
	height:35px;
	text-indent:-9999px;
	background:url(images/index/index_title01.png) no-repeat top left;
}
dl#possible_area dt#pa_tokyo{ background:url(images/map/pa_tokyo.png) no-repeat top left;}
dl#possible_area dt#pa_kanagawa{ background:url(images/map/pa_kanagawa.png) no-repeat top left;}
dl#possible_area dt#pa_saitama{ background:url(images/map/pa_saitama.png) no-repeat top left;}
dl#possible_area dt#pa_chiba{ background:url(images/map/pa_chiba.png) no-repeat top left;}
dl#possible_area dt#pa_yamanashi{ background:url(images/map/pa_yamanashi.png) no-repeat top left;}

dl#possible_area dd{
	background:#B8F0FD url(images/index/index_boxback.png) no-repeat bottom;
	padding-bottom:15px;
	margin-bottom:15px;
}
dl#possible_area dd p{
	width:470px;
	margin:0 auto;
	background-color:#FFFFFF;
	border:inset 1px #999999;
	padding:10px;
}


/* flow 遺品整理作業の流れ */
body#flow div#contents h2{
	background:url(images/flow/title_flow.png) no-repeat top left;
	width:510px;
	height:34px;
	text-indent:-9999px;
	margin-bottom:20px;
}
dl.work_flow{
	width:507px;
	margin:auto;
	padding-bottom:50px;
	background:url(images/flow/flow_cursor.png) no-repeat bottom;
}
dl#flow_07{
	background:none;
	padding-bottom:20px;
}
dl.work_flow dt{
	background:url(images/flow/flow_back.png) no-repeat top;
	padding:10px 0px 5px 25px;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
dl.work_flow dd{
	background:url(images/flow/flow_back.png) no-repeat bottom;
	padding:0px 25px 15px 25px;
}


/* charge 遺品整理・遺品回収料金について */
div#charge_summary01,
div#charge_summary02,
div#charge_summary03{
	margin-bottom:30px;
}
div#charge_summary01 p{
	width:95%;
	margin:0 auto;
}
div#charge_summary01 h2,
div#charge_summary02 h3,
div#charge_summary03 h3{
	width:510px;
	height:34px;
	text-indent:-9999px;
	margin-bottom:15px;
	clear:both;
}
div#charge_summary01 h2{background:url(images/charge/charge_title.png) no-repeat top left;}
div#charge_summary02 h3{background:url(images/charge/title_charge02.png) no-repeat top left;}
div#charge_summary03 h3{background:url(images/charge/title_charge03.png) no-repeat top left;}
div#charge_summary02 ul{
	margin:0 auto 0 15px;
	overflow:hidden;
}
div#charge_summary02 li{
	border-bottom:solid 1px #999999;
	width:220px;
	float:left;
	padding-left:20px;
	background:url(images/charge/list_style.gif) no-repeat left;
}
div#charge_summary03 table{
	border-collapse:collapse;
	border-spacing:0;
	width:90%;
	margin:0 auto;
	border:solid 1px #ff9900;
}
div#charge_summary03 table th{
	background:url(images/charge/bg_total.jpg) repeat-x bottom;
	padding:3px 0;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:solid 1px #ff9900;
	border-right:solid 1px #ffffff;
}
div#charge_summary03 table td{
	border:solid 1px #FF9900;
	border-width:0px 0px 1px 1px;
	text-align:center;
}


/* faq よくあるご質問 */
body#faq div#contents h2{
	width:510px;
	height:34px;
	background:url(images/faq/title_faq.png) no-repeat top left;
	text-indent:-9999px;
	margin-bottom:15px;
	clear:both;
}
dl#faq_list{
}
dl#faq_list dt{
	background:url(images/faq/q.gif) no-repeat left;
	background-color:#edeef3;
	padding:5px 5px 5px 30px;
	border-top:solid 2px #333333;
	border-bottom:solid 1px #FFFFFF;
}
dl#faq_list dd{
	background:url(images/faq/a.gif) no-repeat left;
	background-color:#edeef3;
	padding:5px 5px 5px 30px;
	border-bottom:solid 2px #333333;
	margin-bottom:10px;
}


/* company 会社概要 */
body#company div#contents h2{
	width:510px;
	height:34px;
	background:url(images/company/title_company.jpg) no-repeat top left;
	text-indent:-9999px;
	margin-bottom:15px;
	clear:both;
}
body#company div#contents dl{
	width:500px;
	overflow:hidden;
	margin:0 auto 30px auto;
}
body#company div#contents dt{
	width:140px;
	clear:both;
	float:left;
	border-top:solid 1px #000066;
	padding:10px 0px 10px 10px;
	background:url(images/common/bg_td1.jpg) repeat-x top;
}
body#company div#contents dd{
	width:340px;
	float:left;
	border-top:solid 1px #000066;
	padding:10px 10px 10px 0px;
	background:url(images/common/bg_td1.jpg) repeat-x top;
}


/* trader 葬儀業者様へ */
body#trader div#for_trader,
body#trader div#for_estate{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:groove 2px #999999;
}
body#trader div#contents h2{
	background:url(images/trader/title_trader.png);
	width:506px;
	height:106px;
	text-indent:-9999px;
	margin-bottom:15px;
}
body#trader div#for_trader h2{	background:url(images/trader/title_trader.png);}
body#trader div#for_estate h2{	background:url(images/trader/title_trader_estate.png);}
body#trader div#contents ul{
	width:60%;
	margin:10px auto;
	padding:10px 0px 10px 30px;
	border:double 3px #999999;
}
body#trader div#contents li{
	background:url(images/charge/list_style.gif) no-repeat left;
	padding-left:20px;
}


/* contract 葬儀請負サービス */
body#contract div#contents h2{
	background:url(images/contract/title_contract.png) no-repeat top;
	width:506px;
	height:34px;
	text-indent:-9999px;
	margin-bottom:15px;
}
p#contract_summary{
	background:url(images/contract/contract_01.png) no-repeat top;
	padding-top:115px;
	margin-bottom:30px;
}
div#tieup_plan h3{
	background:url(images/contract/title_contract_plan.png) no-repeat top;
	width:510px;
	height:34px;
	text-indent:-9999px;
	margin-bottom:15px;
}
div#tieup_plan h4{
	background:url(images/contract/title_contract_plan02.png);
	width:272px;
	height:28px;
	text-indent:-9999px;
	margin-bottom:10px;
}
div#tieup_plan ul{
	padding-left:10px;
	margin-bottom:20px;
	overflow:hidden;
}
div#tieup_plan li{
	width:230px;
	float:left;
	padding-left:20px;
	background:url(images/charge/list_style.gif) no-repeat left;
}
div#tieup_plan dl{
	clear:both;
}
div#tieup_plan dt{
	border:solid 1px  #CC0000;
	border-width:0 0 1px 5px;
	padding:0 5px;
}
div#tieup_plan p{
	width:70%;
	margin:0 auto 15px auto;
}
div#tieup_plan p span{
	color:#FF0000;
	font-weight:bold;
	font-size:16px;
}


/* link リンク */
body#bannerform div#contents h2,
body#banner_cfm div#contents h2,
body#rd_banner_cpt div#contents h2{
	background:url(images/link/title_link.png) no-repeat top left;
	width:510px;
	height:34px;
	text-indent:-9999px;
	margin-bottom:20px;
}
body#bannerform div#contents div#link_corner h2{
	background:url(images/link/title_link2.png) no-repeat top left;
	width:510px;
	height:34px;
	text-indent:-9999px;
}
body#bannerform div#contents h3,
body#banner_cfm div#contents h3{
	clear:both;
	background:url(images/grad.gif) repeat-x;
	font-weight:bold;
	width:490px;
	padding-left:10px;
}
div#link_summary{
	margin-bottom:30px;
	overflow:hidden;
}
div#link_summary dt{
	width:100px;
	clear:both;
	float:left;
	padding:5px 0px;
}
div#link_summary dd{
	width:385px;
	float:left;
	padding:6px 0;
}
div#link_summary dd textarea{
	width:370px;
	height:70px;
	border:solid 1px #999999;
	font-size:12px;
	padding:3px;
}
form#form_for_link{
	width:500px;
	border:solid 1px #999999;
	margin-bottom:40px;
}

/* userform お問合せ・お見積もり */
body#userform h2{
	background:url(images/form/title_userform.png) no-repeat top left;
	width:510px;
	height:34px;
	text-indent:-9999px;
	margin-bottom:20px;
}
form#form_for_user dt,
form#form_for_trader dt,
form#form_for_link dt{
	width:135px;
	clear:both;
	float:left;
	padding:15px 0 15px 15px;
	border-top:solid 1px #999999;
	background:url(images/common/bg_td1.jpg) repeat-x top;
}
form#form_for_user dd,
form#form_for_trader dd,
form#form_for_link dd{
	width:350px;
	float:left;
	padding:16px 0;
	border-top:solid 1px #999999;
	background:url(images/common/bg_td1.jpg) repeat-x top;
}
form#form_for_user dd span,
form#form_for_user p.error,
form#form_for_trader dd span,
form#form_for_trader p.error,
form#form_for_link dd span,
form#form_for_link p.error{
	color:#CC0000;
	font-size:13px;
}
form#form_for_user dd textarea,
form#form_for_trader dd textarea,
form#form_for_link dd textarea{
	width:335px;
	border:solid 1px #999999;
}
form#form_for_user dd#ffu_name input,
form#form_for_user dd#ffu_mail input,
form#form_for_trader dd#fft_name input,
form#form_for_trader dd#fft_mail input,
form#form_for_link dd#ffl_uname input,
form#form_for_link dd#ffl_umail input{
	width:150px;
}
form#form_for_user dd#ffu_address input,
form#form_for_trader dd#fft_address input{
	width:335px;
}
form#form_for_user dd#ffu_tel input,
form#form_for_user dd#ffu_fax input,
form#form_for_trader dd#fft_tel input,
form#form_for_trader dd#ttf_fax input{
	width:200px;
}
form#form_for_link dd#ffl_title input,
form#form_for_link dd#ffl_url input,
form#form_for_link dd#ffl_banner input{
	width:335px;
}
form#form_for_user p.submit,
form#form_for_trader p.submit,
form#form_for_link p.submit{
	text-align:center;
	clear:both;
	padding:15px;
}
form#form_for_user p.submit input,
form#form_for_trader p.submit input,
form#form_for_link p.submit input{
	font-size:13px;
	width:150px;
}
.form_comp{
	text-align:center;
	margin:50px;
}