/***********************/
/* レイアウトCSS         */
/***********************/
body , div , p , ul ,
h1 , h2 , h3 , h4 , h5 , h6{
  margin: 0;
  padding: 0;
}
img{border:none;}
html, body {
	height: 100%;
	text-align:center;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック";
}
#DesignBg{
	width:100%;
	min-height: 100%;
	height:100%;
	background:url(../images/bg.jpg) center top repeat-x;
}
.TopPage #DesignBg{
	background:url(../images/bg_top.jpg) center top repeat-x;
}
#HeaderLogo{
	position:absolute;
	display:block;
	width:420px;
	height:52px;
	left:0px;
	top:8px;
	background:url(../images/bg_header_logo.jpg);
	text-indent:-9999em;
}
.TopPage #HeaderLogo{background:none;}
#header {
	width:100%;
	margin:0 auto;
	text-align:center;
	height:70px;
}
.TopPage #header{
	background:url(../images/img_top.jpg) center 3px no-repeat;
}
.TopPage #header {
	height:339px;
}
#headerinner{
	width:882px;
	height:70px;
	text-align:left;
	margin:auto;
	position:relative;
}
#overimg{
	display:none;
}
#header-img{
	width:882px;
	height:200px;
	text-align:left;
	margin:auto;
	overflow:hidden;
}
.TopPage #header-img {height:269px;}

#headernavi{
	width:882px;
	height:35px;
	text-align:left;
	margin:auto;
	background:url(../images/bg_headernavi.gif) repeat-x;
}

#SubNavi{
	position:absolute;
	top:3px;
	right:0px;
	background:url(../images/bg_subnavi_left.gif) left no-repeat;
	text-align:right;
	padding-left:5px;
	width:92px;
}
#SubNavi ul{
	overflow:hidden;
	padding-right:5px;
	background:url(../images/bg_subnavi_right.gif) right no-repeat;
	height:23px;
}
#SubNavi ul li{
	display: inline;
	list-style:none;
	border-left:1px solid #FFF;
	margin-left:-1px;
}
#SubNavi ul li a{
	display: -moz-inline-box; /* firefox2 対応 */  
	display: inline-block; 
	height:20px;
	line-height:20px;
	width:88px;
	text-align:center;
	color:#FFF;
	font-size:85%;
}
#SubNavi ul li a:hover , #SubNavi ul li.active a {background:url(../images/bg_subnavi_hover.gif) no-repeat center 2px;}

#container , #container-m-r {
	background-image:url(../images/bg_container.jpg);
}
#container-l-m , #container-m{
	background-image:url(../images/bg_container.jpg);
}
#container , #container-l-m , #container-m-r , #container-m {
	position: relative;
	width:100%;
	text-align:center;
	min-height: 100%;
	margin:0 auto;
	background-repeat:repeat-y;
	background-position:center;
}
* html #container , * html #container-l-m , * html #container-m-r , * html #container-m{
    height:100%;
}
body > #container , body > #container-l-m , body > #container-m-r , body > #container-m {
	height: auto;
}
#inner{
	width:882px;
	text-align:center;
	margin:20px auto 0px auto;
	padding-bottom:95px;
	position:relative;
	background:url(../images/img_header.jpg) no-repeat;
	background-color:#FFF;
}
#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	left:0;
	height: 82px;
	background:url(../images/bg_footer.gif) 0px 16px repeat-x;
}
#container #footer , #container-l-m #footer{
    /* background-image:url(../images/bg_footer.jpg); */
}
#container-m-r #footer , #container-m #footer{}
#footer-inner{
	width:882px;
	height:82px;
	margin:auto;
	font-size:95%;
	text-align:center;
	position:relative;
}
#copyright{
	padding-top:40px;
	width:882px;
	text-align:left;
	color:#999;
}
.PageTop{
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/bg_pagetop_tub.gif);
	width:80px;
	height:16px;
	overflow:hidden;
	text-indent:-9999em;
}
.PageTop:hover{background-position:0px;}
.moduletable , .moduletable_menu {margin-bottom:5px;}

