@charset "UTF-8";

/*======================================

	写真店に行こう！用スタイル

=======================================*/

/* /////////////////////////////////////////////////////////////////////////// common */

/* ////////////////////////////////////////// .bgStyle01 */

div.bgStyle01{
	/*background:url(img/bg_pstudio.png) no-repeat center top;*/
	background:url(img/bg_pstudio.jpg) no-repeat center top;
}

div#contentsLg div#titleArea{
	width:226px;
	float:left;
	display:inline;
	margin-left:10px;
	margin-top:51px;
}

div#contentsLg div#titleArea h1{
	margin-bottom:74px;
}

div#contentsLg div#titleArea p{
	margin-bottom:85px;
}

div#contentsLg ul#listBtn{
	float:right;
	display:inline;
	width:580px;
	margin-top:17px;
	margin-right:41px;
}

div#contentsLg ul#listBtn li{
	margin-left:8px;
	margin-bottom:10px;
}


/* ////////////////////////////////////////// .mainStyle01 */

div#contents.mainStyle01{
	/*background:url(img/mainstyle01_top.png) no-repeat right top;*/
	background:url(img/mainstyle01_top.jpg) no-repeat right top;
}

div#contents.mainStyle01 div#main{
	float:right;
	width:653px;
	margin-top:-153px;
	padding-bottom:46px;
	background:url(img/mainstyle01_btm.png) no-repeat left bottom;
}

div#contents.mainStyle01 div#main div#mainIn{
	/*background:url(img/mainstyle01_mdl.png) repeat-y left top;*/
	background:url(img/mainstyle01_mdl.jpg) repeat-y left top;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding-left:48px;
	padding-right:50px;
	text-align:left;
}


/* /////////////////////////////////////////////////////////////////////////// newtype */

.newImage{
	position:relative;
	z-index:20;
}

div.newtypeDetail{
	background:url(/common/css/img/bg_line04.gif) repeat-y left top;
	zoom:1;
}

div#main p#newImage01{
	text-align:right;
	margin-right:12px;
	margin-top:-63px;
	margin-bottom:-30px;
}

div#main p#newImage02{
	margin-top:-114px;
}

div#main p#newImage03{
	text-align:right;
	margin-top:-165px;
	margin-bottom:47px;
}

p#txtShop{
	margin:37px 0 0 123px;
	padding-bottom:25px;
}
/* /////////////////////////////////////////////////////////////////////////// service */

div#main div.serviceIndex h2{
	text-align:center;
	padding-top:5px;
	margin-bottom:0;
}
div#main div.serviceIndex h4{
	margin-top:28px;
}

ul.listStyle li{
	width:168px;
	font-size:93%;
	margin-top:16px;
}

	ul.listStyle li.center{
		margin-left:26px;
		margin-right:25px;
	}
	ul.listStyle li p img{
		border:2px solid #FFF;
	}
	
	ul.listStyle li h5{
		background:url(/common/css/img/icon_arrow01.gif) no-repeat left 5px;
		padding-left:10px;
		font-weight:bold;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	ul.listStyle li h5 a{
		text-decoration:none;
		border-bottom:2px solid #aca180;
	}
	
	ul.listStyle li h5 a:hover{
		border:none;
	}
	
	ul.listStyle li p{
		font-size:83%;
	}
	
p#txtSearch{
	margin:40px 0 37px 138px;
}

/* ////////////////////////////////////////// 詳細ページ */

p#serviceMain{
	border:2px solid #FFF;
}

div.serviceDetail{
	background:url(/common/css/img/bg_line04.gif) repeat-y left top;
	/*padding-bottom:40px;*/
	padding-bottom:25px;
}

	div.serviceDetail p{
		font-size:107%;
		line-height:2.5;
	}
	
	div.servicePt{
		background:url(../service/img/bg_point.gif) no-repeat left top;
		padding-left:111px;
		margin-top:14px;
		margin-bottom:25px;
		zoom:1;
}

dl#dlFeatures{
	width:515px;
	margin:29px auto 0;
}

	dl#dlFeatures dt{
		width:111px;
		float:left;
	}
	
	/*\*/
	dl#dlFeatures dt{
		clear: both;
	}
	/**/
	dl#dlFeatures dd{
		font-size:78%;
		float:left;
		width:396px;
		padding-top:14px;
		margin-left:8px;
		display:inline;
	}
ul#pageNavi{
	margin:30px 57px 26px 0;
}
	ul#pageNavi li{
		float:right;
	}
	
	ul#pageNavi li#backList{
		margin-right:81px;
	}



/* /////////////////////////////////////////////////////////////////////////// search */

/* ////////////////////////////////////////// step.1 */

ol#pnaviSearch{
	background:url(img/bg_pagenavi.gif) no-repeat left top;
	padding-bottom:1px;
	padding-top:1px;
	margin-bottom:29px;
}

*:first-child+html ol#pnaviSearch{
	padding-top:0;
}
 
