@charset "utf-8";
/*
#PROMO .grid2 .column { border-top:#60c4e5 5px solid; }
#PROMO .grid2 .column:first-child { padding:8% 4% 0; }
#MAIN {
	background:transparent url(/-/Media/Ricoh/Sites/co_jp/event/exhibit/igas/img/background.png) center bottom no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.title {
	background-color:#555;
	color:#fff;
}
*/
.headline { border-left:#60c4e5 5px solid; }
.xlarge { font-size:22px; }
.large { font-size:18px; }
.medium { font-size:14px; }
.small { font-size:12px; }
.xsmall { font-size:10px; }
A.button {
	font-size:18px;
	/*
	background: #cf1420;
	*/
	background: #0b51b3;
}
A.button STRONG { font-size:12px; }

UL.anchor LI {
	float:left;
	margin-right:1em;
}
DL.data > DT { width: 5em; }
DL.data > DD { margin-left: 5em; }

.section.head {
	border-top:3px solid #ccc;
	padding-top:1em;
}
/*
.label.label1,
.label.label2,
.label.label3,
.label.label4,
.label.label5,
.label.label6 { color:#fff; }
.label.new {
	color:#fff100;
	background-color:#eb6100;
}
.label.label1 { background-color:#90c31f; }
.label.label2 { background-color:#f6ae4c; }
.label.label3 { background-color:#f1a0c3; }
.label.label4 {background-color:#9c76b2; }
.label.label5 { background-color:#3d54a4; }
.label.label6 { background-color:#14ae67; }
*/
#Exhibit .separate .column {
	border-bottom:#ccc 2px dotted;
	margin-bottom:1em;
}
#Seminar A.button { background:#06c; }

#Workshop TABLE {
	width:100%;
	font-size:12px;
	line-height:1.6;
	table-layout:fixed;
	border-collapse:collapse;
}
#Workshop TABLE TH,
#Workshop TABLE TD {
	text-align:left;
	vertical-align:top;
	border:#a0a0a0 1px solid;
	padding:8px;
}
#Workshop TABLE TH {
	color:#000;
	background-color:#b9e3f9;
}
#Workshop TABLE TH.day {
	background-color:#eaf6fd;
	line-height:1;
}
#Workshop TABLE TH.day STRONG {
	font-size:20px;
	font-weight:bold;
	display:block;
}
#Workshop TABLE THEAD TH {
	color:#fff;
	background-color:#a6bbc6;
	font-size:14px;
	text-align:center;
}
#Workshop TABLE DL { margin-bottom:0; }
#Workshop TABLE DT {
	font-size:14px;
	font-weight:bold;
	margin-bottom:0.5em;
}
#Workshop TABLE DT .label{ font-size:12px; }
#Guide .head {
	background-color:#60c4e5;
	color:#fff;
}
.red { color:#c00; }

@media (max-width:640px) {
	#TOP DL { padding-bottom:13px; }
	#PROMO .grid2 .column:first-child { padding:4% 4% 0; }
	DL.data > DD { margin-left:0; }
	DL.data.bold > DD { font-weight:normal; }
	UL.anchor LI { margin:0.5em 1em 0.5em 0; }
}



/*Add==================================================*/

/*Main Title*/
#PROMO .grid2 {
	border: #c8c8c8 1px solid;
	border-top: #60c4e5 5px solid;
}
#PROMO .grid2 .column {
	width: 40%;
	padding: 0;
}
#PROMO .grid2 .column:first-child {
	width: 60%;
	padding: 4.6% 4% 0 4%;
}
#PROMO{
	margin-bottom: 0;
	padding: 0;
}
@media (max-width: 640px) {
	#PROMO .grid2 {
		border: 0;
	}
	#PROMO .grid2 .column {
		border-top: #60c4e5 5px solid;
    	width: 100% !important;
	}
	#PROMO .grid2 .column:first-child {
		padding: 4% 4% 0 4%;
	}
}

