/* =========================================================
	add css code
========================================================= */

/* ====================================================== */
/* [汎用クラスの定義]                                     */
/* ====================================================== */
/* 汎用特殊マージン (上下) */
/* ------------------------------------------------------ */
*.mgv0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
*.mgv5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
*.mgv10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
*.mgv15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
*.mgv20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
*.mgv25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
*.mgv30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

/* 汎用特殊マージン (上) */
/* ------------------------------------------------------ */
*.mgt0 {
	margin-top: 0px !important;
}
*.mgt5 {
	margin-top: 5px !important;
}
*.mgt6 {
	margin-top: 6px !important;
}
*.mgt10 {
	margin-top: 10px !important;
}
*.mgt15 {
	margin-top: 15px !important;
}
*.mgt20 {
	margin-top: 20px !important;
}
*.mgt25 {
	margin-top: 25px !important;
}
*.mgt30 {
	margin-top: 30px !important;
}

/* 汎用特殊マージン (下) */
/* ------------------------------------------------------ */
*.mgb0 {
	margin-bottom: 0px !important;
}
*.mgb5 {
	margin-bottom: 5px !important;
}
*.mgb10 {
	margin-bottom: 10px !important;
}
*.mgb15 {
	margin-bottom: 15px !important;
}
*.mgb20 {
	margin-bottom: 20px !important;
}
*.mgb25 {
	margin-bottom: 25px !important;
}
*.mgb30 {
	margin-bottom: 30px !important;
}

/* 汎用特殊マージン (左右) */
/* ------------------------------------------------------ */
*.mgh0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
*.mgh5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
*.mgh10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
*.mgh15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
*.mgh20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
*.mgh25 {
	margin-left: 25px !important;
	margin-right: 25px !important;
}
*.mgh30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

/* 汎用特殊マージン (左) */
/* ------------------------------------------------------ */
*.mgl0 {
	margin-left: 0px !important;
}
*.mgl5 {
	margin-left: 5px !important;
}
*.mgl10 {
	margin-left: 10px !important;
}
*.mgl15 {
	margin-left: 15px !important;
}
*.mgl20 {
	margin-left: 20px !important;
}
*.mgl25 {
	margin-left: 25px !important;
}
*.mgl30 {
	margin-left: 30px !important;
}

/* 汎用特殊マージン (右) */
/* ------------------------------------------------------ */
*.mgr0 {
	margin-right: 0px !important;
}
*.mgr5 {
	margin-right: 5px !important;
}
*.mgr10 {
	margin-right: 10px !important;
}
*.mgr15 {
	margin-right: 15px !important;
}
*.mgr20 {
	margin-right: 20px !important;
}
*.mgr25 {
	margin-right: 25px !important;
}
*.mgr30 {
	margin-right: 30px !important;
}

/* 汎用特殊パディング (上下) */
/* ------------------------------------------------------ */
*.pdv0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
*.pdv5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
*.pdv10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
*.pdv15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
*.pdv20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
*.pdv25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
*.pdv30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

/* 汎用特殊パディング (上) */
/* ------------------------------------------------------ */
*.pdt0 {
	padding-top: 0px !important;
}
*.pdt5 {
	padding-top: 5px !important;
}
*.pdt10 {
	padding-top: 10px !important;
}
*.pdt15 {
	padding-top: 15px !important;
}
*.pdt20 {
	padding-top: 20px !important;
}
*.pdt25 {
	padding-top: 25px !important;
}
*.pdt30 {
	padding-top: 30px !important;
}

/* 汎用特殊パディング (下) */
/* ------------------------------------------------------ */
*.pdb0 {
	padding-bottom: 0px !important;
}
*.pdb5 {
	padding-bottom: 5px !important;
}
*.pdb10 {
	padding-bottom: 10px !important;
}
*.pdb15 {
	padding-bottom: 15px !important;
}
*.pdb20 {
	padding-bottom: 20px !important;
}
*.pdb25 {
	padding-bottom: 25px !important;
}
*.pdb30 {
	padding-bottom: 30px !important;
}

