﻿@charset "utf-8";

/* ============================================
	/development/order/index.html
============================================ */
body#development.order #contents { background:url(../order/img/bg_order.jpg) right bottom no-repeat;}

body#development.order #contents { padding-bottom: 33px;}

body#development.order #contents #main { padding: 0 0 0 29px !important;}

body#development.order #contents #main ul { margin-top: 35px; padding-bottom: 260px;}
	body#development.order #contents #main ul li { 
		background: url(../../common/img/ic_arrow.gif) 0 4px no-repeat;
		padding: 0 0 10px 20px;
	}
body#development.order #footer { margin-top: 0;}

/* ============================================
	/development/order
============================================ */
body#development #orderItem { margin-top: 155px; padding-bottom: 190px;}

body#development #orderItem ul li { float: left; vertical-align: middle; margin-right: 35px; width: 100px}
	body#development #orderItem ul li p { font-size: 85%;}

body#development #orderItem table { width: 100%;}
	body#development #orderItem table th { width: 40px;}
	
#development.collaboration #main { padding-bottom: 0px;}

/* ============================================
	/development/prototype/maker.html
============================================ */
#development.maker #contents #main { padding-bottom: 0 !important;}

/* ============================================
	/development/prototype/index.html
============================================ */
#development.prototype #contents { background: url(../prototype/img/pic_index_01.jpg) 221px 0 no-repeat;}
#development.prototype #contents #main {}

#development.prototype .protoTxt01 { color: #333333; width: 255px; margin-top: 40px;}

#development.prototype .protoMenu { background: url(../../common/img/ic_arrow.gif) left center no-repeat; padding-left: 20px; margin-bottom: 20px;}

#development.prototype .protoBox { width: 270px; padding-top: 35px;}

#development.prototype .protoBox02 { padding-top: 35px; clear:both;}


.originallList {
	clear: both;
	margin: 15px 10px 0 26px;
}
	.originallList li {
		float: left;
		margin: 40px 30px 0 0;
		width: 100px;
		min-height: 113px;
		height: auto !important;
		height: 113px;
	}

/* ============================================
	/development/outlet
============================================ */
body.outlet {}


body.outlet #contents #main {
	padding-bottom: 0;
}
body.outlet .sectionLv1 {
	padding: 1.5em 1em 0 0;
}
body.outlet .sectionLv2 {
	margin-top: 30px;
	border-top: 1px solid #999999;
}
body.outlet .sectionBefore {
	margin-top: 0;
	border-top: none;
}
	body.outlet .sectionLv2 .fltL {
		overflow: hidden;
		width: 400px;
		text-align: center;
	}
		body.outlet .sectionLv2 .fltL img {
			margin-top: 30px;
		}
	body.outlet .sectionLv2 .fltR {
		display: inline;
		width: 205px;
		margin-top: 30px;
	}


		body.outlet .h3_basic {
			margin-bottom: 15px;
			font-size: 130%;
			font-weight: bold;
			line-height: 1.2;
		}

		body.outlet .dl_basic,
		body.outlet .dl_varia {
			display: block;
			min-height: 1%;
		}
		body.outlet .dl_basic:after,
		body.outlet .dl_varia:after {
			clear: both;
			content:".";
			display: block;
			height: 0;
			visibility: hidden;
		}
		* html body.outlet .dl_basic,
		* html body.outlet .dl_varia {
			height: 1%;
			/*\*//*/
			height: auto;
			overflow: hidden;
			/**/
		}
		body.outlet .dl_basic {
			font-size: 115%;
		}
			body.outlet .dl_basic dt,
			body.outlet .dl_varia dt {
				clear: both;
				display: inline;
				float: left;
				width: 5em;
			}
			body.outlet .dl_basic dd,
			body.outlet .dl_varia dd {
				padding-left: 5.2em;
			}
				body.outlet .dl_basic dd div,
				body.outlet .dl_varia dd div {
					height: 1%;
				}
		body.outlet .sectionLv3 {
	padding: 15px 0 10px;
	line-height: 1.4;
	font-family:Arial, Helvetica, sans-serif
		}
.outletnext {
width:160px;
font-weight:bold;
margin-top:20px;
display: block;
padding-right: 22px;
background: url(../original/img/arrow_next.gif) no-repeat right center;
}























