@charset "utf-8";

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

	ArtMeter / FORM GENERAL STYLE
	author   : (C)KAYAC http://www.kayac.com/

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



input.formSS {
	width: 40px;
}
.formSS input {
	width: 40px;
}
input.formS {
	width: 80px;
}
.formS input {
	width: 80px;
}
input.formM {
	width: 160px;
}
input.formL {
	width: 350px;
}
.formL input {
	width: 350px;
}
select option {
	padding: 0 10px 0 0;
}
textarea.textM {
	width:350px;
	height: 80px;
}
.textM textarea {
	width:350px;
	height: 80px;
}

/* Flow
---------------------------------------------- */

ul#inputFlow,
ul.worksFlow,
ul.cartFlow,
ul.lstFlow {
	width: 810px;
	height: 32px;
	margin: 20px 75px 0;
	padding: 20px 0;
	border: 1px solid #CCCCCC;
	border-width: 1px 0;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
ul#worksFlow01 {
	background-image: url(/img/mypage/works_flow01.gif);
}
ul#worksFlow02 {
	background-image: url(/img/mypage/works_flow02.gif);
}
ul#worksFlow03 {
	background-image: url(/img/mypage/works_flow03.gif);
}
ul#worksFlow04 {
	background-image: url(/img/mypage/works_flow04.gif);
}
ul#worksFlow05 {
	background-image: url(/img/mypage/works_flow05.gif);
}
ul#worksFlow06 {
	background-image: url(/img/mypage/works_flow06.gif);
}

ul#worksEditFlow01 {
	background-image: url(/img/mypage/works_edit_flow01.gif);
}
ul#worksEditFlow02 {
	background-image: url(/img/mypage/works_edit_flow02.gif);
}
ul#worksEditFlow03 {
	background-image: url(/img/mypage/works_edit_flow03.gif);
}

ul#cartFlow01 {
	background-image: url(/img/cart/cart_flow01.gif);
}
ul#cartFlow02 {
	background-image: url(/img/cart/cart_flow02.gif);
}
ul#cartFlow03 {
	background-image: url(/img/cart/cart_flow03.gif);
}
ul#cartFlow04 {
	background-image: url(/img/cart/cart_flow04.gif);
}
ul#cartFlow05 {
	background-image: url(/img/cart/cart_flow05.gif);
}

ul#orderFlow01 {
	background-image: url(/img/order/contact/order_flow01.gif);
}
ul#orderFlow02 {
	background-image: url(/img/order/contact/order_flow02.gif);
}
ul#orderFlow03 {
	background-image: url(/img/order/contact/order_flow03.gif);
}
ul#orderFlow04 {
	background-image: url(/img/order/contact/order_flow04.gif);
}
ul#orderFlow05 {
	background-image: url(/img/order/contact/order_flow05.gif);
}


ul.worksFlow li,
ul.cartFlow li,
ul.lstFlow li {
	display: none;
}
ul#inputFlow li {
	display: block;
	float: left;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	outline-width: 0;
	text-indent: -9999px;
}


ul#inputFlow li#inputFlowInput01 {
	width: 176px;
	background-image: url(/img/entry/flow_input01.gif);
}
ul#inputFlow li#inputFlowComfirm01 {
	width: 160px;
	background-image: url(/img/entry/flow_comfirm01.gif);
}
ul#inputFlow li#inputFlowSuccess01 {
	width: 160px;
	background-image: url(/img/entry/flow_success01.gif);
}
ul#inputFlow li#inputFlowInput02 {
	width: 176px;
	background-image: url(/img/entry/flow_input02.gif);
}
ul#inputFlow li#inputFlowComfirm02 {
	width: 160px;
	background-image: url(/img/entry/flow_comfirm02.gif);
}
ul#inputFlow li#inputFlowSuccess02 {
	width: 160px;
	background-image: url(/img/entry/flow_success02.gif);
}
ul#inputFlow li#inputFlowInput03 {
	width: 176px;
	background-image: url(/img/entry/flow_input03.gif);
}
ul#inputFlow li#inputFlowComfirm03 {
	width: 160px;
	background-image: url(/img/entry/flow_comfirm03.gif);
}
ul#inputFlow li#inputFlowSuccess03 {
	width: 160px;
	background-image: url(/img/entry/flow_success03.gif);
}


ul#inputFlow {
    zoom:1;/*for IE 5.5-7*/
}
ul#inputFlow:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html ul#inputFlow {
	display:inline-table;
	/*\*/display:block;/**/
}


/* FORMLIST
---------------------------------------------- */

