/* Updated 2013/02/13,D*/
/* Updated 2011/05/18,i*/
/* Updated 2011/03/28,E*/
/* Updated 2009/12/02,E*/
/* Updated 2009/10/09,E*/
/* Updated 2008/05/29,E*/

	@import "/common_css/default.css";
	@import "/common_css/component.css";
	@import "/hojin/css/component_hojin.css";

/* IndexPage CSS
----------------------------------------- */

body {
	background:none;
	text-align:center;
}

div#containerwrap {
	border-top:7px solid #94CB10;
	margin:0 auto;
	text-align:left;
	width:950px;
}

#hojintop #contents {
	padding: 0px 15px 0px 15px;
	width: 750px !important;
	width /**/: 780px;
}

/* Header CSS
----------------------------------------- */

#header {
	background:none;
	height:64px;
}

#fontcontrol {
	margin-left: 660px;
	position:absolute;
	top: 14px;
	width:277px;
	z-index:auto;
}

#navi_global ul {
	padding: 0 0 0 0;
}

#navi_global p {
	color:#030;
	line-height:1;
	padding:10px 0 0 0;
	text-align:right;
}

#breadcrumbs_hojin {
	margin:0 0 0 0;
	width:950px;
}

#navi_breadcrumbs_hojin {
	width:950px;
}

div.v4hidden h1{
	margin-top:0;
	padding-top:0;
	padding-left:0;
	padding-bottom:0;
	background:none;
	display:inline;
	font-size:1px !importnaat
}

/* Contents Main Parts CSS
----------------------------------------- */

body #containerwrap #contents {
	float:none !important;
	padding: 0px 0px 0px 0 !important;
	width:950px !important;
}

#l_cont {
	float:left;
	width:570px;
}

#r_cont {
	float:right;
	width:369px;
	margin:0 0 5px 0;
}

#contents li {
	padding: 0px 0px 0px 0px;
}

#contents img.vm {
	vertical-align:text-top;
}

/* hide from Mac IE \*/
* html #contents img.vm {vertical-align:middle;}
/* */


/* Primal Navigation CSS
----------------------------------------- */

/* Updated▼ 2010/xx/xx,E */

#l_cont #pri_navi1 {
	background:url(/hojin/image_index/bg_topbox_02.gif) no-repeat left bottom;
	width:570px;
	padding-bottom:7px;
	position:relative;
	margin-bottom:3px;
	min-height:172px;
	height:auto !important;
	height:172px;
}

/* only Mac IE \*//*/
#l_cont #pri_navi1 {
	height:12em !important;
}
/* */ 

#l_cont #pri_navi1 div.pack {
	background:url(/hojin/image_index/bg_topbox_01.gif) no-repeat 0 0;
	width:570px;
}

#l_cont #pri_navi1 div.title {
	position:relative;
	min-height:30px;
	height:auto !important;
	height:30px;
	margin-bottom:6px;
}

#l_cont #pri_navi1 div.title h2 {
	position:absolute;
	top:8px;
	left:12px;
}

#l_cont #pri_navi1 div.title p {
	text-align:right;
	padding:6px 10px 0 0;
}

#l_cont #pri_navi1 div.netbank {
	width:258px;
	margin-left:299px;
	background:url(/hojin/image_index/bg_netbank_01.gif) no-repeat left bottom;
	padding-bottom:3px;
}

#l_cont #pri_navi1 div.netbank li {
	width:252px;
	margin:0 auto;
	background:url(/hojin/image_index/bg_netbank_03.gif) no-repeat left bottom;
}

#l_cont #pri_navi1 div.netbank li div {
	width:225px;
	background:url(/hojin/image_index/bg_netbank_02.gif) no-repeat 0 0;
	padding:6px 10px 2px 17px;
}

#l_cont #pri_navi1 div.netbank li div p {
	line-height:1.2;
}

#l_cont #pri_navi1 div.netbank li div img.hedingArrow {
	margin:-7px 1px 0 -7px;
	vertical-align:baseline;
}

#l_cont #pri_navi1 div.netbank li div img.icon {
	vertical-align:middle;
	margin-right:1px;
}

#l_cont #pri_navi1 div.login_value {
	position:absolute;
	left:12px;
	top:43px;
}

#l_cont #pri_navi1 div.login_comp {
	position:absolute;
	left:12px;
	top:136px;
	width:261px;
	background:url(/hojin/image_index/bg_topbox_03.gif) no-repeat 0 0;
	padding:12px 0 0 9px;
}

#l_cont #pri_navi1 div.login_comp img.hedingArrow {
	margin:-7px 3px 0 -9px;
	vertical-align:baseline;
}

/* Primal Navigation2 CSS
----------------------------------------- */

