@charset utf-8;

.flips_popup {
	position:absolute;
	top:12%;
	left:19%;
	width:60%;
	margin:0;
	margin-bottom:20px;
	padding:10px 20px;
	border:#edece7 4px solid;
	background:white;
	color:#423b30;
	font:normal normal normal 14px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	text-align:left;
	z-index:1001;
	overflow:auto;
	font-size: 0.85em;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.flips_popup h2 {
	font:normal bold normal 16px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.ui-widget-overlay {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50);
}


.flips_ui h2 {
	font-size: 1.3em;
	font-weight: bold;
	border-top: solid 1px #333;
	border-bottom: dotted 1px #333;
	padding: 5px 0 5px 20px;
	margin-bottom: 10px;
	margin-top: 40px;
	background: url(/images/cp/h2_square.png) no-repeat left 6px;
}

.flips_ui h3 {
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: bold;
	border-left: solid 3px #333;
	padding-left: 10px;
	margin: 20px 0 10px 0px;
	color: #333;
}

.flips_ui h4 {
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 10px;
}
.flips_ui h4.flips_default {
	margin: 20px 0 5px 0px;
	font-size: 0.9em;
	padding-left: 0;
}
.flips_ui h4.flips_preForm {
	margin-bottom: 0;
	font-size: 0.9em;
}

.flips_ui p {
	margin-bottom: 10px;
	line-height: 1.3em;
}

.flips_ui p.flips_default {
	color: #666;
	/*font-size: 0.95em;*/
}

.flips_ui .flips_red {
	color: red;
	font-size: 0.95em;
}

.flips_ui #flips_designs {
	background: url(/images/cp/cp_bg_org.jpg) repeat-x left bottom;
	padding: 20px;
	border: solid 1px #ffd8a4;
}

.flips_ui #flips_currentDesign {
	float: left;
	width: 150px;
	background-color: #ffd8a4;
	text-align: center;
	padding: 10px 0;
	/*border: solid 1px #b5b197;*/
}
	.flips_ui #flips_currentDesign h2{
		font-size: 1.2em;
		font-weight: bold;
		border-top: solid 0px #333;
		border-bottom: dotted 0px #333;
		padding: 0;
		margin-bottom: 10px;
		margin-top: 0;
		background: none;
		text-align: center;
	}

.flips_ui #flips_myDesign {
	float: right;
	width: 560px;
	padding: 0;
}

	.flips_ui #flips_myDesign h2 {
		margin-top: 0;
		margin-bottom: 5px;
	}

	.flips_ui #flips_myDesign .flips_designBox {
		float: left;
		width: 110px;
		text-align: center;
		padding: 0 0 5px 0;
	}

.flips_ui #flips_recommend_design {
	border:#edece7 6px solid;
}

	.flips_ui #flips_recommend_design table {
		float: left;
		margin-bottom: 20px;
		margin-left: 20px;
	}

	.flips_ui #flips_recommend_design table p{
		margin-bottom:0;
		padding-bottom:0;
	}

.flips_ui img.flips_editor_design_thumb{
	height:80px;
	width: 80px;
	border:#fff 2px solid;
	cursor:pointer;
}
.flips_ui img.flips_editor_design_thumb_large{
	height: 100px;
	width:  100px;
	cursor:pointer;
	border:#fff 2px solid;
}


.flips_ui .flips_clear {
	clear: both;
}


.flips_ui .flips_bold {
	font-weight: bold;
}


.flips_ui #flips_tmp_design_list .flips_costs {
	width: 80px;
	height: 20px;
	text-align: center;
	color: black;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	margin-right: 0;
	margin-left : auto;
	margin-top: 4px;
	background: url(/images/cp/design_cost_bg.jpg) no-repeat left top;
}

.flips_ui #flips_design_tabs {
	padding: 20px 20px;
	border: solid 1px #666;
	border-top: 0;
	background-color: #edece7;
}