input,
textarea,
select {
	margin-right: 3px;
}
fieldset{
	display: block;
	border: none;
}

div#formList {
	margin: 0 100px 18px;
}
div#formList strong {
	color: #F9630D;
	font-weight: bold;
	font-size: 117%;
}
div#formList em {
	color: #588E03;
	font-weight: bold;
	font-size: 100%;
	font-style: normal;
}

div#formList table {
	border-collapse: collapse;
	width:100%;
	margin: 0 0 15px;
	padding: 0;
}
div#formList table tr th,
div#formList table tr td {
	padding: 14px;
	border: 2px solid #CCCCCC;
	vertical-align: middle;
}
div#formList table tr td {
	width: 548px;
}

input.zip_button {
	width:110px;
}

div#formList table tr th {
	width : 190px;
	text-align: center;
	font-weight: bold;
}
div#formList table tr th p.alert {
	font-weight: normal;
	font-size: 93%;
}

div#formList table.inputMustTable tr th {
	color: #F9630D;
}
div#formList table tr.pre th,
div#formList table tr.pre td {
	color: #588E03;
	font-weight: bold;
	background-color: #F0F0F0;
}


div#formList ul li {
	margin-bottom: 4px;
}
div#formList ul.radioBtn li{
	display:inline;
	margin-right:10px;
}
div#formList ul.radioBtn{
	margin-bottom:15px;
}
div#formList ul li span {
	padding-left: 4px;
}
div#formList ul.formListS {
	clear: both;
}
div#formList ul.formListS li {
	display: inline;
	white-space:nowrap;
	line-height: 1.8;
	margin-bottom: 10px;
}
div#formList ul.formListS li span {
	padding-left: 4px;
}


div#formList table.ordermade{
	margin-top: 15px;
}



/* BUTTON PAGER
---------------------------------------------- */

div.btnPager ul li {
	width: 50%;
	float: left;
}
div.btnPager ul li.btnPrev {
	padding: 0 auto 10px 0;
	text-align: left;
}
div.btnPager ul li.btnNext {
	padding: 0 0 10px auto;
	text-align: right;
}

		/* clearfix */
		div.btnPager ul {
				zoom:1;/*for IE 5.5-7*/
		}
		div.btnPager ul:after {/*for modern browser*/
				content:".";
				display: block;
				height:0px;
				clear:both;
				visibility:hidden;
		}
		* html div.btnPager ul {
			display:inline-table;
			/*\*/display:block;/**/
		}
div.btnPager ul li.btnEmpty {
	margin-right:10px;
	float: left;
	width: 256px;
	margin-top: 30px;	
}
/* Attention
---------------------------------------------- */

div#formList h3#Public_info {
	background: #6F9DBE url(/img/mypage/public_info.gif) no-repeat 12px 50%;
	margin: 5px 0 15px 0;
	width: 100%;
	height: 32px;
}
div#formList h3#Public_Userinfo {
	background: #65813A url(/img/mypage/public_info02.gif) no-repeat 12px 50%;
	margin: 5px 0 15px 0;
	width: 100%;
	height: 32px;
}
div#formList h3#Undisclosed_info {
	background: #AAA url(/img/mypage/undisclosed_info.gif) no-repeat 12px 50%;
	margin: 15px 0;
	width: 100%;
	height: 32px;
}
div#formList h3.inputMust {
	background: url(/img/entry/ti_input_must.gif) no-repeat 0 0;
	width: 82px;
	height: 14px;
	margin-bottom: 10px;
}

div#formList h3.inputNext {
	background: url(/img/entry/ti_input_next.gif) no-repeat 0 0;
	width: 318px;
	height: 14px;
	margin: 20px 0 5px;
}
div#formList h3.inputNext02 {
	background: url(/img/entry/ti_input_next02.gif) no-repeat 0 0;
	width: 318px;
	height: 14px;
	margin: 10px 0;
}
div#formList h3.inputNext03 {
	background: url(/img/common/ti_input_others.gif) no-repeat 0 0;
	width: 318px;
	height: 14px;
	margin: 10px 0;
}
div#formList h3.inputPricenext {
	background: url(/img/common/ti_input_price.gif) no-repeat 0 0;
	width: 318px;
	height: 14px;
	margin: 10px 0;
}
div#formList h3#userRule {
	background: url(/img/entry/ti_user_rule.gif) no-repeat 0 0;
	width: 56px;
	height: 14px;
	margin-top: 20px;
}