#l_cont #pri_navi2 {
	width:570px;
	background:url(/hojin/image_index/bg_zaimon_02.gif) no-repeat left bottom;
	position:relative;
	margin-bottom:3px;
}

#l_cont #pri_navi2 div.pack {
	width:570px;
	background:url(/hojin/image_index/bg_zaimon_01.gif) no-repeat 0 0;
	min-height:60px;
	height:auto !important;
	height:60px;
}

#l_cont #pri_navi2 div.login_web {
	position:absolute;
	left:8px;
	top:10px;
}

#l_cont #pri_navi2 div.info_web {
	padding:13px 0 0 346px;
}

#l_cont #pri_navi2 div.info_web p {
	padding:3px 0 11px 4px;
}

#l_cont #pri_navi2 div.info_web img.hedingArrow {
	margin:-7px 1px 0 -7px;
	vertical-align:baseline;
}


/* Updated▲ 2010/xx/xx,E */

/* Primal Navigation3 CSS
----------------------------------------- */

#l_cont #pri_navi3 {
	position:relative;
	height:65px;
}

#l_cont #pri_navi3 ul li.l1,#l_cont #pri_navi3 ul li.l2 {
	background:url(/hojin/image_index/p_hindex_03.gif) no-repeat;
	height:32px;
	width:240px;
	position:absolute;
	left:0;
	top:0;
}

#l_cont #pri_navi3 ul li.l3,#l_cont #pri_navi3 ul li.l4 {
	background:url(/hojin/image_index/p_hindex_04.gif) no-repeat;
	height:32px;
	width:164px;
	position:absolute;
	left:241px;
	top:0;
}

#l_cont #pri_navi3 ul li.l5,#l_cont #pri_navi3 ul li.l6 {
	background:url(/hojin/image_index/p_hindex_04.gif) no-repeat;
	height:32px;
	width:164px;
	position:absolute;
	left:406px;
	top:0;
}

#l_cont #pri_navi3 ul li.l2, #l_cont #pri_navi3 ul li.l4, #l_cont #pri_navi3 ul li.l6 {
	top:33px;
}

#l_cont #pri_navi3 ul li a {
	display:block;
	width:164px;
	height:33px;
}

#l_cont #pri_navi3 ul li.l1 a, #l_cont #pri_navi3 ul li.l2 a {
	width:240px;
}

#l_cont #pri_navi3 ul li img {
	margin:9px 0 0 8px;
}


/* Main Navigation CSS
----------------------------------------- */

#main_navi h2.gbar {
	background:#fff url(/hojin/image_index/p_hindex_06.gif) repeat-x;
	border-bottom:1px solid #ccc;
	margin:15px 0 8px 0;
	padding:12px 5px 4px 5px;
	width:560px !important;
	width /**/:570px;
}

#main_navi p.paragraph {
	margin:0 0 0 0;
	line-height:1;
}

#main_navi div.eb {
	text-align:right;
	margin-top:-20px;
}

#main_navi ul {
	margin:5px 0 0 0;
}

#main_navi ul li {
	float:left;
	width:281px;
	padding:0 0 8px 0;
}

#main_navi ul li h3 {
	background:url(/hojin/image_index/p_hindex_05.gif) no-repeat;
	height:29px;
	width:281px;
	margin:0 0 6px 0;
}

#main_navi ul li h3 a {
	display:block;
	height:20px;
	width:281px;
}

#main_navi ul li h3 a img {
	margin:7px 0 0 8px;
}

#main_navi ul li.fl {
	margin:0 7px 0 0;
}

#main_navi div.exservice {
	clear:both;
	text-align:right;
	padding:5px 0 0 0;
}



/* News Area CSS
----------------------------------------- */

/* Updated▼ 2010/xx/xx,E */

#l_cont div.newsarea {
	margin:0 0 20px 0;
}

#l_cont div.newsarea h2.gbar  {
	background:#fff url(/hojin/image_index/p_hindex_06.gif) repeat-x;
	margin:10px 0 13px 0;
	padding:12px 5px 4px 5px;
	width:560px !important;
	width /**/:570px;
}

/* info parts */

#contents ul.info {
	width:571px;
	background:#eee;
}

#contents ul.info li {
	padding:0;
	width:285px;
	height:26px;
	float:left;
}

#contents ul.info li img {
	vertical-align:bottom;
}

#contents ul.info li.info_01 {	background:url(/hojin/image_index/n_info_01_h.gif) no-repeat 0 0;}
#contents ul.info li.info_02 {	background:url(/hojin/image_index/n_info_02_h.gif) no-repeat 0 0;}

#contents h2.alth2 {
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
}

#contents div.info {
	width:550px !important;
	width /**/:570px;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	padding:10px 9px 3px 9px;
}

