@charset "utf-8";
#PANEL DT, #PANEL DD { border-top-color:#153072; }
.headside {
	border-left:#153072 5px solid;
	padding-left:10px;
}

#MAIN{ word-break: normal;}

.box.round {
	background-color:#153072;
	color:#fff;
	border:none;
	padding:4px 12px;
}
.info_box.round {
    border: 4px solid #dedede;
    padding: 12px 16px;
    margin-bottom: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.box.round.color {
	background-color: #f3f3f3;
	color:#333;
    border: 1px solid #dedede;
    border-radius: 8px;
    border-width: 4px;
    padding: 12px 16px;
}

.grid .box.round02 {
	background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 8px;
    border-width: 4px;
}

.grid .box.round02 a{
	background-color: #cf142b;
}

#Guide.section.color {
	background-color:#f3f3f3;
}

.grid6 > .column77p {
	width: 77%;
}
.grid6 > .column23p {
	width: 23%;
}

.clm1_small {
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
.textC {
	text-align: center;
}

@media (max-width:640px) {
.clm1_small { width:100%; }
}

.hd_ic01_01 {
    background: rgba(0, 0, 0, 0) url("../img/ico_actpt-3dp.jpg") no-repeat scroll 0 5px;
    padding-left: 26px;
    font-weight: bold;
    font-size: 1.20em;
}

sup {
	vertical-align: super;
	font-size: 0.625em !important
}
p.img_btn a.ico_nml_lf {
	padding: 6px 0 10px 40px !important;
}

.dsp_b  { display: block !important; }
.dsp_l  { display: inline !important; }
.dsp_lb { display: inline-block !important; }
.dsp_n  { display: none !important; }

/* ============================== Margin */
.mt0 { margin-top: 0px !important; }
.mt8 { margin-top: 8px !important; }
.mt16 { margin-top: 16px !important; }
.mt32 { margin-top: 32px !important; }
.mt91 { margin-top: 91px !important; }
.mr0 { margin-right: 0px !important; }
.mr8 { margin-right: 8px !important; }
.mr16 { margin-right: 16px !important; }
.mr32 { margin-right: 32px !important; }
.ml0 { margin-left: 0px !important; }
.ml8 { margin-right: 8px !important; }
.ml10 { margin-left: 10px !important; }
.ml16 { margin-left: 16px !important; }
.ml32 { margin-left: 32px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb32 { margin-bottom: 32px !important; }

/* ============================== Padding */

.pl16{ padding-left: 16px !important; }
.pl24{ padding-left: 24px !important; }
.pr16{ padding-right:   16px !important; }
.pr24{ padding-right:   24px !important; }
.al_c{ text-align: center !important;}

.w100p {
    box-sizing: border-box;
    width: 100% !important;
}
.w80p {
    box-sizing: border-box;
    width: 80% !important;
}
.w70p {
    box-sizing: border-box;
    width: 70% !important;
}
.w60p {
    box-sizing: border-box;
    width: 60% !important;
}
.w50p {
    box-sizing: border-box;
    width: 50% !important;
}
.w40p {
    box-sizing: border-box;
    width: 40% !important;
}
.w30p {
    box-sizing: border-box;
    width: 30% !important;
}
.w25p {
    box-sizing: border-box;
    width: 25% !important;
}

@media (max-width: 640px) {
  .rsp_dsp_n  { display: none !important; }
  .rsp_dsp_b { display: block !important; }

.rsp_w100p, .rsp_w75p, .rsp_w77p, .rsp_w50p, .rsp_w25p {
    box-sizing: border-box;
    max-width: 100% !important;
    width: 100% !important;
}
.rsp_w75p {
    max-width: 75% !important;
    width: 75% !important;
}
.rsp_w50p {
    max-width: 50% !important;
    width: 50% !important;
}
.rsp_w35p {
    max-width: 35% !important;
    width: 35% !important;
}
.rsp_w25p {
    max-width: 25% !important;
    width: 25% !important;
}
.grid6 > .column77p {
	width: 100% !important;
}
.grid6 > .column23p {
	width: 100% !important;
}
.rsp_al_c{
	text-align: center !important;
}
.rsp_mt0 {
	margin-top: 0 !important;
}
.ico_nml_lf {
	padding: 6px 0 10px 40px !important;
}
.rsp_pd_lr8{
    padding-right: 8px !important; padding-left: 8px !important;
}
}

#innovative .box {
    background-color: #ee9193;
}

#innovative dl {
    background-color: #f8ccc9;
}

#fun .box {
    background-color: #f8bf56;
}

#fun dl {
    background-color: #fde0aa;
}

#ecofriendly .box {
    background-color: #153072;
}

#ecofriendly dl {
    background-color: #d7ddb1;
}

#Exhibit dl {
    color: #000;
    border-top: 1px solid #fff;
    margin: 0;
}

#Exhibit dl:last-child {
    margin-bottom: 16px;
}

#Exhibit dl:before, #Exhibit dl:after {
    content: " ";
    display: table;
}

#Exhibit dl:after {
    clear: both;
}

#Exhibit dl dt {
    width: 36%;
    font-weight: bold;
    padding: 8px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#Exhibit dl .label {
    background-color: #fff;
    color: #cf142b;
}

#Exhibit dl .label {
    background-color: #fff;
    color: #cf142b;
}

span.label {
    background-color: #717171;
    color: #fff;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1;
    vertical-align: 0.125em;
    padding: 0.375em 0.75em;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#Exhibit dl dd {
    margin-left: 35%;
    padding: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.small {
    font-size: 0.8125em !important;
}

.headside {
	border-left:#153072 5px solid;
	padding-left:10px;
}

#innovative .headside {
    border-left:#ee9193 5px solid;
}

#fun .headside {
    border-left:#f8bf56 5px solid;
}

#ecofriendly .headside {
    border-left:#153072 5px solid;
}

ul.nml li {
    padding-left: 40px;
    background: url(/-/Media/Ricoh/Common/cmn_v1/img/bullet_ul_01.png) 20px 0.5em no-repeat;
}

.wb_ball {
    word-break: break-all !important;
}

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

#PANEL DT {
    padding:2.8% 2.8% 0;
}
@media (max-width:640px) {
    #PANEL DT { padding:4%; }
}