div#tiPhotoEditTool {
	margin: 20px 0;
}
div#tiPhotoEditTool p {
	text-align: left;
}
div#tiPhotoEditTool div#photoclipswf {
	padding: 0 auto;
	text-align: center;
}
div#tiPhotoEditTool div#photoclipswf div.noFlash {
	margin: 20px 0;
	height: 200px;
}
div#tiPhotoEditTool h3 {
	width: 350px;
	height: 14px;
	text-indent: -9999px;
	background: url(/img/mypage/ti_photo_editor.gif) no-repeat 0 0;
}
div#textRegist {
	width: 230px;
	margin: 5px auto 15px;
	padding:20px 10px;
	border: 3px dotted #CCC;
	text-align: center;
	background: #F0F0F0;
}

h3#confirmOrderForm1,
h3#confirmOrderForm2,
h3#confirmOrderForm3 {
	margin: 20px 0 10px;
}

div#formList h5.billingAddress,
div#formList h5.shippingAddress {
    background:#333333;
	color: #FFFFFF;
	padding: 5px;
	margin:20px 0 10px 0;
	text-align:center;
}

/* Buttons
---------------------------------------------- */

div#formBtn {
	padding: 5px auto 0;
	text-align: center;
}
div#formBtn input {
	display: block;
	margin: 15px auto 0;
	text-align: center;
}
div#formBtn img {
	margin: 15px auto 0;
}

div#formBtn input#btnRegister,
div#formBtn img#btnRegister {
	margin: 15px auto 10px;
}

	/* Edit Button */
	div.formEditBtn {
		padding: 5px auto 0;
		text-align: center;
	}
	div.formEditBtn input {
		display: block;
		margin: 10px auto 20px;
		text-align: center;
	}

div#formBtn a {
	display: block;
	width: 256px;
	margin: 2px auto 0;
	border: none;
}
div#formBtn a:hover {
	background: none;
}

div.formBtnWide {
	margin: 30px 0 0 0;
	padding: 0;
	text-align: left;
}

div#formBtn p.naviLink {
	width: 11em;
	margin: 0 auto;
	text-align: left;
}
div#formBtn p.naviLinkL {
	width: 16em;
	margin: 0 auto;
	text-align: left;
}
div#formBtn p.naviLink a {
	width: auto;
	margin: 10px auto 0;
}
div#formBtn p.naviLink a:hover {
	background-color: #FF0;
}



p.formExp {
	margin: 10px 0 0;
}
p.formExp02 {
	margin:10px 0;
}
p.formExp03 {
	margin:10px 0 30px;
}
p.formExp strong {
	color: #588E03;
}

p.chkAsk {
	margin: 10px 0 0;
	padding: 5px 0 0;
	border-top: 1px dotted #888888;
}


/* ERROR NAVI
---------------------------------------------- */

div#errorNavi {
	width: 890px;
	margin: 10px auto 20px;
	padding: 10px;
	background-color: #FF0099;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}


/* ERROR MESSAGE
---------------------------------------------- */

div#formList table tr td.inputError {
	padding: 0pt;
}


div#formList table tr td.inputError fieldset {
	background:#FFE8F5 none repeat scroll 0%;
	border:1px solid #FF0099;
	margin:1px;
	padding:14px;
}

div#formList table tr td p.errorMsg {
	color: #FF0099;
}

div#formList table tr td.inputError p.errorMsg {
	width: 220px;
	color: #FF0099;
	font-weight: bold;
	float:right;
	text-align:right;
}

div#formList table tr td.inputError ul li.errorMsg {
	margin: 0;
	padding: 0;
	color: #FF0099;
}

/* ALERT MESSAGE
---------------------------------------------- */

div#formList p.alertS {
	clear: both;
	margin-top: 5px;
	margin-bottom: 2px;
	padding: 5px;
	color:#888888;
	font-size: 85%;
	background: #F0F0F0;
}
div#formList fieldset#Photo p.alertS {
	clear: none;
	padding: 5px;
	font-size: 85%;
	background: #F0F0F0;
}
div#formList fieldset#Photo img {
	border-right: 6px solid #FFF;
}
div#formList ul li p.alertS {
	clear: none;
}
div#formList div.alertBox {
	clear: both;
	margin: 17px 0 10px;
	padding: 10px;
	border: 2px dotted #588E03;
	font-size: 100%;
}
div#formList div.alertBox strong {
	color: #F9630D;
}
div#formList div.alertBox p.naviLink {
	font-size: 107%;
}
div#formList div.alertBox object,
div#formList div.alertBox embed, {
	margin: 5px auto;
}