/***************************/
/* container部分岐処理　　　 */
/***************************/
/* left right いずれもあるとき&共通の処理 */
#left {
	width:180px;
	float:left;
	text-align:left;
}
* html #left {
}
#main{
	position:relative;
    width:657px;
    float:right;
	margin:auto;
	clear:both;
}
#center{
	position:relative;
	width:437px;
    float:left;
	text-align:left;
	margin:auto;
}
#right{
	width:200px;
    float:right;
	text-align:left;
	padding-bottom:5px;
}

/* left だけあるときの処理 */
#container-l-m #left{
    width:220px;
	float:left;
}
#container-l-m #main{
    width:645px;
}
#container-l-m #center{
	width:625px;
}

/* right だけあるときの処理 */
#container-m-r #main{
    width:650px;
	float:left;
}
#container-m-r #center{
    width:650px;
	margin:0;
}
#container-m-r #right{
    float:right;
	width:210px;
	background-color:#EAEFE5;
}

/* left rightのいずれもないときの処理 */
#container-m #main{
    width:842px;
	float:none;
}
#container-m #center{
	width:842px;
	float:none;
	margin:auto;
}

/***************************/
/* 右側　　　　　　　　 */
/***************************/
#right .MenuMod{margin:5px;}
#right h3{
	font-size: 12px !important;
	font-size: 0.8em;
	line-height:150%;
	padding:5px 0px 0px 14px;
	margin-bottom:2px;
	background:url(../images/bg_h3_right.gif) repeat-y 7px bottom;
}
#right ul li{list-style:none; padding:0px; background:none;}
#right ul li a{
	height:32px;
	line-height:32px;
	display:block;
	text-indent:25px;
	text-decoration:none;
	color:#000;
	background:url(../images/bg_right_navi.gif) no-repeat 10px 1em;
	background-color:#FFF;
	margin-bottom:1px;
}
#right ul li a:hover , #right ul li.active a,
#right ul li.parent ul li a:hover , #right ul li.parent ul li.active a ,
#right ul li a#active_menu
{
	background-position: -240px 1em;
	background-color:#F4F7F2;
}
#right ul li.parent  ul{
	display:block;
	list-style:none;
}
#right ul li.parent ul li a {
	height:27px;
	line-height:27px;
	text-indent:18px;
	font-size:85%;
	color:#666666;
}
#right ul li li{
	margin-left:0px;
	margin-bottom:-1px;
}
#right .MiniMenuMod{
	margin:5px;
}
#right .MiniMenuMod ul li{list-style:none; padding:0px; background:none;}
#right .MiniMenuMod ul li a{
	display:block;
	height:auto;
	line-height:180%;
	font-size:90%;
	text-indent:25px;
	text-decoration:none;
	color:#000;
	background-color:#EAEFE5;
	background:url(../images/bg_right_navi_mini.gif) no-repeat 10px 0.5em;
}
#right .MiniMenuMod ul li a:hover , #right .MiniMenuMod ul li.active a,
#right .MiniMenuMod ul li.parent ul li a:hover , #right .MiniMenuMod ul li.parent ul li.active a ,
#right .MiniMenuMod ul li a#active_menu
{
	background-position: -240px 0.5em;
}
#right img{margin:5px 5px 0px 5px;}

/***************************/
/* 見出し　　　　　　　 */
/***************************/
h1{
	text-indent:-9999em;
}
h2{
	height:22px;
	margin-bottom:10px;
	text-indent:-9999em;
}
#center h3{
	font-size: 12px !important;
	font-size: 0.85em;
	line-height:175%;
	color:#666;
	font-weight:normal;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	padding:1px 0px 0px 8px;
	background:url(../images/h3_mark.gif) 0px 0.4em no-repeat;
	margin-bottom:5px;
}
h4{
	font-size: 12px !important;
	font-size: 0.85em;
	line-height:175%;
	color:#40B04A;
	margin-bottom:3px;
}

