/* CSS Document */

/*--------------------------------------------

2011年新フォトブックランディングページ用CSS

File Name	:photobook.css (http://onlinelab.jp/style/photobook.css)
Summery 	:Copyright	:(c) Picturing Online, Inc. 

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


@import url("../../style/common2011.css");

div#container {
	/*background-color: #FFFFFF;*/
	margin: 0 auto;
	overflow: visible;
	position: relative;
	text-align: left;
	top: 0;
	width: 949px;
}


/* new clearfix */

.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */


.cfs {
	overflow: hidden;
	clear:both;
	_zoom:1;
}
* html .cfs {  
    height: 1%;  
}  



.float > li {
	float:left;
}

.no-flo li {
	float:none;
}

#recom {
	margin:50px 0 0;
	width:880px;
	height:258px;
}

#box,
#box li,
.rec-frame {
	width:880px;
	height:258px;
}

.rec-img {
	display:block;
	float:left;
}
div div.rec-txt {
	float:right;
	width:380px;

}

div div.rec-txt p{
	height:115px;
	margin:30px 10px;
	line-height:25px;
	letter-spacing:0.1em;
}

img.rec-txt-h {
	margin:0 0 20px;
}

#s-summary {
	width:880px;
	margin:20px auto 0;
}



.bx-pager {
	width:135px;
	margin:10px auto;
	padding-left:5px;
}

#pagerinner {
	width:100%
}

#recom-2nd {
	width:890px;
	margin:50px auto 30px;
}

#rec-2nd-txt {
	width:500px;
	float:left;
	
}

#example {
	margin:50px 0 0;
}


#example .float {
	margin:20px auto;
}


#example .samples {
	margin:20px auto;
}


#rec-2nd-txt p {
	margin:20px 10px;
	line-height:25px;
	letter-spacing:0.1em;
}

#example .exttitle {
	margin:20px 0 auto;
}


#example li .bookcover {
	margin:0 0 10px;
}

#example li .title {
	font-size:15px;
	margin:0 0 5px;
}

#example li .subtitle {
	font-size:11px;
	margin:0 0 10px;
}

#example li .amountofpage {
	font-size:12px;
	margin:0 0 10px;
}

#recommentedpixel {
	margin:30px auto;

}

h3#trigger {
	margin:60px auto 0;
	/*cursor:pointer;*/
}

.one {
	background:url(/shop/photobook/images/new/recommend-num_back1.gif) no-repeat center top;

}

.two {
	background:url(/shop/photobook/images/new/recommend-num_back2.gif) no-repeat center top;

}

.three {
	background:url(/shop/photobook/images/new/recommend-num_back3.gif) no-repeat center top;

}


div#btm-menu{
height:200px;
background-image:url("/shop/photobook/images/new/btm-menu-bk.jpg");
background-repeat:no-repeat;
position:relative;
} 

span#pbook1{position:absolute; top:132px; left:230px;}
span#pbook2{position:absolute; top:95px; left:302px;}
span#pbook3{position:absolute; top:95px; left:395px;}
span#pbook4{position:absolute; top:88px; left:520px;}
span#pbook5{position:absolute; top:52px; left:621px;}
span#pbook6{position:absolute; top:12px; left:758px;}


.lipad10 {
padding:0 0 0 10px;
}

.lipad10 li {
margin:0 10px 10px	 0;
}

#excls1,#excls2,#excls3 {
height:230px;
}

#excls3 {
clear:both;

}


/* 
--------------------------------------------------------
写真ブックベーシック
--------------------------------------------------------
*/

.sample-sbb {
	float:right;
	width:253px;
	height:200px;
	margin:40px 30px 0 0;
}




#specifications-sbb {
	margin:0 auto 0;
	background-color:#ededed;
	padding:0 0 10px 0;
}
#specifications-sbb #sleeve {
	margin-left:4px;
}


#specifications-sbb #row3 {
	/*height:190px;*/
}

#specifications-sbb #row3 dl {
	float:left;
	margin:15px 5px;
	width:280px;
}

#specifications-sbb #row3 dt {
	font-size:16px;
}

#specifications-sbb #row3 dd {
	height:150px;
	background-color:#fff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-sbb #row3 .value {
	text-align:center;
	font-size:25px;
	font-weight:900;
	letter-spacing:-0.05em;
	line-height:3em;
}

#specifications-sbb #row3 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:5px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-sbb #row3a {
	/*height:170px;*/
}

#specifications-sbb #row3a > dl {
	margin:15px 10px 15px 5px;
}

#specifications-sbb #row3a dl.price_block {
	width:166px;
	margin:10px 5px 10px auto;
	float:left
}

#specifications-sbb #row3a dt {
	font-size:16px;
}

