@charset "Shift_JIS";

/* --------------------------------------------------------------------
# Mitsubishi UFJ Trust and Banking Corporation
# 2008.08.18
# CSRコンテンツエリア専用
 -------------------------------------------------------------------- */

/* 8/18追加：CSR  */
/* テーブル */
#maincontents table.noborder_csr { border-style: none; }
#maincontents table.noborder_csr th { background-color:#666666; color:#ffffff; padding: 6px 0px 4px 16px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; font-weight: bold; text-align:left; width:55%; }
#maincontents table.noborder_csr td { background-color:#cccccc; padding: 6px 0px 4px 16px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; }
#maincontents table.noborder_csr td.odd { background-color:#f1f1f1; padding: 6px 0px 4px 16px; border-bottom:solid 1px #ffffff; }
#maincontents table.noborder_csr td.even { background-color:#e5e5e5; padding: 6px 0px 4px 16px; border-bottom:solid 1px #ffffff; }

/* テーブルCSRレポート */
#maincontents table.noborder_csrreport { border-style: none; }
#maincontents table.noborder_csrreport th { background-color:#666666; color:#ffffff; padding: 6px 16px 4px 16px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; font-weight: bold; font-size: 120%; text-align:left; width:50%; }
#maincontents table.noborder_csrreport td { background-color:#cccccc; padding: 6px 16px 4px 16px; border-bottom:solid 1px #ffffff; border-right:solid 1px #ffffff; }
#maincontents table.noborder_csrreport td.phbg { background-color:#f1f1f1; padding: 6px 16px 0px 16px; border-bottom:none; text-align:center; }
#maincontents table.noborder_csrreport td.odd { background-color:#f1f1f1; padding: 6px 16px 4px 16px; border-bottom:solid 1px #ffffff; }
#maincontents table.noborder_csrreport td.even { background-color:#e5e5e5; padding: 6px 16px 4px 16px; border-bottom:solid 1px #ffffff; }

/* 支店 */
#maincontents ul.mp0{ margin:0px; padding:0px; font-size:0.9em;}
/* 支店リスト */
#maincontents li.blue{ list-style:none; background:url(/ippan/csr/image/arrow_chiiki_shiten_01.gif) no-repeat 0px 3px; padding: 0 0 0 17px;}
#maincontents li.orange{ list-style:none; background:url(/ippan/csr/image/arrow_chiiki_shiten_02.gif) no-repeat 0px 3px; padding: 0 0 0 17px;}
#maincontents li.green{ list-style:none; background:url(/ippan/csr/image/arrow_chiiki_shiten_04.gif) no-repeat 0px 3px; padding: 0 0 0 17px; color: #000000;}
#maincontents li.yellow{ list-style:none; background:url(/ippan/csr/image/arrow_chiiki_shiten_05.gif) no-repeat 0px 3px; padding: 0 0 0 17px;}
#maincontents li.purple{ list-style:none; background:url(/ippan/csr/image/arrow_chiiki_shiten_06.gif) no-repeat 0px 3px; padding: 0 0 0 17px;}
#maincontents li.pink{ list-style:none; background:url(/ippan/csr/image/arrow_chiiki_shiten_07.gif) no-repeat 0px 3px; padding: 0 0 0 17px;}
#maincontents li.gray{ list-style:none; background:url(/ippan/csr/image/arrow_chiiki_shiten_08.gif) no-repeat 0px 3px; padding: 0 0 0 17px;}

#maincontents h2.dot_blue { position: static; margin:0px; padding-left:6px; background:url(/ippan/csr/image/zu_chiiki_shiten_01.gif) no-repeat; width:524px; height:23px; }
#maincontents h2.dot_orange { position: static; margin:0px; padding-left:6px; background:url(/ippan/csr/image/zu_chiiki_shiten_02.gif) no-repeat; width:524px; height:23px; }
#maincontents h2.dot_green { position: static; margin:0px; padding-left:6px; background:url(/ippan/csr/image/zu_chiiki_shiten_04.gif) no-repeat; width:524px; height:23px; }
#maincontents h2.dot_yellow { position: static; margin:0px; padding-left:6px; background:url(/ippan/csr/image/zu_chiiki_shiten_05.gif) no-repeat; width:524px; height:23px; }
#maincontents h2.dot_purple { position: static; margin:0px; padding-left:6px; background:url(/ippan/csr/image/zu_chiiki_shiten_06.gif) no-repeat; width:524px; height:23px; }
#maincontents h2.dot_pink { position: static; margin:0px; padding-left:6px; background:url(/ippan/csr/image/zu_chiiki_shiten_07.gif) no-repeat; width:524px; height:23px; }
#maincontents h2.dot_gray { position: static; margin:0px; padding-left:6px; background:url(/ippan/csr/image/zu_chiiki_shiten_08.gif) no-repeat; width:524px; height:23px; }
/* 詳細ページ */
#maincontents ul.area_list { margin:0; padding:0; list-style:none;}
#maincontents ul.area_list li { margin:0; padding:0;}
#maincontents div.hok_subtit { width:507px; margin:0 0 0 7px; background:url(/ippan/csr/image/zu_chiiki_shousai_dotline01.gif) repeat-x bottom left;}
#maincontents div.hok_subtit_inner { width:507px; margin:0; padding:13px 0 10px 0; background:url(/ippan/csr/image/zu_chiiki_shousai_dotline02.gif) repeat-y 371px 0 ;}
#maincontents div.hok_subtit h4.tit_sub { width:98%; margin:0; padding:0; float:left;}
#maincontents div.hok_subtit h4.tit_sub span { margin:0 0 0 13px; padding:0; font-size:90%; font-weight:normal; display:block;}
#maincontents div.hok_subtit p.date { width:136px; margin:0; padding:0; font-size:90%; line-height:125%; text-align:center; float:left;}