ol#pnaviSearch li{
	margin-left:71px;
	float:left;
	display:inline;
}

	ol#pnaviSearch li.first{
		margin-left:11px;
	}

div#boxStep1_1{
	background:url(img/bg_step1_1.gif) no-repeat left top;
	padding:29px 0 29px 119px;
}

optgroup{
	font-style:normal;
	color:#000;
}

ul#boxStep1_2{
	margin-top:15px;
	margin-bottom:42px;
}

	ul#boxStep1_2 li{
		text-align:center;
	}
	
	ul#boxStep1_2 li.more{
		margin-left:37px;
		margin-right:62px;
	}
	
	ul#boxStep1_2 li.prefSearch{
		width:265px;
	}


ul.choose{
	padding:15px 0 10px;
}

	ul.choose li{
		width:138px;
		margin-bottom:0.5em;
	}



/* サービス絞り込み条件テーブル */

div.boxService{
	background:url(/common/css/img/bg_dot01.gif) repeat-x left bottom;
	padding-top:11px;
	padding-bottom:4px;
}

	div.boxService table{
		width:100%;
	}
	
		div.boxService table td{
			width:25%;
			vertical-align:top;
			padding-bottom:8px;
			padding-top:3px;
			line-height:1.6;
		}

/* label設定 */

div.boxService table label{
	display:block;
	padding-left:13px;
	margin-top:-15px;
	cursor:pointer;
}

* html div.boxService table label{
	padding-left:18px;
	margin-top:-18px;
}

*:first-child+html div.boxService table label{
	padding-left:18px;
	margin-top:-18px;
}

	div.boxService table label span{
		border-bottom:2px solid #aca180;
	}
	
	div.boxService table label span:hover{
		border:none;
		color:#a61136;
	}
	

/* ////////////////////////////////////////// step.2 */

span.result{
	font-size:129%;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

table.step02  td{
	width:33%;
}

p#back{
	margin-top:-28px;
}

/* ////////////////////////////////////////// step.3 */

div.shopList p.thumb{
	float:left;
	border:2px solid #FFF;
	width:96px;
}

div.shopList div.shopData{
	float:left;
	display:inline;
	width:325px;
	margin-left:15px;
}

ul#listShop{
	margin-bottom:23px;
}		

ul#listShop li{
	font-size:92%;
	background:url(../../common/css/img/bg_dot01.gif) repeat-x left bottom;
	padding-bottom:15px;
	padding-top:15px;
}

div.shopList div.shopData h3{
	background:url(/common/css/img/icon_arrow01.gif) no-repeat left 6px;
	padding-left:10px;
	margin-bottom:6px;
	font-weight:bold;
}

	div.shopList div.shopData h3 a{
		text-decoration:none;
		border-bottom:2px solid #aca180;
	}
	
	div.shopList div.shopData h3 a:hover{
		border-bottom:none;
	}


div.shopList div.shopData p{
	font-size:83%;
}

div.shopList div.shopData p,
div.shopList div.shopData dl{
	margin-left:10px;
	margin-bottom:3px;
}

div.shopList div.shopData dl dt,
div.shopList div.shopData dl dd{
	float:left;
	display:inline;
	font-size:83%;
}

	div.shopList div.shopData dl dd{
		margin-right:10px;
	}
	
	div.shopList div.shopData dl dt{
		white-space:nowrap;
	}

div#main div.shopList p.btnShop{
	clear:both;
	position:relative;
	left:455px;
	top:-26px;
	margin-bottom:-26px;
	width:100px;
}

/* ////////////////////////////////////////// step.4 */

div#shopDetail{
	zoom:1;
}

/* 店舗名 */

	div#shopName{
		background:url(img/bg_shopname.gif) no-repeat left top;
		position:relative;
		z-index:1;
	}

		div#shopName dl{
			background:url(/common/css/img/bg_dot01.gif) repeat-x left bottom;
			padding:12px 0 8px 42px;
		}

			div#shopName dl dt,
			div#shopName dl dd{
				float:left;
				padding-top:3px;
			}
			
			div#shopName dl dd{
				padding-left:8px;
				width:425px;
				padding-top:0;
			}
			div#shopName dl dd strong{
				font-size:152%;
				font-weight:bold;
			}

/* 店舗情報 */
			
	div#shopDetail{
		zoom:1;
	}
	
	div#shopDetail div#shopInfo{
		background:url(img/bg_shopinfo.gif) repeat-y left top;
		margin-top:10px;
		margin-bottom:49px;
		padding-bottom:25px;
		zoom:1;
	}
	/*
		div#shopDetail div#shopInfo div#shopImage{
			background-color:#FFF;
			height:346px;
			width:554px;
			vertical-align:middle;
			display:table-cell;
		}
		
		*:first-child+html div#shopDetail div#shopInfo div#shopImage{
			display:inline;
			zoom:1;
		}
		
		* html div#shopDetail div#shopInfo #shopImage{
			display:inline;
			zoom:1;
		}
		*/
		
/* test start */