#specifications-sbb #row3a > dl > dd {
	height:120px;
	background:#ffffff;
	border-top:6px solid #c8bb9b;
	margin:4px 0 0 0;
	padding-left:10px;
	
}

#specifications-sbb #row3a dl.price_block dd {
	height:60px;
	background-color:#dfd5bd;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-sbb #row3a dl.price_block dd p.price {
	margin:0px auto auto 40px;
	font-size:30px;
	font-weight:900;
	letter-spacing:0em;
	line-height:60px;
	color:#4b4b4b;
}

#specifications-sbb #row3a dl.price_block dd p.price span {
	font-size:15px;
	font-weight:900;
	line-height:60px;
}

#specifications-sbb #row3a .description-sleeve {
	border-top:6px solid #fff;
	margin-top:0px;
	height:40px;
}


#specifications-sbb #row3a .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:5px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:top left;
	background-repeat:repeat-y;
}


#specifications-sbb #row4 {
	/*height:200px;*/
}

#specifications-sbb #row4 dl {
	margin:15px 10px 15px 5px;
}

#specifications-sbb #row4 dt {
	font-size:16px;
}

#specifications-sbb #row4 dd {
	height:160px;
	background-color:#ffffff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-sbb #row4 .way {
	float:left;
	width:125px;
	text-align:center;
	font-size:20px;
	font-weight:900;
	letter-spacing:-0.02em;
	line-height:80px;
}

#specifications-sbb #row4 .value{
	float:left;
	width:290px;
	margin:10px;
}

#specifications-sbb #row4 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:8px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-sbb #row5 {
	/*height:auto;*/
	margin-bottom:10px;
}

#specifications-sbb #row5 > dl {
	margin:15px 10px 15px 5px;
}

#specifications-sbb #row5 > dl > dt {
	font-size:16px;
}

#specifications-sbb #row5 > dl > dd {
	height:250px;
	background-color:#ffffff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-sbb #row5 .ctsA {
	float:left;
	width:400px;
	margin:10px;
}

#specifications-sbb #row5 .ctsB {
	float:left;
	width:430px;
	margin:10px;
}

#specifications-sbb #row5 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:25px 0;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-sbb #row5 .description dt.payment{
	font-weight:900;
	font-size:15px;
	color:#e84846;
}

#specifications-sbb #row5 .description dd.payment{
	
}




/* 
--------------------------------------------------------
写真ブックアレンジ
--------------------------------------------------------
*/

.sample-sba {
	float:right;
	width:390px;
	height:200px;
	padding-top:40px;
	margin:40px 55px 0 0;
}

.sample-sba-l {
	width:390px;
	height:200px;
	margin:40px 30px 0 0;
}


#specifications-sba {
	margin:0 auto 0;
	background-color:#ededed;
	padding:0 0 10px 0;
}
#specifications-sba #sleeve {
margin-left:4px;
}


#specifications-sba #row3 {
	/*height:210px;*/
}

#specifications-sba #row3 dl {
	float:left;
	margin:15px 5px;
	width:284px;
}

#specifications-sba #row3 dt {
	font-size:16px;
}

#specifications-sba #row3 dd {
	height:150px;
	background-color:#fff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-sba #row3 .value {
	text-align:center;
	font-size:25px;
	font-weight:900;
	letter-spacing:-0.05em;
	line-height:3em;
}

#specifications-sba #row3 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:5px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#specifications-sba #row3a {
	/*height:190px;*/
}

#specifications-sba #row3a > dl {
	margin:15px 10px 15px 5px;
}

#specifications-sba #row3a dl.price_block {
	width:117px;
	margin:10px 5px 10px auto;
	float:left
}

#specifications-sba #row3a dt {
	font-size:16px;
}

#specifications-sba #row3a > dl > dd {
	height:110px;
	background:#ffffff;
	border-top:6px solid #c8bb9b;
	margin:4px 0 0 0;
	padding-left:10px;
	
}

#specifications-sba #row3a dl.price_block dd {
	height:60px;
	background-color:#dfd5bd;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-sba #row3a dl.price_block dd p.price {
	margin:0px auto auto 30px;
	font-size:20px;
	font-weight:900;
	letter-spacing:0em;
	line-height:60px;
	color:#4b4b4b;
}

#specifications-sba #row3a dl.price_block dd p.price span {
	font-size:15px;
	font-weight:900;
	line-height:60px;
}

#specifications-sba #row3a .description-sleeve {
	border-top:6px solid #fff;
	margin-top:0px;
	height:40px;
}


#specifications-sba #row3a .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:5px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:top left;
	background-repeat:repeat-y;
}




#specifications-sba #row4 {
	/*height:170px;*/
}

#specifications-sba #row4 dl {
	margin:15px 10px 15px 5px;
}

#specifications-sba #row4 dt {
	font-size:16px;
}