#maincontents div.sentence { margin:10px 0 0 20px; padding:0;}
#maincontents div.sentence div.img img { margin:0; padding:0; font-size:0; line-height:0;}
#maincontents li.article_1col div.sentence p { margin:0 20px 0 0; padding:0; font-size:90%; line-height:125%;}
#maincontents li.article_2col div.sentence p { width:237px; margin:0 14px 0 0; padding:0; font-size:90%; line-height:125%; float:left;}
#maincontents li.article_2col div.sentence div.img { width:235px; margin:0; padding:0; float:left;}
#maincontents li.article_3col div.sentence p { width:297px; margin:0 14px 0 0; padding:0; font-size:90%; line-height:125%; float:left;}
#maincontents li.article_3col div.sentence div.img { width:177px; margin:0; padding:0; float:left;}

#maincontents div.spot { width:493px; background-color:#ffffff; margin:14px 0 0 15px; position:relative;}
#maincontents div.spot dl { width:493px; margin:0; padding:9px 0 0 0; font-size:90%; background:url(/ippan/csr/image/zu_chiiki_shousai_org_bg6.gif) no-repeat top left;}
#maincontents div.spot dt { width:403px; margin:0 0 0 12px; padding:0;}
#maincontents div.spot dd.txt01 { width:403px; margin:0 0 0 12px; padding:2px 0 5px 0; background:url(/ippan/csr/image/zu_chiiki_shousai_dotline01.gif) repeat-x bottom left;}
#maincontents div.spot dd.txt01 p { margin:0 0 0 4px; padding:0; line-height:125%; }
#maincontents div.spot dd.txt02 { width:493px; margin:6px 0 0 0; padding:0 0 10px 0; background:url(/ippan/csr/image/zu_chiiki_shousai_org_bg7.gif) no-repeat bottom left;}
#maincontents div.spot dd.txt02 p { margin:0 12px 0 16px; padding:0; line-height:125%; }
#maincontents div.spot dd.face { width:78px; margin:0; padding:0; position:absolute; top:9px; right:0;}
#maincontents div.spot dd.face img { margin:0; padding:0;}

#maincontents div.hok_bg_line { width:523px; margin-top:10px; padding:0; background:repeat-y top left;}
#maincontents div.hok_titbg_top { width:523px; margin:0; padding:0; background:no-repeat top left;}
#maincontents div.hok_bg_btm { width:523px; margin:0; padding:0 0 14px 0; background:no-repeat bottom left;}
#maincontents div.hok_titbg_line { width:523px; margin:0; padding:0; background:repeat-y top left;}
#maincontents h3.tit_shiten { margin:0; padding:14px 30px 15px 33px; font-size:100%; background:no-repeat bottom left;}

#maincontents ul.blue div.hok_bg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_blu_bg1.gif);}
#maincontents ul.blue div.hok_titbg_top { background-image:url(/ippan/csr/image/zu_chiiki_shousai_blu_bg2.gif);}
#maincontents ul.blue div.hok_bg_btm { background-image:url(/ippan/csr/image/zu_chiiki_shousai_blu_bg5.gif);}
#maincontents ul.blue div.hok_titbg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_blu_bg3.gif);}
#maincontents ul.blue h3.tit_shiten { background-image:url(/ippan/csr/image/zu_chiiki_shousai_blu_bg4.gif);}

#maincontents ul.orange div.hok_bg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_org_bg1.gif);}
#maincontents ul.orange div.hok_titbg_top { background-image:url(/ippan/csr/image/zu_chiiki_shousai_org_bg2.gif);}
#maincontents ul.orange div.hok_bg_btm { background-image:url(/ippan/csr/image/zu_chiiki_shousai_org_bg5.gif);}
#maincontents ul.orange div.hok_titbg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_org_bg3.gif);}
#maincontents ul.orange h3.tit_shiten { background-image:url(/ippan/csr/image/zu_chiiki_shousai_org_bg4.gif);}
#maincontents ul.green div.hok_bg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_green_bg1.gif);}
#maincontents ul.green div.hok_titbg_top { background-image:url(/ippan/csr/image/zu_chiiki_shousai_green_bg2.gif);}
#maincontents ul.green div.hok_bg_btm { background-image:url(/ippan/csr/image/zu_chiiki_shousai_green_bg5.gif);}
#maincontents ul.green div.hok_titbg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_green_bg3.gif);}
#maincontents ul.green h3.tit_shiten { background-image:url(/ippan/csr/image/zu_chiiki_shousai_green_bg4.gif);}