#contents div.info h3 {
	background:url(/hojin/image_uniq/p_index_20.gif) no-repeat;
	padding:0 0 5px 18px;
	line-height:1;
}

#contents div.info ul.news_ul, #contents div.info ul.news_ul2 {
	line-height:1.5;
	margin:0 0 10px 0;
}

#contents div.info ul.news_ul li {
	background:url(/common_images/icon_unordered01.gif) no-repeat 0 0;
	padding:0 0 6px 20px;
}

#contents div.info ul.news_ul2 li {
	background:url(/common_images/icon_unordered01.gif) no-repeat 0 0;
	padding:0 0 3px 20px;
}

* html #contents div.info ul.news_ul li, * html #contents div.info ul.news_ul2 li {
	height:1%;
}

#contents h2.heading {
	width::570px;
	margin:20px 0 0 0;
}

#contents div#info_box2 div.info {
	width:540px !important;
	width /**/:570px;
	padding:15px 14px 10px 14px;
}


/* Right Contents CSS
----------------------------------------- */

#r_cont img {
	vertical-align:bottom;
}

#r_cont div.flashbox {
	margin:0 0 0 0;
}

#r_cont div.flashbox div.newsbox {
	margin:0 0 5px 0;
}

#r_cont div.flashbox div.cam_flash {
	margin:0 0 0 0;
}

/*  No FLASH or Under Vre.5 Styel 
------------------------------  */

#r_cont div.noflash {
	background:#fff;
	border:1px solid #ccc;
	padding:5px;
	height:273px !important;
	height /**/:285px;
}

#r_cont div.noflash p {
	padding:10px 15px 30px 15px;
	border:1px solid #FEE481;
	background:#ffc;
	line-height:1.2;
	height:231px !important;
	height /**/:273px;
}


/*  Flash JS OFF Styel 
------------------------------  */

#r_cont div.newsjsoff {
	background:url(/hojin/image_index/p_hindex_07.gif) no-repeat;
	height:28px;
	overflow:hidden;
	width:369px;
	margin:0 0 5px 0;
}

#r_cont div.newsjsoff p.paragraph {
	color:#fff;
	margin:6px 10px 0 65px;
}

#r_cont div.camjsoff div.imgbox {
	border:1px solid #ccc;
	padding:2px;
}

#r_cont div.camjsoff ul li {
	float:left;
	width:91px !important;
	width /**/:92px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#r_cont div.camjsoff ul li a {
	display:block;
	height:38px !important;
	height /**/:42px;
	border-bottom:4px solid #999;
}

#r_cont div.camjsoff li.camp_01 {
	width:91px !important;
	width /**/:93px;
	border-left:1px solid #ccc;
}

#r_cont div.camjsoff ul li.camp_01 a {
	border-bottom:4px solid #060;
}

#r_cont div.camjsoff ul li img {
	vertical-align:bottom;
}

#r_cont div.newsjsoff p.paragraph a:link,#r_cont div.newsjsoff p.paragraph a:hover,#r_cont div.newsjsoff p.paragraph a:visited {
	color:#fff;
}


/* Recommend BNR CSS
----------------------------------------- */

#r_cont #recommend {
	clear:both;
	padding:15px 0 0 0;
}

#r_cont #recommend h3 {
	border:1px solid #ccc;
}

#r_cont #recommend h3 a {
	display:block;
	width:367px;
	height:26px;
}

#r_cont #recommend h3 img {
	margin:5px 0 2px 9px;
}

#r_cont #recommend div.rec1 {
	background:#eee;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0 4px 4px 4px;
}

#r_cont #recommend div.rec1 li img {
	margin:4px 0 0 0;
}

#r_cont #recommend div.rec1 li.bnr_fl1 {
	float:left;
	width:177px;
}

#r_cont #recommend div.rec1 li.bnr_fl2 {
	float:right;
	width:177px;
	padding:0 1px 0 0;
}

#r_cont #recommend div.rec1 ul:after {content:".";height:0px;display:block;clear:both;visibility:hidden;line-height: 0;}
#r_cont #recommend div.rec1 ul {display:inline-block; min-height: 1%;;}
/* macie hak \*/
* html #r_cont #recommend div.rec1 ul {height:1%;}
#r_cont #recommend div.rec1 ul {display:block;}
/* macie hak end */

#r_cont #recommend div.rec2 {
	float:left;
	padding:0 0px 5px 0;
}

#r_cont #recommend div.rec2 li img {
	margin:4px 0 0 0;
}

/*   \*/
* html #r_cont #recommend ul.rec2 {
	padding:10px 0 18px 0;
}
/*   */

#r_cont #recommend2 {
	clear:both;
	padding:10px 0 0 0;
}
#r_cont #recommend2 ul.rec3 {
	padding:5px 0 0px 0;
}
* html #r_cont #recommend2 ul.rec3 {
	padding:5px 0 0px 0;
}

