@charset "utf-8";

/* ************************************************
 __retailtech page 20120220
* ********************************************** */


#retailtech #wrapper #contents_wrapper #contents_inner #title_area {
	height: 120px;
	width: 920px;
	margin: 15px 15px 0 15px;
	text-align: left;
}

#wrapper #contents_wrapper #contents_inner #title_area {
	height: 120px;
	width: 920px;
	margin: 15px 15px 0 15px;
	text-align: left;
}


#wrapper #contents_wrapper #contents_inner #title_area h1,
#wrapper #contents_wrapper #contents_inner #title_area p.pic {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}
/*for IE6 */
* html #wrapper #contents_wrapper #contents_inner #title_area h1,
* html #wrapper #contents_wrapper #contents_inner #title_area p.pic {
	display: inline;
	zoom: 1;
}
/*for IE7 */
*:first-child+html #wrapper #contents_wrapper #contents_inner #title_area h1,
*:first-child+html #wrapper #contents_wrapper #contents_inner #title_area p.pic {
	display: inline;
	zoom: 1;
}
#wrapper #contents_wrapper #contents_inner #title_area p.pic {
	width: auto;
	padding-right: 15px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #title_area h1 {
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
	line-height: 32px;
}

#retailtech #wrapper #contents_wrapper #service p{
	line-height: 1.5em;
}

#retailtech #wrapper #contents_wrapper #service p.note{
	margin-bottom: 40px;
	color: #CC0000;
}

#wrapper #contents_wrapper #contents_inner #box a:hover img { 
	opacity:0.5;
	filter: alpha(opacity=50);
}  

#retailtech #wrapper #contents_wrapper #contents_inner #box table.introduce {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #E7F3FE;
	margin-top: 10px;
	margin-bottom: 10px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box table.introduce td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: 10px;
	padding: 15px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box table.introduce td.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
}



#retailtech #wrapper #contents_wrapper #contents_inner #box #service p.tenji {
	font-size: 110%;
	line-height: 1.8em;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 5px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}



/**内容**/
#retailtech #wrapper #contents_wrapper #contents_inner #box #service{
	float: left;
	width: 920px;
	margin-top: 0px;
	text-align: left;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box #service .knowhow01 {
	background-image: url(/rt2012/img/knowhow01.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 920px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box #service .knowhow02 {
	background-image: url(/rt2012/img/knowhow02.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 920px;
}
#retailtech #wrapper #contents_wrapper #contents_inner #box #service .knowhow03 {
	background-image: url(/rt2012/img/knowhow03.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 920px;
}
#retailtech #wrapper #contents_wrapper #contents_inner #box #service .knowhow04 {
	background-image: url(/rt2012/img/knowhow04.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 920px;
}
#retailtech #wrapper #contents_wrapper #contents_inner #box #service .knowhow05 {
	background-image: url(/rt2012/img/knowhow05.jpg);
	background-repeat: no-repeat;
	height: 42px;
	width: 920px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box #service p.knowhow {
	font-size: 110%;
	line-height: 1.8em;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 20px;
	margin-right: 5px;
}



#retailtech #wrapper #contents_wrapper #contents_inner #box #service h2 {
	clear: both;
	font-size: 150%;
	font-weight: bold;
	background-image: url(/shared/img/bg_h2_other.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	margin-bottom: 15px;
	margin-top: 5px;
	height: 33px;
	margin-right: 0;
	margin-left: 0;
	padding-top: 5px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box #service h3.left {
	margin-left: 20px !important;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box #service h3 {
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	color: #3B3B3B;
	line-height: 1.5em;
	text-align: center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

/***********************************form*******************************************/
#retailtech #wrapper #contents_wrapper #contents_inner #box .body_table {
	width: 920px;
	background-color: #FFFFFF;
}
#retailtech #wrapper #contents_wrapper #contents_inner #box p.header {
	text-align: center;
	font-size: 20px;
	font-weight:bolder;
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #5CA9EF;
	color: #FFFFFF;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box p.subtitle {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	margin-left: 10px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box .header_rmesg {
	font-size: 100%;
	text-align:left;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 30px;
}


#retailtech #wrapper #contents_wrapper #contents_inner #box .title {
 padding: 5px 30px 5px 10px;
 border: 1px solid #CCCCCC;
 text-align: left;
 background: #F4F4F4;
 color: #555555;
 font-weight:bold;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box .data {
 padding: 5px 30px 5px 10px;
 border: 1px solid #CCCCCC;
 text-align: left;
 background: #FFFFFF;
 color: #555555;
 font-weight:normal;
 white-space: nowrap;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box .need {
	color: #cc0000;
	font-size: 90%;
	font-weight:bold;
	text-align:left;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box .body_table .policy{
	width: 550px;
	margin-top: 20px;
	border: 1px solid #999999;
}



#retailtech #wrapper #contents_wrapper #contents_inner #box div.inq_flame div.flame_mid div.title3 {
	height: 27px;
	width: 392px;
	margin: 0 10px 10px 10px;
	text-indent: -9999px;
	background: url(/rt2012/img/flame_title3.jpg) no-repeat left top;
}

/***************フォーム********************/
#retailtech #wrapper #contents_wrapper #contents_inner #box #smp_style {
	background-color: #F4FCFF;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 20px 10px 10px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box table.form td {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bcbcbc;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box #form_mid {
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	margin-top: 40px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box #form_mid table.smp_tmpl{
       text-align: left;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box table.reset {
	text-align: center;
	width: 700px;
	border-style: none;
	margin: 20px auto 0;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box table.reset td.policy {
	font-size: 12px;
	text-align: right;
	margin-left: 600px;
	color: blue;
	text-decoration: underline;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box table.ssl {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #EEEEEE;
	width: 600px;
}

#retailtech #wrapper #contents_wrapper #contents_inner #box table.ssl td {
	padding: 10px;
}

body.download {
	background-color: #F4DAC9;
	text-align: center;
	font-size: 14px;
	margin: 0 auto;
}


#download {
	width: 800px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	height: 650px;
}

#download table.dl {
	font-size: 250%;
	text-align: center;
	font-weight: 800;
	background-color: blue;
	width: 800px;
	color: #fff;
	height: 80px;
	margin-bottom: 50px;
}

#download table.application {
	font-size: 150%;
	text-align: left;
	margin-top: 20px;
	font-weight: 800;
	margin-left: 20px;
}

#download p {
	font-size: 120%;
	margin-top: 20px;
	text-align: left;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
}

#download .back {
	text-align: right;
	width: 750px;
	margin-top: 100px;
}

hr.line {
	margin-top: 20px;
	width: 750px;
	color: blue;
	height: 1px;
	border-color: blue;
	border-style: solid;
	border-width: 1px;
}