/* メイン画面の背景色 */
#container{
	color:#333333;
	background:#dcdcdc;
}

/* 画面上に注記追加 */
#simulationDisplay::before {
    content: "";
    width: 336px;
    height: 88px;
    top: 3px;
    left: 72px;
    background-image: url(./images/towel_attention1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
/*
    content: '商品ページの１～3をよく読んでご利用ください。\Aデザイン通りに作成いたします。\A確認作業は行いませんのでご注意ください。\A返品・交換はできません。';
    width: 305px;
    height: 80px;
    top: 2px;
    left: 83px;
    padding: 3px;
    font-size: 14px;
    font-family: inherit;
    white-space: pre;
    border: solid #333333 2px;
*/
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

#simulationDisplay{
    background-image:url("images/item485_background.png");
    background-repeat: no-repeat;
}

#currentStepName {
    font-size: 17px;
}


/* 3重文字を非表示 */
#textType3 {
    display: none;
}

/****************************/
/* 上部のナビゲーションメニューの背景色と下部ボーダー */
#stepButtonsContainer{
	background:#333333;
	border-bottom: 1px solid #cdd7df;
}
.stepButtonsContainer_inputBaseColor{
	background:#0085CC !important;
}
.stepButtonsContainer_inputText{
	background:#03BC72 !important;
}
.stepButtonsContainer_inputImages{
	background:#F63A5B !important;
}
.stepButtonsContainer_inputPicture{
	background:#703F8E !important;
}
/* ナビゲーションの文字色 */
#currentStepName{
	color:white;
}

/* 戻るボタンの装飾 */
.stepPrevious_inputBaseColor{
	background-image:url("commonImages/backMenuC.png") !important;
}
.stepPrevious_inputText{
	background-image:url("commonImages/backMenuT.png") !important;
}
.stepPrevious_inputImages{
	background-image:url("commonImages/backMenuS.png") !important;
}
.stepPrevious_inputPicture{
	background-image:url("commonImages/backMenuP.png") !important;
}

/* 次へボタンの装飾 */
.stepNext_inputBaseColor{
	background-image:url("commonImages/nextMenu.png") !important;
}
.stepNext_inputText{
	background-image:url("commonImages/nextMenuT.png") !important;
}
.stepNext_inputImages{
	background-image:url("commonImages/nextMenuS.png") !important;
}
.stepNext_inputPicture{
	background-image:url("commonImages/nextMenuP.png") !important;
}

/***** カスタムメニュー *****/
.commandButtons2{
	background-image: url("commonImages/selectCustommenus_sp.png");
}
/* カスタムメニューの表示領域 */
#selectCustomMenuContainer2{
	height:118px;
	display:block;
}
/* 「デザインする項目を選択」の文字デザイン */
#customMenuNavigation{
	background:white;
}
/* カスタムメニューの背景色 */
#commandButtons2ListContainer{
	background:white;
}
/* カスタムメニュー閉じるボタン */
#closeCustomMenuButton{
	display:none;
}

/***** ベース生地 *****/
/* 生地カテゴリ一覧背景色 */
#baseCategoryListContainer{
	background:white;
}
/* 選択中の生地ハイライト色 */
.baseListsON{
	border-color:#ebebe8 !important;
}
/* 選択中の生地カテゴリハイライト色 */
.baseCategoryListsON{
	border-color:#ebebe8 !important;
}
/***** スタンプ *****/
/* スタンプのタグ一覧背景色 */
#selectStampTagsListContainer{
  	background:white;
}
/* タグ選択時のハイライト色 */
.categoryTagsON, .categoryTagsAllON{
	background:#ebebe8;
}
/* スタンプ選択時のハイライト色 */
.stampListsON{
	border-color:#F63A5B !important;
}
/* 色替えスタンプ選択時のハイライト色 */
.stampColorsON{
	border-color:#F63A5B !important;
}
/* 色替えスタンプの色替え位置選択ナビの背景色 */
#colorPositionListContainer{
	background-color:#f63a5b;
}
/* 色替えスタンプの色替え位置選択ナビの文字色 */
.colorPositions{
	color:white;
}
/* 色替えスタンプの色替え位置選択時のハイライト色 */
.colorPositionsON{
	color:#f63a5b;
	background-color:white !important;
}
/* 色替えスタンプの色一覧のコンテナ背景色 */
#colorPaletteSlideContainer{
	background-color:#ebebe8;
}