/***************************/
/* トップページ　　　　　 */
/***************************/
.MsgPaper{min-height:150px; background:url(../images/bg_message.jpg); padding-top:15px; overflow:hidden;}
.MsgPaperBtm{height:24px; overflow:hidden; background:url(../images/bg_message_btm.jpg); margin-bottom:15px;}
.MsgPaper h2{
	background:url(../images/h2_toppage.gif) no-repeat;
	margin:0px 15px 10px 15px;
}
.MsgPaper p{
	margin:0px 15px 15px 15px;
}
.MsgPaper p.Signature{
	background:url(../images/signature.gif) right no-repeat;
	text-indent:-9999em;
	height:36px;
	margin:0px 15px;
}

.H2NewsTopix{
	background:url(../images/h2_topnews.gif) no-repeat;
	height:43px;
	text-indent:15px;
	font-weight:normal;
	padding-top:4px;
	margin-bottom:0px;
}
.NewsTopixArea{
	height:150px;
	width:100%;
	border:none;
	overflow-y :scroll;
}
.NewsTopix{
	border-bottom:1px dotted #666;
	width:99%;
	position:relative;
	padding:3px 0px;
	margin-right:5px;
}
.NewsTopix .NewsDate{
	position:absolute;
	top:5px;
	left:105px;
}
.NewsTopix .NewsText{
	padding:2px 50px 3px 180px;
	line-height:150%;
	margin:0px;
}
.NewsTopix .PdfBtn{
	position:absolute;
	top:6px;
	right:0px;
	display:block;
	width:42px;
	height:16px;
	float:right;
	text-indent:-999em;
	background:url(../images/pdf_btn.gif) no-repeat;
	/* \*/
	overflow:hidden;
	/* */
}
.NewsTopix .IconNews{
	position:absolute;
	top:5px;
	left:0px;
	width:98px;
	height:19px;
	background:url(../images/icon_info.gif);
	text-indent:-9999em;
	overflow:hidden;
}
.NewsTopix .IconEvent{
	position:absolute;
	top:5px;
	left:0px;
	width:98px;
	height:19px;
	background:url(../images/icon_event.gif);
	text-indent:-9999em;
	overflow:hidden;
}
.NewsTopix .IconStaff{
	position:absolute;
	top:5px;
	left:0px;
	width:98px;
	height:19px;
	background:url(../images/icon_staff.gif);
	text-indent:-9999em;
	overflow:hidden;
}
.NewsTopix .IconTopix{
	position:absolute;
	top:5px;
	left:0px;
	width:98px;
	height:19px;
	background:url(../images/icon_topix.gif);
	text-indent:-9999em;
	overflow:hidden;
}
.Continue{
	display:block;
	width:104px;
	height:23px;
	text-align:center;
	background:url(../images/continue.gif);
	margin-top:5px;
	float:right;
}
a.Continue:link , a.Continue:visited {color:#FFF;}
.toppage01{
	width:320px;
	height:280px;
	float:left;
	display:inline;
	position:relative;
	background:url(../images/toppage01.jpg) no-repeat;
}
.toppage02{
	width:320px;
	height:280px;
	float:left;
	display:inline;
	position:relative;
	margin-left:10px;
	background:url(../images/toppage02.jpg) no-repeat;
}
.toppage01 a , .toppage02 a{
	background:url(../images/toppage_more.gif);
	display:block;
	height:18px;
	width:86px;
	text-indent:-9999em;
	position:absolute;
	right:8px;
	bottom:23px;
	/* \*/
	overflow:hidden;
	/* */
}

/***************************/
/* オリコ B＆Cについて　　 */
/***************************/
#header-img.AboutOricoBC{
	background:url(../../about_orico_bc/img/img_orico_bc.jpg);
}
h2.Message{
	background:url(../../about_orico_bc/img/h2_message.gif) no-repeat 0px 2px;
	height:65px;
	border-bottom:1px dotted #CCC;
}
h2.Philosophy{
	background:url(../../about_orico_bc/img/h2_philosophy01.gif) no-repeat;
}
h2.Guideline{
	background:url(../../about_orico_bc/img/h2_philosophy02.gif) no-repeat;
}
h2.Company{
	background:url(../../about_orico_bc/img/h2_company.gif) no-repeat;
}
h2.Organization{
	background:url(../../about_orico_bc/img/h2_organization01.gif) no-repeat;
}
h2.Contact{
	background:url(../../about_orico_bc/img/h2_organization02.gif) no-repeat;
}
h2.LinkPage{
	background:url(../../about_orico_bc/img/h2_link.gif) no-repeat;
}
h2.Location{
	text-indent:0em;
	height:auto;
	margin-bottom:20px;
}
.Tel , .Fax{color:#FFF; padding:0px 3px; background:url(../images/bg_telfax.gif) #40B04A top repeat-x; font-size:77%; overflow:hidden;}
.OpenMap{
	display:inline-block;
	text-indent:-9999em;
	width:50px;
	height:15px;
	background:url(../../about_orico_bc/img/open_map.gif);
	overflow:hidden;
	position:absolute;
	top:3em;
	right:0px;
	cursor:pointer;
}
p.LinkPage {text-align:center;}
p.LinkPage a{display:block; width:75%; border-bottom:1px dotted #333; padding:5px 0px; margin:5px auto; text-align:left; font-size:115%;}

/***************************/
/* お問い合わせ　　　　 */
/***************************/
.Inquiry{
	background:url(../../inquiry/img/img_inquiry.jpg);
}
#IFrame{
	border:none;
	overflow:hidden;
	width:100%;
	height:1100px;
}

/***************************/
/* サイトポリシー　　　 */
/***************************/
.SitePolicy{
	background:url(../../our_policies/img/img_sitepolicy.jpg);
}
h2.OpeEnv{
	background:url(../../our_policies/img/h2_operation_env.gif) no-repeat;
}
h2.AntiSocial{
	background:url(../../our_policies/img/h2_antisocial.gif) no-repeat;
}

/***************************/
/* プライバシーポリシー */
/***************************/
.PrivacyPolicy{
	background:url(../../our_policies/img/img_privacypolicy.jpg);
}
h2.PrivacyPolicy{
	background:url(../../our_policies/img/h2_pryvacypolicy.gif) no-repeat;
}
h2.Purpose{
	background:url(../../our_policies/img/h2_purpose.gif) no-repeat;
}
h2.Disclosure{
	background:url(../../our_policies/img/h2_disclosure.gif) no-repeat;
}
h2.ContactAboutPolicy{
	background:url(../../our_policies/img/h2_contact_about_policy.gif) no-repeat;
}
h2.InquiryAboutPolicy{
	background:url(../../our_policies/img/h2_inquiry_about_policy.gif) no-repeat;
}


/***************************/
/* サイトマップ　　　　 */
/***************************/
.SiteMap{
	background:url(../../sitemap/img/img_sitemap.jpg);
}
.SiteMapCol a{
	display:block;
	margin-bottom:3px;
	text-align:center;
	height:30px;
	line-height:30px;
	background:url(../../sitemap/img/bg_sitemap.gif) no-repeat;
	padding-left:13px;
}

/***************************/
/* 記事レイアウト＆見出し */
/***************************/
.article_column{float: left;}
.cols1{float: none !important;}

.blog h2 , #page h2 , .searchintro , .componentheading{
	font-size: 16px !important;
	font-size: 1.2em;
	min-height:32px;
	line-height:175%;
	color:#362919;
	font-weight:normal;
	margin-bottom:7px;
	padding-left:20px;
	background:url(../images/bg_h2.gif) no-repeat bottom;
}
.blog h3{
	font-size: 14px !important;
	font-size: 1em;
	padding-left:3px;
	margin-top:5px;
	font-weight:normal;
	color:#3892AB;
}
.cols2 , .cols3{float:left;}
/* left rightいずれもあるときのcols & h2 */
.cols2 , #center .cols2 h2 {width:208px;}
.cols3 , #center .cols3 h2 {width:132px;}
/*.cols1 h2 {width:437px; background:url(../images/bg_h2_lmr_col1.gif) no-repeat;}
.cols2 h2 {background:url(../images/bg_h2_lmr_col2.gif) no-repeat;}
.cols3 h2 {background:url(../images/bg_h2_kmr_col3.gif) no-repeat;} */
/* leftだけあるときのcols & h2 */
#container-l-m .cols2 , #container-l-m #center .cols2 h2 {width:318px;}
#container-l-m .cols3 , #container-l-m #center .cols3 h2 {width:205px;}
/* #container-l-m h2 {width:657px; background:url(../images/bg_h2_lm_col1.gif) no-repeat;}
#container-l-m .cols2 h2 {background:url(../images/bg_h2_lm_col2.gif) no-repeat;}
#container-l-m .cols3 h2 {background:url(../images/bg_h2_lm_col3.gif) no-repeat;} */
/* rightだけあるときのcols & h2 */
#container-m-r .cols2 , #container-m-r #center .cols2 h2 {width:317px;}
#container-m-r .cols3 , #container-m-r #center .cols3 h2 {width:206px;}
/* #container-m-r h2 {width:627px; background:url(../images/bg_h2_mr_col1.gif) no-repeat;}
#container-m-r .cols2 h2 {background:url(../images/bg_h2_mr_col2.gif) no-repeat;}
#container-m-r .cols3 h2 {background:url(../images/bg_h2_mr_col3.gif) no-repeat;} */
/* left rightいずれもないときのcols & h2 */
#container-m .cols2 , #container-m #center .cols2 h2 {width:418px;}
#container-m .cols3 , #container-m #center .cols3 h2 {width:273px;}
/* #container-m h2 {width:852px; background:url(../images/bg_h2_m_col1.gif) no-repeat;}
#container-m .cols2 h2 {background:url(../images/bg_h2_m_col2.gif) no-repeat;}
#container-m .cols3 h2 {background:url(../images/bg_h2_m_col3.gif) no-repeat;} */