#specifications-sba #row4 dd {
	background-color:#ffffff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-sba #row4 .way {
	float:left;
	width:125px;
	text-align:center;
	font-size:20px;
	font-weight:900;
	letter-spacing:-0.02em;
	line-height:80px;
}

#specifications-sba #row4 .value{
	float:left;
	width:290px;
	margin:10px;
}

#specifications-sba #row4 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:8px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-sba #row5 {
	/*height:auto;*/
	margin-bottom:10px;
}

#specifications-sba #row5 > dl {
	margin:15px 10px 15px 5px;
}

#specifications-sba #row5 > dl > dt {
	font-size:16px;
}

#specifications-sba #row5 > dl > dd {
	height:250px;
	background-color:#ffffff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-sba #row5 .ctsA {
	float:left;
	width:400px;
	margin:10px;
}

#specifications-sba #row5 .ctsB {
	float:left;
	width:430px;
	margin:10px;
}

#specifications-sba #row5 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:25px 0;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-sba #row5 .description dt.payment{
	font-weight:900;
	font-size:15px;
	color:#e84846;
}

#specifications-sba #row5 .description dd.payment{
	
}





/* 
--------------------------------------------------------
L-プレスブックソフト・ハード
--------------------------------------------------------
*/

.sample-lpb {
	float:right;
	width:253px;
	height:200px;
	padding-top:40px;
	margin:40px 15px 0 0;
}
.sample-lpb-tate {
	float:right;
	width:215px;
	height:200px;
	padding-top:40px;
	margin:40px 15px 0 0;
}
.sample-lpb-yoko {
	float:right;
	width:345px;
	height:200px;
	padding-top:40px;
	margin:40px 15px 0 0;
}


#specifications-lpb-s {
	margin:0 auto 0;
	background-color:#ededed;
	padding:0 0 10px 0;
}
#specifications-lpb-s #sleeve {
	margin-left:4px;
}


#specifications-lpb-s #row3 {
	/*height:190px;*/
}

#specifications-lpb-s #row3 dl {
	float:left;
	margin:15px 5px;
	width:280px;
}

#specifications-lpb-s #row3 dt {
	font-size:16px;
}

#specifications-lpb-s #row3 dd {
	height:150px;
	background-color:#fff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-lpb-s #row3 .value {
	text-align:center;
	font-size:25px;
	font-weight:900;
	letter-spacing:-0.05em;
	line-height:3em;
}

#specifications-lpb-s #row3 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:5px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#specifications-lpb-s #row3a {
	/*height:170px;*/
}

#specifications-lpb-s #row3a > dl {
	margin:15px 10px 15px 5px;
}

#specifications-lpb-s #row3a dl.price_block {
	width:280px;
	margin:10px 5px 10px auto;
	float:left
}

#specifications-lpb-s #row3a dt {
	font-size:16px;
}

#specifications-lpb-s #row3a > dl > dd {
	height:120px;
	background:#ffffff;
	border-top:6px solid #c8bb9b;
	margin:4px 0 0 0;
	padding-left:10px;
	
}

#specifications-lpb-s #row3a dl.price_block dd {
	height:60px;
	background-color:#dfd5bd;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-lpb-s #row3a dl.price_block dd p.price {
	margin:0px auto auto 40px;
	font-size:30px;
	font-weight:900;
	letter-spacing:0em;
	line-height:60px;
	color:#4b4b4b;
}

#specifications-lpb-s #row3a dl.price_block dd p.price span {
	font-size:15px;
	font-weight:900;
	line-height:60px;
}

#specifications-lpb-s #row3a .description-sleeve {
	border-top:6px solid #fff;
	margin-top:0px;
	height:40px;
}


#specifications-lpb-s #row3a .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:5px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:top left;
	background-repeat:repeat-y;
}


#specifications-lpb-s #row4 {
	/*height:200px;*/
}

#specifications-lpb-s #row4 dl {
	margin:15px 10px 15px 5px;
}

#specifications-lpb-s #row4 dt {
	font-size:16px;
}

#specifications-lpb-s #row4 dd {
	height:160px;
	background-color:#ffffff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-lpb-s #row4 .way {
	float:left;
	width:125px;
	text-align:center;
	font-size:20px;
	font-weight:900;
	letter-spacing:-0.02em;
	line-height:80px;
}

#specifications-lpb-s #row4 .value{
	float:left;
	width:290px;
	margin:10px;
}

#specifications-lpb-s #row4 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:8px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-lpb-s #row5 {
	/*height:auto;*/
	margin-bottom:10px;
}

#specifications-lpb-s #row5 > dl {
	margin:15px 10px 15px 5px;
}

#specifications-lpb-s #row5 > dl > dt {
	font-size:16px;
}