/* 汎用特殊パディング (左右) */
/* ------------------------------------------------------ */
*.pdh0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
*.pdh5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
*.pdh10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
*.pdh15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
*.pdh20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
*.pdh25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
*.pdh30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* 汎用特殊パディング (左) */
/* ------------------------------------------------------ */
*.pdl0 {
	padding-left: 0px !important;
}
*.pdl5 {
	padding-left: 5px !important;
}
*.pdl10 {
	padding-left: 10px !important;
}
*.pdl15 {
	padding-left: 15px !important;
}
*.pdl20 {
	padding-left: 20px !important;
}
*.pdl25 {
	padding-left: 25px !important;
}
*.pdl30 {
	padding-left: 30px !important;
}

/* 汎用特殊パディング (右) */
/* ------------------------------------------------------ */
*.pdr0 {
	padding-right: 0px !important;
}
*.pdr5 {
	padding-right: 5px !important;
}
*.pdr10 {
	padding-right: 10px !important;
}
*.pdr15 {
	padding-right: 15px !important;
}
*.pdr20 {
	padding-right: 20px !important;
}
*.pdr25 {
	padding-right: 25px !important;
}
*.pdr30 {
	padding-right: 30px !important;
}


/* float 制御 */
/* ------------------------------------------------------ */
*.f-l{
	float: left;
}
*.f-r{
	float: right;
}
*.f-n{
	float: none !important;
}

.clr:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.clr { display: inline-block; }
/* no ie mac \*/
* html .clr{ height: 1%; }
.clr{ display: block; }
/* */


/* 横方向の整列 */
/* ------------------------------------------------------ */
*.left{
	text-align: left;
}
*.mc{
	margin-left: auto !important;
	margin-right: auto !important;
}
*.ml{
	margin-left: 0 !important;
	margin-right: auto !important;
}
*.mr{
	margin-left: auto !important;
	margin-right: 0 !important;
}


/* 行中挿入 */
/* ------------------------------------------------------ */
*.inline {
	vertical-align: middle;
}
/* css Huck Target IE */
/* ------------------------------------------------------ */
* html body img.inline {
	margin-bottom: 1px;
}
*:first-child+html body img.inline {
	margin-bottom: 1px;
}

*.block {
	display: block;
}


/* 横幅設定 */
/* ------------------------------------------------------ */
*.w280 {
	width: 280px;
}





/* マーカー制御 */
/* ------------------------------------------------------ */
span.mkr-arrowyz{
	background: url(../images/yz_red.gif) no-repeat 0 0.25em;
	padding: 0 0 0 10px;
}





/* リストタグ制御 */
/* ------------------------------------------------------ */
ul.arrow-yz li {
	background: url(../images/yz_red.gif) no-repeat 0 0.415em;
	margin: 0 0 8px;
	padding: 0 10px;
	line-height: 140%;
	text-align: left;
}
ul.dot2,
ol.num{
	margin: 0;
	padding: 0;
}

ul.dot2 li ,
ol.num ul.dot2 li {
	list-style-type:none;
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0 0 0 10px;
	background: url("../images/list_dot.gif") no-repeat 2px 0.45em;
}
ul.alart{
	border: 1px solid #f60;
	margin: 15px 0;
	padding: 20px;
	color: #f60;
	font-size: 25px;
	font-weight: bold;
	text-align: left;
}
ul.alart li{
	background: url(../images/alart.gif) no-repeat 0 0;
	padding: 8px 0 5px 40px;
}
ol.num li{
	background-image: none;
	list-style-type:decimal;
	margin-left: 20px;
	padding: 0;
}
ul.notes-m li {
	background: url(../images/mkr_notes_m.gif) no-repeat 0 0.2em;
	padding-left: 14px;
	line-height: 140%;
	list-style-type:none;
	text-align: left;
}
ul.notes-s li {
	background: url(../images/mkr_notes_m.gif) no-repeat 0 0.2em;
	padding-left: 14px;
	line-height: 140%;
	font-size: 11px;
	list-style-type:none;
	text-align: left;
}
ul.square-s li {
	background: url(../images/mkr_square_s.gif) no-repeat 0 0.375em;
	padding-left: 10px;
	line-height: 140%;
	list-style-type:none;
}
ul.agreement-txt{
	width: 355px;
}

#contents h3.wide{
	background: url(../images/h3_subbgtop_wide.gif) no-repeat 0 0;
}


p.txt{
	line-height: 140%;
}






