/* print depo メールフォーム　CSS Document */

body.single form table.form-table-d th { width:170px; }

.contact-backbox { padding-top:20px; padding-bottom:20px; }

form h2 {
margin-bottom:10px!important;
}

#main form table {
width:100%;
}

#main form table img {
vertical-align:middle!important;
}

#main form table ol {
list-style:none;
margin-left:3px!important;
}


#main form table.form-table {
border-top: 1px dotted #AAAAAA !important;
margin-bottom:30px!important;
}

#main form table.form-table th {
width:200px!important;
padding-right:0;
}

#main form table.form-table th,
#main form table.form-table td {
padding-top:15px;
padding-bottom:15px;
}

#main form table.form-table td {
background-color:#FFFFFF!important;
}

#main form table li input {
/**vertical-align:middle;*//* IE7.6 インプットとテキストの位置合わせ*/
}

form table.form-table ul li {
background-image:none!important;
padding-left:0px!important;
/*margin-top:3px;
margin-bottom:3px;*/
}

form table.form-table ul,
form table.form-table ol {
margin:0!important;
}

form table .userInputImg,
form .userInputImg { width:150px; height:100px; margin-top:10px; }

form table .profileIconImg,
form .profileIconImg { width:120px; height:120px; margin-top:10px; }

form .inputUnderTxt,
form table .inputUnderTxt { margin-top:5px; display:block; }


/*　必須アイコン　*/

img.hittsu {
/*margin-left:10px;*/
margin-right:10px;
}

form table.form-table input,
form table.form-table select {
margin:0px;
margin-right:8px;
}

p.httsu_setumei {
vertical-align:middle;
margin-bottom:20px;
}

p.httsu_setumei img.hittsu {
margin-left:0px;
margin-right:10px;
position:relative;
top:2px;
}

/*　シングルカラム-ボーダーボックス内テーブル　*/

body.single div.bor-box table {
width:810px!important;
padding-bottom:20px;
}

/*　フォームボタン　*/

.form_buttons {
padding-top:30px;
padding-bottom:30px;
}

/*button { padding:10px; }

.formBtn {
border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-family:Arial, sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

button:focus {
background: #bde9ba;
}*/

/*.mailform.dtdd-table-rs { margin-bottom:30px; }*/

/*　メールフォームボタンロールオーバー　*/

div.input_btn .col2Box-L {text-align:right;}

div.input_btn .col2Box-R {text-align:left;}

div.input_btn .col2Box-L input {
margin-right:25px;
}

div.input_btn .col2Box-R input {
margin-left:25px;
}

ul.form_buttons {
margin-left:0px!important;
}

ul.form_buttons li {
background-image:none!important;
padding-left:0px!important;
}


input.input_btn {
    border: medium none!important;
    padding: 0;
}

/*　確認画面　*/

form table.conf td {
padding-top:18px!important;
padding-bottom:18px!important;
}

/*　サンクスページ　*/

div.thanks_entry {
min-height:300px;
}


/*　登録メールアドレスの変更　*/

#main form table#mail_ad_henkou.form-table th {
width:195px !important;
}

/*　商品のお申込みフォーム　*/

.form_cam_price {
font-weight:normal;
font-size:16px;
color:#E1037A;
}

.form_goukei_tax {
font-weight:normal;
font-size:16px;
}

input#Campaign {
font-weight:normal;
font-size:16px;
color:#E1037A;
}

input#Pages,
input#Colors {
width:150px!important;
}

/*　input内の半透明文字　*/

.textfield_wrap {
  position: relative;
}
.textfield_wrap label {
font-size:16px;
line-height:1.3;
	position: absolute;
	padding: 7px;
	/*padding: 0.2em;*/
	/*padding-left:0.2em;*/
	color: #B5B5B5;
}

/*.textfield_wrap input:focus {
  position: relative;
}*/

/*　ミニフォーム　（共通）　*/

body.miniform #main ul.form_buttons {
    margin-bottom: 8px !important;
    margin-top: 30px !important;
}

/*　お問い合わせフォーム　*/

#contactform textarea {width:95%; }



.form-table-d { }

table.form-table-d { width:100%!important; }

form li,
.form-table-d li {
    background-image: none!important;
	padding-left:0px!important;
	list-style-type:none;
}

.form-table-d li label { margin-left:12px; }
.baseColor-brown input, textarea {
    border: 1px solid #dddddd;
}

.form-table-d select, .form-table-d input, .form-table-d button, .form-table-d textarea {
font-size:16px;
}

.form-table-d th { text-align:right; /*color:#644825;*/ }

.form-table-d th, .form-table-d td {
    padding-bottom: 10px;
    padding-top: 10px;
}

.form-table-d th {
    padding-right: 30px;
	font-weight:normal;	}
	
.form-table-d input { padding:7px; line-height:1; }

.form-table-d input,
.form-table-d input:focus,
.form-table-d textarea {
border-radius: 5px 5px 5px 5px;         /* CSS3 */
-moz-border-radius: 5px 5px 5px 5px;    /* Firefox */
-webkit-border-radius: 5px 5px 5px 5px;  /* Safari,Chrome */
}