#specifications-lpb-s #row5 > dl > dd {
	height:250px;
	background-color:#ffffff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-lpb-s #row5 .ctsA {
	float:left;
	width:400px;
	margin:10px;
}

#specifications-lpb-s #row5 .ctsB {
	float:left;
	width:430px;
	margin:10px;
}

#specifications-lpb-s #row5 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:25px 0;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-lpb-s #row5 .description dt.payment{
	font-weight:900;
	font-size:15px;
	color:#e84846;
}

#specifications-lpb-s #row5 .description dd.payment{
	
}





/* 
--------------------------------------------------------
ストラップブック
--------------------------------------------------------
*/





#specifications-stpbk {
	margin:0 auto 0;
	background-color:#ededed;
	padding:0 0 10px 0;
}
#specifications-stpbk #sleeve {
margin-left:4px;
}


#specifications-stpbk #row3 {
	/*height:210px;*/
}

#specifications-stpbk #row3 dl {
	float:left;
	margin:15px 5px;
	width:210px;
}

#specifications-stpbk #row3 dt {
	font-size:16px;
}

#specifications-stpbk #row3 dd {
	height:150px;
	background-color:#fff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-stpbk #row3 .value {
	text-align:center;
	font-size:25px;
	font-weight:900;
	letter-spacing:-0.05em;
	line-height:3em;
}

#specifications-stpbk #row3 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:5px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-stpbk #row4 {
	/*height:200px;*/
}

#specifications-stpbk #row4 dl {
	margin:15px 10px 15px 5px;
}

#specifications-stpbk #row4 dt {
	font-size:16px;
}

#specifications-stpbk #row4 dd {
	height:160px;
	background-color:#ffffff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-stpbk #row4 .way {
	float:left;
	width:125px;
	text-align:center;
	font-size:20px;
	font-weight:900;
	letter-spacing:-0.02em;
	line-height:80px;
}

#specifications-stpbk #row4 .value{
	float:left;
	width:290px;
	margin:10px;
}

#specifications-stpbk #row4 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:8px;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-stpbk #row5 {
	/*height:auto;*/
	margin-bottom:10px;
}

#specifications-stpbk #row5 > dl {
	margin:15px 10px 15px 5px;
}

#specifications-stpbk #row5 > dl > dt {
	font-size:16px;
}

#specifications-stpbk #row5 > dl > dd {
	height:250px;
	background-color:#ffffff;
	border-top:6px solid #c8bb9b;
	margin-top:4px;
}

#specifications-stpbk #row5 .ctsA {
	float:left;
	width:400px;
	margin:10px;
}

#specifications-stpbk #row5 .ctsB {
	float:left;
	width:430px;
	margin:10px;
}

#specifications-stpbk #row5 .description {
	font-size:11px;
	letter-spacing:0.1em;
	line-height:1.5em;
	margin:25px 0;
	padding-left:15px;
	background-image:url(./images/photobookS/descriptions-line.gif);
	background-position:tom left;
	background-repeat:repeat-y;
}

#specifications-stpbk #row5 .description dt.payment{
	font-weight:900;
	font-size:15px;
	color:#e84846;
}

#specifications-stpbk #row5 .description dd.payment{
	
}





.smally {
	font-size:11px;
}

.mid {
	font-size:13px
}

.midB {
	font-weight:900;
	font-size:13px
}
.midhigh {
	font-size:16px
}

.midhighB {
	font-weight:900;
	font-size:16px
}

.red {
	color:#e84846;
}



/* ------------------------------------------------------

キャンペーン欄

-------------------------------------------------------*/
div.campaigns {
	width:860px;
	margin:10px auto;
}

h3.campaign {width:880px;margin:20px auto 20px;padding:0;}
.imgblock{display:block;}
.l {float:left;}
.r {float:right;}
ul.camptxt {
	width:690px;
	margin:0 0 0 20px;
}
.camptxt li {
	height:100%;
	line-height:20px;
	font-size:12px;
	border-bottom:1px dashed #e0f0f0;
	padding:0 10px;
}
.camptxt li.titles {
	background:#e93c1f;
	color:#fff;
	padding:10px;
	margin:0 0 10px;
	border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
span.big {
	font-size:15px;
	font-weight:bold;
}
ul.camptxt .short {
	width:500px;
}
ul.camptxt li.btn {
	width:150px;
	border:none;
}

ul.camptxt a.btn {
	display:block;
	line-height:18px;
	height:18px;
	width:100%;
	padding:5px 0;
	margin:5px 0;
	color:#fff;
	font-size:11px;
	font-weight:900;
	text-align:center;
	border-top:1px solid #ffa17c;
	border-bottom:1px solid #b4481e;
	background:#ff723b;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
ul.camptxt a.btn:hover {
	border-top:1px solid #f97560;
	border-bottom:1px solid #bd321b;
	background:#eb462a;
}