@charset "utf-8";

@import url("/common/css/tfr/hd_ftr.css");

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

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. コンテンツ
　03. その他のカタログ
　04. お届け先入力
　05. カタログ請求完了
　06. 入力文字のご注意
　07. 支店・営業所一覧


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


/* ==

　01. 基本

=============================================================================== */
/* ヘッダー
------------------------------------------------------------------------------- */
.headerArea{ margin-bottom:20px; border-bottom:1px solid #ccc; }
.headerArea .header p{ padding-bottom:10px; float:left; }
.headerArea .header p.en{ float:right; }

.t12red {
	color: #FF0000;
	FONT-SIZE:12px;
	line-height: 180%;
	margin: 0px 5px 0px 15px;
}

.t12r {
	color: #333333;
	FONT-SIZE:12px;
	line-height: 130%;
	font-weight: bold;
	padding: 0px;
	width: 700px;
	margin: 0px 5px 0px 15px;
}
/* メイン
------------------------------------------------------------------------------- */
.section h1{
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
.section h2{
	min-height:22px;
	padding:8px 5px 0 15px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.0;
}
* html .section h2{ height:22px; }

.section .main h2,
.section .sub h2{ min-height:1%; padding:0; }
* html .section .main h2,
* html .section .sub h2{ height:1%; }

.section p.txt_msg{ margin-bottom:15px; line-height:1.5; }
.section p.txt_msg span.notes{ color:#f00; }




/* 流れ
------------------------------------------------------------------------------- */
ol#list_flow{
	position:absolute;
	top:0;
	right:0;
}
ol#list_flow li{
	float:left;
}


/* お届け先入力　ボタン
------------------------------------------------------------------------------- */
p.btn_otodoke{
	width:250px;
	margin:0 auto;
	padding-bottom:20px;
}
p.btn_otodoke a{
	width:250px;
	height:29px;
	margin:0;
	padding:0;
	background-image:url(/common/images/catalog/btn_otodoke.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
p.btn_otodoke a span{ display:none; }
p.btn_otodoke a:link, p.btn_otodoke a:visited{ background-position:left top; }
p.btn_otodoke a:hover, p.btn_otodoke a:active{ background-position:left bottom; }

/* カタログ選択メッセージ　ボタン
------------------------------------------------------------------------------- */
p.btn_sentaku{
	width:250px;
	margin:0 auto;
	padding-bottom:20px;
}
p.btn_sentaku a{
	width:250px;
	height:29px;
	margin:0;
	padding:0;
	background-image:url(/common/images/catalog/btn_sentaku.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
p.btn_sentaku a span{ display:none; }
p.btn_sentaku a:link, p.btn_sentaku a:visited{ background-position:left top; }
p.btn_sentaku a:hover, p.btn_sentaku a:active{ background-position:left bottom; }

/* ==

　02. コンテンツ

=============================================================================== */
.section .list_catalog{
	width:950px;
	min-height:1%;
	margin:0 0 10px;
	padding:0;
	clear:both;
}
.list_catalog .catalog{
	width:304px;
	min-height:1%;
	margin:0 19px 0 0;
	line-height:1.5;
	float:left;
}
.list_catalog div.lastChild{ margin-right:0; }
.list_catalog:after,
.list_catalog div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.list_catalog .catalog p.img{ width:75px; float:left; }
.list_catalog .catalog div.txt{ width:229px; float:left; }
.list_catalog .catalog div.txt p{ margin-bottom:5px; padding:0 3px; }

/* カタログ名 */
.list_catalog .catalog div.txt p.ctlg_name{
	width:229px;
	min-height:1%;
	margin-bottom:7px;
	padding:0 0 5px;
	border-bottom:1px solid #ccc;
	line-height:1.2;
	clear:both;
}
.list_catalog .catalog div.txt p.ctlg_name:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.list_catalog .catalog div.txt p.ctlg_name input{ width:20px; display:block; float:left; }
.list_catalog .catalog div.txt p.ctlg_name label{ width:209px; line-height:1.2; display:block; float:left; }
* html .list_catalog .catalog div.txt p.ctlg_name label{ padding-top:3px; }



/* 中身を見る */
.list_catalog .catalog p.btn_details a{
	width:128px;
	height:16px;
	background-image:url(/common/images/catalog/btn_details.gif);
	background-repeat:no-repeat;
	display:block;
}
.list_catalog .catalog p.btn_details a span{ display:none; }
.list_catalog .catalog p.btn_details a:link, .list_catalog .catalog p.btn_details a:visited{ background-position:left top; }
.list_catalog .catalog p.btn_details a:hover, .list_catalog .catalog p.btn_details a:active{ background-position:left bottom; }


@media print{
	* html .list_catalog .catalog{ margin-right:9px; }
}


/* 2024/03追加 */
/* WEBカタログバナー */
.cCtlgWeb {
	padding-bottom: 30px;
}
.cCtlgWeb .cCtlgWeb_bnr01 {
	display: block;
	margin-bottom: 50px;
	transition: opacity .2s;
}
.cCtlgWeb .cCtlgWeb_bnr01:hover {
	opacity: 0.8;
}
.cCtlgWeb p {
	text-align: center;
	font-size: 16px;
	color: #000;
}
/* 2024/03追加 */


/* ==

　03. その他のカタログ

=============================================================================== */
/* 切替ボタン
------------------------------------------------------------------------------- */
#btn_otherCtlg{
	width:950px;
	margin:0 0 20px;
}
#btn_otherCtlg li{ float:left; }
#btn_otherCtlg li.txt{ width:134px; padding-top:5px; }
#btn_otherCtlg li a{
	width:163px;
	height:30px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
#btn_otherCtlg li a span{ display:none; }

#btn_otherCtlg li a:link, #btn_otherCtlg li a:visited{ background-position:left top; }
#btn_otherCtlg li a:hover, #btn_otherCtlg li a:active{ background-position:left bottom; }

#btn_otherCtlg li.btn_2f a{ width:165px; background-image:url(/common/images/catalog/btn_2f.gif); }
#btn_otherCtlg li.btn_3f a{ background-image:url(/common/images/catalog/btn_3f.gif); }
#btn_otherCtlg li.btn_guide a{ background-image:url(/common/images/catalog/btn_guide.gif); }
#btn_otherCtlg li.btn_refer a{ background-image:url(/common/images/catalog/btn_refer.gif); }
#btn_otherCtlg li.btn_case a{ width:162px; background-image:url(/common/images/catalog/btn_case.gif); }

#other_ctlg ul.btn_2f li.btn_2f a:link, #other_ctlg ul.btn_2f li.btn_2f a:visited{ background-position:left bottom; }
#other_ctlg ul.btn_3f li.btn_3f a:link, #other_ctlg ul.btn_3f li.btn_3f a:visited{ background-position:left bottom; }
#other_ctlg ul.btn_guide li.btn_guide a:link, #other_ctlg ul.btn_guide li.btn_guide a:visited{ background-position:left bottom; }
#other_ctlg ul.btn_refer li.btn_refer a:link, #other_ctlg ul.btn_refer li.btn_refer a:visited{ background-position:left bottom; }
#other_ctlg ul.btn_case li.btn_case a:link, #other_ctlg ul.btn_case li.btn_case a:visited{ background-position:left bottom; }

@media print{
	* html #btn_otherCtlg{ width:818px; }
}

/* 一覧
------------------------------------------------------------------------------- */
/*
.other_ctlg{
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #ccc;
}
*/
/*
.other_ctlg h2{
	min-height:1%;
	margin-bottom:40px;
	padding:0;
	background:none;
	font-size:100%;
	line-height:1.0;
}
* html .other_ctlg h2{ height:1%; }
*/

.other_ctlg h3{
	width:950px;
	/*margin:20px 0 10px;*/
	margin:0 0 10px;
	padding-bottom:3px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	font-size:110%;
}

.other_ctlg .list_catalog{ margin-bottom:10px; }
.other_ctlg .list_catalog div.catalog{
	width:150px;
	margin-right:10px;
	padding:0;
}
.other_ctlg .list_catalog div.lastChild{ margin-right:0; }

.other_ctlg .list_catalog .catalog p.btn_details{
	width:128px;
	margin:0 auto 5px;
	text-align:center;
}
.other_ctlg .list_catalog .catalog p.img{
	width:130px;
	padding:10px;
	background-color:#f0f0f0;
	text-align:center;
}

.other_ctlg .list_catalog .catalog div.txt{ width:150px; padding-top:3px; }

.other_ctlg .list_catalog .catalog div.txt p.ctlg_name{
	width:150px;
	padding-bottom:0;
	border-bottom:none;
}
.other_ctlg .list_catalog .catalog div.txt p.ctlg_name label{ width:130px; }

.other_ctlg .list_catalog .catalog div.txt p.ctlg_name img.new{ margin:3px 0 3px 5px; vertical-align:middle; }


/* 一覧（テキストonly）
------------------------------------------------------------------------------- */
.other_ctlg .list_catalog_txt{ margin-bottom:20px; }
.other_ctlg .list_catalog_txt li{ margin-bottom:7px; }
.other_ctlg .list_catalog_txt li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}


@media print{
	* html .other_ctlg .list_catalog div.catalog{ margin-right:8px; }
}




/* ==

　04. お届け先入力

=============================================================================== */
.section .main{ width:700px; position:relative; float:left; }
.section .sub{ width:230px; position:relative; float:right; }

.main div{ width:700px; min-height:1%; margin-bottom:20px; clear:both; }
.main div div{ width:auto; margin-bottom:0; clear:none; }
.main div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.main .btn_notes{
	position:absolute;
	top:4px;
	right:5px;
}
.main .btn_notes a{
	width:120px;
	height:21px;
	background-image:url(/common/images/catalog/btn_notes.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main .btn_notes a span{ display:none; }
.main .btn_notes a:link, .main .btn_notes a:visited{ background-position:left top; }
.main .btn_notes a:hover, .main .btn_notes a:active{ background-position:left bottom; }


/* 送付先入力
------------------------------------------------------------------------------- */
.main .addressee{ position:relative; }
.main .addressee table{ width:100%; background-color:#ccc; }
.main .addressee th{
	width:140px;
	padding:5px;
	border:1px solid #fff;
	line-height:1.3;
	text-align:left;
}
.main .addressee td{
	padding:5px;
	border:1px solid #fff;
	line-height:1.3;
	vertical-align:top;
}

.main .addressee td table{ background-color:transparent; }
.main .addressee td th{ width:auto; padding:3px; background-color:transparent; border:none; }
.main .addressee td td{ padding:3px; background-color:transparent; border:none; }
.main .addressee td td.txt{ padding-top:7px; }

.main .addressee th, .main .addressee td{ background-color:#f3f1e9; }
.main .addressee .odd th, .main .addressee .odd td{ background-color:#fbf9f4; }
.main .addressee td input,
.main .addressee td select,
.main .addressee td textarea{ padding:2px; font-size:12px; }

.main .addressee th span{ color:#ff0000; font-weight:normal; }
.main .addressee td span.notes{ padding-top:3px; color:#ff6600; display:block; }

.main .addressee td.zip a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}

/* 必須 */
.main .addressee td.chk_input{ text-align:center; vertical-align:middle; }
.main .addressee td input.chk_input{
	padding:2px;
	background-color:#ffe8e8;
	border:1px solid #a5acb2;
}
#y1_msg img,
#n1_msg img, #n2_msg img, 
#k1_msg img, #k2_msg img{ margin:2px 5px 0 0; vertical-align:middle; }
#m1_msg img{ margin:0 5px 2px 0; vertical-align:middle; }

.main td span span{ color:#f00; }



/* アンケート
------------------------------------------------------------------------------- */
.main .enquete table{ width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }

.main .enquete td.question{ padding:5px; background-color:#f3f1e9; border:1px solid #fff; }
.main .enquete td{ padding:5px; background-color:#fff; border-bottom:1px solid #ccc; }
.main .enquete td input,
.main .enquete td select{ padding:2px; font-size:12px; }
.main .enquete td img{ margin:2px 0 0 5px; vertical-align:top; }

.main .enquete td.question em{ font-style:normal; font-weight:bold; }
.main .enquete td span{ color:#ff0000; }


/* 選択したカタログ
------------------------------------------------------------------------------- */
.section .sub .list_catalog{
	width:210px;
	margin-bottom:20px;
	padding:10px 10px 0;
	background-color:#fbf9f4;
	clear:both;
}
.sub .list_catalog .catalog{
	width:210px;
	margin:0 0 20px 0;
	padding-bottom:20px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	float:none;
	clear:both;
}
.sub .list_catalog .lastChild{ padding-bottom:0; background:none; }

.sub .list_catalog .catalog div.txt{ width:133px; line-height:1.3; }

/* カタログ名 */
.sub .list_catalog .catalog div.txt p.ctlg_name{ width:133px; }

/* 削除ボタン */
.sub .list_catalog .catalog p.img img{ margin-bottom:3px; }
.sub .list_catalog .catalog p.img a.btn_delete{
	width:67px;
	height:24px;
	background-image:url(/common/images/catalog/btn_delete.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.sub .list_catalog .catalog p.img a.btn_delete span{ display:none; }
.sub .list_catalog .catalog p.img a.btn_delete:link, .sub .list_catalog .catalog a.btn_delete:visited{ background-position:left top; }
.sub .list_catalog .catalog p.img a.btn_delete:hover, .sub .list_catalog .catalog a.btn_delete:active{ background-position:left bottom; }


/* カタログ再選択ボタン */
.sub p.btn_select{ margin-bottom:40px; }
.sub p.btn_select a{
	width:230px;
	height:24px;
	background-image:url(/common/images/catalog/btn_select.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.sub p.btn_select a span{ display:none; }
.sub p.btn_select a:link, .sub p.btn_select a:visited{ background-position:left top; }
.sub p.btn_select a:hover, .sub p.btn_select a:active{ background-position:left bottom; }


/* お預かりした個人情報の利用目的
------------------------------------------------------------------------------- */
.main .privacy{
	width:698px;
	margin:0 0 20px;
	padding:0;
	border:1px solid #ccc;
	line-height:1.4;
}
.main .privacy div{
	width:668px;
	height:115px;
	margin:0;
	padding:15px 15px 5px;
	overflow-y:scroll;
}
.main .privacy p{ margin-bottom:10px; }


/* 入力項目確認メッセージ（ボタン）
------------------------------------------------------------------------------- */
.main #form_btn p{
	margin-bottom:15px;
	line-height:1.5;
	text-align:center;
}


/* ベリサイン
------------------------------------------------------------------------------- */
#verisign p{ font-size:85%; line-height:1.5; }



/* ==

　05. カタログ請求完了

=============================================================================== */
/* カタログ一覧
------------------------------------------------------------------------------- */
/* PDFダウンロードボタン */
.list_catalog .catalog p.btn_pdf{ margin-top:10px; }
.list_catalog .catalog p.btn_pdf a{
	width:140px;
	height:24px;
	background-image:url(/common/images/catalog/btn_pdf.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.list_catalog .catalog p.btn_pdf a span{ display:none; }
.list_catalog .catalog p.btn_pdf a:link, .list_catalog .catalog p.btn_pdf a:visited{ background-position:left top; }
.list_catalog .catalog p.btn_pdf a:hover, .list_catalog .catalog p.btn_pdf a:active{ background-position:left bottom; }



/* トップに戻るボタン
------------------------------------------------------------------------------- */
.section div.btn_top{ /* ボタン×2 */
	width:430px;
	min-height:1%;
	margin:40px auto 0;
	padding-bottom:40px;
	clear:both;
}
.section div.btn_top:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section div.btn_top p{
	width:210px;
	margin:0 10px 0 0;
	float:left;
}
.section div.btn_top p.btn_top02{
	width:210px;
	margin:0 auto;
	float:none;
}
.section div.btn_top p.btn_jutaku,
.section div.btn_top p.btn_mansion,
.section div.btn_top p.btn_renew{ margin-right:0; }

.section div.btn_top p a{
	width:210px;
	height:24px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.section div.btn_top p a span{ display:none; }
.section div.btn_top p a:link, .section div.btn_top p a:visited{ background-position:left top; }
.section div.btn_top p a:hover, .section div.btn_top p a:active{ background-position:left bottom; }

.section div.btn_top p.btn_top a,
.section div.btn_top p.btn_top02 a{ background-image:url(/common/images/catalog/btn_top.gif); }
.section div.btn_top p.btn_jutaku a{ background-image:url(/common/images/catalog/btn_top_jutaku.gif); }
.section div.btn_top p.btn_mansion a{ background-image:url(/common/images/catalog/btn_top_mansion.gif); }
.section div.btn_top p.btn_renew a{ background-image:url(/common/images/catalog/btn_top_renew.gif); }



/* ==

　06. 入力文字のご注意

=============================================================================== */
#text_table{
	width:420px;
	min-height:300px;
	margin:20px auto;
	padding:15px;
	background-color:#f4f4f4;
	border:1px solid #999;
}
* html #text_table{ height:300px; }


#text_close {
	width:420px;
	margin:15px auto 0;
	padding:0px;
	text-align: center;
}

#text_main{
	width:100%;
	margin:10px 0 0;
	padding:0;
	font-size:120%;
	line-height:1.7;
	color:#666;
}
#text_main img{ vertical-align:top; }
#text_main p.txt_lead{ margin-bottom:10px; line-height:1.4; }
#text_main p.notes{ line-height:1.4; color:#ff0000; }


/* ==

　07. 支店・営業所一覧

=============================================================================== */
.resultList{
	width:950px;
	margin:0 auto;
	padding:0;
	border-top:none;
	border-bottom:none;
}
.resultList div.list{ width:944px; margin-bottom:0; }

#listShiten td{ color:#666; }


/* 各種ボタン
------------------------------------------------------------------------------- */
.resultList div.list td.btn{ width:100px; padding:2px 3px 0; }
.resultList div.list td.btn ul{
	width:70px;
	margin:0 auto;
	padding:0;
	clear:both;
}
.resultList div.list td.btn li{
	margin-bottom:2px;
	font-size:10px;
	line-height:1.0;
}

/* 各セルの設定
------------------------------------------------------------------------------- */
/* 名称 */
.resultList div.list td.name{ width:220px; }

/* 電話番号 */
.resultList #listShiten div.list td.tel{ width:150px; white-space:nowrap; text-align:center; }