@charset "utf-8"; 
#contents > .inside {
	background-image:none;
}
#main {
	width:1200px;
	margin:auto;
	float:none;
}
#contentsArea {
	width: 890px;
	margin: auto;
}
#contentsArea h3 {
	width:890px;
	background-position:right;
	background-color:#0A53A4;
}
#contentsArea h4 {
	width:890px;
	background-repeat:repeat-x;
	font-size:150%;
}
#noukiBox {
	margin:18px 0 36px;
	padding:10px 0;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	background-color:#E9F7FC;
}
p {
	line-height:1.5;
}
.list1 li {
	margin:8px 1em;
	list-style-type:disc;
	line-height:1.5;
}
#stepContainer {
	margin-bottom:48px;
}
/* table */
table.contentsTable {
	border:2px solid #52ABBE;
	border-collapse:collapse;
}
table.contentsTable caption{
	font-weight:bold;
	color:#006699;
	font-size:120%;
	text-align:left;
}
table.contentsTable th,
table.contentsTable td{
	padding:5px;
	border:1px solid #52ABBE;
	font-size:14px;
	line-height:1.5;
}
table.contentsTable th {
	font-weight:bold;
	text-align:left;
	color:#FFF;
	background-color:#78BECD;
}

form{ position:relative;}
.selectedItem {
	position:absolute;
	top:80px;
	right:0;
	text-align:center;
	font-size:90%;
	width:150px;
	border:1px solid #CCCCCC;
}
#gakuwari_price {
	font-weight:bold;
	font-size:150%;
}

/* step1 */
.step1_catName {
 clear:both;
 margin:20px 0 0;
 padding:5px;
 background-color:#A5DDF2;
 color:#006699;
 font-weight:bold;
 font-size:120%;
}
#step1_uniformList {
	width:890px;
	margin-bottom:20px;
}
#step1_uniformList li {
	float:left;
	width:166px;
	/*height:150px;*/
	margin:10px 5px 5px;
	padding:5px;
	border:3px solid #83C4D1;
	position: relative;
}
#step1_uniformList li img.img_backorder{
	position: absolute;
	top: 83px;
	left: 5px;
	z-index: 100;
}
.step1_markingContainer {
	margin:14px 10px 20px 30px;
	padding:10px;
	border:3px solid #83C4D1;
}
.step1_markingContainer li {
	margin:8px 0 0 10px;
	font-weight:bold;
}
input.step1uniformName {
	border:2px solid #CDE7ED;
	background-color:#FEFFEF;
	color:#999;
	font-size:130%;
	margin:2px;
	padding:2px 5px;
}
#uniformBackorder{
	color: #F00;
	font-weight: bold;
}