.form-table-d ul,.form-table-d ol { margin:0px!important; }

/*.form-table-d td span { margin-left:14px; }*/



/*　地色付きページ　お問い合わせフォーム D　*/

entry.background-DB table.form-table-d { }

#main .entry.background-DB table.form-table-d th { width:148px!important; }

.entry.background-DB table.form-table-d textarea { width:530px!important; }

form table.form-table-d th.table-content-top { padding-top:16px; }

/*　基本フォームデザイン　*/

form.baseformdesign { }

form.baseformdesign input { font-size:16px; padding: 7px; }

form.baseformdesign ol li { list-style-type:none; }

/*　項目名+input 一体型デザイン　*/

.form-table-d  li.form-syou-koumoku:first-child {
margin-top:0px;
}

.form-table-d .ui-button-text-only .ui-button-text {
padding: 6px 17px; 
margin-left:0px;
}

.inputBackTxt { margin-left:12px; }
.form-reibun { color:#b5b5b5; font-size:14px; }

.form-table-d .icheck li { background-image:none!important; }

.baseformdesign .form-syou-koumoku { }

.baseformdesign .form-syou-koumokuu,
.form-syou-koumoku {
margin-top:10px!important;
}

form span.input-koumoku {
background-color: #E0E0E0;
padding:9px;
line-height:1;
border-radius: 5px 0px 0px 5px;         /* CSS3 */
-moz-border-radius: 5px 0px 0px 5px;    /* Firefox */
-webkit-border-radius: 5px 0px 0px 5px;  /* Safari,Chrome */
height:100%;
border: 1px solid #E0E0E0;
}

form span.input-koumoku {
position:relative;
top:1px;
top: 0px\9;
}

/*.baseformdesign .form-syou-koumoku {background-color: #e4dcc5;}*/

.baseformdesign input {
font-size:16px;
line-height:0;
 }

.baseformdesign li.form-syou-koumoku { display:block; height:100%; }
.baseformdesign .form-syou-koumoku .input-koumoku { }

.baseformdesign .form-syou-koumoku { }

#main form .input-koumoku.photoicon { padding:7px; position:relative; top:-2px; height:34px; }

#main form .input-koumoku img { width:28px; height:24px;position:relative; /*top:-2px;*/top:-4px; }

#main form .photoInput { height:21px; }

.baseformdesign .form-syou-koumoku .input-koumoku { }

.input-koumoku-photo {
	height:21px!important;
	vertical-align:middle;
}

@-moz-document url-prefix() {
.baseformdesign .input-koumoku-photo {
position:relative;
top:-3px!important;
	}
}

#main .baseformdesign .form-syou-koumoku input {
border-radius: 0px 5px 5px 0px;         /* CSS3 */
-moz-border-radius:0px 5px 5px 0px;     /* Firefox */
-webkit-border-radius: 0px 5px 5px 0px;   /* Safari,Chrome */

}



.baseformdesign .form-syou-koumoku { position:relative; }
.baseformdesign .form-syou-koumoku input.clearButton { padding:0px!important; border:none!important; height:34px; position:absolute; top:2px;  }

@-moz-document url-prefix() {
.baseformdesign .input-koumoku {
position:relative;
top:1px;
	}
}

@-moz-document url-prefix() {
.baseformdesign .form-syou-koumoku input.clearButton {
position:absolute;
top:1px;
	}
}



.baseformdesign .input-koumoku {
	display:inline-table;
	height:auto;
	*display: inline;  
    *zoom: 1;

	}
.baseformdesign .input-koumoku span {
display:table-cell;
vertical-align:middle;
*display: inline;  
    *zoom: 1;

	}
	
body #main .baseformdesign ul.form_buttons {  margin-top:20px!important; margin-bottom:10px!important;}
	
body #main ul.form_buttons li { line-height:1; font-size:1px; }
	
ul.form_buttons li input { padding:0px!important; }

.textfield_wrap input#EMAIL { width:311px; }

/*　新規メンバーのご登録　*/

#newMenberForm table { width:auto!important; margin-left:auto; margin-right:auto; margin-top:10px;  }

body.login #EntryBox #newMenberForm ul.form_buttons {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

body.login #EntryBox #newMenberForm ul.form_buttons li {
    margin-top: 0px !important;
}

/*　お問い合わせフォーム　#contactform-table　*/

#contactform-table { }

#main #contactform-table tr {
	border-top-width: 1px!important;
	border-top-style: solid!important;
	border-top-color: #E0DED3!important;
}

#contactform-table tr:first-child { border:none; }

#main #contactform-table textarea { width:684px; }

#main #contactform .form_buttons { margin-top:40px!important;}

#main #contactform-table.conf th,
#main #contactform-table.conf tr { min-height:32px!important; }

#contactform #contactform-table.conf th,
#contactform #contactform-table.conf td { padding-top:24px; padding-bottom:24px; }

form ul.form_buttons.photoinput { margin-top:0px; font-size:16px; }

body #main .baseformdesign ul.form_buttons.photoinput,
#main #contactform ul.form_buttons.photoinput,
form ul.form_buttons.photoinput { margin-top:0px!important; }