.flips_ui #flips_design_tabs table {
	border-top: dashed 1px #ccc;
	padding: 10px 0;
}

	.flips_ui #flips_design_tabs table p.flips_design_comment{
		margin-bottom:0;
		padding-bottom:0;
	}

.flips_ui a.flips_buttonBlk{
	padding:2px 8px;
	color:#fff;
    background-color:#333;
    border:1px solid black;
    border-top:1px solid #666;
    border-left:1px solid #666;
	text-decoration:none;
	cursor:pointer;
}
	.flips_ui a.flips_buttonBlk:hover,a.flips_buttonBlk:visited {
		color:#fff;
	}
	.flips_ui a.flips_buttonBlk:hover {
		background:#555;
	    border:1px solid #666;
	    border-top:1px solid black;
	    border-left:1px solid black;
	}


.flips_ui a.flips_buttonOrg{
	padding:2px 8px;
	background:#f70;
	color:#fff;
    border:1px solid #a64f00;
    border-top:1px solid #ffa451;
    border-left:1px solid #ffa451;
	text-decoration:none;
	cursor:pointer;
}
	.flips_ui a.flips_buttonOrg:hover,a.flips_buttonOrg:visited {
		color:#fff;
	}
	.flips_ui a.flips_buttonOrg:hover {
		background:#ff8533;
	    border:1px solid #a64f00;
	    border-bottom:1px solid #ffa451;
	    border-right:1px solid #ffa451;
	}

.flips_ui input.flips_buttonBlk, button.flips_buttonBlk {
    padding:0px 8px !important;
    color:#fff;
    background-color:#333;
    border:1px solid black;
    border-top:1px solid #666;
    border-left:1px solid #666;
    text-decoration:none;
    cursor:pointer;
}
    .flips_ui
        input.flips_buttonBlk:hover,
        input.flips_buttonBlk:visited,
        button.flips_buttonBlk:hover,
        button.flips_buttonBlk:visited {
        color:#fff;
    }
    .flips_ui input.flips_buttonBlk:hover, button.flips_buttonBlk:hover {
        background:#555;
        border:1px solid #666;
        border-top:1px solid black;
        border-left:1px solid black;
    }
*:first-child+html .flips_ui input.flips_buttonBlk {
    padding: 0;
    color:black;
    text-align:center;
}

.flips_ui input.flips_buttonOrg, button.flips_buttonOrg{
    padding:0px 8px !important;
    background:#f70;
    color:#fff;
    border:1px solid #a64f00;
    border-top:1px solid #ffa451;
    border-left:1px solid #ffa451;
    text-decoration:none;
    cursor:pointer;
}
    .flips_ui
        input.flips_buttonOrg:hover,
        input.flips_buttonOrg:visited,
        button.flips_buttonOrg:hover,
        button.flips_buttonOrg:visited {
        color:#fff;
    }
    .flips_ui input.flips_buttonOrg:hover, button.flips_buttonOrg:hover {
        background:#ff8533;
        border:1px solid #a64f00;
        border-bottom:1px solid #ffa451;
        border-right:1px solid #ffa451;
    }

*:first-child+html .flips_ui input.flips_buttonOrg {
    padding: 0;
    color:black;
    text-align:center;
}

table.flips_default2 {
	width: ;
	border:1px solid #333;
	border-spacing:1px;
	empty-cells:show;
	color:#666666;
	margin-bottom: 20px;
}
	table.flips_default2 th {
		color: #ffffff;
		background-color: #555;
		border-style: solid;
		border-color: #aca797 #333366 #333366 #aca797;
		border-width: 1px;
		padding:5px 5px;
		text-align: center;
	}
	table.flips_default2 td {
		background-color: white;
		padding:3px 5px;
		border-style: solid;
		border-color: white #ccc #ccc white;
		border-width: 1px;
	}


.flips_ui #flips_design_tabs .flips_info{
		margin-top:0;
		padding:6px;
		border:#ccc 1px solid;
		background:white;
	}
