#PageBody {
	margin-top: 0;
}

#content {
	background-color: #fff;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	margin: 0 10px 10px 10px;
	padding-top: 45px;
	position: relative;
}
#content-twoculumn {
	background-image:url(http://www.mobilefactory.jp/img/dot-gray.gif);
	background-repeat: repeat-y;
	background-position: 148px 0px;
	margin: 0 0 10px 0;
	_width:100%;
	_position: relative;
}

/* TopicPath */
#TopicPath {
	position: absolute;
	_position: relative;
	top:6px;
	_top: -35px;
	left:160px;
	font-size: 75%;
	line-height: 100%;
	letter-spacing: 2px;
	color: #111;
	z-index: 20;
}
/* IE7 */
*:first-child+html #TopicPath {
	position: relative;
	padding: 0;
	width: 640px;
	top: -40px;
}
#TopicPath a {
	color: #111;
}
#TopicPath a:hover {
	color: #E05C82;
}



/* ================== base layout ================== */
#content #Side {
	width: 138px;
	_width: 148px;
	padding: 5px 5px 0px 5px;
	float: left;
}
#content #Main {
	width: 620px;
	float: right;
	margin-right: 15px;
	_margin-right: 5px;
	padding: 5px 0 0px 0;
}

/* ================== Side ================== */
#content #Side .sidemenu {
	margin: 0 0 10px 0;
}
#content #Side .sidemenu h2 {
	font-size: 75%;
	line-height: 100%;
	font-weight: bold;
	background-color: #f6f6f6;
	border-bottom: 1px solid #afafaf;
	padding: 3px 1px;
}
#content #Side .sidemenu ul {
	list-style-type: none;
	margin: 0 0 10px 0;
}
#content #Side .sidemenu ul li {
	padding: 3px 0;
	border-bottom: 1px dotted #c4c4c4;
}
#content #Side .sidemenu ul li a {
	text-decoration: none;
}

/*@bannser@*/
#content #Side .sidebanner {
	margin: 0 0 10px 0;
}

/*@contact@*/
#content #Side .contact {
	background-color: #fcfcfc;
	border: 1px solid #e1e1e1;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	margin: 0 0 10px 0;
}
#content #Side .contact h2 {
	font-size: 75%;
	line-height: 110%;
	color: #1053ba;
	border-bottom: 1px solid #e1e1e1;
	background-color: #f9f9f9;
	padding: 5px;
}
#content #Side .contact p {
	padding: 5px;
	font-size: 75%;
}

/* qr */
#content #Side .side_qr {
	background-color: #fcfcfc;
	border: 1px solid #e1e1e1;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	margin: 0 0 10px 0;
}

#content #Side .side_qr {
  padding: 3px;
}
#content #Side .side_qr p.qr_code {
  width: 66px;
  float: left;
}
#content #Side .side_qr p.text {
  font-size: 66%;
  line-height: 110%;
  padding: 8px 0 0 0;
  margin-left: 68px;
}



/* ================== Main ================== */
#content #Main {
	border-top: 1px solid #f3f3f3;
}
#content #Main p {
	margin: 0 0 1em 0;
}
#content #Main p.nm {
	margin: 0 0 0 0;
}

#content #Main ul,
#content #Main ol {
	margin: 0 0 1em 25px;
}
#content #Main ul li,
#content #Main ol li {
	margin: 5px 0;
}
#content #Main .ttlLv1img {
	margin: 0 0 10px 0;
}
#content #Main .ttlLv2 {
	font-size: 100%;
	line-height: 100%;
	padding: 6px;
	color: #145ac4;
	border: 1px solid #89ace1;
	background-color: #fbfbfb;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f2f2f2));
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
	border-radius:8px;
	margin: 20px 0 5px 0;
}
#content #Main .ttlLv3 {
	font-size: 90%;
	color: #0d1f3b;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #89ace1;
}
	
ul.arrowlink {
	list-style-type: none;
}
a.arrowlink,
ul.arrowlink a {
	display: table-cell;
	background-image: url(http://www.mobilefactory.jp/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 18px;
}

/* index */
#content #Main ul.index {
	list-style-type: none;
	margin: 0 0 5px 0;
}
#content #Main ul.index li {
	background-color: #fcfcfc;
	border: 1px solid #e1e1e1;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	border-radius:8px;
	padding: 6px;
	margin: 0 0 5px 0;
}

