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


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

    INDEX
	
	A　* reset
	B　* the whole
	C  * link
	D  * jQuery Mobile's default clear
	E  * header
	F  * footer
	G  * btn
	H  * text (font size and color)
	I  * index
	J  * ajax page 02 (content_01)
	K  * form
	
	
------------------------------ */


/*===============================================================================
	A　* reset
===============================================================================*/


h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;}

p, hr, blockquote, address, noscript {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	border: none;
	}

ul, li , ol, dl, dt, dd , pre, table, form {
	margin: 0px;
	padding: 0px;
	}

li  {list-style-type: none;}

table , img {border: none;}

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	}

hr {display: none;clear: both;}

img {border: none;}


/*===============================================================================
	B　* the whole
===============================================================================*/


* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial,"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic","Droid Sans",Sans-Serif !important;
	}

body{
	margin-top: 0;margin-left: 0;margin-right: 0;margin-bottom: 0;
	padding:0;
	}

.cl {clear:both;}

/* -------------------------------------------
    B  * media  LAYOUT
------------------------------------------- */

/* LAYOUT 320
----------------------------------------------- */

@media (min-width: 320px) {
.ui-content {width: 100%;}
.ui-body-z .ui-header{width:100%;}
.my_header_01 {	margin:0 !important;}
}


/* LAYOUT BIG
----------------------------------------------- */

@media screen and (min-width: 640px) {

.ui-body-z{
	background:#E1F7FF;
	-webkit-background-size:25px 25px;
	background-size:25px 25px;
	}

.ui-body-z .ui-header{width:640px;}

.my_header_01 {	width:650px;margin:0 auto !important;}

.ui-header{	background-color:#FFF !important;}

.ui-content, .ui-footer, .ui-header{width: 640px !important;margin:0 auto !important;}
	
}


/* -------------------------------------
    B　* min-width
------------------------------------- */

.my_content {min-width: 320px;}

/*===============================================================================
	C  * link
===============================================================================*/

a:link,
a:visited,
a:active {text-decoration: none;}
a:hover {text-decoration: none;}
img {border: none;}

/*===============================================================================
	D  * jQuery Mobile's default clear
===============================================================================*/


.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc { 
	overflow: visible;
	white-space: normal;
}

/*===============================================================================
	E  * header
===============================================================================*/

/* -------------------------------------------
    E  * header background
------------------------------------------- */

.header {height: 65px;}

.ui-body-z .ui-header{width:100%;height:auto !important;}

.my_header_01 {
	width:100%;
	height:auto !important;
	margin:0 auto !important;
	padding:5px 0 !important;
	font-size:12px !important;
	min-width: 320px;
	text-align:center;
	letter-spacing:0.1em;
	}

.ui-title { margin:0 !important;}

/*===============================================================================
	F  * footer
===============================================================================*/

.my_footer {
	text-align:center;
	font-size:10px;
	padding:5px 0 6px 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #897d5d /*{b-bup-background-start}*/), to( #756A4D /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #897d5d /*{b-bup-background-start}*/, #756A4D /*{b-bup-background-end}*/) !important; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #897d5d /*{b-bup-background-start}*/, #756A4D /*{b-bup-background-end}*/) !important; /* FF3.6 */
	background-image:     -ms-linear-gradient( #897d5d /*{b-bup-background-start}*/, #756A4D /*{b-bup-background-end}*/) !important; /* IE10 */
	background-image:      -o-linear-gradient( #897d5d /*{b-bup-background-start}*/, #756A4D /*{b-bup-background-end}*/) !important; /* Opera 11.10+ */
	background-image:         linear-gradient( #897d5d /*{b-bup-background-start}*/, #756A4D /*{b-bup-background-end}*/) !important;
	color: #FFF /*{b-bhover-color}*/ !important;
	text-shadow: 1px /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #3e3315 /*{b-bhover-shadow-color}*/ !important;
	border-top: 1px solid #998d6c !important;
	border-bottom: 1px solid #5e553e !important;
	}

/*===============================================================================
	G  * btn
===============================================================================*/

.back_btn {	margin:20px 10px 38px 10px;}

.btn_01 {
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	float: right;
	}

.btn_space {
	margin:15px 0;
	text-align:left;
	}

.btn_space02 {
	margin:10px 0;
	text-align:left;
	}

/*===============================================================================
	H  * text (font size and color)
===============================================================================*/

.t_01 {color:#FF0000;}
.t_02 {color:#666; font-size:12px;}

/*===============================================================================
	I  * index
===============================================================================*/

.my_content {
	width:100%;
	margin:0;
	padding:0;
	background:transparent;
	}

/* -------------------------------------
    J  * top 
------------------------------------- */

.ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d {
	color:#FFFFFF !important;
	border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
	-ms-border-radius: 25px !important;
	-o-border-radius: 25px !important;
	-khtml-border-radius: 25px !important;
}

/* -------------------------------------
    K  * form area 
------------------------------------- */

.my_form_area {	margin:5px 20px 10px 20px;}

.my_form_area label,legend {color:#777777;}

span.form_txt {
	font-size:14px;
	font-weight:bold;
	color:#4b4b4b;
	letter-spacing:0.1em;
	margin:0 5px 5px 0;
	}

span.form_txt02 {
	font-size:12px;
	color:#1b64ae;
	letter-spacing:0.1em;
	}

.form_cap_area {margin: 10px 10px 0 10px; }

.bold {font-weight:bold;}

.f_last_note {margin:10px;color:#666;font-size:12px;}


.ui-input-text{ background-color:#FFF !important; }
.ui-shadow-inset{box-shadow: none !important;}


/*  K  * form caption note
----------------------------------- */

.form_cap_01 {
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	text-indent: 5px;
	background: url(../img/common/bg_cap.png) repeat-x;
	height: 46px;
	line-height: 46px;
	color: #f39700;
	letter-spacing:1px;
	border-bottom: 1px solid #f39700;
	margin:5px 0 10px 0;
}

.form_cap_02 {font-size:14px;color:#666666;}

.form_cap_03 {font-size:12px;color:#FF0000;padding:2px 0 ;}

.form_back_home { margin:0 15px; padding-bottom:15px;}


/*  K  * form note
----------------------------------- */

.form_note01 {
	margin:5px 0 0 0;
	font-size:12px;
	color:#FF0000;
	letter-spacing:0.1em;
	}

.form_note01 img {vertical-align:bottom;}


/*  K  * submit
----------------------------------- */
.submit_area {margin:15px auto 20px auto;}


/*===============================================================================
	L  * form
===============================================================================*/

table.form_style {
    border-collapse:collapse;
    color:#555;
    width:96%;
    margin:5px auto;
    font-size:14px;
	}

table.form_style, th, td { border:1px solid #B5B2AC;color:#555;}


table.form_style tr:nth-child(odd) {background-color:#FFFFFF;}

table.form_style tr:nth-child(even) {background-color:#EBEBEB;}


table.form_style caption {font-size:150%;font-weight:bold;margin:5px;}

table.form_style td, th {padding:5px;}

table.form_style thead th {
    text-align:center;
    background:#e6edf5;
    color:#4f76a3;
    font-size:100% !important;
	}

table.form_style tbody th {font-weight:bold;}

table.form_style tbody tr { background:#fcfdfe; }
table.form_style tbody tr.odd { background:#f7f9fc; }
table.form_style table a:link {
    color:#746262;
    text-decoration:none;
	}

table.form_style tfoot th, tfoot td { font-size:85%;}