@charset "utf-8";

/*------------------------
common
-------------------------*/

img{ vertical-align: bottom;}
li{list-style:none;}

.chance-box {
	width:700px;
	height:480px;
	border:1px solid #d0d0d0;
	position: relative;
}

#nav{
	margin: 0;
	padding: 0;
	position: absolute;
	left:0;
	top:0;
	background: transparent;
}

#nav li{
	float: left;
}

.mb20{
	margin-bottom: 20px;
}
.popup{
	position: absolute;
	width: 700px;
	height: 480px;
	left:0;
	top: 0;
	background:#fff;
	display: none;
	z-index:12;
}
.bgalfa {
	background: url(../img/bg-white.png) repeat left top;
}

.popupIn{
	position: absolute;
	left:0;
	top: 55px;
}
.movPosi{
	left:115px;
	top: 80px;
}
.btn-close{
	position: absolute;
	top:29px;
	right: 24px;
	cursor: pointer;
	z-index:20;
}


/*------------------------
TOP
-------------------------*/

#top-box{
	background: url(../img/top01.jpg) no-repeat left top;
	height:480px;
	position: relative;
}
#top-boxIn{
	background: url(../img/top02.jpg) no-repeat left top;
	width:700px;
	height:480px;
	position: absolute;
	display: none;
}
#copy01{
	position: absolute;
	left:72px;
	top:202px;
	background: transparent;
	display: none;
}
#copy02{
	position: absolute;
	left:51px;
	top:44px;
	background: transparent;
	display: none;
}
#copy03{
	position: absolute;
	left:352px;
	top:142px;
	background: transparent;
	display: none;
}
#bg02 {
	position:absolute;
	display:none;
}
#top-box ul{
	position: absolute;
	left:354px;
	top:220px;
	background: transparent;
}
#top-box ul li{
	margin-bottom: 6px;
	display: none;
}


/*------------------------
workstyle
-------------------------*/

#workstyle-box{
	background: url(../img/w_bg.jpg) no-repeat left bottom;
}
#w_main {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#workstyle-box h2{
	position: absolute;
	left:26px;
	top:60px;
	background: transparent;
}

#workstyle-box h3{
	margin: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}
#workstyle-box01{
	position: absolute;
	left:63px;
	top:168px;
}

#workstyle-box02{
	position: absolute;
	left:413px;
	top:168px;
}

#workstyle-box03{
	position: absolute;
	left:250px;
	top:442px;
}
#workstyle-box .btn_kochira {
	text-align:center;
	margin-top:24px;
}

/*------------------------
useful
-------------------------*/
#u_main {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#u_nav {
	position:absolute;
	right:23px;
	top:55px;
	width: 211px;
	height:22px
}
#u_nav li {
	float: left;
	height:22px
}
#tab_change .selected .tab01 {
	background-image: url(../img/u_btn_ope_ov.jpg);
	width: 105px;
	height: 22px;
	display: block;
}
#tab_change .selected .tab01 .none   {
	display: none;
}
#tab_change .selected .tab02 {
	background-image: url(../img/u_btn_function_ov.jpg);
	width: 106px;
	height: 22px;
	display: block;
}
#tab_change .selected .tab02 .none   {
	display: none;
}



#useful-box h2{
	position: absolute;
	left:26px;
	top:89px;
	background: transparent;
}
#useful-box h3{
	margin: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}
#useful-box01{
	position: absolute;
	left:42px;
	top:165px;
	display:none;
}
#useful-box01 .u_mov {
	height:228px;
	padding:8px 0;
}
#image-navigation {
	position: absolute;
	left:22px;
	top:175px;
	background-image: url(../img/u_bg_sp.jpg);
	background-repeat: no-repeat;
	width:470px;
	height:229px;
}
#useful-box02{
	position: absolute;
	right:39px;
	top:89px;
}
#useful-box03{
	position: absolute;
	right:39px;
	top:197px;
}
#useful-box04{
	position: absolute;
	right:39px;
	top:305px;
}
#u_attention{
	position: absolute;
	right:32px;
	top:414px;
}
.useful01 {
	left:170px;
	top: 100px;
}
#usefulbox-intro{
	position: absolute;
	left:375px;
	top:189px;
}
/*------------------------
画像きりかえ
-------------------------*/

#image-navigation ul {
	margin: 0;
	padding: 0;
}
#image-navigation ul li a {
  display:block;
  width:20px;
  height:20px;
}
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a {
	position:absolute;
	top:23px;
	left:90px;
	z-index:8;
	cursor:default;
}
#image-navigation .naviBtn a {
	cursor:pointer;
}
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }
#image-navigation .btn01 {
	position: absolute;
	top: 227px;
	left:180px;
	z-index:11;
}
#image-navigation .btn02 {
	position: absolute;
	top: 227px;
	left:230px;
	z-index:11;
}
#image-navigation .btn03 {
	position: absolute;
	top: 227px;
	left:280px;
	z-index:11;
}

/*------------------------
compact
-------------------------*/
#c_main {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#compact-box h2{
	position: absolute;
	left:26px;
	top:59px;
	background: transparent;
}
#compact-box .c_mov {
	height:228px;
	padding:9px 0;
	z-index:0;
}
#compact-box h3{
	margin: 0;
	padding: 0;
	background: none;
}
#compact-box01{
	position: absolute;
	left:26px;
	top:103px;
	display:none;
}

#compact-box02{
	position: absolute;
	left:368px;
	top:103px;
	display:none;
}

.compact01 {
	left:170px;
	top: 100px;
}
.c_attention {
	position:absolute;
	bottom:0;
	left:202px;
}

#mainContentWrap {
font-size: 12px;
}

/* h2 */
#mainContentWrap h2 {
margin-bottom: 20px;
font-size: 131%;
background-color: transparent;
background-image: url(/-/Media/Ricoh/Sites/co_jp/common/img/heading/bg-h2-01-top.gif);
background-repeat: no-repeat;
background-position: left top;
}
/* heading */
#mainContentWrap h1, #mainContentWrap h2, #mainContentWrap h3, #mainContentWrap h4 {
font-weight: bold;
line-height: 160%;
color: #000;
}