@charset "utf-8";
/* CSS Document */

/* ===================================
              Layout
=================================== */

/* ===================================
              Header
=================================== */

/* ===================================
              Footer
=================================== */

/* ===================================
              Content common
=================================== */

/* ===================================
               side
=================================== */

/* ===================================
             表
=================================== */
table.contactForm {
	width: 730px;
	border: 1px #336699 solid;
	border-spacing: 0;
	background-color: #ffffff;
	margin: 10px auto;
}

table.contactForm th {
	padding: 10px;
	border: 1px #336699 solid;
	border-width: 0 0 1px 0;
	background-color: #f3f3f8;
	color: #666666;
	line-height: 120%;
	text-align: left;
	vertical-align: middle;
}

table.contactForm th p {
	vertical-align: middle;
	display:inline-block;
	padding-right: 10px;
}


/*
table th.mustImg {
	width: 40px;
	padding: 10px;
	border: 1px #336699 solid;
	border-width: 0 0 1px 0;
	background-color: #f3f3f8;
	color: #666666;
	line-height: 120%;
	text-align: left;
}

table th.title {
	width: 200px;
	padding: 10px;
	border: 1px #336699 solid;
	border-width: 0 0 1px 0;
	background-color: #f3f3f8;
	color: #666666;
	line-height: 120%;
	text-align: left;
}
*/

table.contactForm td {
	padding: 10px;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #336699 #336699 #336699 #336699;
	/border-color: #ffffff #336699 #336699 #ffffff;
	vertical-align: center;
	
}

/*確認フォーム用*/

table.confirmTable {
	width: 730px;
	border: 1px #336699 solid;
	border-spacing: 0;
	background-color: #ffffff;
    margin:10px auto;
}

table.confirmTable th {
	padding: 10px;
	border: 1px #336699 solid;
	border-width: 0 0 1px 0;
	background-color: #f3f3f8;
	color: #666666;
	line-height: 120%;
	text-align: left;
	vertical-align: middle;
}

table.confirmTable th p {
	vertical-align: middle;
	display:inline-block;
	padding-right: 10px;
}

table.confirmTable td {
	padding: 10px;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #336699 #336699 #336699 #336699;
	/border-color: #ffffff #336699 #336699 #ffffff;
	vertical-align: center;
	font-weight: bold;
}


/* ===================================
            フォーム
=================================== */

textarea {
    background-color: #ffffff;
    border: 1px solid #336699;
    font-size: 100%;
    padding: 5px 3px;
}
textarea:focus {
    background-color: #fff;
    border: 1px solid #85B2E0;
}

.InputareaBlue {
    background-color: #d8edfa;
    border: 1px solid #336699;
    font-size: 100%;
    padding: 5px 3px;
}

.InputareaWhite {
    background-color: #ffffff;
    border: 1px solid #336699;
    font-size: 100%;
    padding: 5px 3px;
}

input.btn_conf {
    background-image: url("../images/btn_conf.png");
}
input.btn_re {
    background-image: url("../images/btn_re.png");
}
input.btn_conf,
input.btn_re {
    border: medium none;
    cursor: pointer;
    height: 25px;
    text-indent: -9998px;
    width: 77px;
    }
input.btn_conf:hover,
input.btn_re:hover {
background-position:bottom
}

.btn_send {
  	width: 150px;
	height: 60px;
	cursor: pointer;
	font-size:0;
	line-height:0;
	border-style:none;
  background-image: url("../images/btn_form_send.png");
}

.btn_back {
	width: 150px;
	height: 60px;
	cursor: pointer;
	font-size:0;
	line-height:0;
	border-style:none;
	background-image: url("../images/btn_form_back.png");
}

/*
input.btn_send {
	float:right;
  padding: 10px;
}

input.btn_back {
	float:left;
	padding: 10px;
}
*/



form{
}

.FormBtnArea{
	width: 400px;
}

/* ===================================
         ボタンとテキスト
=================================== */

.ConfBtnArea {
	width: 730px;
	text-align: center;
	margin: 10px auto;
}

.SendBtnArea {
	width: 730px;
	text-align: center;
	margin: 10px auto;
}