/*Main Lead*/
.box_lead{
    padding: 16px 16px 14px 16px;
    border: 4px solid #e0e0e0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.box_lead p{
    padding: 0;
    margin: 0;
}

/*Common*/
.section {
    padding: 40px 0 32px 0;
}
@media (max-width: 640px) {
	.section {
    	padding: 30px 0 16px 0;
	}
}
.ttlh02 {
    padding: 8px 16px 4px 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #60c4e5;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.headside {
	border-left: #60c4e5 5px solid; 
	padding-left: 8px;
}
@media (max-width: 640px) {
	.ttlh02 {
    	font-size: 22px;
	}
}
.mark {
	text-indent: 0px;
	padding-left: 0px;
}
@media (max-width: 640px) {
	.mark {
		text-indent: 0px;
		padding-left: 0px;
	}
}
.mark i{
	margin-left: 5px;
	float: left;
	font-size: 14px;
	line-height: 1.5;
}
.line_dot{
	height: 2px;
    border-bottom: #ccc 2px dotted;
    box-sizing: border-box;
}
.list strong{
	font-weight: 700;
	font-size: 17px;
}

/*Exhibit*/
.exhibit h3{
    vertical-align: bottom;
}
.exhibit .label{
    display: inline-block;
   	padding: 4px 8px 3px 8px;
    background: #e0e0e0;
    font-weight: bold !important;
    font-size: 11px !important;
    vertical-align: 3px;
}
.exhibit .label.new{
    color: #fff100;
    background-color: #eb6100;
}

/*Footer*/
#toTop {
	font-family:'Glyphicons Halflings';
	font-size:28px;
	line-height:1;
	position:fixed;
	right:16px;
	bottom:16px;
	z-index:9000;
	display:none;
}
#toTop A {
	background:#f3f3f3;
	color:#999;
	text-decoration:none;
	border:2px solid #dedede;
	padding:8px;
	display:block;
}
#toTop I {
	margin-right:0;
	display:block;
}
#COPYRIGHT {
	background:#f3f3f3;
	color:#999;
	font-family:Frutiger, Helvetica, Arial, sans-serif;
	font-size:11px;
	border-top:2px solid #dedede;
	border-bottom:4px solid #cf142b;
	padding:18px 8px 40px;
}
#COPYRIGHT P {
	max-width:1008px;
	margin:0 auto;
}
@media (max-width: 640px) {
	#toTop {
		font-size:27px;
		right:0px;
		bottom:8px;
		border-right:none;
	}
	#COPYRIGHT {
		border-bottom-width:8px;
		padding:14px 8px 16px;
	}
}



/****************/
sup {
    vertical-align: super;
    font-size: smaller;
}
.mauto{ margin: 0 auto;}
.dt_box{display: table;}
.dt_cell{display: table-cell;}
.dt_cell img{vertical-align: top;}
.w65p{ width: 65% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.w35p{ width: 35% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 640px) {
	.rsp_w100p,
	.rsp_w75p,
	.rsp_w60p,
	.rsp_w50p,
	.rsp_w25p { 
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.rsp_w100p { width: 100% !important; max-width: 100% !important;}
	.rsp_w75p { width: 75% !important; max-width: 75% !important;}
	.rsp_w60p { width: 60% !important; max-width: 60% !important;}
	.rsp_w50p { width: 50% !important; max-width: 50% !important;}
	.rsp_w40p { width: 40% !important; max-width: 40% !important;}
	.rsp_w25p { width: 25% !important; max-width: 25% !important;}
}
.label_box{
    display: inline-block;
    padding: 5px 6px 4px 6px;
    background-color: #cf142b;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
	vertical-align: 0.25em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.label_box.label1 { background-color:#999999; }


.la_box.label1 { background-color:#90c31f; }
.label.label2 { background-color:#f6ae4c; }
.label.label3 { background-color:#f1a0c3; }
.label.label4 {background-color:#9c76b2; }
.label.label5 { background-color:#3d54a4; }
.label.label6 { background-color:#14ae67; }