#maincontents ul.yellow div.hok_bg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_yellow_bg1.gif);}
#maincontents ul.yellow div.hok_titbg_top { background-image:url(/ippan/csr/image/zu_chiiki_shousai_yellow_bg2.gif);}
#maincontents ul.yellow div.hok_bg_btm { background-image:url(/ippan/csr/image/zu_chiiki_shousai_yellow_bg5.gif);}
#maincontents ul.yellow div.hok_titbg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_yellow_bg3.gif);}
#maincontents ul.yellow h3.tit_shiten { background-image:url(/ippan/csr/image/zu_chiiki_shousai_yellow_bg4.gif);}

#maincontents ul.purple div.hok_bg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_purple_bg1.gif);}
#maincontents ul.purple div.hok_titbg_top { background-image:url(/ippan/csr/image/zu_chiiki_shousai_purple_bg2.gif);}
#maincontents ul.purple div.hok_bg_btm { background-image:url(/ippan/csr/image/zu_chiiki_shousai_purple_bg5.gif);}
#maincontents ul.purple div.hok_titbg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_purple_bg3.gif);}
#maincontents ul.purple h3.tit_shiten { background-image:url(/ippan/csr/image/zu_chiiki_shousai_purple_bg4.gif);}

#maincontents ul.pink div.hok_bg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_pink_bg1.gif);}
#maincontents ul.pink div.hok_titbg_top { background-image:url(/ippan/csr/image/zu_chiiki_shousai_pink_bg2.gif);}
#maincontents ul.pink div.hok_bg_btm { background-image:url(/ippan/csr/image/zu_chiiki_shousai_pink_bg5.gif);}
#maincontents ul.pink div.hok_titbg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_pink_bg3.gif);}
#maincontents ul.pink h3.tit_shiten { background-image:url(/ippan/csr/image/zu_chiiki_shousai_pink_bg4.gif);}

#maincontents ul.gray div.hok_bg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_gray_bg1.gif);}
#maincontents ul.gray div.hok_titbg_top { background-image:url(/ippan/csr/image/zu_chiiki_shousai_gray_bg2.gif);}
#maincontents ul.gray div.hok_bg_btm { background-image:url(/ippan/csr/image/zu_chiiki_shousai_gray_bg5.gif);}
#maincontents ul.gray div.hok_titbg_line { background-image:url(/ippan/csr/image/zu_chiiki_shousai_gray_bg3.gif);}
#maincontents ul.gray h3.tit_shiten { background-image:url(/ippan/csr/image/zu_chiiki_shousai_gray_bg4.gif);}

/* --------------------------------------------------------------------

# 2012.10.04 add
 -------------------------------------------------------------------- */

/* CSRトップ  add*/

#maincontents #csrtoppage {
	width: 531px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	float:left;
	font-size: 90%;
    background: #fbfbfb;
}

#maincontents #csrtoppage ul.lst_content{
	list-style: disc outside none;
    margin: 0;
    padding: 0.5em 0 0.3em 35px;
}

#maincontents #csrtoppage ul.lst_content li{
	border-style: none;
    margin: 0 0 0.3em;
    padding: 0px 10px 0px 0px;
    line-height: 130%;
}

#maincontents #csrtoppage .title{
	border-left: 3px solid #E60000;
    padding: 2px 0 1px 3px;
    margin: 10px 0px 0px 18px;
    position: static;
}

#maincontents #csrtoppage .box_content_top {
	position: relative;
}

#maincontents #csrtoppage img{
	vertical-align:top;
	display:block;
}

#maincontents #csrtoppage .img_bg{
	width: 531px;
	height: 220px;
	margin: 0;
	padding: 0;
}

#maincontents #csrtoppage .btn_csr{
	position: absolute;
	top: 168px;
	left: 270px;
}

#maincontents #csrtoppage .box_content_main {
	float: left;
    padding: 3px 0px 0px 10px;
    *padding-bottom: 10px;
	width: 521px;
}
#maincontents #csrtoppage .box_csr_left {
	float: left;
	width: 250px;
}
#maincontents #csrtoppage .box_csr_right {
	float: right;
	width: 250px;
	margin-right: 10px;
	_margin-right: 0px;
}

#maincontents #csrtoppage .box_csr {
    background: #fff;
    margin-bottom: 8px;
}

/*私たちのCSR add*/
#maincontents h3.accent_m {
    border-left: 3px solid #E60000;
    padding: 2px 0 1px 3px;
    margin: 10px 0px 0px 18px;
    position: static;
}

#maincontents p.text_m {
    padding: 0px 0 1px 0px;
    margin: 10px 0px 0px 25px;
}

/*各拠点の活動 add*/
#maincontents .csr_notline {
	margin: 0;
	padding: 13px 0 10px;
	width: 507px;
}