@charset 'UTF-8';* {  color: #4f4f4f;  font-size: 14px;  line-height: 140%;}.mainHtml {  background-color: #cccccc;  height: 100%;}.mainBody {  background-color: #ffffff;  font-family: Arial, Meiryo, \u30e1\u30a4\u30ea\u30aa, HelveticaNeue, 'Hiragino Kaku Gothic ProN', '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 ProN W3', sans-serif;  height: 100%;  margin: 0 auto;  overflow: hidden;  width: 100%;}.mainBodyMargin {  background-color: #cccccc;  height: 100%;  position: fixed;  right: 0;  top: 0;  width: 0;  z-index: 850;}.menuList {  list-style-type: none;}.contentFrameMargin {  background-color: #cccccc;}.contentFrame {  background-color: #ffffff;  margin: 0 auto;  overflow: auto;}.content {  background-color: #ffffff;  height: 100%;  margin: 0 auto;}.fontBold {  font-weight: bold;}.headerContents {  background-color: #f0efee;  height: 44px;  left: 0;  position: relative;  right: 0;  top: 0;  width: 100%;  z-index: 800;}.headerIcons {  height: 100%;  margin: 0 auto;  position: relative;}.headerIcon {  cursor: pointer;  height: 44px;  width: 44px;}.headerVariableIcons {  height: 100%;  margin: -44px auto 0 auto;  position: relative;}.leftIcons {  height: 44px;  left: 0;  position: absolute;  top: 0;  z-index: 800;}.beforeLink {  height: 44px;}.leftIcon {  height: 44px;  position: absolute;  width: 44px;}.backIcon {  background-position: center center;  background-image: url(/img/header_ico_back_N.png);  background-repeat: no-repeat;  background-size: 44px 44px;  cursor: pointer;  display: block;  float: left;  margin-left: 3px;  top: 0;}.backText {  cursor: pointer;  margin: 0 15px 0 30px;  padding: 12px 0 5px 0;  position: relative;}.cancellLink {  color: #ffffff;  cursor: pointer;  display: none;  left: 8px;  padding: 7px 16px 6px 16px;  position: relative;  top: 6px;}.headerButtonLeft {  color: #ffffff;  background-color: #aaaaaa;  border-radius: 6px;  left: 8px;  position: relative;  top: 5px;}.cigLogo {  background-position: center center;  background-image: url(/img/header_ico_home_N.png);  background-repeat: no-repeat;  background-size: 44px 44px;  cursor: pointer;  display: block;  float: left;  height: 44px;  margin-left: 3px;  margin-top: 3px;  top: 0;  width: 44px;}.headerCenter {  height: 31px;  margin-left: 132px;  margin-right: 132px;  overflow: hidden;  padding-top: 13px;  position: relative;  text-align: center;  word-wrap: break-word;}.headerTitle {  cursor: default;  padding-top: 13px;  position: relative;  z-index: 800;}.headerTitlePopup {  background-color:  #f2f2f2;  border: #cccccc 2px solid;  border-radius: 5px;  cursor: pointer;  display: none;  margin: 0 auto;  max-width: 610px;  padding: 10px 5px 10px 5px;  position: absolute;  word-wrap: break-word;  word-break : normal;  z-index: 800;}.headerTitlePopup:after, .headerTitlePopup:before {  content: "";  position: absolute;  height: 0;  width: 0;}.headerTitlePopup:after {  border: 5px solid transparent;  border-bottom: 5px solid #f2f2f2;  left: calc(50% + 2px);  bottom: 98%;}.headerTitlePopup:before {  border: 7px solid transparent;  border-bottom: 9px solid #cccccc;  left: 50%;  bottom: 100%;}.headerTabMenuContainer {  left: 0;  position: absolute;  right: 0;  text-align: center;  top: 0;  z-index: 800;}.headerTabMenu {  display: inline-block;  list-style: none;  margin: 0 auto;  padding-left: 0;  width: auto;}.menuTtl {  display: block;  font-size: 11px;  height: 26px;  line-height: 26px;  text-align: center;  vertical-align: middle;}.newTip {  background-color: #f46500;  border-radius: 7px;  color: #ffffff;  height: 14px;  line-height: 14px;  margin: 6px 0 0 10px;  padding: 0 6px;  position: absolute;}.headerTabMenuContents {  width: 160px;  height: 28px;  float: left;  margin-top: 8px;  margin-right: 2px;  text-align: left;  cursor: pointer;}.headerTabMenuBottomLine {  border-bottom: solid;  border-bottom-color: #f48c43;}.newImage {  background-color: #f46500;  -webkit-border-radius: 10px;  border-radius: 10px;  color: #ffffff;  cursor: pointer;  display: inline-block;  padding: 0 8px;  margin: 0 5px;}.textNew {  color: #ffffff;  cursor: pointer;}.headerTabMenuDescription > .newImage {  left: Initial;  margin-left: 5px;  padding-left: 3px;  top: Initial;  width: 50px;}.rightIcons {  height: 44px;  position: absolute;  right: 0;  top: 0;  z-index: 800;}.headerDownloadIcon {  background-image: url(/img/ico_dl_status.png);  background-size: 44px 44px;  cursor: pointer;  display: none;  float: left;  position: relative;}.settingIcon {  background-image: url(/img/header_ico_setting_N.png);  background-size: 44px 44px;  cursor: pointer;  float: left;  position: relative;}.menuIcon {  background-image: url(/img/header_ico_menu_N.png);  background-size: 44px 44px;  cursor: pointer;  float: right;  position: relative;}.rightLink {  cursor: pointer;  display: none;  padding: 7px 16px 6px 16px;  position: relative;  right: 8px;  top: 5px;}.headerButtonRight {  color: #ffffff;  background-color: #f46500;  border-radius: 6px;}.headerButtonRightClicked {  background-color: #cccccc;}.headerArea {  background-color: #ffffff;  color: #4f4f4f;  display: none;  font-size: 14px;  height: 100%;  line-height: 140%;  overflow-x: hidden;  overflow-y: auto;  position: absolute;  right: -258px;  top: 45px;  z-index: 800;}.headerList {  list-style: none;  padding: 0;}.headerItem {  background-position: left;  background-repeat: no-repeat;  background-size: 60px;  cursor: pointer;  margin-bottom: 9px;  padding-left: 58px;  height: 70px;  width: 200px;}.headerItemTitle {  padding-bottom: 8px;  padding-top: 15px;  margin-top: 0;  margin-bottom: 0;  margin-right: 10px;}.settingMenuTitle {  padding:12% 0;  margin-top: 0;  margin-bottom: 0;  margin-right: 10px;}.headerInfo {  background-position: 15px;  color: #7f7f7f;  font-size: 10px;  margin-top: 0;  margin-bottom: 0;  margin-right: 10px;  padding-bottom: 15px;}.mainDisable {  background: rgba(0,0,0,0.4);  display: none;  margin: 0;  position: absolute;  z-index: 750;}.iconHome {  background-image: url(/img/header_ico_top_N.png);}.iconSetting {  background-image: url(/img/drawer_ico_sinfo_N.png);}.iconHelp {  background-image: url(/img/header_ico_help_N.png);}.statement {  background-image: url(/img/header_ico_accept_N.png);}.iconLogout {  background-image: url(/img/header_ico_logout_N.png);}.iconTopPage {  background-image: url(/img/header_ico_top_N.png);}.itemCount {  cursor: default;  text-align: center;}.itemCountData {  text-align: center;}.helpLink {  text-decoration: none;}.statementOverlay {  bottom: 0;  background: rgba(0, 0, 0, 0.4);  display: none;  left: 0;  position: fixed;  right: 0;  top: 0;  z-index: 800;  -moz-user-select: none;  -ms-user-select: none;  -webkit-user-select: none;}.statementDialog {  background: #ffffff;  border: 1px solid #cccccc;  display: none;  left: 50%;  padding: 12px 29px;  position: absolute;  top: 40%;  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  width: 260px;  z-index: 800;}.statementMessageArea {  display: table;  margin: 0;  min-height: 96px;}.statementMessageCell {  display: table-cell;  vertical-align: middle;}.cigCopyright {  background-position: center center;  background-image: url(/img/ico_copyright_n.png);  background-repeat: no-repeat;  background-size: 257px 88px;  display: block;  float: left;  height: 88px;  margin-left: 3px;  margin-top: 8px;  top: 0;  width: 257px;}.cigCopyrightMsg {  font-size: small;}.statementMessageText {  color: #f56600;  cursor: pointer;  font-size: medium;  font-weight: bold;}.statementBtnArea {  margin: 4px -10px 0px -10px;  min-height: 36px;  text-align: center;}.statementBtnOK {  background: #f56600;  border: none;  border-radius: 4px;  color: #ffffff;  cursor: pointer;  display: inline-block;  font-weight: bold;  margin: 0 10px;  opacity: 1;  padding: 8px 10px;  text-align: center;  width: 100px;}.statementBtnOK:hover{  opacity: .85;}.statementBtnOK:active {  opacity: .7;}.iconLibrary {  background-image: url(/img/header_ico_library_N.png);}.iconAlbum {  background-image: url(/img/header_ico_album_N.png);}.headerIconShow {  display: block;}.headerIconHide {  display: none;}.contentProtect {  display: none;  height: 100%;  position: fixed;  width: 100%;  z-index: 500;}.bgColorClicked {  background-color: #f0efee;}.bgColorSelectedTypeMenuIcon {  background-color: #ffd283;}.bgColorSelectedTypeMenuList {  background-color: #ffebb3;}.bgColorHeaderClicked {  background-color: #cccccc;}.albumItemFrame {  cursor: pointer;  position: relative;}.coverImageBox {  display: inline-block;  position: relative;}.coverRing {  background-image: url(/img/ico_album_ring_N.png);  background-position: center center;  background-repeat: no-repeat;  background-size: 34px 190px;  height: 190px;  left: 0;  position: absolute;  top: 0;  width: 34px;}.coverImage {  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  -webkit-border-radius: 6px;  border-radius: 6px;  height: 190px;  margin-left: 10px;  width: 190px;}.newAlbumImage {  background-color: #f46500;  -webkit-border-radius: 16px;  border-radius: 16px;  height: 22px;  left: 30px;  position: absolute;  top: 8px;  padding: 0 6px;}.textNewAlbum {  color: #ffffff;  font-size: 18px;  margin: 0;  text-align: center;}.forbiddenImage {  background-image: url(/img/ico_ban_N.png);  background-position: center center;  background-repeat: no-repeat;  background-size: 24px 24px;  bottom: 83px;  height: 24px;  left: 83px;  position: absolute;  width: 24px;}.albumTitlePopup {  background-color:  #f2f2f2;  border: #cccccc 2px solid;  border-radius: 5px;  cursor: pointer;  display: none;  padding: 10px 5px 10px 5px;  position: absolute;  width: 240px;  word-wrap: break-word;  word-break : normal;  z-index: 300;}.albumTitlePopup:after, .albumTitlePopup:before {  content: "";  position: absolute;  height: 0;  width: 0;}.albumTitlePopup:after {  border: 5px solid transparent;  border-top: 5px solid #f2f2f2;  left: 32px;  top: 98%;}.albumTitlePopup:before {  border: 7px solid transparent;  border-top: 9px solid #cccccc;  left: 30px;  top: 100%;}.albumTitleBox {  display: table;  height: 70px;  margin-left: 10px;  width: 190px;}.albumTitleChildBox {  display: table-cell;  height: 100%;  position: relative;  width: 100%;}.albumTitle {  position: relative;  word-break: break-all;  word-wrap: break-word;}.noItemMargin {  margin-top: -14px;}.itemCountIcon {  background-image: url(/img/ico_photo_num.png);  background-position: center center;  background-repeat: no-repeat;  background-size: 16px 15px;  float: left;  height: 15px;  margin-right: 4px;  width: 16px;}.itemCountBox {  position: relative;}.shareImage {  background-image: url(/img/ico_share_N.png);  background-position: center center;  background-repeat: no-repeat;  background-size: 22px 22px;  bottom: -8px;  height: 22px;  margin: 0;  position: absolute;  right: 0;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);  width: 22px;}.albumTitleHeight{  height: 38px;}.headDate {  display: block;  margin-top: 42px;  margin-bottom: 0;}.dateHeaderCenter {  display: table;  height: 34px;  padding-left: 37px;  position: relative;  text-align: center;}.dateText {  display: inline-block;}.textYear {  color: #7f7f7f;  display: table-cell;  font-size: 15px;  font-weight: normal;  margin: 3px 0 0 0;  padding-right: 10px;  vertical-align: middle;}.textMonthDay {  color: #000000;  display: table-cell;  font-size: 15px;  margin-top: -8px;  padding-right: 15px;  vertical-align: middle;}.textWeekDay {  color: #7f7f7f;  display: table-cell;  font-size: 15px;  font-weight: normal;  margin: 2px 5px 0 2px;  padding-right: 15px;  vertical-align: middle;}.dateHeader {  display: block;  max-height: 34px;  padding-bottom: 4px;}.day {  padding-top: 1px;}.itemHidden {  display: none;}.selectDate {  background-image: url(/img/picture_checkbox_off.png);  background-repeat: no-repeat;  background-size: 33px;  cursor: pointer;  height: 33px;  width: 33px;}.selectedDate {  background-image: url(/img/picture_checkbox_on.png);  cursor: pointer;}.dateDetails {  padding-left: 43px;  padding-right: 31px;  padding-top: 5px;}.item {  cursor: pointer;  display: inline-block;  background-position: 50% 50%;  background-repeat: no-repeat;  background-size: contain;  float: left;  height: 130px;  margin-bottom: 12px;  margin-right: 12px;  position: relative;  width: 130px;}.clearfix {  display: block;}.clearfix:after {  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;}.selectItem {  background-image: url(/img/picture_thumbnail_off.png);  background-origin: border-box;  background-position: right top;  background-repeat: no-repeat;  background-size: 32px;  border: 2px solid transparent;  cursor: pointer;  height: 40px;  position: absolute;  right: 0;  top: 0;  width: 45px;}.selected {  background-image: url(/img/picture_thumbnail_on.png);  border: 2px solid #f46500;  cursor: pointer;}.zoomItem {  background-image: url(/img/picture_zoom.png);  background-origin: border-box;  background-position: right bottom;  background-repeat: no-repeat;  background-size: 32px;  border-bottom: 2px solid transparent;  border-right: 2px solid transparent;  bottom: 0;  cursor: pointer;  height: 32px;  position: absolute;  right: 0;  width: 32px;}.selectedZoomItem {  border-bottom-color: #f46500;  border-right-color: #f46500;  cursor: pointer;}.movie {  background-image: url(/img/ico_movie_N.png);  background-position: center center;  background-repeat: no-repeat;  background-size: 30px 30px;  cursor: pointer;  height: 30px;  position: absolute;  width: 30px;}.libraryNoItem {  margin-top: 150px;  text-align: center;}.noItem {  margin: 20px;}.noItemContent {  margin: 0 31px 31px 31px;}.infoPageArea {  padding: 48px;  position: relative;  text-align: center;  user-select: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;}.infoPageImage {  height: 300px;  margin: 0 auto;  pointer-events: none;  width: 300px;}.noItemHeading {  font-size: 36px;  font-weight: normal;  line-height: 140%;  margin: 24px 0;}.noItemBtnArea {  margin: 32px auto;}.noItemAction {  text-align: center;  margin: 10px 0;}.noItemUploadAlbum:hover {  opacity: .85;}.noItemUploadAlbum {  background: #f56600;  background-size: 24px;  border: none;  border-radius: 4px;  color: #ffffff;  cursor: pointer;  display: inline-block;  font-size: 14px;  font-weight: bold;  height: 36px;  min-width: 320px;  min-height: 30px;  opacity: 1;  padding-top: 12px;  text-align: center;  width: 100px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;}.errorPopupProtect {  background-color: #000000;  display: none;  height: 100%;  opacity: .4;  position: absolute;  width: 100%;  z-index: 900;}.errorPopup {  background-color: #ffffff;  border-radius: 5px;  display: none;  position: absolute;  z-index: 900;}.errorPopupContents {  position: relative;  text-align: center;  top: 30%;}.errorPopupMessages {  margin: 20px auto;}.errorPopupClose {  background-color: #f46500;  border-radius: 5px;  cursor: pointer;  color: #ffffff;  padding: 5px 20px;}.inputCommon {  background: #f7f7f7;  border: 1px solid #bababa;  border-radius: 4px;  -webkit-border-radius: 4px;  height: 35px;  padding-left:15px;}.textareaCommon {  background: #f7f7f7;  border: 1px solid #bababa;  border-radius: 4px;  -webkit-border-radius: 4px;  height: 140px;  padding-left:15px;  resize: none;}.inputCommon[disabled] {  color: #4f4f4f;  opacity: 0.3;}.textareaCommon[disabled] {  color: #4f4f4f;  opacity: 0.3;}.errorarea {  background: #fff7f7 url(/img/ico_error.png) no-repeat 4px 12px;  background-size: 15px 13px;  padding: 10px 4px 6px 24px;  margin: 20px 0 20px 0;}.txterror {  margin: 0 0 4px 0;  color: #cb0909;  font-weight: bold;}.formerror {  background: #ffeeee;  border: 1px solid #cb0909;}.tagerror {  background: #ffeeee;  padding: 3px;}