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

#content {
        padding:0 0 100px 0;
        height: auto;
	width:100%;
	position:relative;
        min-height: 500px;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contentInner{position:relative;background-color:#fff; margin:0 auto;width:790px;}
.locationTitle{ margin-top:10px;width:100%; position:relative; border-bottom:2px solid #868686; font-size:11px; }
.locationTitle.bn{ border-bottom:none; }
.locationTitle .depth{position:absolute; top:12px; right:0; color:#949494;}
.locationTitle .depth a{ font-size:11px; color:#949494; text-transform:uppercase;}
.locationTitle .depth a.en{ font-family:Verdana; }
.locationTitle .depth .current { color:#2c2c2c;  }
.locationTitle .title{font-weight:bold;font-size:20px; color:#6a6458; padding-bottom:7px;}
.locationTitle .title.big{font-size:24px;font-weight:bold;font-size:20px; color:#000; padding-bottom:7px;}
.locationTitle .title.small{font-weight:normal;font-size:11px; color:#949494; padding-bottom:7px;}
.locationTitle .titlered{font-weight:bold;font-size:20px; color:#f00; padding-bottom:7px;}
.locationTitle .more{float:right;position:relative;top:5px;right:0;}
.contentArea{padding:0 0 30px 0; }
.contentArea.op{padding-top:30px;}
.contentArea.op2{ padding-bottom:70px; }

/* 写真のプリント */
.sectionAlbum{padding-top: 30px;}
.sectionAlbum .myalbumTop { position:relative;padding-bottom:6px;}
.sectionAlbum .myalbumTop .btn{ position:absolute; top:25px;left:360px;}
.sectionAlbum .tit{
	color:#6a6458;
	font-weight:bold;
	font-family: sans-serif;
	font-size:18px;
	padding:20px 0 0px;
	/*border-top: 1px solid #ececed;*/
}
.sectionAlbum .groupTop{ position:relative;padding-bottom:6px; padding-top:40px; }

.sectionAlbum .groupTop .col1 {float:left;}
.sectionAlbum .groupTop .col2 {float:left; padding-left:20px; }
.sectionAlbum .groupTop .col2  .btn_group1{ float:left; margin-top:-5px; border:1px solid #d3d4d7; border-bottom-color:#b8b9bb; border-radius:3px;background:#f6f7fa;background-image: linear-gradient(to bottom, #ffffff, #f5f6f8);}
.sectionAlbum .groupTop .col2  .btn_group1 .js-handle {float:left;padding:0 5px 0 5px;border-right:1px solid #d3d4d7; color:#000; height:21px; line-height:21px; }
.sectionAlbum .groupTop .col2  .btn_group1 .js-handle-facebook {float:left;padding:0 5px 0 5px;border-right:1px solid #d3d4d7; color:#000; height:21px; line-height:21px; }
.sectionAlbum .groupTop .col2  .btn_group1 .js-handle-picasa {float:left;padding:0 5px 0 5px;border-right:1px solid #d3d4d7; color:#000; height:21px; line-height:21px; }
.sectionAlbum .groupTop .col2  .btn_group1 .js-handle-zzixxalbum {float:left;padding:0 5px 0 5px;border-right:1px solid #d3d4d7; color:#000; height:21px; line-height:21px; }
.sectionAlbum .groupTop .col2  .btn_group1  img{ vertical-align:middle; }
.sectionAlbum .groupTop .col2  .btn_group1 a{display:inline-block; width:70px; text-align:center; height:25px; line-height:25px;color:#000; background: url(/img/main/bull_close.gif) no-repeat 55px 50%;}
.sectionAlbum .groupTop .col2  .btn_group1 a.on{ background-image: url(/img/main/bull_open.gif); background-position:55px 50%; }

.sectionAlbum .groupTop .col2  .btn_group2{ float:left; margin-top:-5px; border:1px solid #d3d4d7; border-bottom-color:#b8b9bb; border-radius:3px;background:#f6f7fa;background-image: linear-gradient(to bottom, #ffffff, #f5f6f8);}
.sectionAlbum .groupTop .col2  .btn_group2 .js-handle {float:left;padding:0 5px 0 15px;border-right:1px solid #d3d4d7; color:#000; height:21px; line-height:21px; }
.sectionAlbum .groupTop .col2  .btn_group2 .js-handle-facebook {float:left;padding:0 5px 0 15px;border-right:1px solid #d3d4d7; color:#000; height:21px; line-height:21px; }
.sectionAlbum .groupTop .col2  .btn_group2 .js-handle-picasa {float:left;padding:0 5px 0 15px;border-right:1px solid #d3d4d7; color:#000; height:21px; line-height:21px; }
.sectionAlbum .groupTop .col2  .btn_group2 .js-handle-zzixxalbum {float:left;padding:0 5px 0 15px;border-right:1px solid #d3d4d7; color:#000; height:21px; line-height:21px; }
.sectionAlbum .groupTop .col2  .btn_group2  img{ vertical-align:middle; }
.sectionAlbum .groupTop .col2  .btn_group2 a{display:inline-block;width:40px;height:25px;line-height:25px;color:#000;background: url(/img/main/bull_close.gif) no-repeat 45px 50%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 13px;}
.sectionAlbum .groupTop .col2  .btn_group2 a.on{ background-image: url(/img/main/bull_open.gif); background-position:45px 50%; }


.sectionAlbum .groupTop.temp{padding-top:1px;}
.sectionAlbum .groupTop .notice{ font-size:12px; color:#acacac; }
.sectionAlbum .groupTop .btn{ position:absolute; top:33px; right:0;bottom:0; }
.sectionAlbum .groupTop .btn_temp{ position:absolute; top:3px; right:0;bottom:0; }
.sectionAlbum .groupTop .btn_temp_archive{ position:absolute; top:-25px; right:0;bottom:0; }
.sectionAlbum .groupTop .tit_folder{display:block;color:#000; padding-top:2px; font-weight:bold; padding-left:31px; background: url(/img/main/icon_folder.gif) no-repeat 8px 0; }
.sectionAlbum .groupTop .tit_g_folder{display:block;color:#000; padding-top:2px; font-weight:bold; padding-left:31px; background: url(/img/main/icon_g_folder.gif) no-repeat 8px 0; }

.albumThumbnailBox{ border-top:1px solid #ff7f6d; }
.albumThumbnailBox .userControl{ border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; height:25px; background:#f4f4f4; }
.albumThumbnailBox .userControl .col1{ float:left; }
.albumThumbnailBox .userControl .col2{ float:right;}
.albumThumbnailBox .userControl .col1 .txt{color:#000; float:left; height:25px; line-height:25px; padding:0 0 0 18px; width:119px;}
.albumThumbnailBox .userControl .col1 .txt.one{width:auto;}
.albumThumbnailBox .userControl .col1 .date{ margin-right:10px;}
.albumThumbnailBox .userControl .col1 .quantity{ color:#4cc3e5;font-weight:bold;}
.albumThumbnailBox .userControl .col1 .txt.one .tit3{ font-weight:bold; margin-right:10px; color:#000;}
.albumThumbnailBox .userControl .col1 .txt.one .tit3.en{ font-family:Verdana; }
.albumThumbnailBox .userControl .btn_group{ float:left; margin-top:1px; border:1px solid #d3d4d7; border-bottom-color:#b8b9bb; border-radius:3px;background:#f6f7fa; 
background-image: linear-gradient(to bottom, #ffffff, #f5f6f8);}
.albumThumbnailBox .userControl .btn_group label{ color:#000; vertical-align:middle; }
.albumThumbnailBox .userControl .btn_group .btn{float:left;padding:0 5px 0 5px;border-right:1px solid #d3d4d7; color:#000; height:21px; line-height:21px; }
.albumThumbnailBox .userControl .btn_group img{ vertical-align:middle; }
.albumThumbnailBox .userControl .btn_group .btn.last{ border-right:none; }
.albumThumbnailBox .userControl .col2 .btn_group{margin-right:5px; }

.albumThumbnailBox .userControl .col2 .btn2{float:left;padding:2px 5px 0 0;  }

.albumThumbnailBox .userControl .col2 .btn_toggle{float:left; display:inline-block;border-left:1px solid #d9d9d9;height:25px;background:#f8f8f8;background-image: linear-gradient(to bottom, #fafafa, #f1f1f2);}
.albumThumbnailBox .userControl .col2 .btn_toggle a{display:inline-block; width:70px; text-align:center; height:25px; line-height:25px;
color:#000; background: url(/img/main/bull_close.gif) no-repeat 50px 50%;}
.albumThumbnailBox .userControl .col2 .btn_toggle a.on{ background-image: url(/img/main/bull_open.gif); background-position:55px 50%; }

.thumbnail{padding:5px 3px 0 5px; width:780px; position:relative; z-index:1; }/* w945 */
.thumbnail .list li{float:left; margin-right:2px; width:128px; height:165px; text-align:center; }
.thumbnail .list.ov li{ height:134px; } 
.thumbnail .list li .mask{ position:relative; width:126px; height:130px;overflow:hidden; border:1px solid #c4c4c4;  text-align:left;  }
.thumbnail .list li .mask .cartimg img{ width:20px; height:12px;  }
.thumbnail .list li .mask .cartimg { position:absolute; top:5px; left:10px; z-index:10; }

/* myalbum에 box추가 */
.thumbnail .list li .mask .imgbox{width:126px;height:130px;text-align:center;vertical-align:middle;}
.thumbnail .list li .mask .loading img{ width:126px; height:130px;  }
.thumbnail .list li .mask .loading{ position:absolute; top:0; left:0; z-index:10; }
.thumbnail .list li .mask .txt{position:absolute; top:0; left:5px; color:#FF7F6D; font-size:12px; font-weight:bold; z-index:20;}

.thumbnail .list li .mask input{ position:absolute; top:5px; right:5px; }
.thumbnail .list li .txt{ color:#acacac; font-size:11px; padding-top:5px;}
.thumbnail .list li .tit{color:#333; padding-bottom:3px;  }
.thumbnail.ov2 .list li{ height:190px; } 

.albumThumbnailBox .thumbnail .list2 li{ float:left; margin-right:2px; width:300px; height:165px; text-align:center; }
.albumThumbnailBox .thumbnail .list2 li .mask{ position:relative; width:162px; height:130px; border:1px solid #c4c4c4; overflow:hidden; text-align:left; }
.albumThumbnailBox .thumbnail .list2 li .mask input{ position:absolute; top:5px; right:5px; }
.albumThumbnailBox .thumbnail .list2 li .txt{ color:#acacac; font-size:11px; padding-top:4px;}
.albumThumbnailBox .thumbnail .btn_box{  text-align:center; padding:17px 0 20px 0; }
.sectionAlbum .list_notice li{ font-size:12px; color:#898989; line-height:140%; }

.albumThumbnailBox .thumbnail .btn_option{padding-bottom:5px; }
.albumThumbnailBox .thumbnail .btn_option.b{padding:3px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.albumThumbnailBox .thumbnail .btn_option .btn_col1{ float:left; }
.albumThumbnailBox .thumbnail .btn_option .btn_col2{ float:right; }
.albumThumbnailBox .thumbnail .btn_option .box{ vertical-align:middle; display:inline-block;border:1px solid #d3d3d3; padding:0 3px 0 3px; margin-right:5px; font-size:11px; color:#585858; height:20px; line-height:20px;}
.albumThumbnailBox .thumbnail .btn_option .box label{ font-size:11px; color:#575756;}
.albumThumbnailBox .thumbnail .btn_option .box img{ vertical-align:middle; }
.albumThumbnailBox .thumbnail .btn_option a.box{ text-decoration:none; } 
.albumThumbnailBox .thumbnail .btn_option .btn_bull{ vertical-align:middle; display:inline-block;border:1px solid #d3d3d3; padding:0 5px 0 5px; margin-right:5px; color:#585858; height:21px;line-height:21px; text-decoration:none;}
.sectionAlbum .tit2{ font-size:20px; color:#000; font-weight:bold; padding:30px 0 7px 0; }
.sectionAlbum .sns_login_box{ padding:0 0 0 45px; height:65px; background:#fafaf9; margin-top:13px;}
.sectionAlbum .sns_login_box .sns_logo{  float:left; width:219px;} /* 945 - 90 = 855 */
.sectionAlbum .sns_login_box .sns_login{ float:left; width:630px; padding-top:17px;}
.sectionAlbum .sns_login_box .sns_login .info{ height:28px;padding-left:6px; background: url(/img/main/bg_roll.gif) no-repeat 0 0; }
.sectionAlbum .sns_login_box .sns_login .info span{ display:inline-block; height:20px; padding:0 13px 0 3px; background-color:#4c4c4c;line-height:17px; color:#fff; font-weight:bold; font-family:Verdana;}

/* simple version */
.shopping_cart_simple{ /*background:#68afd8; */ background:#474747; width:600px; height:53px; position:absolute;left:102px;  z-index:90; }
.shopping_cart_simple .col1{ float:left; width:420px;border:0px solid red;}
.shopping_cart_simple .col2{ float:right;}
.shopping_cart_simple .col1 .txt{ color:#fff;font-size:15px; font-weight:bold;letter-spacing:-1px; padding-left:20px; line-height:53px;}
.shopping_cart_simple .col2 .btn{ padding:2px 2px 0 0; position:static; }
.shopping_cart_simple .col2 .tooltip2{ position:absolute; background:#fff; z-index:1; top:-66px; left:410px;height:65px; width:188px; border:1px solid #65a5ca;}
.shopping_cart_simple .col2 .tooltip2 .txt{ font-size:11px; color:#ff7f6d; letter-spacing:-1px; line-height:1.5; padding:10px 0 0 17px;}
.shopping_cart_simple .simplechk{ float:right;padding-right:20px;padding-left:20px; line-height:53px;}
.shopping_cart_simple .simplechk .txt{color:#fff;font-size:15px; font-weight:bold;letter-spacing:-1px; }
.shopping_cart_simple .simplechk .tooltip2{ position:absolute; background:#fff; z-index:1; top:-86px; left:517px;height:85px; width:180px; border:1px solid #65a5ca;}
.shopping_cart_simple .simplechk .tooltip2 .txt2{ font-size:11px; color:#ff7f6d; letter-spacing:-1px; line-height:1.5; padding:10px 0 0 17px;}

/* layer popup */
div#glayLayer{display:none;position:fixed;left:0;       top:0; z-index:599;      height:100%;    width:100%;     background:black;       filter:alpha(opacity=60);       opacity: 0.60;}
* html div#glayLayer{   position:absolute;}
.overLayer{ display:none;       position: fixed; z-index:600;   top:50%;        left:50%;       margin-top:-350px;      margin-left:-250px;     background:#363636;     }
* html .overLayer{      position: absolute;}
.overLayer .img_box{ text-align:center; }
.overLayer .data_box{ padding:0 3px; }
.overLayer .data_box .table{ width:494px;  }
.overLayer .data_box .table th{ color:#b5b4b4; padding:7px 5px 5px 8px; background: url(/img/print/vline.gif) no-repeat 0 bottom; border-bottom:1px solid #8c8c8c; }
.overLayer .data_box .table td{ padding:7px 5px 5px 8px;color:#fff;}
.overLayer .btn_close{ position:absolute; top:0; right:0; }
.overLayer.my .tbl_row1{ width:494px;  }
.overLayer.my .tbl_row1 th,
.overLayer.my .tbl_row1 td{ padding:8px 5px 8px 10px; }
.overLayer.my .tbl_row1 th{ color:#b5b5b5; }
.overLayer.my .tbl_row1 td{ color:#fff;}
.overLayer.my .tbl_row1 input{ background:#fff;border:none; height:18px; line-height:18px; width:330px; }
.overLayer.my .tbl_row1 textarea{ background:#fff;border:none; height:60px;  width:330px; }
.overLayer.my{ padding-bottom:9px; }
.overLayer.my .data_box .table th{ background-color:#303030;}
.overLayer.my .data_box .table td{ background:#303030 url(/img/print/vline.gif) no-repeat 0 bottom; border-bottom:1px solid #8c8c8c; }
.overLayer.my .modify_area{ background-color:#3f3f3f; border-top:1px solid #4c4c4c; text-align:right; padding:2px 5px 2px 5px; }
.overLayer.my .modify_area .btn{ color:#fff; background-color:#ff7f6c; padding:3px 7px 2px 7px; }
.overLayer.my .modify_area .btn.mo{ background-color:#ff7f6c; border:1px solid #ff6855; padding:2px 10px 1px 10px;}
.overLayer.my .modify_area .btn.esc{ background-color:#676767; border:1px solid #9d9d9d; padding:2px 10px 1px 10px;}