/* table */
#content #Main table {
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:10px;
}
#content #Main table th {
	text-align:left;
	border-top:1px solid #ddd;
	line-height:150%;
	vertical-align:top;
	font-weight: normal;
	color:#555;
	padding: 8px 12px 8px 6px;
}
#content #Main table td {
	text-align:left;
	border-top:1px solid #ddd;
	padding: 8px 6px;
	line-height:150%;
}
#content #Main table tr:first-child th,
#content #Main table tr:first-child td {
	border: none;
}
#content #Main table#corporateprofile-table th,
#content #Main table#History-table th {
	white-space: nowrap;
}
#content #Main table thead tr:first-child th {
	background-color: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f2f2f2));
	border: 1px solid #fff;
	padding: 4px 6px;
}

#content #Main #news-individual table {
  margin-bottom:1em;
}
#content #Main #news-individual table,
#content #Main #news-individual table th,
#content #Main #news-individual table td {
	border:1px solid #888;
}

/* ================== Service ================== */
#Service #content #Main ul.index li .servicelogo {
	display: block;
	width: 155px;
	text-align: center;
	float: left;
}
#Service #content #Main ul.index li .serviceinfo {
	display: block;
	margin-left: 165px;
}
#Service #content #Main ul.index li .serviceinfo a {
	text-decoration: none;
}
#Service #content #Main ul.index li .serviceinfo a strong {
	font-size: 120%;
}
#Service #content #Main ul.index li .serviceinfo a.arrowlink {
	text-decoration: underline;
}

#Service #content #Main .servicelink {
	background-color: #fafafa;
	padding: 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	border-radius:8px;
}
#Service #content #Main .servicelink .capture {
	width: 330px;
	float: left;
	margin: 0 0 0 0;
}
#Service #content #Main .servicelink .capture img {
	border: 1px solid #ddd;
}
#Service #content #Main .servicelink .link {
	width: 274px;
	float: right;
	margin: 0 0 0 0;
}
#Service #content #Main .servicelink .link a {
	text-decoration: none;
}
#Service #content #Main .servicelink .link a:hover {
	text-decoration: underline;
}

/* service-kaocheki */
#Service #content #Main #service-kaocheki p.image {
  width: 240px;
  float: left;
}
#Service #content #Main #service-kaocheki p.text {
  width: 360px;
  float: right;
}


/* socialapp */
#Service #content #Main .socialapp-list .ttlLv3 {
	margin-left: 130px;
}
#Service #content #Main .socialapp-list p.capture {
	width: 120px;
	height: 180px;
	float: left;
}
#Service #content #Main .socialapp-list p.text {
	margin-left: 130px;
	margin-bottom: 10px;
}
#Service #content #Main .socialapp-list p.qr {
	margin-left: 130px;
	margin-bottom: 20px;
}
#Service #content #Main .socialapp-list p.platform {
  width: 412px;
  float: right;
  padding-top: 5px;
  font-size: 75%;
}
#Service #content #Main .socialapp-list .mark-career {
	vertical-align: text-top;
}



/* mobilesite */
#Service #content #Main .mobilesite-list .ttlLv3 {
	margin-left: 130px;
}
#Service #content #Main .mobilesite-list p.capture {
	width: 120px;
	height: 180px;
	float: left;
}
#Service #content #Main .mobilesite-list p.text,
#Service #content #Main .mobilesite-list p.qr {
	margin-left: 130px;
	margin-bottom: 0;
}
#Service #content #Main .mobilesite-list .mark-career {
	vertical-align: text-top;
}


/* contact */
#content #Main .contact {
	text-align: center;
	margin-top: 15px;
}
#content #Main .contact a {
	display: block;
	text-align: center;
	padding: 6px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	border-radius:8px;
	background-color: #fafafa;
	border: 1px solid #eee;
}
#content #Main .contact a:hover {
	background-color: #fff8f8;
}