div#shopDetail div#shopInfo div#shopImage table{
			/*border:2px solid #FFF;
			padding:2px;*/
			background-color:#FFF;
			height:350px;
			width:555px;
		}

* html div#shopDetail div#shopInfo div#shopImage table{
	height:349px;
}	

*:first-child+html div#shopDetail div#shopInfo div#shopImage table{
	height:349px;
}	
		div#shopDetail div#shopInfo div#shopImage table td{
			margin:0;
			padding:0;
		}
		
		div#shopDetail div#shopInfo div#shopImage table td p{
			max-height:346px;
			max-width:551px;
			overflow:hidden;
			margin-left:2px;
			margin-right:2px;
		}

		
/* test end */

		div#shopDetail div#shopInfo #shopImage p{
			/*max-height:346px;
			max-width:551px;
			overflow:hidden;
			margin-left:2px;
			margin-right:2px;
			zoom:1;*/
	}
		
		div#shopDetail div#shopInfo div.infoIn{
			margin-top:10px;
			padding-bottom:13px;
			zoom:1;
		}

			div#shopDetail div#shopInfo div.infoIn div.fl{
				margin-top:9px;
			}
		
			div#shopDetail div#shopInfo div.infoIn dl{
				width:333px;
				margin-left:26px;
			}
			
				div#shopDetail div#shopInfo div.infoIn dl dt,
				div#shopDetail div#shopInfo div.infoIn dl dd{
					float:left;
					line-height:1.8;
				}
				
				div#shopDetail div#shopInfo div.infoIn dl dt{
					color:#802070;
					font-weight:bold;
					margin-right:3px;
				}
				
				div#shopDetail div#shopInfo div.infoIn dl dd{
					margin-right:10px;

				}
				div#shopDetail div#shopInfo div.infoIn dl dd.add{
					width:280px;
				}
				
				div#shopDetail div#shopInfo div.infoIn dl.data dd{
					width:260px;
				}
				
				div#shopDetail div#shopInfo div.infoIn dl.data dt.mail{
					width:60px;
				}
				div#shopDetail div#shopInfo div.infoIn dl.data dd.mailDetail{
					width:260px;
				}
				div#shopDetail div#shopInfo div.infoIn dl.data dt.url{
					width:40px;
				}
				div#shopDetail div#shopInfo div.infoIn dl.data dd.urlDetail{
					width:280px;
					word-break:break-all;
				}
				div#shopDetail div#shopInfo div.infoIn dl.data dt.open{
					width:65px;
				}
				div#shopDetail div#shopInfo div.infoIn dl.data dd.openDetail{
					width:255px;
				}
				div#shopDetail div#shopInfo div.infoIn dl.data dt.closed{
					width:50px;
				}
				div#shopDetail div#shopInfo div.infoIn dl.data dd.closedDetail{
					width:270px;
				}

				div#shopDetail div#shopInfo div.infoIn span.gmap{
					background:url(/common/css/img/icon_arrow01.gif) no-repeat left center;
					padding-left:9px;
					margin-left:20px;
				}
				

			div#shopDetail div#shopInfo div.infoIn ul{
				margin-right:10px;
				padding-bottom:3px;
				display:inline;
			}
			
				div#shopDetail div#shopInfo div.infoIn ul li{
					border:2px solid #FFF;
					margin-left:5px;
				}
			
			div#shopDetail div#shopInfo div.infoIn p.txtInfo{
				clear:right;
				float:right;
				width:165px;
				padding-right:10px;
			}
			
	div#shopDetail div#shopInfo div.fromShop{
			background:url(img/bg_message.gif) no-repeat left top;
			width:409px;
			padding-left:105px;
			padding-top:20px;
			margin:0 auto;
			min-height:80px;
	}

			
/* 取り扱いサービス */

ul#serviceList{
	background:url(/common/css/img/bg_dot01.gif) repeat-x left bottom;
	padding-bottom:31px;
	margin-bottom:23px;
}		
	ul#serviceList li{
		/*float:left; 暫定的に削除 */
		/*display:table-cell; 暫定的に指定 */
		width:260px;
		/*height:7.75em;
		overflow:hidden;*/
		font-size:100%;
		margin-top:20px;
		zoom:1;
		}
	
	ul#serviceList li.listR{
		float:right; /*暫定的に削除*/ 
		/*margin-left:20px;*/
	}

		ul#serviceList li dl{
			float:right;
			width:150px;
			zoom:1;
		}
		
			ul#serviceList li dl dt{
				background:url(/common/css/img/icon_arrow01.gif) no-repeat left 6px;
				padding-left:10px;
				margin-bottom:7px;
				font-weight:bold;
			}
			
			ul#serviceList li dl dt a{
				text-decoration:none;
				border-bottom:2px solid #aca180;
			}
			
			ul#serviceList li dl dt a:hover{
				border:none;
			}
			
			ul#serviceList li dl dd{
				font-size:78%;
				line-height:1.8;
			}
			
		ul#serviceList li p{
			float:left;
			width:96px;
			border:2px solid #FFF;
		}