/* Activity CSS
----------------------------------------- */

#r_cont #activity {
	background:url(/hojin/image_index/p_hindex_12.gif) repeat-y;
	margin:0 0 10px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/*  Mac IE Hide \*/
* html #r_cont #activity {
	height:1%;
}
/* Mac IE Hide */

#r_cont #activity h2 {
	padding:7px 0 0 10px;
	height:24px !important;
	height /**/:31px;
	width:358px !important;
	width /**/:367px;
}

#r_cont #activity h2.ac1 {
	background:url(/hojin/image_index/p_hindex_08.gif) no-repeat 1px bottom;
}

#r_cont #activity h2.ac2 {
	background:url(/hojin/image_index/p_hindex_09.gif) no-repeat 1px bottom;
}

#r_cont #activity h2.ac3 {
	background:url(/hojin/image_index/p_hindex_10.gif) no-repeat 1px bottom;
}

#r_cont #activity h2.ac4 {
	background:url(/hojin/image_index/p_hindex_18.gif) no-repeat 1px bottom;
}

#r_cont #activity ul {
	margin:6px 10px 4px 10px;
}

#r_cont #activity ul li {
	line-height:1.4;
	padding:0 0 4px 12px;
	text-indent:-10px;
}

/* Updated▼ 2009/12/02,E */
#r_cont #activity ul.ac4 {
	margin:5px 0 0 5px;
	width:359px;
}

#r_cont #activity ul.ac4 li {
	width:177px;
	line-height:1;
	padding:0;
	text-indent:0;
	margin:0 0 5px 0;
}

#r_cont #activity ul.ac4 li.bnr_fl1 {
	float:left;
	width:177px;
}

#r_cont #activity ul.ac4 li.bnr_fl2 {
	float:right;
	width:177px;
	background:#CCC;
}

#r_cont #activity ul.ac4:after {content:".";height:0px;display:block;clear:both;visibility:hidden;line-height: 0;}
#r_cont #activity ul.ac4 {display:inline-block; min-height: 1%;;}
/* macie hak \*/
* html #r_cont #activity ul.ac4 {height:1%;}
#r_cont #activity ul.ac4 {display:block;}
/* macie hak end */


/* Updated▲ 2009/12/02,E */

#r_cont #activity img.vm {
	vertical-align:baseline;
	margin:0 3px 0 0;
}

#r_cont #activity h3 {
	margin:6px 10px 6px 10px;
}

#r_cont #activity ul li.ac2li1 {
	float:left;
	width:220px !important;
	width /**/:232px;
}

#r_cont #activity ul li.ac2li2 {
	float:left;
	width:100px !important;
	width /**/:112px;
}

#r_cont #activity ul li.ac2li3 {
	clear:both;
}

#r_cont #activity ul li.ac3li1 {
	float:left;
	width:160px !important;
	width /**/:172px;
}

#r_cont #activity h3.ac3h3 {
	background:url(/hojin/image_index/p_hindex_11.gif) repeat-x;
	clear:both;
	margin:10px 10px 6px 10px;
	padding:6px 0 0 0;
}

* html #r_cont #activity h3.ac3h3 {
	height:1%;
}

/* Updated▼ 2009/xx/xx,E */

#r_cont #activity ul.market {
	margin:10px 0 0 6px;
	width:357px;
}

#r_cont #activity ul.market li {
	float:left;
	line-height:1.4;
	padding:0;
	text-indent:0;
}
#r_cont #activity ul.market li.list1 {	width:357px;	padding-bottom:10px;}
#r_cont #activity ul.market li.list1 img {	vertical-align:top;}
#r_cont #activity ul.market li.list2,
#r_cont #activity ul.market li.list3{	text-indent:-12px;	line-height:1.3;}
#r_cont #activity ul.market li.list2 {	width:150px !important;	width /**/:171px;	padding:0 0 9px 21px;}
#r_cont #activity ul.market li.list3 {	width:174px !important;	width /**/:186px;	padding:0 0 9px 12px;}

#r_cont #activity ul.market:after {content:".";height:0px;display:block;clear:both;visibility:hidden;}
#r_cont #activity ul.market {display:inline-block;}
/* macie hak \*/
* html #r_cont #activity ul.market {height:1%;}
#r_cont #activity ul.market {display:block;}
/* macie hak end */


@media print {
	#r_cont {	margin-bottom:100px;}
}

/* Updated▲ 2009/xx/xx,E */

/* Footer CSS
----------------------------------------- */

#footer {
	width:950px !important;
}

/* IE5/Win Only Styles
----------------------------------------------- */
@media tty {
	i{content:"＼";/*" "*/}} @import '/hojin/css/hojin_index_ie5win.css'; /*";}
}/* */