form .userInputImg-box { position:relative;}
form .userInputImg-box input.inputBtnClear {
	position:absolute;
	top:29px;
	left:150px;
	padding:0px;
}

/*　アバターの選択　#avaterChoicelist　*/

#avaterChoicelist.boxColumn { }

#avaterChoicelist.boxColumn li { background-image:none; padding-left:0px; text-align:center; }


/*=========================
 アバターの選択ーボックスカラム-5段組みレイアウト
=========================*/

.jiiro .boxColumn .col5 {
	width: 750px;/* liのマージン？px分を足した値 */
	margin-right: -20px; /* liのマージン分を引いた値 */
}
.jiiro .boxColumn .col5 .box {
	width: 130px; /* 商品個々のボックス幅 */
	margin-right: 20px;/* liのマージン */
	margin-bottom: 20px;
}

.jiiro .boxColumn .col5 .box .imgBox {
width:130px;
height:130px;
}

form.avaterChoicelistForm { }

/*#main form#avaterChoicelistForm ul.form_buttons { margin-top:0px!important; }*/

.baseColor-brown #main.mypage div#avaterChoicelist.boxColumn {
    margin-bottom: 0px;
}

/*=========================
カスタムセレクトjs 
=========================*/

/*　新セレクト指定　*/

/*.mailform select.customSelect {
  width: auto!important;
}

.mailform span.customSelect {
	border: 1px solid #dddddd;
	font-size: 18px !important;
}

.customSelectInner {
    background: rgba(0, 0, 0, 0) url("../images/icon/arrow-down-blue.png") no-repeat scroll right center;
    font-size: 18px !important;
}

.customSelect {
position: relative;
}*/


.mailform select.formselectcustom {
      font-size: 18px;
    }

    .mailform .customSelect {
      border: 1px solid #dddddd;
      padding: 6px;
      color: #4c4c4c;
      border-radius: 5px;
      font-weight: normal;
    }

    .mailform .customSelect.customSelectHover {
      border-color: #7F6B40;
    }

    .mailform .customSelect.customSelectOpen {
      border-color: #7F6B40;
    }

    /*.customSelect.customSelectFocus {
      box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    }*/

    .mailform .customSelectInner {

    }
/*.search-box.boxColumn .col2 .box span.customSelect {
   font-size: 18px;
}

.search-box.backbox .innerSpace .col2 li select.styled option {
line-height:1.7;
color:#4C4C4C;

}

.customSelectInner {
line-height:1.7;
}*/

/*=========================
カスタムラジオボタン
=========================*/

.mailform #radioset1 .ui-button-text-only .ui-button-text,
.mailform .ui-button-text-only .ui-button-text {
    font-size: 16px;
    padding: 8px 20px!important;
}

.mailform input, textarea {
    padding: 7px!important;
	font-size:16px!important;
	color:#4c4c4c;
	line-height:1.5;
}

/*=========================
各入力枠指定
=========================*/

.mailform input#age { width:90px; }

.mailform input#postcode { width:180px!important; }

.mailform input#url,
.mailform input#company,
.mailform input#name,
.mailform input#tel,
.mailform input#email { width:360px!important; }
.mailform input#add1,
.mailform input#add2 { width:350px!important; }


.mailform input#datepicker { width:260px!important; }

.mailform select.formselectcustom { width:212px!important; }

.mailform textarea#bikou { width:100%; height:200px; }

/*.mailform.dtdd-table-rs dt { border-top:none!important; background:none!important; }
.mailform.dtdd-table-rs dd { border-bottom:none!important; }
.mailform.dtdd-table-rs:first-child { border-top:none!important; }*/

/*=========================
各入力枠指定
=========================*/

#contact-form .icheck.list-col2 li {
    width: 380px;
	margin-right:10px;
}

#contact-form .icheck.list-col2 {
clear:none!important;
}

#contact-form #contact-dd-question {
padding-bottom:10px!important;
}

/*=========================
mailform pro 上書き
=========================*/
form#mailformpro dl dt,
form#mailformpro dl dd {
    border-top: none;
}

form#mailformpro dl dd {
    font-size: 16px;
}

/*=========================
mailform pro 送信ボタン
=========================*/
.mfp_buttons .formBtn,
.mfp_element_submit,
.mfp_element_reset,
.mfp_element_button {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fefefe, #dedede) repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    font-size: 24px;
    outline: medium none;
    padding: 5px 10px;
    text-shadow: 0 2px 0 #fff;
}

.mfp_buttons .formBtn:hover,
.mfp_element_submit:hover,
.mfp_element_reset:hover,
.mfp_element_button:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f7f7f7, #7ecef4) repeat scroll 0 0;
    box-shadow: 0 2px 15px #7ecef4;
}

/*=========================
contact-intro
=========================*/

#contact-intro { }

/*#contact-intro .tel {
font-size:1.75em;

}

#contact-intro .tel img {
position:relative;
top:10px;
}*/

@media screen and (max-width: 1238px) {

#contact-intro .tel img {
top:16px;
}

}