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


/*----hardcover--------------*/
#temp {
	margin:10px 0px 10px 25px;
	width:auto;
}

#temp table td{
	padding:0px 5px 15px 0px;
	
}

.img_temp{
	border: 1px #000000 solid;
	
}

.step1,
 .step2,
 .step3,
 .step4 {
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 7px;
	margin-right: 4px;
	margin-left: 6px;
	font-size:110%
}
.step1 {
	background-image: url(../../img/product/icon_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.step2 {
	background-image: url(../../img/product/icon_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.step3 {
	background-image: url(../../img/product/icon_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.step4 {
	background-image: url(../../img/product/icon_4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.step1 span,
 .step2 span,
 .step3 span,
 .step4 span {
	color: #AA5050;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


/*----hardcover--------------*/

.insideUL {
	list-style:disc;
	margin-left:15px;
	padding:0px;
}
#prdctRight .orderBox .orderLeft {
	width:463px;
	float:left;
}
#prdctRight .orderBox .prdctDetail_bg {
	border: 1px solid #DBD2C8;
	background-color: #FFFFFF;
	width:456px;
	/*float:left;*/
	float:none;
	padding: 2px;
	margin-left: 3px;
	margin-bottom:10px;
}

#prdctRight .orderBox .prdctDetail_bg .prdctDetail {
	background-color:#F2EFED;
	padding:10px;
}
#prdctRight .orderBox .prdctDetail_bg .prdctDetail table{
	border-collapse:collapse;
	border-spacing:0px;
	border:none;
	empty-cells:show;
	width:100%;
	height:auto;
}
#prdctRight .orderBox .prdctDetail_bg .prdctDetail table th{
	vertical-align:top;
	padding:0px 0px 0px 0px;
	width:180px;
}
#prdctRight .orderBox .prdctDetail_bg .prdctDetail table td{
	vertical-align:top;
	padding:0px 0px 0px 10px;
}
#prdctRight .orderBox .prdctDetail_bg .prdctDetail table td table {
	width:auto;
	margin-bottom:10px;
}
#prdctRight .orderBox .prdctDetail_bg .prdctDetail table td table td{
	padding:0px;
	vertical-align:top;
}
#prdctRight .orderBox .prdctDetail_bg .prdctDetail table td p{
	padding-bottom:10px;
	font-weight:bold;
}
#prdctRight .orderBox .prdctDetail_bg .prdctDetail table td p.normal{
	font-weight:normal;
}

/* スタイル手帖の作り方 */

.jk_howto {
	padding:10px 0px 10px 7px;
}
.jk_howto .jk_howto_L {
	width:352px;
	text-align:center;
	float:left;
}
.jk_howto .jk_howto_R {
	width:311px;
	background:url(../../img/product/jacket/jk_howto2.jpg) 0 0 no-repeat;
	text-align:center;
	float:left;
}
.jk_howto p{
	padding:10px 0px;
}
.jk_howto .jk_howto_R .jk_howto_img{
	padding:20px 20px 15px 10px;
	text-align:right;
}

/* レイアウトの選択 */
.jk_layout {
	position:relative;
}
.jk_layout_cnt {
	text-align:center;
	padding-top:15px;
}
.jk_layout div{
	position:relative;
	text-align:center;
}
.jk_layout div.pocketexm{
	position:relative;
	text-align:left;
}
.jk_layout div.pocketexm .pocketpicr {
	position:absolute;
	right:30px;
	top:20px;
}
.jk_layout div.jacketsa{
	position:relative;
	text-align:right;
	padding-right:300px;
}
.jk_layout h4 {
	padding:0px;
	margin:10px 0px 0px 0px;
}
.jk_layout div h4.nom {
	padding:0px;
	margin:0px 0px 0px 0px;
}
.jk_layout div p.layoutp{
	padding:0px;
	margin:0px;
	position:absolute;
	left:0px;
	top:30px;
	text-align:left;
}
.jk_layout div p.layoutp2{
	padding:0px;
	margin:0px;
	position:absolute;
	left:0px;
	top:40px;
	text-align:left;
}
.jk_layout div p.layoutp3{
	padding:0px;
	margin:0px;
	position:absolute;
	left:60px;
	top:40px;
	text-align:left;
}
.jk_layout div.oma {
	text-align:right;
}
.jk_layout div.oma p.layoutp{
	padding:0px;
	margin:0px;
	position:absolute;
	left:0px;
	top:30px;
	text-align:left;
}

.jk_layout ul{
	padding:0px;
	margin:10px 0px 10px 0px;
	list-style-type:none;
}
.jk_layout ul li{
	padding:0px 0px 0px 25px;
	line-height:23px;
}
.jk_layout ul li.hb_listA{
	background:url(../../img/product/jacket/alph_a.gif) 3px -3px no-repeat;
}
.jk_layout ul li.hb_listB{
	background:url(../../img/product/jacket/alph_b.gif) 3px -3px no-repeat;
}
.jk_layout ul li.hb_listC{
	background:url(../../img/product/jacket/alph_c.gif) 3px -3px no-repeat;
}
.jk_layout ul li.hb_listD{
	background:url(../../img/product/jacket/alph_d.gif) 3px -3px no-repeat;
}
.jk_layout ul li.hb_listE{
	background:url(../../img/product/jacket/alph_e.gif) 3px -3px no-repeat;
}
.jk_layout ul li.hb_listF{
	background:url(../../img/product/jacket/alph_f.gif) 3px -3px no-repeat;
}
.jk_layout ul li.hb_listG{
	background:url(../../img/product/jacket/alph_g.gif) 3px -3px no-repeat;
}
.jk_layout ul li.hb_listH{
	background:url(../../img/product/jacket/alph_h.gif) 3px -3px no-repeat;
}
.jk_layout ul li.hb_listGH{
	background:url(../../img/product/jacket/alph_gh.gif) 0 -3px no-repeat;
}
.jk_layout ul li.hb_listFG{
	background:url(../../img/product/jacket/alph_fg.gif) 0 -3px no-repeat;
}
.jk_layout_btn {
	padding:20px 0px;
	text-align:center;
}
.jk_layout_btn a{
	margin:0px 20px;
}

.jk_type {
	margin-top:5px;
}

.jk_layout table {
	width:auto;
}
.jk_layout table th {
	line-height:23px;
	color:#DE0E15;
	padding-left:25px;
	text-align:left;
	width:13em;
}
.jk_layout table th.hb_listA{
	background:url(../../img/product/jacket/alph_a.gif) left center no-repeat;
}
.jk_layout table th.hb_listB{
	background:url(../../img/product/jacket/alph_b.gif) left center no-repeat;
}
.jk_layout table th.hb_listC{
	background:url(../../img/product/jacket/alph_c.gif) left center no-repeat;
}
.jk_layout table th.hb_listD{
	background:url(../../img/product/jacket/alph_d.gif) left center no-repeat;
}
.jk_layout table th.hb_listE{
	background:url(../../img/product/jacket/alph_e.gif) left center no-repeat;
}
.jk_layout table th.hb_listF{
	background:url(../../img/product/jacket/alph_f.gif) left center no-repeat;
}
.jk_layout table th.hb_listGH{
	background:url(../../img/product/jacket/alph_gh.gif) left center no-repeat;
}
.jk_layout table th.hb_listFG{
	background:url(../../img/product/jacket/alph_fg.gif) left center no-repeat;
}