@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. 頑張らなくても、・・・
　03. 自宅で簡単に・・・
　04. お願い事項＋カタログでは・・


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



/* ==

　00. file import

=============================================================================== */
@import url("/jutaku/lifestyle/css/style.css"); /* ライフスタイル・テーマで選ぶ共通CSS（/jutaku/lifestyle/css/) */


/* ==

　01. 基本

=============================================================================== */
/*.contents div .txt{ width:480px; clear:none; }*/

.main .contents{ padding-bottom:0; background:none; }

/*
.main .contents div{ min-height:1%; }
* html .main .contents div{ height:1%; }
.main .contents div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
*/

.main .contents div div{ margin-bottom:0; }

.main .contents div p{ margin-bottom:10px; }
.main .contents div .notes{ font-size:90%; }

.main .contents div p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
}
.main .contents div p a.blank{
	padding-left:12px;
	background:url(/common/images/renew2009/arrow_blank03.gif) left 3px no-repeat;
}

/* カタログ請求 */
.main .styleName p.btn a{ background-image:url(../images/btn_catalog02.gif); }



/* ==

　02. 頑張らなくても、・・・

=============================================================================== */
.contents .intelli_01 .txt{
	width:480px;
	clear:none;
}


/* フロー
------------------------------------------------------------------------------- */
.contents .intelli_01{ margin-bottom:10px; }
.contents .intelli_01 .floatR{
	width:240px;
	clear:none;
}
.contents .intelli_01 .floatR li{
	margin-bottom:5px;
}

.contents .intelli_01 .floatR li img{ margin-bottom:5px; }
.contents .intelli_01 .floatR li p{
	margin-bottom:5px;
	padding-left:35px;
	background:url(../images/arrow_flow.gif) left 2px no-repeat;
}
.contents .intelli_01 .floatR li.lastChild p{
	padding-left:0;
	background:none;
}


/* ==

　03. 自宅で簡単に・・・

=============================================================================== */
.contents .intelli_02{ padding-top:5px; }
.contents .intelli_02 .txt{
	width:350px;
	padding-top:10px;
	clear:none;
}
.contents .intelli_02 .txt li{
	min-height:1%;
	margin-bottom:10px;
	clear:both;
}
* html .contents .intelli_02 .txt li{ height:1%; }
.contents .intelli_02 .txt li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.contents .intelli_02 .txt li img{
	/*width:115px;*/
	display:block;
	float:left;
}
.contents .intelli_02 .txt li p{
	width:235px;
	margin-bottom:0;
	padding-top:4px;
	float:right;
}


/* チェック項目詳細
------------------------------------------------------------------------------- */
.contents .intelli_chk{
	width:730px;
	min-height:0;
	margin-bottom:0;
	padding-top:5px;
	clear:both;
}
.contents .intelli_chk:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.contents .intelli_chk .title{
	width:720px;
	margin-bottom:10px;
	padding:5px 10px 0 0;
	background:#ffffcc url(../images/line_dotted.gif) left top repeat-x;
}
.contents .intelli_chk h4{
	width:250px;
	padding-left:10px;
	float:left;
}
.contents .intelli_chk .title div.txt{
	width:460px;
	padding-top:10px;
	float:left;
	clear:none;
}
.contents .intelli_chk .title div.txt p img{ margin-bottom:5px; }


.contents .intelli_chk div.txt{
	width:370px;
	clear:none;
}
.contents .intelli_chk div.txt p.txt_line{
	padding-top:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
}

/* 表示パネル */
.contents #panel div.frm{
	width:567px;
	margin:10px 0;
	background:url(../images/pnl_frmBtm.gif) left bottom no-repeat;
	float:right;
	clear:none;
}
.contents #panel div.frm div{
	width:547px;
	margin:0;
	padding:10px 10px 0;
	background:url(../images/pnl_frmTop.gif) left top no-repeat;
	clear:both;
}
.contents #panel div.frm div p img{ margin-bottom:3px; }
.contents #panel div.frm div p.floatL{ width:220px; }
.contents #panel div.frm div p.floatR{ width:300px; }
.contents #panel div.frm div p.floatR span{
	padding:2px 5px;
	border-top:1px solid #72abff;
	border-left:1px solid #72abff;
	border-right:1px solid #72abff;
	display:block;
}
.contents #panel div.frm div p.floatR span.lastChild{
	border-bottom:1px solid #72abff;
}


.contents #panel div.column2{ margin-top:10px; }
.contents #panel div.column2 p.img{
	width:150px;
}
.contents #panel div.column2 div.txt{
	width:575px;
	margin:0;
	padding:0;
}




/* メニューに戻るボタン */
.contents div.btn_menu{
	width:730px;
	margin:0 0 20px;
	padding:0;
	clear:both;
}
.contents div.btn_menu p{
	width:110px;
	margin:0 0 0 auto;
	padding:0;
}
.contents div.btn_menu p a{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	background-image:url(../images/btn_menu.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.contents div.btn_menu p a span{ display:none; }
.contents div.btn_menu p a:link, .contents div.btn_menu p a:visited{ background-position:left top; }
.contents div.btn_menu p a:hover, .contents div.btn_menu p a:active{ background-position:left bottom; }




/* ==

　04. お願い事項＋カタログでは・・

=============================================================================== */
/* お願い事項
------------------------------------------------------------------------------- */
.contents div.notes{
	margin-top:10px;
	padding-top:15px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
}


/* お願い事項
------------------------------------------------------------------------------- */
.contents div.catalog{
	margin:0;
	padding:0;
	background:url(../images/bk_catalog.gif) left bottom no-repeat;
}
.contents div.catalog p{ margin:0; padding:0; }

.contents div.catalog p.txt{
	min-height:83px;
	margin:0;
	padding:0;
	background:url(../images/txt_catalog.gif) 495px top no-repeat;
}
* html .contents div.catalog p.txt{ height:83px; }
.contents div.catalog p.txt span{
	padding:5px 240px 0 10px;
	display:block;
}