/* melop */
#Service #content #Main #melop-prepared {
	background-image: url(/img/melop-prepared.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#Service #content #Main #melop-prepared ul {
	margin-left: 155px;
	padding: 6px 6px 6px 25px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	border-radius:8px;
	background-color: #fafafa;
	border: 1px solid #eee;
}
#Service #content #Main table#melopredx-cardimage tr td {
	border: none;
}

#Service #content #Main dl#melopredx-cardtype {
	margin-bottom: 1em;
}
#Service #content #Main dl#melopredx-cardtype dt {
	background: -webkit-gradient(linear, left top, left bottom, from(#5e97e9), to(#4486e4));
	background-color: #4486e4;
	color: #fff;
	font-weight: bold;
	line-height: 100%;
	border: 1px solid #2666c0;
	border-bottom:none;
	padding: 6px 6px 6px 6px;
  -moz-border-radius:8px 8px 0px 0px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;
}
#Service #content #Main dl#melopredx-cardtype dd {
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
	border-top:none;
	padding: 6px 6px 6px 6px;
	margin: 0 0 1em 0;
}


/* ================== newsindex ================== */
#News  #content #Main ul.index li {
	padding-left: 48px;
	background-position: 6px 6px;
	background-repeat: no-repeat;
}
#News  #content #Main ul.index li .date {
	color: #555;
}
#News  #content #Main ul.index li strong.newsttl {
	padding: 0 0 0 0;
	display: block;
	font-weight: bold;
}
#News  #content #Main ul.index li p {
	font-size: 100%;
	margin: 0 0 0 0;
}

#News  #content #Main ul.index li p.more {
	text-align: left;
	padding: 2px;
	font-size: 100%;
}
#News  #content #Main ul.index li p.more a {
	background-image: url(http://www.mobilefactory.jp/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 3px 0 3px 18px;
	text-decoration: underline;
}


/* ================== news individual ================== */
#News  #Main #news-individual h2.ttlLv2 {
	padding-top: 6px;
	background-position: 6px 6px;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	font-size: 100%;
	line-height: 130%;
}

#News  #Main #news-individual h2.ttlLv2 .date {
	font-weight: normal;
	font-size: 83%;
	display: block;
	padding-left: 45px;
}
#News  #Main #news-individual h2.ttlLv2 .newsttl {
	font-weight: bold;
	font-size: 100%;
}

#News  #Main #news-individual h3 {
	line-height: 100%;
	padding: 6px;
	color: #145ac4;
	border: 1px solid #89ace1;
	background-color: #fbfbfb;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f2f2f2));
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
	border-radius:8px;
	margin: 20px 0 5px 0;
}

#News  #Main #news-individual .info h3 {
	font-size: 83%;
	line-height: 150%;
	padding: 0px;
	color: #000;
	border: none;
	background-color: inherit;
	background: none;
  -moz-border-radius:0;
  -webkit-border-radius:0;
	border-radius:0;
	margin: 0 0 0 0;
}
#News  #Main #news-individual .info {
	background-color: #fcfcfc;
	border: 1px solid #e1e1e1;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	margin: 30px 0 10px 0;
	padding: 10px;
}


/* ================== corporate ================== */
#content #Main table#value-credo-table tbody th {
	color: #000;
}
#Corporate #Main #ceo .column1 {
	width: 190px;
	float: left;
}
#Corporate #Main #ceo .column2 {
	margin-left: 200px;
}


/* officerental */
#content #Main #officerental p.image {
  width: 180px;
  float: left;  
}
#content #Main #officerental p.image img {
  padding-bottom: 5px;
}
#content #Main #officerental div.text {
  margin-left: 200px;
}
#content #Main #officerental div.text h2 {
  margin-top: 0;
}

/* Organization */
#content #Main #Organization-image {
  text-align: center;
  background-color: #f8f8f8;
  padding: 8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}

/* map_qr */
#Corporate .map_info .text {
  width: 480px;
  float: left;
}
#Corporate .map_info .map_qr {
  width: 140px;
  float: right;
}
#Corporate .map_info .map_qr .qr_code {
  width: 76px;
  float: left;
}
#Corporate .map_info .map_qr .qr_text {
  font-size: 66%;
  line-height: 110%;
  padding: 8px 0 0 0;
  margin-left: 80px;
}