.flips_ui #flips_design_tabs .flips_info a{
			text-decoration:underline;
			margin-right:10px;
		}
.flips_ui #flips_design_tabs .flips_right{
		margin-top:0;
		text-align:right;
	}
.flips_ui #flips_design_tabs .flips_right a{
			text-decoration:underline;
		}


#frips_imageSection {
	width: 600px;
	background-color: #f6f5f1;
	padding: 10px 20px;
	margin-top: 20px;
}

#frips_imageSelect {
	width: 500px;
	height:200px;
	overflow: scroll;
	border: solid 1px #ccc;
	background-color: white;
	margin-bottom: 5px;
	padding: 10px;
}

#frips_imageSelect td {
	padding-bottom:5px;
	border-bottom: dotted 1px #ccc;
}

.flips_ui dl.frips_designData {
	padding: 0;
}

.flips_ui dl.frips_designData dt {
	margin: 0;
	padding: 0;
	width: 80px;
	float: left;
	color: #333;
	font-weight: bold;
	font-size: 12px;
}

.flips_ui dl.frips_designData dd {
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 12px;
}

.flips_ui .flips_paging {
	color: #666;
	padding-bottom: 20px;
	border-top: 1px dotted #666;
}

.flips_ui .flips_right {
	text-align: right;
}

.flips_ui .flips_first {
	margin-top: 10px ;
}

/* ----------------------------
Links
---------------------------- */
a {
	color:black;
}

a:visited {
	color:#666;
}

a:hover {
	color:#ff6600;
}

a:active {
	color:#ff6600;
}

/* =========================================
TAB
========================================= */
div#flips_tab_nav {
	overflow: hidden;
	width: 783px;
	height: 35px;
	background: url(/images/cp/design_tab_border.gif) repeat-x 0 34px;
	margin-top: 20px;
}
div#flips_tab_nav ul {
	width: 500px;
	height: 35px;
}
div#flips_tab_nav ul li {
	float: left;
	width: 90px;
	height: 35px;
	margin: 0 10px 0 0;
	line-height: 35px; /* テキストの上下位置を中央ぞろえに */
	text-indent:-9999px
}
div#flips_tab_nav ul li a {
	display: block;
	width: 90px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#flips_tab_nav ul li a:hover {
	background-position: 0 100%;
}
div#flips_tab_nav ul li#flips_tabs1 a {
	background-image: url(/images/cp/design_tabs1.gif);
	text-decoration: none;
}
div#flips_tab_nav ul li#flips_tabs2 a {
	background-image: url(/images/cp/design_tabs2.gif);
	text-decoration: none;
}
div#flips_tab_nav ul li#flips_tabs3 a {
	background-image: url(/images/cp/design_tabs3.gif);
	text-decoration: none;
}
div#flips_tab_nav ul li#flips_tabs4 a {
	background-image: url(/images/cp/design_tabs4.gif);
	text-decoration: none;
}
div#flips_tab_nav ul li#flips_tabs5 a {
	background-image: url(/images/cp/design_tabs5.gif);
	text-decoration: none;
}

div#flips_tab_nav ul li a.flips_active_tab {
	background-position: 0 100%;
}


/* ========================================
#imageSelect
========================================= */
#flips_imageSection {
	width: 600px;
	background-color: #f6f5f1;
	padding: 10px 20px;
	margin-top: 20px;
	border: 1px solid #555;
}

#flips_imageSelect {
	width: 500px;
	height:200px;
	overflow: auto;
	border: solid 1px #ccc;
	background-color: white;
	margin-bottom: 5px;
	padding: 10px;
}

#flips_imageSelect td {
	padding-bottom:5px;
	border-bottom: dotted 1px #ccc;
}

/* ========================================
#imageSelect
========================================= */
h4.flips_flashEditH4 {
    font-size: 1.0em;
    line-height: 1.5em;
    color: #ff7700;
    padding-left: 12px;
    background: url(images/navi_list.gif) no-repeat left 5px;
}