@charset "utf-8";
/*clearfix
---------------------------------------------*/
.guideWrap,
.photoGuide,
.photoGuidePrint,
.shopGuideBox,
.guideWrap .siteGuide,
.guideWrap .siteGuide2,
.guideWrap .part
{zoom: 1; /* for IE5.5 - IE7 */
overflow: hidden;}

.guideWrap:after,
.photoGuide:after,
.photoGuidePrint:after,
.shopGuideBox:after,
.guideWrap .siteGuide:after,
.guideWrap .siteGuide2:after,
.guideWrap .part:after
{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;}


/*商品について
---------------------------------------*/
.photoGuide{
margin:0 10px 20px;
}

.photoGuidePrint{
width:49%;
float:left;
}
.photoGuidePrint .photoTypeImg{
float:left;
width:150px;
overflow:hidden;
margin:0 10px 0 0;
}

.photoTypeImg a{
display:block;
padding:0 0 17px;
background:url(/common/img/btn_zoom.gif) 50% 100% no-repeat;
}

.photoGuidePrint .photoTypeDtl{float:left;}

.photoTypeDtl h5{font-size:125%;margin:0 0 5px;}

.photoTypeDtl li{display:block;margin:0 0 3px;}
.photoTypeDtl .photoTypeSize{}
.photoTypeDtl .photoTypePrice{color:#C33;}

.photoGuideOther{margin:0 10px;}
.photoGuideOther th{vertical-align:top;width:25%; padding:0 0 20px;}
.photoGuideOther td{vertical-align:top;width:25%; padding:0 0 20px;}

.photoGuideOther .photoTypeImg{}
.photoGuideOther .photoTypeDtl{}

.photoComment{font-size:92%; margin:0 0 10px;}
.photoNotice{font-size:92%; text-align:left; color:#F39; font-weight:100; padding:10px 0 0 0;}
.photoInfo{font-size:92%; text-align:left; font-weight:100;}
/*---/guide 内共通---------------------------------------*/

.guideWrap{
margin: 0 0 20px;}

.guideWrap h4{
margin:0 3px 10px;}

.guideWrap .Box1{
width:99%;
padding:5px;}

.guideWrap .Box1{
width:98%;
padding:5px;}

.guideWrap .Box3{
width:33%;
float:left;
padding:1px;}

.guideWrap .Box3 p img{
text-align:center;}

.guideWrap .Box3 ul li{
margin:0 0 5px;
display:block;}

.guideWrap .Box2{
width:49%;
float:left;
padding:0%;}

/*---ご利用案内index---------------------------------------*/

.guideWrap .siteGuide{
	border:solid 1px #CCC;
	margin:0 0 30px 0;}

.guideWrap .siteGuide2{
margin:0 0 30px 0;}


.guideWrap .guideLeft {
	float:left;
	margin:0 -320px 0 0;
	width:100%;}

.guideWrap .guideLeft h4 {
	margin:0 320px 10px 0;
	padding:10px 10px 0 10px;}

.guideWrap .guideLeft p {
	margin:0 320px 0 0;
	padding:0 10px 10px 10px;}

.guideWrap .siteGuide .guideLeft {
	background:#FFFFCC;
	}

.guideWrap .siteGuide2 .guideLeft {
	}



.guideWrap .guideRight_site {
	background:url(/guide/img/bg_color_line_a.gif) 0 0 repeat-y #FFFFFF;
	padding:0 0 0 3px;
	float:right;
	width:317px;}

.guideWrap .guideRight_site h4 {
	padding:10px 10px 0 10px;}

.guideWrap .guideRight_site p {
	text-align:center;
	padding:20px 0;
	background:url(/guide/img/bg_photos.jpg) 0 -20% no-repeat;}

.guideWrap .guideRight_order {
	background:url(/guide/img/bg_color_line_b.gif) 0 0 repeat-y;
	float:right;
	width:320px;}

.guideWrap .guideRight_order h4 {
	padding:10px 10px 0 10px;}

.guideWrap .guideRight_order ul {
	padding:10px 10px 10px 20px;}


.guideWrap .guideRight_contact {
	background:url(/guide/img/bg_color_line_c.gif) 0 0 repeat-y;
	float:right;
	width:320px;}

.guideWrap .guideRight_contact h4 {
	padding:10px 10px 0 10px;}

.guideWrap .guideRight_contact p {
	padding:10px 10px 10px 20px;}

.guideWrap .guideRight_contact p strong {
	font-famiry:verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:114%;
	font-weight:700;
	color:#CF3F6F;
	}

.guideWrap .guideRight_contact ul {
	padding:10px 10px 10px 20px;}



/*---通信販売法に基づく表示--------------------------------*/
div.guide table tr td {padding:10px; border-bottom:1px solid #EEEDEA;}

/*---ご購入ガイド--------------------------------*/

h4.step{height:30px; border-bottom:#CCCCCC 1px solid; margin:0 0 20px 0;}	
h4.step p#step1{background:url(/guide/img/icn_step1.gif) 0 0 no-repeat; padding:5px 0 0 80px;}
h4.step p#step2{background:url(/guide/img/icn_step2.gif) 0 0 no-repeat; padding:5px 0 0 80px;}
h4.step p#step3{background:url(/guide/img/icn_step3.gif) 0 0 no-repeat; padding:5px 0 0 80px;}
h4.step p#step4{background:url(/guide/img/icn_step4.gif) 0 0 no-repeat; padding:5px 0 0 80px;}
h4.step p#step5{background:url(/guide/img/icn_step5.gif) 0 0 no-repeat; padding:5px 0 0 80px;}
h4.step p#step6{background:url(/guide/img/icn_step6.gif) 0 0 no-repeat; padding:5px 0 0 80px;}
h4.step p#step7{background:url(/guide/img/icn_step7.gif) 0 0 no-repeat; padding:5px 0 0 80px;}
h4.step p#step8{background:url(/guide/img/icn_step8.gif) 0 0 no-repeat; padding:5px 0 0 80px;}
h4.step p#step9{background:url(/guide/img/icn_step9.gif) 0 0 no-repeat; padding:5px 0 0 80px;}

.shopGuide {position:relative; margin:0 5px 20px;}
.shopGuideWrap{float:right;width:100%; margin:0 0 0 -270px;}
.shopGuideInner{margin:0 0 0 270px;}
.shopGuideInner p{margin:0 0 20px 0;}
.shopGuidePhoto{float:left; width:260px; padding:0 5px;}

.BoxBackYellow{background:#FFFFCC; border:1px #CCCCCC solid; padding: 10px;}
.BoxBackYellow div.smallbox {width:200px;}

/*---写真プリントについて--------------------------------*/
.shopingflowL{
	float:left;
	width:48%;
}
.shopingflowR{
	float:right;
	width:48%;
}
.photoGuide ol li p{padding:4px 0 0 2.25em; margin:0 0 20px 0;}
.photoGuide ol li.num1{background:url(/guide/img/icn_flow_no1.gif) 0 0 no-repeat;}
.photoGuide ol li.num2{background:url(/guide/img/icn_flow_no2.gif) 0 0 no-repeat;}
.photoGuide ol li.num3{background:url(/guide/img/icn_flow_no3.gif) 0 0 no-repeat;}
.photoGuide ol li.num4{background:url(/guide/img/icn_flow_no4.gif) 0 0 no-repeat;}
.photoGuide ol li.num5{background:url(/guide/img/icn_flow_no5.gif) 0 0 no-repeat;}

/*---お支払い方法について--------------------------------*/

ul.paymentList li a{
	background:transparent url(/common/img/link_icn_blue.gif) no-repeat scroll 0 50%;
	padding:0 0 0 15px;
}
.payBoxL{
	float:left;
	width: 70%;
	margin-bottom:10px;
}
.payBoxR{
	float:right;
	margin-top: -30px;
}
.payBoxBtm{
	clear:both;
}

/*---配送・送料について--------------------------------*/
.deliveryL{
	width:48%;
	float:left;
}
.deliveryR{
	width:48%;
	float:right;
}
.cregitUser{
	padding:1px;
	margin:0 0 20px;
	border:2px solid #FF3366;
	color:#FF3366;
}
.cregitUser p{
	padding:5px;
	font-weight:bold;
	text-align:center;	
}
.cregitUser p.inner{
	background:#FF3366 none 0 0 repeat;
	color:#FFFFFF;
}
.posttransUser{
	padding:1px;
	margin:0 0 20px;
	border:2px solid #58A319;
	color:#58A319;
}
.posttransUser p{
	padding:5px;
	font-weight:bold;
	text-align:center;	
}
.posttransUser p.inner{
	background:#58A319 none 0 0 repeat;
	color:#FFFFFF;
}
.orderFlow{
	padding:8px 0;
	background:url(/common/img/bg_gray.gif) 0 0 repeat-x;
	border:1px solid #999999;
	text-align:center;
}
.part li{
	width:45px;
	padding: 0 0 0 65px;
	margin:0 0 8px;
	float:left;
}
.part li.icnCompany{
	background:url(/guide/img/icon_company.gif) 0 0 no-repeat;
}
.part li.icnUser{
	background:url(/guide/img/icon_user.gif) 0 0 no-repeat;
	color:#FF3300;
}
.flowList p{
	padding:5px 0;
	margin:0 0 8px;
	border:1px solid #999999;
	text-align:center;
}
.flowList li{
	padding:3px 0;
}
.flowList li.arrow{
	background:url(/common/img/arrow_gray.gif)  50% 100% no-repeat;
}
.userFlow{
	background:#FFFF99 none 0 0 repeat;
	color:#FF3300;
}
.companyFlow{
	background:#A7E9E9  none 0 0 repeat;
}