/* ご留意事項部位 */
/* ------------------------------------------------------ */
#entry_form table.entry_form_inner{
	margin: 0;
	width: auto;
}
#entry_form table.entry_form_inner th{
	background-color: #ffffff;
}

/* 比較simクッションページ */
/* ------------------------------------------------------ */
div.simulation-read-line{
	border-bottom: dotted 1px #ccc;
	margin-bottom: 10px;
	padding: 10px 0;
}
table#simulation-read{
}
table#simulation-read td.pic{
	width: 60px;
	text-align: left;
}
table#simulation-read td.txt{
	text-align: left;
}


/* 商品検索結果 */
/* ------------------------------------------------------ */
*.bdbn{
	border-bottom: none !important;
}
table.select-read td,
table.select-read th{
	padding: 0;
}
table.select-read th.h1{
	border-bottom: #D9D9D9;
	background: url(../images/bg_selectread.gif) no-repeat 0 0;
	width: 343px;
}
table.select-read th.h1 div.inner,
table.select-read td.d1 div.inner{
	padding: 12px 13px 5px;
}
table.select-read h2,
table.select-read h3{
	background-image: none !important;
	margin : 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	font-weight: bold !important;
	text-align: left;
}
table.select-read td.d1{
	background: url(../images/bg_selectread_btm.gif) no-repeat 0 100%;
	width: 343px;
}

div.form_box div.set-research{
	border-bottom: solid 1px #D9D9D9;
	background: url(../images/bg_setresearch_btm.gif) repeat-x 0 100%;
	padding: 0 14px 13px;
	text-align: left;
}
div.form_box div.set-research p.glass{
	border-bottom: dotted 1px #D9D9D9;
	margin : 0 0 12px;
	padding: 0 0 8px;
}
div.form_box div.set-research02{
	padding: 5px 14px 0;
	text-align: left;
}

/* 商品検索結果 表組み関連*/
/* ------------------------------------------------------ */
table.form-basic,
table.form-basic th,
table.form-basic td {
	padding: 0;
	width: auto;
	text-align: left;
}
table.form-basic div.inner {
	padding: 8px 10px 6px;
}
table.form-basic input,
table.form-basic p {
	margin: 0;
	padding: 0;
}
table.form-basic input.txt {
	border: solid 1px #7F9DB9;
	padding: 2px 2px 1px;
}

table.form-basic {
	border-top   : solid 1px #D9D9D9;
	border-bottom: none;
	border-left  : solid 1px #D9D9D9;
	border-right : none;
}
table.form-basic th,
table.form-basic td {
	border-top   : none;
	border-bottom: solid 1px #D9D9D9;
	border-left  : none;
	border-right : solid 1px #D9D9D9;
}
table.form-basic th.h1 {
	background-color: #F9F7E4;
}
table.form-basic td {
	background-image: none;
	background-color: #ffffff;
}

table.form-basic td div.selectsearch{
	width: 150px;
}

/* 商品検索結果 表組み関連*/
/* ------------------------------------------------------ */
div.box-output-searchdata{
	border-bottom: solid 1px #D9D9D9;
	padding-top: 20px;
}
div.box-output-searchdata iframe.output-searchdata{
	width: 894px;
	height: 2300px;
	border: none;
	padding: 0;
	overflow: auto;
}
div.set-research02 iframe.output-searchdata{
	width: 870px;
	height: 200px;
	border: none;
	padding: 0;
	overflow: auto;
}


/* 商品検索結果 注釈*/
/* ------------------------------------------------------ */
div.box-output-searchdata-att{
	padding-top: 20px;
	text-align: left;
}

/* 三菱UFJ信託銀行だからできる、信頼のサービスクオリティ設定*/
/* ------------------------------------------------------ */
div.box-advantage3 {
	padding: 15px 0 15px 15px;
}
div.box-advantage3 table.advantage-parts {
	width: 220px;
	float: left;
}
div.box-advantage3 table.advantage-parts td.pic {
	width: 65px;
}
div.box-advantage3 table.advantage-parts td.txt {
	width: 155px;
}
div.box-advantage3 table.advantage-parts td.txt p {
	margin: 0;
	padding: 0 10px 0 0 !important;
}
div.box-advantage3 table.advantage-parts td.txt p a {
	background-image: none;
	margin: 0;
	padding: 0;
}
div.box-advantage3-btn{
	background-color: #F8F5E3;
	padding: 16px 0;
	text-align: center;
}


