/*Common
-------------------------------------------------------------*/

/*PhotoChange
--------------*/
/*写真切り替え箇所の記述。ulにかけたIDを変更しなければ書き換えは大丈夫。*/
ul#photoChange{
	width:370px;
	}

ul#photoChange li{
	float:left;
	display:inline-block;
	width:74px;
	}
	
/*写真切り替え箇所の記述。ここまで。*/


div#photoBoxL{
	width:370px;
	float:left;
	margin-right:10px;
	}

div#photoBoxR{
	width:340px;
	float:left;
	}

div#photoBoxR dl{
	margin-bottom:10px;
	}

div#photoBoxR dl dt{
	margin-bottom:10px;
	float:left;
	}

div#photoBoxR dl dd{
	float:left;
	padding-top:5px;
	margin:0 0 10px 13px;
	clear:right;
	}
	
div#photoBoxR dl dd a{
	background:url(/netprint/template/images/icn_arw_01.gif) left center no-repeat;
	padding-left:10px;
}


ul#orderbtn li{
	float:left;
	width:162px;
	}




/*order
--------------*/
.orderBtn {
	text-align:center;
	margin:5px 0 15px 0;
	float:left;
	}

.order.ver1 .orderList {
	text-align:center;
	}
	
.order.ver1 .orderList li {
	display:inline;
	margin-right:20px;
	}

.order.ver2 .orderBg {
	width:683px;
	padding:6px 10px 0 27px;
	_padding-bottom:10px;
	
	}
	
*:first-child+html .order.ver2 .orderBg {
	padding-bottom:10px;
	}
	
.order.ver2 .orderBtn {
	float:left;
	padding-left:50px;
	}
	
.order.ver2 .orderList {
	float:left;
	padding-top:8px;
	}

.order.ver2 .orderList li {
	margin-bottom:10px;
	}
	
.order.ver2 .orderList li .last {
	margin-bottom:0;
	}
	


/*Box
-------------------------------------------------------------*/
.box1 {
	width:720px;
	margin-bottom:15px;
	}

.box2 {
	width:700px;
	background:#ffffe9;
	padding:15px 0 10px 20px;
	margin-bottom:15px;
	}
	






/*DETAIL
-------------------------------------------------------------*/

.box2 h3,.box2 h4 {
margin-bottom:10px;
}

.box2 ul li {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.detail {
margin-top:10px;
margin-bottom:20px;
width:688px;
background:url(/netprint/tum-mug/pack/images/index_bg_02.gif) left top repeat-y;
}

.bdR {
border-right:1px solid #ededed;
}

.bdB {
border-bottom:1px solid #ededed;
}


dl.spec dt{
float:left;
width:70px;
margin-bottom:5px;
}

dl.spec dd{
float:left;
clear:right;
width:214px;
margin-bottom:5px;
}


ul#orderbtn li{
	float:left;
	width:162px;
	}


/*order
--------------*/
.orderBtn {
	text-align:center;
	margin:5px 0 15px 0;
	}

.order.ver1 .orderList {
	text-align:center;
	}
	
.order.ver1 .orderList li {
	display:inline;
	margin-right:20px;
	}

.order.ver2 .orderBg {
	width:623px;
	padding:6px 10px 0 87px;
	_padding-bottom:10px;
	}
	
*:first-child+html .order.ver2 .orderBg {
	padding-bottom:10px;
	}
	
.order.ver2 .orderBtn {
	float:left;
	margin-right:20px;
	}
	
.order.ver2 .orderList {
	float:left;
	padding-top:8px;
	}

.order.ver2 .orderList li {
	margin-bottom:10px;
	}
	
.order.ver2 .orderList li .last {
	margin-bottom:0;
	}
	

/*GUIDE
-------------------------------------------------------------*/
div#guide{
	width:720px;
	background:url(../images/guide_bg_02.gif) repeat-y;
	}


div#guide ul.step {
padding:7px;
}

div#guide ul.step li {
float:left;
}


/*Table
-------------------------------------------------------------*/
.colorTbl {
	width:100%;
	border-top:solid 1px #c3c3c3;
	border-left:solid 1px #c3c3c3;
	}
	
.colorTbl th, .colorTbl td {
	border-bottom:solid 1px #c3c3c3;
	border-right:solid 1px #c3c3c3;
	padding:7px 5px;
	text-align:center;
	}
	
.colorTbl th {
	text-align:center;
	font-weight:bold;
	background:#e2f6f2;
	color:#11b48e;
	border-bottom:none;
	}
	
.colorTbl td {
	color:#8f410c;
	}

.colorTbl td.lineTbl {
	border-top:solid 1px #c3c3c3;
	}

.colorTbl td.lineTbl2 {
	border-bottom:solid 1px #11b48e;
	}

.colorTbl tr.lineTbl3 td {
	border-bottom:solid 1px #11b48e;
	}
	
.colorTbl td.txaC {
	vertical-align:middle;
	}

.colorTbl td.pageTbl {
	background:#e2f6f2;
	}
	
.colorTbl .w1 {width:25%;}
.colorTbl .w2 {width:20%;}
.colorTbl .w3 {width:35%;}

.colorTbl span.txtNon{
	text-decoration:line-through;
	}

.colorTbl span.txtGrn{
	color:#11b48e;
	}

.colorTbl strong span,.colorTbl span.txtRed{
	color:#FF0033;
	}

p.caution{
	color: red;
	font-weight: bold;
	border: red 2px solid;
	padding: 1em;
	margin-bottom: 1em;
}