.SendBtnAreaLeft {
	float: left;
	width: 300px;
}

.SendBtnAreaRight {
	float: right;
	width: 300px;
}

.FormAttentionArea {
	padding: 10px;
}

/*------------------------------
 スマホ用
 ------------------------------*/
@media (max-width: 736px) {
/*------------------------------


/* ===================================
             表
=================================== */
table.contactForm {
	width: 100%;
	border: 1px #336699 solid;
	border-spacing: 0;
	background-color: #ffffff;
}

table.contactForm th {
	padding: 10px;
	width: 100%;
    display: block;
	
	border: 1px #336699 solid;
	border-width: 0 0 1px 0;
	background-color: #f3f3f8;
	color: #666666;
	line-height: 120%;
	text-align: left;
	
}

table.contactForm td {
	padding: 10px;
	width: 100%;
    display: block;
	/*
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #336699 #336699 #336699 #336699;
	/border-color: #ffffff #336699 #336699 #ffffff;
	vertical-align: center;
	*/
}

/*
table th.mustImg {
	
	width: 40px;
	padding: 10px;
	border: 1px #336699 solid;
	border-width: 0 0 1px 0;
	background-color: #f3f3f8;
	color: #666666;
	line-height: 120%;
	text-align: left;
}

table th.title {
	
	padding: 10px;
	border: 1px #336699 solid;
	border-width: 0 0 1px 0;
	background-color: #f3f3f8;
	color: #666666;
	line-height: 120%;
	text-align: left;
}
*/

/*確認フォーム用*/

table.confirmTable {
	width: 100%;
	border: 1px #336699 solid;
	border-spacing: 0;
	background-color: #ffffff;
}

table.confirmTable th {
	padding: 10px;
	width: 100%;
    display: block;
	
	border: 1px #336699 solid;
	border-width: 0 0 1px 0;
	background-color: #f3f3f8;
	color: #666666;
	line-height: 120%;
	text-align: left;
	
}

table.confirmTable td {
	padding: 10px;
	width: 100%;
    display: block;
	/*
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #336699 #336699 #336699 #336699;
	/border-color: #ffffff #336699 #336699 #ffffff;
	vertical-align: center;
	*/
}


/* ===================================
            フォーム
=================================== */

textarea {
    background-color: #ffffff;
    border: 1px solid #336699;
    font-size: 100%;
    padding: 5px 3px;
}
textarea:focus {
    background-color: #fff;
    border: 1px solid #85B2E0;
}

.InputareaBlue {
    background-color: #d8edfa;
    border: 1px solid #336699;
    font-size: 80%;
    padding: 5px 3px;
}

.InputareaWhite {
    background-color: #ffffff;
    border: 1px solid #336699;
    font-size: 80%;
    padding: 5px 3px;
}

input.btn_conf {
    background-image: url("../images/btn_conf.png");
}
input.btn_re {
    background-image: url("../images/btn_re.png");
}
input.btn_conf,
input.btn_re {
    border: medium none;
    cursor: pointer;
    height: 25px;
    text-indent: -9998px;
    width: 77px;
    }
input.btn_conf:hover,
input.btn_re:hover {
background-position:bottom
}

.btn_send {
  	width: 150px;
	height: 60px;
	cursor: pointer;
	font-size:0;
	line-height:0;
	border-style:none;
  background-image: url("../images/btn_form_send.png");
}

.btn_back {
	width: 150px;
	height: 60px;
	cursor: pointer;
	font-size:0;
	line-height:0;
	border-style:none;
	background-image: url("../images/btn_form_back.png");
}


form{
}

.FormBtnArea{
	width: 400px;
}

/* ===================================
         ボタンとテキスト
=================================== */

.ConfBtnArea {
	width: 100%;
	text-align: center;
}

.SendBtnArea {
	width: 100%;
	text-align: center;
}

.SendBtnAreaLeft {
	float: left;
	width: 50%;
}

.SendBtnAreaRight {
	float: right;
	width: 50%;
}

.FormAttentionArea {
	width: 90%;
	padding: 10px;
}