/* step2 */
.step2_titleBox {
	width:250px;
	color:#FFF;
	padding:2px 8px;
	margin-top:20px;
	background-color:#52ABBE;
}
.step2_table td {
	font-weight:bold;
	color:#F03;
	text-align:center;
}
input.step2_btn {
	width:170px;
	height:38px;
	line-height:38px;
	border:none;
	background-image:url(img/btn170_bg.gif);
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
input.step2_btn_s {
	width:110px;
	height:38px;
	line-height:38px;
	border:none;
	background-image:url(img/btn110_bg.gif);
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
input.select_btn {
	width:70px;
	height:38px;
	line-height:38px;
	border:none;
	background-color:transparent;
	background-image:url(img/btn70_bg.gif);
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
.step2_osusumeBox {
	width: 250px;
	margin:20px 0;
	padding:10px 0;
	color:#FFF;
	font-weight:bold;
	background-color:#F36;
	text-align:center;
}

/* step3 */
.step3_table {
	width:700px;
	margin:15px 0;
}

#panelEmoji{
	position: absolute;
	width: 216px;
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
.buttonEmoji{
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	float:left;
	margin:2px;
	padding: 0px;
	background-color: #FFFFCC;
	background:url(img/emojiBtn_bg.gif) repeat-x;
	border: 1px solid #666;
	cursor: pointer;
	text-align:center;
}
input.step3_jikkou_btn {
	width:70px;
	height:38px;
	line-height:38px;
	border:none;
	background-color:transparent;
	background-image:url(img/btn70_bg.gif);
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
input.step3_size_btn {
	width:170px;
	height:38px;
	line-height:38px;
	border:none;
	background-color:transparent;
	background-image:url(img/btn170_bg2.gif);
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

/* step4 */
.step4_table {
	width:430px;
	margin:15px 0 0 15px;
}
#contentsArea table.step4_table th {
	background-color:#81C1CF;
}
#contentsArea table.step4_table td {
	text-align:left;
}

/* DetailBox */
.detailBox {
	z-index: 20001;
	margin:auto;
	padding:0 0 20px 0;
	width:808px;
	background-color:#FFF;
	border:4px solid #83C4D1;
}
.detailBox .uniformName {
	margin:10px 0 0 14px;
	border-left:5px solid #F06;
	padding:2px 0 2px 8px;
	font-size:135%;
	font-weight:bold;
}
.detailBox .uniformSize {
	margin:10px;
	text-align:center;
	font-weight:bold;
}
.detailBox .uniformNote {
	margin:10px 14px 0;
	padding:10px;
	text-align:center;
	border-top:1px dotted #999;
	font-size:80%;
}
.detailBox .btn_close {
	display:block;
	width:50px;
	height:50px;
	float:right;
}

.detailBoxWrapper{
	z-index: 20000;
	background-color: #000000;
	min-width:1020px;
	width:100%;
}

/* form items */
input,textarea {
	border:2px solid #83C4D1;
	background-color:#FCFFD7;
	font-size:130%;
	margin:2px;
	padding:2px 5px;
}
.radio {
	background-color:transparent;
	border:none;
}
.imgBtn {
	background-color:transparent;
	border:none;
}
.w30 {width:30px;}
.w50 {width:50px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}


/* footer */
.simplefooter {
	background:#777777;
	border-top:#D1D2D2 5px solid;
	min-width:960px;
	width: 100%;
	margin: 0 auto;
}

.simplefooter > .inside {
	padding:10px 31px;
}

.simplefooter:after,
.simplefooter nav ul:after {
	content:'';
	display:block;
	clear:both;
}

.simplefooter .contact {
	background:#666;
	width:100%;
	padding:0;
	position:relative;
	margin: 0 0 10px;
}

.simplefooter .contact:after {
	content:'';
	display:block;
	clear:both;
}

.simplefooter .contact .logo {
	width:100%;
	padding:0;
	margin:0 0 5px;
	text-align:center;
	background:#5A5657;
}

.simplefooter .contact p {
	float:left;
	color:#FFF;
	margin:0;
	line-height:1.5;
}

.simplefooter .contact .sns {
	position:absolute;
	bottom:5px;
	right:5px;
}

.simplefooter .contact .sns a {
	display:inline-block;
	margin:0 3px;
}

.simplefooter .contact .sns img {
	width:23px;
	height:auto;
	border:#898989 1px solid;
}

.simplefooter > .inside {
	padding:10px;
}



.simplefooter .buttonArea {
	float:none;
	margin:0;
	text-align:center;
}


.simplefooter .buttonArea p a {
	display:inline-block;
	margin:0 -5px 10px;
}

.simplefooter .sp_pageTop {
	border-bottom:#D1D2D2 5px solid;
	margin:0;
}

.simplefooter .sp_pageTop a {
	text-align:center;
	display:block;
	background:#777777;
	color:#FFF;
	text-decoration:none;
	padding:5px 0;
	font-size:116.6%;
}

.simplefooter .sp_pageTop a:after {
	content:'';
	background:url(/common/images/arrow/icon_pageTop.png) no-repeat;
	width:12px;
	height:12px;
	display:inline-block;
	background-size:contain;
	vertical-align:middle;
	margin:0 0 0 5px;
}

.simplefooter small {
	display:block;
	clear:both;
	background:#898989;
	color:#FFF;
	text-align:center;
	padding:5px;
	font-size:80%;
}

.simplefooter small a {
	color:#FFF!important;
}


#formFooter,
#formFotterContents {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:50px;
	z-index: 99999;
}
#formFooter {
	opacity:0.8;
	background-color:#000;
}
#formFotterContents,
#formFotterContents a {
	color:#FFF;
}
#formFotterContents ul {
	padding:1em;
	text-align:center;
}
#formFotterContents ul li {
	display:inline;
	margin:0 0 0 20px;
	padding:5px 28px;
	background:url(img/icon_lupe.gif) no-repeat left center;
}

* html body #formFooter,
* html body #formFotterContents{
	position: absolute;
	_top:expression(document.documentElement.scrollTop+
	document.documentElement.clientHeight-this.clientHeight);
}

/* Error mess */
.error {
	color:#F00;
	font-weight:bold;
	background-color:#FFD9D9;
	padding:14px 30px;
	margin:10px 80px;
}

/*------------------
general
--------------------*/

/*+++++++++++++++++++++++++++++++++++++++++++ font-color */
.colRed{color:#FF0000;}
.colWhite{color:#FFF;}
.colYellow{color:#FF0;}