div#formList p.sp {
	margin: 5px 5px;
	font-size:88%;
	color: #666666;
}

/* SECURITY POLICY
---------------------------------------------- */

div#aboutSecurity {
	margin: 10px 20px;
	padding: 10px;
	border-top: 2px solid #CCC;
}
div#aboutSecurity p {
	font-size: 92%;
}
div#aboutSecurity p#secPolicy {
	float: right;
	width: 250px;
	padding: 8px;
	background: url(/img/common/icn_head01.gif) no-repeat 0 50%;
}
div#aboutSecurity div#SSL,
div#aboutSecurity div#formSSL {
	margin: 10px 300px 15px 30px;
}

div#aboutSecurity div#SSL p span,
div#aboutSecurity div#formSSL p span {
	font-size: 92%;
}


/* SUCCESS styles
---------------------------------------------- */
h4.finish {
	margin: 20px 0 10px;
	color: #F9630D;
	font-size: 122%;
}

h5.finishSub {
	padding:10px 0 5px 0;

}

div#enquete {
	border:1px solid #CCCCCC;
	padding:10px;
	margin-top:30px;
}

div#enquete p {
	padding-bottom:10px;
}

div#enquete p,
div#enquete dl dd form {
	margin-left:15px;
}

div#enquete dl dd form ul {
	width:800px;
}

div#enquete dl dd form ul li {
	float:left;
	padding-right:10px;
}

div#formList dl {
	padding-top:10px;
	margin-left:15px;
}

div#formList dt {
	color:#9CCE2E;
	font-weight:bold;
	clear:both;
	background:url(/img/cart/icn_ar.gif) no-repeat left;
	padding-left:15px;
}

div#formList dl dd{
	font-size:90%;
	padding:10px 0;
}

div#formList dl dd ul li.subTitle{
	font-weight:bold;
}

div#formList dl dd ul li.conformLink{
	clear: none;
	margin-left: 14px;
	margin-bottom: 10px;
	background: url(/img/common/icn_head01.gif) no-repeat 0 50% !important;
}

p.enqueteBtn {
	clear:both;
	text-align:center;
	padding:10px 0;
}

p.formExp {
	margin: 10px 0;
	text-align: left;
}
p.formExp.strong {
	color:#F9630D;
	font-size:117%;
	font-weight:bold;
}

p.formHeadExp {
	margin-bottom: 20px;
	text-align: left;
}

/* tiUserLeave styles
---------------------------------------------- */
h4.strong {
	margin: 20px 0 10px;
	color: #F9630D;
	font-size: 122%;
}
/* ----step1 ----*/
form#UserLeave div#btnBox {
	margin:0 auto;
	text-align:center;
}

form#UserLeave div.formBtnStep1 {
	float:left;
}

form#UserLeave div.formBtnStep1 input#btnInputResign {
 	padding:0 120px;
}

/* ----step2 ----*/

div#leaveReason dl dd ul {
	width:800px;
}

div#leaveReason dl dd ul li {
	float:left;
	padding-right:10px;
}

div.formBtnStep2 {
	text-align:center;
}


/* ----step3 ----*/
form#UserLeave div#btnBox {
	padding:10px 0;	
}

form#UserLeave div.formBtnStep3 {
	float:left;
}

form#UserLeave div.formBtnStep3 input#btnInputResign {
 	padding:0 120px;
}
/* ----step4 ----*/

/* ----step5 ----*/
div#formList form#WorkRegister5 td strong {
	color: #F9630D;
	font-weight: bold;
	font-size: 95%;
}
div#formList div#enquete p.errorMsg {
	color: #FF0099;
	background:#FFE8F5 none repeat scroll 0%;
	padding:5px;
}

/* ################################################################################
    [Clearfix] Clearfix CSS Hack
   ################################################################################ */
div#enquete dl dd form ul:after,
form#UserLeave div#btnBox:after,
div#enquete:after,
.wrapper:after {content:".";display:block;clear:both;height:0;visibility:hidden;}

div#enquete dl dd form ul,
form#UserLeave div#btnBox,
div#enquete,
.wrapper { display: inline-block;}

/* Hides from IE-mac \*/
* html div#enquete dl dd form ul,
* html form#UserLeave div#btnBox,
* html div#enquete,
* html .wrapper {height:1%}

div#enquete dl dd form ul,
form#UserLeave div#btnBox,
div#enquete,
.wrapper {display: block;}
/* End hide from IE-mac */


#AccountType > ul > li > label {
    padding-right: 20px;
}

#formList h4 {
    padding-top: 10px;
    padding-bottom: 10px;
}