.column1 , .column2{
	border:solid 0px #D4A7C5;
	position:relative;
}

.col-spacer{
	float:left;
	width:16px;
	height:1px;
	overflow:hidden;
}
.leading_separator{
	display:block;
	height:20px;
	clear:both;
	overflow: hidden;
}
.row_separator{
	display:block;
	height:15px;
	clear:both;
	overflow: hidden;
}
.row_separator.line{background:url(../images/line_row_separator.gif) center repeat-x;}
.article_separator{
	display:block;
	width:20px;
	height:auto;
	float:left;
	overflow: hidden;
	background:url(../images/line_col_separator.gif) center repeat-y;
}


/* float-align */
.txt-center{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.flt-l{float:left;}
.flt-r{float:right;}
.clear , .wrap{clear:both; overflow:hidden; height:1px;}

/* リンクロールオーバー */
a:hover{
    background-position:0px -50px;
}
a:active{
    background-position:0px -100px;
}

/* テーブルタイプ */
table.blog , table.contentpaneopen{
	width:100%;
}

/* フォームの体裁 */

.metadata label , .radio label , .publishing label {
	width:120px;
	float:left;
	white-space:nowrap;
}
input , textarea , select {
	border-top: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	background-color:#F5FAEB;
}
.radio{
	clear:both;
}
.radio input{
	float:left;
}
.radio input{
	border:none;
	background-color:#F7F7F7;
}
.frmnonstyle{
	border:none;
	background-color:#FFFFFF;
}
.onlyref{
	background-color: #FFFFFF;
	border:none;
}
.btn{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:180px;
	margin:0 5px;
	background-color:#ECECEC;
}
.btn-mini{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:80px;
	margin:0 3px;
	background-color:#ECECEC;
}
.btn-micro{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:40px;
	margin:0 3px;
	background-color:#ECECEC;
}
.ck-radio{
	background-color:#FFFFFF;
	border:none;
}

/* リンクボタン */
.LinkBtn{
	display:inline-block;
	width:170px;
	height:27px;
	line-height:27px;
	background:url(../images/link_btn.gif) no-repeat;
	text-align:left;
	text-indent:24px;
}
.LinkBtn:link , .LinkBtn:visited{
	color:#333;
}.sss {
	color: #F00;
}