@charset "utf-8";
/* CSS Document */

.check {
	color:#FF0000;
	}


/* title ----------*/

.osshop {
	text-indent:-1000px;
	background-image:url(../survey/store/img/title_osshop.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:39px;
	overflow:hidden;
	margin-bottom:20px;
	} 

.supplies {
	text-indent:-1000px;
	background-image:url(../survey/store/img/title_supplies.jpg);
	background-repeat:no-repeat;
	width:725px;
	height:39px;
	overflow:hidden;
	margin-bottom:20px;
	} 


/* catch ----------*/

#os_catch {
	width:725px;
	height:216px;
	margin-bottom:30px;
	}


/* content ---------*/

#sp{
	clear:both;
	width:725px;
	border:1px solid #dddddd;
	background-image:url(../survey/img/bg_product.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-bottom:15px;
	text-align:center;
	overflow:hidden;
	}

#sp:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #sp {
    height: 1em;
    overflow: visible;
}
/**/

.cnt {
	float:left;
	width:705px;
	margin:8px 10px 10px 10px;
	text-align:left;
	}

*html body div.cnt {
	clear:both;
	width:705px;
	margin:10px 5px;
	text-align:left;
	}

#sp p {
	margin:10px 0px;
	text-align:left;
	}


/* product box ----------*/

.spbox {
	clear:both;
	width:705px;
	font-size:10px;
	}

.spbox_on {
	clear:both;
	width:705px;
	font-size:10px;
	border-top:1px dotted #666666;
	padding-top:15px;
	}

.spbox_left {
	float:left;
	width:473px;
	margin:0px 0px 10px 0px;
	}

.spbox_lleft {
	float:left;
	width:234px;
	}

.spbox_lright {
	float:right;
	width:234px;
	}

.spbox_right {
	float:right;
	width:227px;
	margin:0px 0px 10px 0px;
	}

.spbox_pleft {
	float:left;
	width:105px;
	text-align:center;
	margin-bottom:10px;
	}

.spbox_pright {
	float:right;
	width:120px;
	text-align:left;
	margin-bottom:10px;
	}

#sp ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	}

#sp li {
	padding:0px;
	margin:0px;
	}

#sp .sttl {
	font-weight:bold;
	}

/* explan oshsop ----------*/

#eo{
	clear:both;
	width:725px;
	text-align:center;
	margin-bottom:15px;
	}

/* oder-----*/

#eo .ex {
	float:left;
	width:525px;
	text-align:left;
	border:1px solid #dddddd;
	margin-bottom:15px;
	}
	
#eo .osp {
	float:left;
	width:525px;
	text-align:left;
	margin-bottom:15px;
	}
	
#eo .ex p {
	margin:5px 0px;
	}

#eo .osp p {
	margin:5px 0px;
	}
	
#eo .ex .cnt {
	clear:both;
	width:505px;
	margin:10px 10px;
	text-align:left;
	}

*html body div#eo .ex .cnt {
	clear:both;
	width:505px;
	margin:10px 5px;
	text-align:left;
	}

#eo .osp .cnt {
	clear:both;
	width:505px;
	margin:0px 10px 10xp 10px;
	text-align:left;
	}

*html body div#eo .osp .cnt {
	clear:both;
	width:505px;
	margin:0px 5px 10xp 5px;
	text-align:left;
	}

#eo .exbtn {
	float:left;
	width:505px;
	margin:20px 0px;
	}

#eo .exleft {
	float:left;
	width:220px;
	text-align:right;
	}

#eo .exright {
	float:right;
	width:220px;
	text-align:left;
	}

#eo .exsmalltxt {
	clear:both;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:15px;
	font-size:10px;
	text-align:left;
	color:#FF0000;
	}

/* os shop -----*/

#eo .shop {
	float:right;
	width:180px;
	background-color:#f7f7f7;
	background-image:url(../survey/store/img/bg_osshop.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-align:left;
	border:1px solid #dddddd;
	margin-bottom:15px;
	}

#eo .shop .cnt {
	clear:both;
	width:160px;
	margin:70px 10px 10px 10px;
	text-align:left;
	font-size:10px;
	}

*html body div#eo .shop .cnt {
	clear:both;
	width:160px;
	margin:70px 5px 10px 5px;
	text-align:left;
	font-size:10px;
	}

#eo .osptxt {
	float:right;
	width:180px;
	background-color:#f7f7f7;
	text-align:left;
	border:1px solid #dddddd;
	margin-bottom:15px;
	}

#eo .osptxt .cnt {
	clear:both;
	width:160px;
	margin:10px 10px 10px 10px;
	text-align:left;
	font-size:10px;
	}

*html body div#eo .osptxt .cnt {
	clear:both;
	width:160px;
	margin:10px 5px 10px 5px;
	text-align:left;
	font-size:10px;
	}

.osptxt .cnt ul {
	list-style-type:square;
	padding:0px 10px 0px 10px;
	margin:0px;
	color:#FF0000;
	}

.osptxt .cnt li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}


/* content ---------*/

#osp_ex{
	clear:both;
	width:725px;
	margin-bottom:15px;
	text-align:center;
	}

#osp_cnt {
	float:left;
	width:705px;
	margin-bottom:20px;
	margin-left:10px;
	text-align:center;
	}

#osp_cnt ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	}

#osp_cnt li {
	float:left;
	text-align:center;
	margin:0px 10px 0px 10px;
	display:inline;
	line-height:100%;
	}


/* table ----------*/

table {
	margin: 15px 0px 15px 0px;
	border-collapse: collapse;
	border-spacing: 1px;
	border: 0px solid #dedede;
	font-size:10px;
	line-height:140%;
	color:#333333;
	}

th,
td {
	padding: 5px;
}

th {
	background-color: #dddddd;
}

td {
	border: 1px solid #dedede;
}

.on {
	background-color:#f7f7f7;
	}


/* flow-----*/

#fo .flow .ospcnt {
	clear:both;
	width:505px;
	margin:8px 10px 10px 10px;
	text-align:left;
	}


/* order -----*/

#fo .order .ospcnt {
	clear:both;
	width:160px;
	margin:10px 10px;
	text-align:left;
	font-size:10px;
	}

#fo .order .ospcnt ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	font-size:12px;
	}

#fo .order .ospcnt li {
	padding:10px 0px 10px 40px;
	margin:0px 0px 5px 0px;
	}

#fo .order .ospcnt li.mail {
	background-image:url(../survey/store/img/icon_entry_pc.jpg);
	background-position:0% 70%;
	background-repeat:no-repeat;
	}

#fo .order .ospcnt li.pdf {
	background-image:url(../survey/store/img/icon_entry_pdf.jpg);
	background-position:0% 70%;
	background-repeat:no-repeat;
	}