/***** テキスト入力 *****/
#selectTextTypeContainer{
	height: 45px;
	border-bottom:2px solid #777777;
}
/* インプットタグブラー時のデザイン */
#inputText{
  	border: solid 2px #777777;
}
/* インプットタグフォーカス時のデザイン */
#inputText:focus {
	border: solid 2px #03BC72;
	background:white;
}
/* 文字色選択時のハイライト色 */
.fontColorsON{
	border-color:#03BC72 !important;
}
/* 文字タイプ選択の基本デザイン */
.textTypes{
	color:white;
	background:#777777;
	border-top:2px solid #777777;
	border-right:2px solid #777777;
	border-left:2px solid #777777;
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}
/* 文字タイプ選択時のハイライトデザイン */
.textTypesON{
	color:#777777;
	background:white !important;
}
/* 文字装飾メニュー（書体・縁取りの色）のコンテナデザイン */
#selectTextDesignContainer{
/*	border-bottom:2px solid #21b11e;*/
	top: 242px;
	height: 63px;
	background:white !important;
}
/* 文字装飾一覧コンテナの背景色 */
#slideUpTextDecorationContainerDiv{
	background:white;
}
/* 文字装飾メニューの基本デザイン */
.selectTextDesign{
	top:10px;
}
/* 文字装飾メニュー選択時のハイライト色 */
.selectTextDesignON{
/*	border-bottom:2px solid #21b11e;*/
	background-color:#ebebe8;
	border-radius:10px;
}
/* プレースホルダの設定 */
::-webkit-input-placeholder {
	color:#777777;
}
:-moz-placeholder { /* Firefox 18- */
	color:#777777;
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#777777;
}
:-ms-input-placeholder {
	color:#777777;
}

/***** 写真加工 *****/
/* 写真回転コマンドの背景色 */
#rotatePhotosContainer{
	background-color:#703f8e;
}
/* マスクとフレーム選択時のハイライト色 */
.maskListsON, .frameListsON{
	border-color:#ebebe8 !important;
}

/***** シミュレータ（2D） *****/
/* 向き替えコマンド */
.changePositions{
	width:117px;
	height:38px;
	top:-117px;
	left:360px !important;
}
#changePositionL{
	background-image:url("commonImages/positionChangeF.png");
}
#changePositionR{
	background-image:url("commonImages/positionChangeB.png");
}

#chageMode3D{
	width:135px;
	height:66px;
	left:345px;
	top: -620px;
	z-index: 2;
	background-image:url("commonImages/toDesignView.png");
}
#chageMode2D{
	width:165px;
	height:54px;
	left:157.5px;
	top:-30px;
}
/***** SVGアニメーション *****/
/* トップページでSVGアニメーションする場合の背景色 */
#svgAnimationDiv{
	background:white;
}

/***** シミュレータ(3D) *****/

/***** 保存 *****/
#createSave_div{
	padding-top:10px;
}

/* 保存メニューの文字色 */
.saveMenuTytles{
	color:white;
}
/* シェアメニュー */
.shareBySomething{
	width:66px;
	height:66px;
	float: left;
    margin-left: 25px;
}

/***** その他 *****/
/* ダイアログメニューのデザイン */
#confirmDialog{
	background:white;
	border:2px solid #ebebe8;
}
/* 確認ボタンのデザイン */
.confirmButtons{
	border:2px solid #ebebe8;
}