/* iframe ランキング部位 */
/* ------------------------------------------------------ */
iframe.ranking{
	margin: 15px 0 0;
	border: none;
	padding: 0;
	width: 190px;
	height: 870px;
	overflow: hidden;
}

/* 詳細・ご購入 */
/* ------------------------------------------------------ */
div.details-buy {
	background: url(../images/bg_detailsbuy.gif) repeat-x 0 0;
	padding: 14px 14px 5px;
}
div.details-buy div.detailsbox-l {
	width: 200px;
	float: left;
}
div.details-buy div.detailsbox-btn {
	margin-left: 10px;
	padding-top: 1.5em;
	width: 235px;
	float: left;
}

/* 右ナビ下部 情報リンク */
/* ------------------------------------------------------ */
div#rightarea-sublink {
	margin-top: 20px;
	text-align: left;
}
div#rightarea-sublink a,
div#rightarea-sublink p {
	margin: 0;
	padding: 0;
}
div#rightarea-sublink ul.arrow-yz li {
	border-bottom: dotted 1px #D9D9D9;
	background: url(../images/yz_red.gif) no-repeat 4px 0.25em;
	margin: 8px 0 0;
	padding: 0 10px 8px 15px;
	line-height: 140%;
}
div#rightarea-sublink ul.arrow-yz li.last {
	border-bottom: none;
}
div#rightarea-sublink ul.arrow-yz02 li {
	background: url(../images/yz_red.gif) no-repeat 4px 0.25em;
	margin: 0 0 8px;
	padding: 0 10px 0 15px;
	line-height: 140%;
	text-align: left;
}
div#rightarea-sublink div.box-bline {
	border-bottom: dotted 1px #D9D9D9;
}







/* 商品一覧 詳細 */
/* ------------------------------------------------------ */
div.box-itemread {
	border: solid 1px #D9D9D9;
	background-color: #F9F7E4;
	padding: 20px 15px 22px;
	text-align: left;
}

div.itemdetails {
	margin-top: 40px;
	padding-left : 15px;
	padding-right: 15px;
	text-align: left;
}
div.itemdetails div.itemdetails-l {
	width: 514px;
	float: left;
}
div.itemdetails div.itemdetails-r {
	width: 147px;
	float: right;
}

div.itemdetails div.itemdetails-l div.details-buy div.detailsbox-l {
	width: 210px;
}


div.itemdetails div.itemdetails-r p {
	margin : 0;
	padding: 0;
}
div.itemdetails div.itemdetails-r div.box-addremark {
	background: url(../images/bg_addremark.gif) no-repeat 0 0;
}
div.itemdetails div.itemdetails-r div.box-addremark-btm {
	background: url(../images/bg_addremark_btm.gif) no-repeat 0 100%;
}
div.itemdetails div.itemdetails-r div.box-addremark-inner {
	padding: 8px 5px 9px 11px;
}
div.itemdetails div.itemdetails-r div.box-addremark div.mail-l {
	width: 39px;
	text-align: right;
	float: left;
}
div.itemdetails div.itemdetails-r div.box-addremark div.mail-r {
	width: 89px;
	text-align: right;
	float: right;
}
div.itemdetails div.itemdetails-r div.box-addremark div.comparison-l {
	width: 40px;
	text-align: right;
	float: left;
}
div.itemdetails div.itemdetails-r div.box-addremark div.comparison-r {
	width: 84px;
	text-align: right;
	float: right;
}

div.itemdetails div.itemdetails-r div.chip-h01 {
	margin-top: 50px;
	height: 25em;
}
div.itemdetails div.itemdetails-r div.chip-h02 {
	height: 63em;
}
div.itemdetails div.itemdetails-r div.chip-h03 {
}

div.itemdetails iframe.iframe-itemdetails {
	border: none;
	margin: 0 0 10px;
	padding: 0;
	width: 514px;
	height: 1750px;
}
div.itemdetails iframe.iframe-itemdetails02 {
	border: none;
	margin: 0 0 10px;
	padding: 0;
	width: 514px;
	height: 950px;
}